/* ============================================================================
   Páginas próprias do lojista: texto livre, página montada arrastando e HTML
   colado. Só tokens do tema (var(--ec-*)), nenhuma cor literal — o mesmo
   contrato do loja.css, para a página trocar de cara junto com o tema.
   ========================================================================= */

/* ── Texto livre (editor de texto do painel) ───────────────────────────── */
.ec-rico{max-width:780px;margin-inline:auto;line-height:1.75;font-size:1.04rem;color:var(--ec-texto)}
.ec-rico--larga{max-width:none}
.ec-rico>:first-child{margin-top:0}
.ec-rico h2,.ec-rico h3,.ec-rico h4{font-family:var(--ec-fonte-titulo);line-height:1.25;margin:1.6em 0 .55em}
.ec-rico h2{font-size:1.6rem}
.ec-rico h3{font-size:1.25rem}
.ec-rico p{margin:0 0 1em}
.ec-rico ul,.ec-rico ol{margin:0 0 1.1em;padding-left:1.4em}
.ec-rico li{margin:.3em 0}
.ec-rico a{color:var(--ec-primaria);text-decoration:underline;text-underline-offset:3px}
.ec-rico img{max-width:100%;height:auto;border-radius:var(--ec-raio-sm);margin:18px 0}
.ec-rico blockquote{margin:1.4em 0;padding:14px 20px;border-left:4px solid var(--ec-primaria);background:var(--ec-suave);border-radius:0 var(--ec-raio-sm) var(--ec-raio-sm) 0}
.ec-rico table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.ec-rico td,.ec-rico th{border:1px solid var(--ec-borda);padding:9px 12px;text-align:left}
/* Alinhamento e recuo que o editor de texto grava como classe. */
.ec-rico .ql-align-center{text-align:center}
.ec-rico .ql-align-right{text-align:right}
.ec-rico .ql-align-justify{text-align:justify}
.ec-rico .ql-indent-1{padding-left:2em}
.ec-rico .ql-indent-2{padding-left:4em}
.ec-rico .ql-size-small{font-size:.85em}
.ec-rico .ql-size-large{font-size:1.3em}
.ec-rico .ql-size-huge{font-size:1.7em}

/* ── Página montada arrastando ─────────────────────────────────────────── */
.ec-livre{color:var(--ec-texto);overflow-wrap:anywhere}
.ec-livre img{max-width:100%;height:auto}
.ec-livre iframe{max-width:100%;border:0}
.ec-livre details{border:1px solid var(--ec-borda);border-radius:var(--ec-raio-sm);padding:14px 18px;margin:0 0 10px;background:var(--ec-superficie)}
.ec-livre summary{cursor:pointer;font-weight:700}

/* ── HTML colado pelo dono ─────────────────────────────────────────────── */
.ec-html__aviso{font-size:.85rem;color:var(--ec-texto-suave);border:1px dashed var(--ec-borda);border-radius:var(--ec-raio-sm);padding:10px 14px;margin:16px 0}

@media (max-width:640px){
  .ec-rico{font-size:1rem}
  .ec-rico h2{font-size:1.35rem}
}