/* ===== Firma BAW (encapsulada, prefijo bawf-) · [ID: ACD-FIRMA-WEB] [V: 5.2] · variante compacta ===== */
.bawf{
/* ← Adaptado a la paleta de Cozmar (rojo de marca; acento claro verificado AA sobre la cápsula) */
--bawf-acento:#db0f31; --bawf-acento-2:#ff6b7d; --bawf-acento-3:#b00a26;
--bawf-fondo-1:#2e2827; --bawf-fondo-2:#1b1716;
--bawf-luz:#ffe7bf; --bawf-texto:#ececec; --bawf-linea:rgba(255,107,125,.45);
margin-top:21px;text-align:center;position:relative}
.bawf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bawf-escena{position:relative;display:grid;place-items:center;min-height:64px;padding:8px 0}
.bawf-geo{position:absolute;left:50%;top:50%;width:95px;height:auto;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.bawf-sub{fill:none;stroke:var(--bawf-linea);stroke-width:2;opacity:.55;transition:opacity 900ms ease}
.bawf-marco{stroke-width:.9}
.bawf-espiral{fill:none;stroke:var(--bawf-acento);stroke-width:3.6;stroke-linecap:round;opacity:.85}
.bawf-estela{fill:none;stroke:var(--bawf-luz);stroke-width:5.5;stroke-linecap:round;opacity:0}
.bawf-punto{opacity:0}
.bawf-nucleo{fill:#fff8ea}
.bawf.is-preparada .bawf-sub{opacity:0}
.bawf.is-preparada .bawf-espiral{stroke-dasharray:var(--bawf-len) var(--bawf-len);stroke-dashoffset:var(--bawf-len)}
.bawf.is-preparada .bawf-sub.is-on{opacity:.55}
.bawf.is-terminada .bawf-sub{opacity:.32}
.bawf.is-terminada .bawf-espiral{opacity:.5;transition:opacity 1200ms ease}
.bawf-capsula{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:min(100%,250px);padding:3px 10px 3px 3px;border-radius:999px;text-decoration:none;color:var(--bawf-texto);
background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--bawf-acento) 14%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--bawf-fondo-1) 86%,transparent),color-mix(in srgb,var(--bawf-fondo-2) 90%,transparent));
border:1px solid var(--bawf-linea);box-shadow:0 0 0 1px rgba(0,0,0,.35) inset,0 5px 13px rgba(0,0,0,.4),0 0 8px color-mix(in srgb,var(--bawf-acento) 8%,transparent);
transition:border-color 300ms ease,box-shadow 300ms ease;overflow:hidden;isolation:isolate;font-size:9px;line-height:1.35;text-align:left}
.bawf-capsula::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
background:linear-gradient(110deg,transparent 35%,var(--bawf-luz) 50%,transparent 65%) 200% 0/300% 100% no-repeat;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0}
.bawf-medallon{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font:600 10px/1 Georgia,"Times New Roman",serif;color:var(--bawf-fondo-2);
background:radial-gradient(circle at 35% 30%,var(--bawf-luz),var(--bawf-acento-2) 45%,var(--bawf-acento-3));box-shadow:0 0 0 1px rgba(32,32,32,.9),0 0 0 2px var(--bawf-linea);transition:box-shadow 400ms ease}
.bawf-baw{color:var(--bawf-acento-2);font-weight:800;letter-spacing:.04em;transition:text-shadow 400ms ease}
.bawf-capsula:hover,.bawf-capsula:focus-visible{border-color:var(--bawf-acento-2);box-shadow:0 0 0 1px rgba(0,0,0,.35) inset,0 5px 13px rgba(0,0,0,.4),0 0 13px color-mix(in srgb,var(--bawf-acento) 25%,transparent)}
.bawf-capsula:focus-visible{outline:3px solid var(--bawf-acento-2);outline-offset:4px}
.bawf-capsula:hover::after,.bawf-capsula:focus-visible::after{animation:bawf-barrido 900ms ease-out 1}
.bawf.is-culmina .bawf-capsula::after{animation:bawf-barrido 1600ms ease-in-out 1}
.bawf.is-culmina .bawf-medallon{animation:bawf-realce 1600ms ease-in-out 1}
.bawf.is-culmina .bawf-baw{animation:bawf-realce-txt 1600ms ease-in-out 1}
@keyframes bawf-barrido{0%{opacity:1;background-position:200% 0}100%{opacity:1;background-position:-100% 0}}
@keyframes bawf-realce{50%{box-shadow:0 0 0 1px rgba(32,32,32,.9),0 0 0 2px var(--bawf-acento-2),0 0 21px color-mix(in srgb,var(--bawf-acento-2) 65%,transparent)}}
@keyframes bawf-realce-txt{50%{text-shadow:0 0 13px color-mix(in srgb,var(--bawf-acento-2) 75%,transparent)}}
@media (max-width:560px){.bawf-capsula{border-radius:13px}}
@media (prefers-reduced-motion:reduce){.bawf-capsula::after,.bawf.is-culmina .bawf-medallon,.bawf.is-culmina .bawf-baw{animation:none!important}.bawf-sub,.bawf-espiral{transition:none}}
