/* Piezas compartidas de la Ola 1. Cada plantilla define sus variables --aw-* en su style.css. */
.aw-announce{background:var(--aw-ink,#1f2937);color:#fff;text-align:center;font-size:.86rem;padding:9px 0}
.aw-announce a,.aw-announce span{color:#fff}
.aw-announce a{text-decoration:underline;text-underline-offset:3px}

.aw-topbar{background:var(--aw-bar-bg,var(--aw-ink,#1f2937));color:#fff;font-size:.78rem;font-weight:600}
.aw-tb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding-top:7px;padding-bottom:7px}
.aw-tb-r{display:flex;gap:22px;align-items:center}
.aw-tb a{color:#fff;font-weight:700;letter-spacing:.3px}
.aw-tb a:hover{text-decoration:underline}

.proofnote{font-size:.74rem;line-height:1.5;color:var(--aw-note,#aab4c3);padding-top:2px;padding-bottom:16px}

.aw-steps,.aw-faq{padding:72px 0;background:var(--aw-bg,#fff)}
.aw-faq{background:var(--aw-card,#fff)}
.aw-steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;counter-reset:s}
.aw-steps-list li{display:flex;gap:16px;align-items:flex-start}
.aw-n{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--aw-accent);color:var(--aw-ink);display:flex;align-items:center;justify-content:center;font-family:var(--aw-head,inherit);font-weight:700;font-size:1.05rem}
.aw-steps-list h3{font-family:var(--aw-head,inherit);font-size:1.05rem;color:var(--aw-ink);margin:2px 0 6px;line-height:1.3}
.aw-steps-list p{font-size:.95rem;color:var(--aw-muted,#5b6470);margin:0}

.aw-faq-list{max-width:820px}
.aw-faq details{border-bottom:1px solid var(--aw-line,#e3e6ea)}
.aw-faq summary{cursor:pointer;list-style:none;font-family:var(--aw-head,inherit);font-weight:700;color:var(--aw-ink);padding:18px 38px 18px 0;position:relative;font-size:1.02rem;line-height:1.4}
.aw-faq summary::-webkit-details-marker{display:none}
.aw-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--aw-accent);line-height:1}
.aw-faq details[open] summary::after{content:"−"}
.aw-faq summary:focus-visible{outline:2px solid var(--aw-accent);outline-offset:2px}
.aw-ans{padding:0 0 20px}
.aw-ans p{font-size:.97rem;color:var(--aw-muted,#5b6470);margin:0;max-width:680px}

.aw-formband{padding:54px 0;background:var(--aw-bg,#f5f6f8);border-bottom:1px solid var(--aw-line,#e3e6ea)}
.aw-fb-title{font-family:var(--aw-head,inherit);color:var(--aw-ink);font-size:1.6rem;margin:0 0 6px}
.aw-fb-sub{color:var(--aw-muted,#5b6470);margin:0 0 22px;font-size:.97rem}

.aw-bar{display:none}
@media(max-width:820px){
  .aw-bar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--aw-line,#e3e6ea);box-shadow:0 -6px 18px rgba(0,0,0,.10);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
  .aw-bar a{flex:1 1 0;text-align:center;font-weight:700;font-size:.9rem;padding:12px 6px;border-radius:6px;border:1.5px solid var(--aw-ink,#1f2937);color:var(--aw-ink,#1f2937);background:#fff;line-height:1.2}
  .aw-bar .aw-bar-call{background:var(--aw-ink,#1f2937);color:#fff}
  .aw-bar .aw-bar-wa{background:#1d7a4d;border-color:#1d7a4d;color:#fff}
  body{padding-bottom:72px}
  .aw-tb-r{gap:14px}
  .aw-tb{font-size:.74rem}
  .aw-steps,.aw-faq{padding:52px 0}
}
/* rótulo de contenido de ejemplo en demos */
.demo-tag{display:inline-block;margin-top:10px;font:700 .62rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8A5A00;background:#FFF1D0;border:1px solid #E8C879;border-radius:3px;padding:4px 7px}
@media print{.aw-bar,.aw-announce,.aw-topbar{display:none}}