/* R12 · Único componente visual compartido por los HTML antiguos. */
.cpd-shell-pendiente header.topbar,.cpd-shell-pendiente .page>header.topbar{display:none!important}
.cabecera.cabecera-clara{box-sizing:border-box;position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 36px));margin:18px auto 6px;padding:14px 18px;color:#15161a;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.82);border-radius:26px;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(145%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.cabecera-clara *,.menu-unificado *{box-sizing:border-box}
.cabecera-clara .cabecera-logo{display:flex;align-items:center;gap:15px;min-width:0;min-height:58px;color:#111216;text-decoration:none}.cabecera-clara .cabecera-logo-derecha{flex-direction:row-reverse;text-align:right}
.cabecera-clara .cabecera-icono{flex:none;object-fit:contain;padding:5px;border-radius:18px;background:#f4f5f7;border:1px solid rgba(18,20,28,.09);box-shadow:0 5px 18px rgba(0,0,0,.10)}
.cabecera-clara .cabecera-nombre{display:flex;flex-direction:column;color:#111216;font-size:clamp(1.06rem,2vw,1.48rem);font-weight:800;line-height:1.14;letter-spacing:-.025em;white-space:nowrap}.cabecera-clara .cabecera-nombre em{color:#626672;font-size:.62rem;font-style:normal;font-weight:650;letter-spacing:.29em;margin-top:4px}
.cabecera-clara .btn-menu{min-height:50px;padding:10px 27px;color:#111216;background:#f2f2f5;border:1px solid rgba(17,18,22,.10);border-radius:999px;font:inherit;font-weight:760;cursor:pointer;box-shadow:inset 0 1px 0 #fff}.cabecera-clara .btn-menu:hover,.cabecera-clara .btn-menu:focus-visible{border-color:rgba(17,18,22,.25);box-shadow:0 8px 22px rgba(0,0,0,.12);outline:0}
.menu-capa.menu-unificado{box-sizing:border-box;position:relative;z-index:999;width:min(1320px,calc(100% - 36px));margin:10px auto 0;padding:9px;background:rgba(255,255,255,.96);color:#17181c;border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.32);backdrop-filter:blur(20px) saturate(145%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.menu-unificado[hidden]{display:none!important}
.menu-unificado ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:7px}.menu-unificado li{margin:0;padding:0}.menu-unificado a{display:flex;align-items:center;min-height:46px;padding:10px 13px;color:#25262b;background:#f5f5f7;border-radius:14px;font-size:.9rem;font-weight:650;letter-spacing:-.01em;text-decoration:none}.menu-unificado a:hover,.menu-unificado a:focus-visible{color:#000;background:#e9f9fc;outline:2px solid rgba(35,231,255,.55);outline-offset:-2px}
.menu-acciones{display:flex;gap:9px;padding:7px;border-top:1px solid rgba(18,20,28,.08)}.menu-acciones .btn-musica,.menu-acciones .menu-whatsapp{box-sizing:border-box;display:flex;align-items:center;flex:1;justify-content:center;min-height:46px;border-radius:14px;padding:11px 14px;border:0;font:inherit;font-size:.88rem;font-weight:720;cursor:pointer;text-decoration:none}.menu-acciones .btn-musica{gap:8px;color:#fff;background:#17181c}.menu-acciones .btn-musica[aria-pressed="true"]{background:#6920d8}.menu-acciones .menu-whatsapp{color:#073512;background:#ccf6d6}
@media(max-width:560px){.cabecera.cabecera-clara{width:calc(100% - 20px);margin:10px auto 4px;padding:10px 11px;border-radius:21px}.cabecera-clara .cabecera-nombre{font-size:.96rem}.cabecera-clara .cabecera-nombre em{font-size:.48rem;letter-spacing:.2em}.cabecera-clara .btn-menu{min-height:44px;padding:9px 17px}.menu-capa.menu-unificado{width:calc(100% - 20px)}.menu-unificado ul{grid-template-columns:1fr}.menu-acciones{flex-direction:column}}