:root{--fondo:#F6EFDD;--tarjeta:#FFFDF4;--acento:#B8860B;--turquesa:#8A6408;--texto:#33302A;--suave:#786E5F;--borde:#E3D3AC}
*{box-sizing:border-box} body{margin:0;font-family:Georgia,'Times New Roman',serif;background:linear-gradient(180deg,#F6EFDD 0%,#F3E9CD 58%,#EFE3C2 100%);background-attachment:fixed;color:var(--texto)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(2px 2px at 12% 22%,#8A64082e,transparent),radial-gradient(1.5px 1.5px at 68% 12%,#B8860B38,transparent),
 radial-gradient(2px 2px at 84% 34%,#8A640824,transparent),radial-gradient(1.5px 1.5px at 38% 8%,#B8860B2e,transparent),
 radial-gradient(1.5px 1.5px at 52% 28%,#8A64081f,transparent),radial-gradient(2px 2px at 26% 40%,#B8860B24,transparent)}
a{color:var(--turquesa)}
header{position:sticky;top:0;z-index:55;padding:0 22px;border-bottom:1.5px solid #B8860B66;background:#F6EFDD;box-shadow:0 2px 12px #B45F2A1F}
.subcab{padding:12px 22px 4px}
.cab-fila{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%;padding-top:5px;padding-bottom:5px}
/* Barra superior como la de Lobo Cultura (paquete 19, 2026-10-31):
   fila 1 = marca + píldora de la casa hermana; fila 2 = píldora de la
   cuenta a la izquierda y «Instala la app» a la derecha; fila 3 = la
   navegación como franja compacta y discreta. Las dos tarjetas grandes
   que vivían bajo las redes («Pregúntale al Lobo» y «Hola, …») se
   retiran: la cuenta queda en su píldora y el Lobo en su botón
   flotante de siempre. EXCEPCIÓN del titular: el avatar de la píldora
   de la cuenta se queda al tamaño de Lobo Audio (44 px, el de la
   tarjeta retirada), NO al de la píldora de Cultura (28 px). */
.cab-cuenta{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:0;padding-bottom:5px;flex-wrap:wrap}
.cab-cuenta .cuenta-pil{flex:none}
.cab-cuenta .casa-pil{flex:none;margin-left:0}
.cuenta-pil{display:inline-flex;align-items:center;gap:7px;border:1px solid #B8860B;background:#FFFDF4;color:var(--texto);border-radius:999px;padding:4px 13px 4px 5px;font-family:inherit;font-size:.95rem;font-weight:bold;cursor:pointer;box-shadow:0 3px 10px #B45F2A1f;transition:transform .08s ease,background .15s ease;-webkit-tap-highlight-color:transparent}
.cuenta-pil:hover{background:#fff}
.cuenta-pil:active{transform:scale(.97);background:#F3E9CD}
.cuenta-pil .ba-ico-cuenta{width:34px;height:34px;border-radius:50%;background:#F1E6C8;border:1px solid #8A640855;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:none;overflow:hidden}
.cuenta-pil .ba-ico-cuenta.con-foto{background:none;border:none}
.cuenta-pil .ba-txt{line-height:1.15;text-align:left}
.cab-cuenta .btn-instalar{margin-left:auto;flex:none}
.cab-nav{display:flex;align-items:center;gap:4px;margin-top:0;padding-top:5px;padding-bottom:5px;border-top:1px solid #B8860B33}
.cab-nav a{color:var(--texto);text-decoration:none;font-size:13.5px;font-weight:bold;margin:0;padding:2px 8px;border-radius:999px}
.cab-nav a:hover{color:var(--turquesa);background:#B8860B14}
.cab-nav .sep{color:#B8860B;font-weight:bold}
.cab-busca{display:flex;align-items:center;gap:4px;flex:1 1 auto;max-width:190px;min-width:0;margin-left:8px}
.cab-nav .cab-busca input{flex:1;min-width:0;height:26px;-webkit-appearance:none;appearance:none;font:inherit;font-size:13px;padding:3px 10px;border:1px solid #B8860B66;border-radius:999px;background:#fffdf4;color:var(--texto)}
.cab-busca button{height:26px;display:inline-flex;align-items:center;font:inherit;font-size:13px;cursor:pointer;-webkit-appearance:none;appearance:none;color:var(--texto);border:1px solid #B8860B66;background:#B8860B14;border-radius:999px;padding:0 9px;line-height:1.2}
@media(max-width:480px){header{padding:0 12px}.subcab{padding:12px 14px 4px}.logo img{width:36px;height:36px}.cuenta-pil{font-size:.9rem;padding:3px 10px 3px 4px;gap:6px}.cuenta-pil .ba-ico-cuenta{width:32px;height:32px}.cuenta-pil .ba-avatar{width:32px;height:32px}.cab-nav a{font-size:13px;padding:2px 6px}}
body.sin-scroll{overflow:hidden}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #8A640873;outline-offset:1px}
.logo{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.brand{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.28rem;letter-spacing:.02em;color:var(--texto);line-height:1.15;min-width:0}
.brand small{display:block;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#6b5226;margin-top:2px}
.logo img{width:36px;height:36px;border-radius:50%;display:block}
@media(max-width:560px){.brand{font-size:1rem}.brand small{display:none}}
/* Cambio de casa (paquete 16, 2026-10-31): la marca hermana vive en la
   barra superior FIJA como una píldora tranquila a la derecha, con la
   cara de su lobo bien visible: fondo translúcido, borde dorado fino y
   texto modesto — la misma discreción del botón cruzado de Cultura. */
.casa-pil{display:inline-flex;align-items:center;gap:7px;flex:none;text-decoration:none;color:#5C4303;background:#f9f1da;border:1.5px solid #B8860B;border-radius:999px;padding:4px 13px 4px 5px;font-size:.95rem;font-weight:bold;-webkit-tap-highlight-color:transparent}
.casa-pil img{width:34px;height:34px;border-radius:50%;display:block;flex:none}
.casa-pil:hover{background:#FFFDF4}
@media(max-width:480px){.casa-pil{font-size:.9rem;gap:6px;padding:3px 10px 3px 4px}.casa-pil img{width:32px;height:32px}}
.redes-lobo{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:0}
.redes-lobo a{color:#6b5226;opacity:.85;display:inline-flex;line-height:0;flex:none}
.redes-lobo a:hover{opacity:1}
.redes-lobo svg{width:23px;height:23px;max-width:23px;max-height:23px;flex:none;display:block}
.heroe .logo-grande{width:min(280px,72vw);height:auto;border-radius:20px;box-shadow:0 10px 30px #B45F2A33}
nav a{color:var(--texto);text-decoration:none;margin-left:18px} nav a:hover{color:var(--turquesa)}
main{max-width:1100px;margin:0 auto;padding:24px 18px 60px;position:relative}
h1{font-size:34px;margin:8px 0} h2{color:var(--turquesa);margin-top:38px}
.heroe{text-align:center;padding:40px 10px 8px}
.heroe h1{font-size:clamp(2.3rem,7vw,3.4rem);font-weight:800;margin:20px 0 0;color:var(--texto)}
.heroe h1 .gold{color:var(--acento)}
.heroe .desc{max-width:560px;margin:14px auto 0;font-size:1.05rem;line-height:1.55;color:#57503F}
.heroe .cifras{font-size:1.19rem;margin-top:16px}
.heroe .cifras strong{color:var(--texto)}
.heroe-btns{display:flex;justify-content:center;align-items:stretch;gap:14px;flex-wrap:wrap;margin-top:22px}
.heroe .btn-dorado{display:inline-flex;align-items:center;justify-content:center;background:var(--acento);color:#fff8e6;border:1.5px solid #8A6408;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 6px 16px rgba(62,42,16,.25)}
.heroe .btn-dorado:hover{background:#8A6408}
.heroe .btn-contorno{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#8A6408;border:1.5px solid var(--acento);border-radius:10px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:800;text-decoration:none}
.heroe .btn-contorno small{font-size:.72rem;font-weight:600;margin-top:2px}
.luna{font-size:54px}
.totales{font-size:19px;color:var(--suave)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-top:16px}
.card{background:var(--tarjeta);border:1px solid #B8860B2e;border-radius:12px;padding:10px;text-align:center;box-shadow:0 4px 14px #B45F2A14}
.card img{width:100%;border-radius:8px}
.card h3{font-size:15px;margin:8px 0 2px}.card p{margin:2px 0;color:var(--suave);font-size:13px}
.card a{color:inherit;text-decoration:none}
.edad{display:inline-block;background:var(--turquesa);color:#fff;border-radius:10px;padding:0 8px;font-size:12px;font-weight:bold}
.btn{display:inline-block;background:var(--acento);color:#2B1608;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:bold;margin:4px}
.btn.sec{background:transparent;color:var(--turquesa);border:1px solid var(--turquesa)}
.volver-ficha{display:inline-flex;align-items:center;gap:8px;background:var(--acento);color:#2B1608;font-weight:bold;font-size:1rem;padding:12px 20px;min-height:48px;border-radius:999px;border:2px solid #8A6408;text-decoration:none;box-shadow:0 4px 14px #B45F2A33}
.volver-ficha:hover{background:#9C740A}
.volver-pie-ficha{margin:30px 0 6px}
.controles{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
input[type=search]{flex:1;min-width:200px;padding:11px;border-radius:10px;border:1px solid #DCC794;background:#FFFDF8;color:var(--texto);font-size:16px}
select,button.chip{padding:10px;border-radius:10px;border:1px solid #DCC794;background:#FFFDF8;color:var(--texto);font-size:15px}
button.chip.activo{background:var(--acento);color:#2B1608;font-weight:bold}
.ficha{display:flex;gap:22px;flex-wrap:wrap}.ficha img{width:230px;border-radius:12px}
.partes{list-style:none;padding:0;margin-top:14px}
.partes li{padding:9px 12px;border-bottom:1px solid #6B4F351f;cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.partes li:hover{background:#B8860B14}.partes li.activa{background:#B8860B26;color:#8A6408}
audio{width:100%;margin-top:14px}
.nota-afil{font-size:12px;color:var(--suave)}
footer{border-top:1px solid #B8860B33;padding:18px 22px;color:var(--suave);font-size:14px;text-align:center;position:relative}
.aviso-edad{background:#F1E6C8;border:1px solid #8A640844;border-radius:12px;padding:12px 16px}
.card .sinopsis-card{font-size:12.5px;line-height:1.45;color:#5C5546;text-align:left;margin-top:6px}
.sinopsis-ficha{font-size:17px;line-height:1.6;background:#F3E9CD;border:1px solid #E3D3AC;border-radius:12px;padding:14px 18px;margin:16px 0}
.btn-instalar{margin-left:8px;padding:5px 11px;border-radius:999px;border:1px solid var(--turquesa);background:#fff;color:var(--turquesa);font-family:inherit;font-size:.82rem;font-weight:bold;cursor:pointer;vertical-align:middle}
.btn-instalar:hover{background:#F1E6C8}
.ayuda-ios{margin:0;padding:10px 22px;background:#F1E6C8;border-bottom:1px solid #8A640844;color:#5C4303;font-size:14.5px;text-align:center}
.instalar-cuerpo{padding:17px 18px 21px;overflow-y:auto}
.instalar-aviso{background:#F3E9CD;border:1px solid #E3D3AC;border-radius:12px;padding:11px 14px;font-size:15px;line-height:1.5;margin:0 0 15px}
.instalar-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.instalar-nav-btn{flex:1 1 auto;padding:10px 8px;border-radius:999px;border:1.6px solid #DCC794;background:#fff;font-family:inherit;font-size:14.5px;font-weight:bold;cursor:pointer;white-space:nowrap}
.instalar-nav-btn:hover{background:#F1E6C8}
.instalar-nav-btn.activo{background:var(--turquesa);border-color:var(--turquesa);color:#fff}
.instalar-nota-pc{background:#F1E6C8;border:1px solid #8A640844;border-radius:12px;padding:11px 14px;font-size:15px;line-height:1.5;margin:2px 0 4px}
.instalar-paso{display:flex;gap:13px;margin:0 0 21px;align-items:flex-start}
.instalar-paso:last-child{margin-bottom:2px}
.instalar-num{flex:none;width:31px;height:31px;border-radius:50%;background:var(--turquesa);color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:16.5px;margin-top:2px}
.instalar-txt{flex:1;font-size:16.5px;line-height:1.5;margin:0}
.instalar-dibujo{text-align:center;margin-top:6px}
.instalar-flecha{display:block;margin:7px auto 0;animation:inst-baja 1.4s ease-in-out infinite}
@keyframes inst-baja{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media (prefers-reduced-motion: reduce){.instalar-flecha{animation:none}}
.instalar-menu{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #DCC794;border-radius:10px;padding:8px 12px;font-weight:bold;margin-top:7px;font-size:15.5px}
.instalar-logo{width:52px;height:52px;border-radius:14px;vertical-align:middle;margin-right:9px}
.gv{margin:0 0 22px}
.gv-tel{width:min(228px,68vw);margin:0 auto;background:#241A12;border-radius:38px;padding:9px;box-shadow:0 14px 34px #1F0E0240;cursor:pointer}
.gv-pantalla{position:relative;background:#F6EFDD;border-radius:29px;overflow:hidden;aspect-ratio:9/17.6}
.gv-escena{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.gv-escena.activa{opacity:1;pointer-events:auto}
.gv-escena svg{width:100%;height:100%;display:block}
.gv-marca{fill:#B8860B1f;stroke:#B8860B;stroke-width:2.6;animation:gv-marca 1.5s ease-in-out infinite}
@keyframes gv-marca{0%,100%{opacity:1}50%{opacity:.4}}
.gv-onda{fill:none;stroke:#B8860B;stroke-width:2.2;transform-box:fill-box;transform-origin:center;animation:gv-onda 1.5s ease-out infinite}
@keyframes gv-onda{0%{transform:scale(.5);opacity:.95}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
.gv-punto{fill:#B8860B;transform-box:fill-box;transform-origin:center;animation:gv-punto 1.5s ease-in-out infinite}
@keyframes gv-punto{0%,100%{transform:scale(1)}50%{transform:scale(.7)}}
.gv-pie{text-align:center;font-size:15.5px;line-height:1.45;margin:11px 4px 0;min-height:45px}
.gv-estado{text-align:center;font-size:13.5px;color:var(--suave);margin:6px 0 0}
.gv-controles{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px}
.gv-nav{width:40px;height:40px;border-radius:50%;border:1px solid #DCC794;background:#fff;color:var(--turquesa);font-size:23px;font-weight:bold;cursor:pointer;line-height:1;font-family:inherit}
.gv-nav:hover{background:#F1E6C8}
.gv-puntos{display:flex;gap:7px}
.gv-punto-ui{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:#DCC794;cursor:pointer}
.gv-punto-ui.activo{background:var(--acento);transform:scale(1.3)}
@media (prefers-reduced-motion: reduce){.gv-marca,.gv-onda,.gv-punto{animation:none}.gv-escena{transition:none}}

.btn-guia{position:fixed;right:16px;bottom:16px;z-index:60;background:var(--acento);color:#2B1608;border:none;border-radius:999px;padding:13px 19px;font-family:inherit;font-size:16px;font-weight:bold;box-shadow:0 8px 22px #B45F2A55;cursor:pointer}
.btn-guia:hover{background:#9C740A}
.ventana{position:fixed;inset:0;z-index:100;background:rgba(51,32,16,.55);font-family:inherit}
.ventana[hidden]{display:none!important}
.ventana:not([hidden]){display:flex;align-items:flex-end;justify-content:center;animation:ventana-fondo .18s ease-out}
@media(min-width:640px){.ventana:not([hidden]){align-items:center;padding:18px}}
.ventana-tarjeta{background:#FFFDF8;width:100%;max-width:560px;max-height:94dvh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 18px 50px #1F0E0240;animation:ventana-entra .22s ease-out}
@media(min-width:640px){.ventana-tarjeta{border-radius:16px}}
.guia-tarjeta{height:min(88dvh,660px)}
#libros-panel{z-index:101}
.tarjeta-libros{max-width:680px;height:min(92dvh,860px)}
@keyframes ventana-fondo{from{opacity:0}to{opacity:1}}
@keyframes ventana-entra{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ventana:not([hidden]),.ventana-tarjeta{animation:none}}
.guia-cab{display:flex;justify-content:space-between;align-items:center;background:var(--turquesa);color:#fff;padding:11px 15px;font-weight:bold;font-size:16px}
.guia-cab button{background:transparent;border:none;color:#fff;font-size:17px;cursor:pointer;padding:2px 7px;line-height:1}
.guia-msjs{overflow-y:auto;padding:12px 13px;display:flex;flex-direction:column;flex:1;min-height:0}
.guia-msg{max-width:88%;padding:9px 12px;border-radius:14px;margin:4px 0;font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:break-word}
.guia-msg.lobo{background:#F3E9CD;border:1px solid var(--borde);align-self:flex-start;border-bottom-left-radius:5px}
.guia-msg.user{background:var(--turquesa);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.guia-cards{display:flex;flex-direction:column;gap:8px;margin:7px 0 3px;width:100%}
.guia-card{display:flex;gap:10px;background:#fff;border:1px solid #B8860B33;border-radius:12px;padding:8px;text-decoration:none;color:inherit;align-items:center}
.guia-card:hover{border-color:var(--acento)}
.guia-card img{width:44px;height:66px;object-fit:cover;border-radius:6px;flex:none}
.guia-card h4{margin:0 0 2px;font-size:14.5px;line-height:1.25}
.guia-card p{margin:0;color:var(--suave);font-size:12.5px;line-height:1.35}
.guia-chips{display:flex;gap:7px;overflow-x:auto;padding:9px 12px 3px;scrollbar-width:none}
.guia-chips::-webkit-scrollbar{display:none}
.guia-chip{flex:none;background:#F1E6C8;border:1px solid #8A640855;color:#5C4303;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:13.5px;cursor:pointer}
.guia-chip:hover{background:#E7D9B4}
.guia-form{display:flex;gap:8px;padding:10px 12px 13px;border-top:1px solid #E3D3AC55}
.guia-form input{flex:1;padding:11px;border-radius:10px;border:1px solid #DCC794;background:#fff;color:var(--texto);font-size:16px;font-family:inherit;min-width:0}
.guia-form button{background:var(--acento);color:#2B1608;border:none;border-radius:10px;padding:11px 15px;font-family:inherit;font-size:15px;font-weight:bold;cursor:pointer}
.guia-form button:disabled{opacity:.55;cursor:wait}
.guia-voz{display:flex;margin:2px 0 7px}
.guia-escuchar{background:var(--turquesa);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:bold;cursor:pointer;box-shadow:0 3px 10px #8A640833}
.guia-escuchar:hover{background:#6E5406}
.guia-escuchar.leyendo{background:#8A6408}
.guia-voz-auto{display:flex;align-items:center;gap:9px;padding:9px 13px 1px;font-size:14.5px;color:#5C4303}
.guia-voz-auto input{width:21px;height:21px;accent-color:var(--turquesa);flex:none;cursor:pointer}
.guia-voz-auto label{cursor:pointer;line-height:1.3}
.guia-hablar-fila{display:flex;gap:8px;padding:11px 12px 0;flex-wrap:wrap}
.guia-hablar{flex:1 1 180px;background:var(--acento);color:#2B1608;border:none;border-radius:12px;padding:13px 16px;font-family:inherit;font-size:16.5px;font-weight:bold;cursor:pointer;box-shadow:0 4px 14px #B45F2A33}
.guia-hablar:hover{background:#9C740A}
.guia-hablar.dictando{background:#9C740A;animation:dictar-pulso 1s ease-in-out infinite}
.guia-terminar{background:#fff;border:1px solid #E8A49C;color:#8C2B1F;border-radius:12px;padding:13px 14px;font-family:inherit;font-size:14.5px;font-weight:bold;cursor:pointer}
.guia-escucha-estado{padding:8px 14px 0;font-size:15.5px;color:#8A6408;font-weight:bold}
@keyframes dictar-pulso{0%,100%{opacity:1}50%{opacity:.5}}
@media (prefers-reduced-motion: reduce){.guia-hablar.dictando{animation:none}}
.perfil-cuerpo{padding:13px 15px calc(var(--lobo-bar-h, 0px) + 17px);overflow-y:auto;flex:1;min-height:0}
.perfil-nota{margin:0 0 10px;font-size:14.5px;line-height:1.45;color:#5C5546}
.perfil-sub{margin:16px 0 7px;color:var(--turquesa);font-size:16px}
.perfil-form{display:flex;flex-direction:column;gap:8px}
.perfil-form input,.perfil-form select{padding:11px;border-radius:10px;border:1px solid #DCC794;background:#fff;color:var(--texto);font-size:16px;font-family:inherit}
.perfil-form button{background:var(--turquesa);color:#fff;border:none;border-radius:10px;padding:11px 15px;font-family:inherit;font-size:15px;font-weight:bold;cursor:pointer}
.cuenta-elegir{display:flex;flex-direction:column;gap:11px;margin:8px 0 6px}
.cuenta-eleccion{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:2px solid #DCC794;color:var(--texto);border-radius:14px;padding:16px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cuenta-eleccion:active{transform:scale(.98)}
.cuenta-eleccion .ce-ico{font-size:27px;line-height:1;flex:none}
.cuenta-eleccion .ce-tit{display:block;font-size:16.5px;font-weight:bold;line-height:1.25}
.cuenta-eleccion .ce-sub{display:block;font-size:13px;color:var(--suave);margin-top:2px;line-height:1.3}
.cuenta-eleccion.nuevo{background:var(--turquesa);border-color:var(--turquesa);color:#fff}
.cuenta-eleccion.nuevo .ce-sub{color:#EFE0BA}
.familia-beneficios{background:linear-gradient(180deg,#F3E9CD,#F3E2B8);border:1.5px solid #b8860b;border-radius:14px;padding:16px 18px;margin:2px 0 14px;box-shadow:0 4px 14px #B45F2A14}
.familia-beneficios h3{margin:0 0 8px;color:#7a5804;font-size:18.5px;line-height:1.3}
.familia-beneficios .fb-intro{margin:0 0 10px;line-height:1.5;font-size:15px}
.familia-beneficios ul{list-style:none;margin:0;padding:0}
.familia-beneficios li{display:flex;gap:10px;align-items:flex-start;padding:5px 0;line-height:1.45;font-size:15px}
.familia-beneficios .fb-ico{font-size:19px;line-height:1.3;flex:none}
.familia-beneficios .fb-txt{flex:1;min-width:0}
.familia-beneficios .fb-ok{color:var(--turquesa);font-weight:bold;flex:none;font-size:16px}
.familia-beneficios .fb-crear{display:block;width:100%;margin-top:12px;background:var(--acento);color:#2B1608;border:2px solid #8A6408;border-radius:12px;padding:13px 16px;font-family:inherit;font-size:16px;font-weight:bold;cursor:pointer;-webkit-tap-highlight-color:transparent}
.familia-beneficios .fb-crear:active{transform:scale(.98)}
.pleg53-btn{background:none;border:0;padding:0 2px;margin-left:8px;font:inherit;color:#8A6408;cursor:pointer;display:inline-flex;align-items:center;font-size:.92em;-webkit-tap-highlight-color:transparent}.pleg53-c[hidden]{display:none}.letra-lupa-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:6px 8px;border:1.5px solid #b8860b;border-radius:999px;background:#fffdf4;font-size:16px;cursor:pointer;font-family:inherit}.letra-lupa-btn.on{background:#f3e2b8;border-color:#8A6408}.lobo-lupa{position:fixed;width:156px;height:156px;border-radius:50%;border:2.5px solid #B8860B;box-shadow:0 10px 30px rgba(20,16,40,.45),inset 0 0 0 3px rgba(255,248,230,.65);overflow:hidden;z-index:400;pointer-events:none;background:#FFFDF4}
.rad-min{flex:none;background:none;border:1px solid rgba(184,134,11,.7);border-radius:8px;color:#F6EFDD;font-size:13px;line-height:1;cursor:pointer;padding:6px 8px;font-family:inherit}
@media(max-width:480px){.familia-beneficios{padding:14px}.familia-beneficios h3{font-size:17px}}
/* PAQUETE 39 · la palanca de los beneficios: el cuadro se minimiza
   solo a los 15 s de abrir Mi cuenta y queda su pastilla. */
.familia-beneficios .fb-palanca{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 8px;padding:0;background:none;border:none;font-family:inherit;font-size:18.5px;font-weight:bold;line-height:1.3;color:#7a5804;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.familia-beneficios.min .fb-palanca{margin-bottom:0}
.familia-beneficios .fb-tit-corto{display:none}
.familia-beneficios.min .fb-tit-largo{display:none}
.familia-beneficios.min .fb-tit-corto{display:inline}
.familia-beneficios .fb-flecha{margin-left:auto;flex:none;font-size:15px;transition:transform .2s}
.familia-beneficios.min .fb-flecha{transform:rotate(-90deg)}
.familia-beneficios.min .fb-cuerpo{display:none}
@media(max-width:480px){.familia-beneficios .fb-palanca{font-size:17px}}
/* PAQUETE 39 · la barrita de acciones de los textos de la casa */
.texto-acciones{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.texto-acciones .ta-btn{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1.5px solid #b8860b;border-radius:999px;background:#fffdf4;color:#7a5804;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.texto-acciones .ta-btn:active{transform:scale(.97)}
.texto-acciones .ta-btn.guardado{background:#f3e2b8}
.texto-acciones .ta-btn.leyendo{background:#b8860b;color:#fff8e6}
.texto-acciones .texto-invita{flex:1 1 100%;border:1.5px dashed #b8860b;border-radius:12px;background:#fff8e6;padding:10px 12px}
.texto-acciones .texto-invita[hidden]{display:none}
.texto-acciones .texto-invita p{margin:0 0 8px;line-height:1.45;font-size:.95rem}
.texto-acciones .texto-invita .ta-crear{background:var(--acento);border-color:#8A6408;color:#2B1608;margin-right:6px}
/* PAQUETE 39 · la vista limpia de impresión de un texto */
#lobo-print-zone{display:none}
@media print{
  body.lobo-imprimiendo>*:not(#lobo-print-zone){display:none!important}
  body.lobo-imprimiendo #lobo-print-zone{display:block!important;font-family:Georgia,serif;color:#1c1a15;padding:24px}
  #lobo-print-zone .lp-casa{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a5804;margin:0 0 6px}
  #lobo-print-zone h1{font-size:24px;line-height:1.25;margin:0 0 16px}
  #lobo-print-zone p{font-size:13.5px;line-height:1.65;margin:0 0 10px}
  #lobo-print-zone .lp-pie{margin-top:20px;font-size:12px;color:#7a5804;text-align:center}
}
/* PAQUETE 39 · Destacados del inicio en formato grande (el de las
   salas de Lobo Cultura): rejilla espejo y tarjetas grandes con
   reseña, para que el libro se note */
.grid-dest39{display:grid;grid-template-columns:1fr;gap:18px;max-width:1024px;margin:16px auto 0}
@media(min-width:640px){.grid-dest39{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.grid-dest39{grid-template-columns:1fr 1fr 1fr}}
.card-grande39{display:flex;flex-direction:column;text-decoration:none;background:var(--tarjeta);border:1px solid #B8860B2e;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #B45F2A14;transition:transform .18s ease,border-color .18s ease;color:inherit}
.card-grande39:hover{transform:translateY(-3px);border-color:#B8860B}
.card-grande39 .foto{aspect-ratio:4/3;overflow:hidden;background:linear-gradient(180deg,#F3E2B8,#EADFC2);display:flex;align-items:center;justify-content:center}
.card-grande39 .foto img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 4px 18px rgba(62,42,16,.35)}
.card-grande39 .cuerpo{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;text-align:left}
.card-grande39 h3{font-size:1.42rem;margin:0;line-height:1.25}
.card-grande39 .autor{margin:0;font-weight:700;color:var(--texto);font-size:.98rem}
.card-grande39 .resena{margin:0;color:var(--suave);font-size:.95rem;line-height:1.5;flex:1}
.card-grande39 .meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}
.card-grande39 .count{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5C4303;background:#F3E2B8;padding:5px 10px;border-radius:999px}
.card-grande39 .entrar{font-weight:800;color:#8A6408;font-size:.95rem;white-space:nowrap}
/* PAQUETE 39·A11: la ✕ discreta del fundador y su confirmación en línea */
.a11-card{position:relative}
.a11-x{position:absolute;top:6px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid #DCC794;background:#FFF9EC;color:#8A6408;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}
.a11-x:hover{background:#F3E2B8}
.a11-conf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#FDECEA;border:1px solid #E0A899;border-radius:8px;padding:6px 10px;margin:0 0 8px;font-size:.9rem}
.a11-conf[hidden]{display:none}
.a11-si{background:#B3261E;color:#fff;border:0;border-radius:8px;padding:4px 12px;font:inherit;font-weight:700;cursor:pointer}
.a11-no{background:#FFF9EC;border:1px solid #DCC794;border-radius:8px;padding:4px 12px;font:inherit;cursor:pointer}
.a11-vaciar{margin:0 0 10px}
.sigue-enlace{color:inherit;text-decoration:none}
.sigue-ir{cursor:pointer}
.cuenta-volver{margin:0 0 9px}
.cuenta-cruce{margin:13px 0 0;font-size:14.5px;color:var(--suave)}
.reglas{list-style:none;margin:2px 0 4px;padding:0;font-size:13.5px;color:var(--suave)}
.reglas li{margin:3px 0}
.reglas li::before{content:'○ ';font-weight:bold}
.reglas li.ok{color:var(--turquesa);font-weight:bold}
.reglas li.ok::before{content:'✓ '}
.campo-clave{position:relative}
.campo-clave input{width:100%;padding-right:46px}
.campo-clave .ojito{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:18px;padding:6px;line-height:1;color:var(--texto)}
.cuenta-msg{font-size:14px;line-height:1.45;margin:9px 0 0;padding:9px 12px;border-radius:10px;display:none}
.cuenta-msg.error{display:block;background:#FDECEA;border:1px solid #E8A49C;color:#8C2B1F}
.cuenta-msg.bien{display:block;background:#F1E6C8;border:1px solid #8A640855;color:#5C4303}
.cuenta-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cuenta-acciones button{background:#F1E6C8;border:1px solid #8A640855;color:#5C4303;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:14px;cursor:pointer}
.cuenta-acciones button.principal{background:var(--acento);border-color:var(--acento);color:#2B1608;font-weight:bold}
.cuenta-saludo{font-size:16.5px;margin:2px 0 2px}
.cuenta-correo{color:var(--suave);font-size:13.5px;margin:0 0 4px}
.cuenta-enlace{background:none;border:none;color:var(--turquesa);font-family:inherit;font-size:14px;cursor:pointer;padding:4px 0;text-decoration:underline}
.cuenta-saludo{display:flex;align-items:center;gap:10px}
#btn-accion-cuenta .ba-txt{display:block;min-width:0;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cuenta-cab{display:flex;align-items:center;gap:14px;margin:2px 0 8px}
.cc-nombre{font-size:17.5px;font-weight:bold;margin:0;line-height:1.25}
.cc-sub{color:var(--suave);font-size:13.5px;margin:2px 0 0}
.cuenta-menu{display:flex;flex-direction:column;gap:9px;margin-top:12px}
.cuenta-fila{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:1.5px solid #DCC794;color:var(--texto);border-radius:13px;padding:13px 14px;font-family:inherit;font-size:15.5px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cuenta-fila:active{transform:scale(.985)}
.cuenta-fila .cf-ico{font-size:23px;line-height:1;flex:none}
.cuenta-fila .cf-txt{flex:1;min-width:0}
.cuenta-fila .cf-flecha{color:var(--suave);font-size:19px;flex:none;line-height:1}
.cuenta-fila .cf-sub{display:block;font-size:13px;color:var(--suave);font-weight:normal;line-height:1.3;margin-top:1px}
.cuenta-fila.peligro{border-color:#E8A49C;color:#8C2B1F}
.cuenta-fijo{background:#F3E9CD;border:1px dashed #DCC794;border-radius:10px;padding:10px 12px;font-size:15px}
.cuenta-fijo b{color:var(--suave);font-weight:normal;font-size:13px;display:block}
.cuenta-conf-fila{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1.5px solid #DCC794;border-radius:13px;padding:13px 14px;margin:9px 0;cursor:pointer}
.cuenta-conf-fila input{width:21px;height:21px;flex:none;margin:2px 0 0;accent-color:var(--turquesa)}
.cuenta-conf-fila .ccf-tit{font-size:15.5px;font-weight:600;line-height:1.3;display:block}
.cuenta-conf-fila .ccf-sub{font-size:13px;color:var(--suave);line-height:1.35;display:block;margin-top:2px}
.cuenta-conf-fila.desactivada{opacity:.55;cursor:default}
.perfil-form button.peligro{background:#FDECEA;border:1.5px solid #E8A49C;color:#8C2B1F}
.cuenta-despedida{text-align:center;padding:22px 6px 6px}
.cuenta-despedida .cd-lobo{font-size:46px;margin:0 0 6px}
.saludo-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:#F6EFDD;flex:none;box-shadow:0 0 0 2px #B8860B33}
.avatar-grande{width:76px;height:76px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:32px;color:#F6EFDD;flex:none;box-shadow:0 4px 14px #B45F2A26}
.avatar-actual{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:4px 0 10px}
.avatar-botones{display:flex;gap:8px;flex-wrap:wrap}
.avatar-botones button{background:#F1E6C8;border:1px solid #8A640855;color:#5C4303;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:14px;cursor:pointer}
.avatar-botones button.principal{background:var(--acento);border-color:var(--acento);color:#2B1608;font-weight:bold}
.avatar-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;max-height:236px;overflow-y:auto;padding:6px;border:1px solid #E3D3AC;border-radius:12px;background:#fff}
.avatar-opcion{padding:0;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent}
.avatar-opcion img{width:100%;aspect-ratio:1;border-radius:50%;display:block}
.avatar-opcion:hover{border-color:#8A640888}
.avatar-opcion:active{transform:scale(.94)}
.avatar-opcion.elegido{border-color:var(--acento);box-shadow:0 0 0 2px #B8860B44}
.ba-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#F6EFDD}
@media(max-width:480px){.ba-avatar{width:32px;height:32px}}
.libros-cuerpo{overflow-y:auto;flex:1;min-height:0;padding:16px 16px 44px;width:100%}
.libros-total{font-size:16px;color:#5C5546}
.mis-card{display:flex;gap:11px;background:#fff;border:1px solid #B8860B33;border-radius:12px;padding:9px;margin:8px 0;align-items:center;text-decoration:none;color:inherit}
.mis-card:hover{border-color:var(--acento)}
.mis-card img{width:46px;height:69px;object-fit:cover;border-radius:6px;flex:none}
.mis-card h4{margin:0 0 2px;font-size:15px;line-height:1.25}
.mis-card p{margin:0;color:var(--suave);font-size:13px;line-height:1.4}
.foro{margin-top:44px;background:#FFFDF4;border:1px solid #B8860B2e;border-radius:14px;padding:18px;box-shadow:0 4px 14px #B45F2A14}
.foro h2{margin-top:0;color:var(--turquesa)}
.foro-invitacion{background:#F3E9CD;border:1px solid #E3D3AC;border-radius:12px;padding:14px 16px;line-height:1.55}
.foro-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.foro-conteo{color:var(--suave);margin:0 0 6px}
.foro-msg{border-bottom:1px solid #6B4F351f;padding:11px 2px}
.foro-msg:last-of-type{border-bottom:none}
.foro-msg-cab{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.foro-msg-cab strong{color:#8A6408}
.foro-fecha{color:var(--suave);font-size:13px}
.foro-borrar{margin-left:auto;background:none;border:none;color:var(--suave);cursor:pointer;font-family:inherit;font-size:13px;text-decoration:underline;padding:2px 4px}
.foro-borrar:hover{color:var(--acento)}
.foro-texto{margin:4px 0 2px;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word}
.foro-vacio{color:var(--suave);line-height:1.55}
.foro-form{margin-top:16px;border-top:1px solid #E3D3AC;padding-top:14px}
.foro-form textarea{width:100%;min-height:84px;padding:11px;border-radius:10px;border:1px solid #DCC794;background:#FFFDF8;color:var(--texto);font-size:16px;font-family:inherit;resize:vertical}
.foro-form-fila{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}
.foro-contador{color:var(--suave);font-size:13px}
.foro-error{color:#B3261E;font-size:14.5px;margin:8px 0 0}
.foro-ok{color:var(--turquesa);font-size:14.5px;margin:8px 0 0}
.foro-bienvenida{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(180deg,#F3E9CD,#F3E2B8);border:1.5px solid #b8860b;border-radius:12px;padding:16px 18px;margin-bottom:16px;box-shadow:0 4px 14px #B45F2A14}
.foro-bienvenida img{width:64px;height:64px;border-radius:50%;flex:none}
.foro-bienvenida h3{margin:0 0 6px;color:#7a5804;font-size:19px}
.foro-bienvenida p{margin:0;line-height:1.55}
.foro-bienvenida .firma{margin-top:10px;line-height:1.4}
.foro-bienvenida .firma strong{color:#7a5804;font-size:16.5px}
.foro-bienvenida .firma em{color:var(--suave)}
@media(max-width:480px){.foro-bienvenida{gap:12px;padding:14px}.foro-bienvenida img{width:52px;height:52px}}
mark.dest-marca{background:#FFE1A8;color:inherit;padding:0 1px;border-radius:3px;box-shadow:0 0 0 1px #DCC79466;cursor:pointer}
mark.dest-marca.con-nota{background:#FFD166;box-shadow:inset 0 -2px 0 #B8860B,0 0 0 1px #DCC79466}
mark.dest-marca.dest-flash{animation:destFlash 2.2s ease}
@keyframes destFlash{0%,60%{background:#B8860B;color:#fff}100%{background:#FFE1A8;color:inherit}}
.dest-barra{position:fixed;z-index:65;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:min(94vw,430px);background:#FFFDF8;border:1.5px solid #b8860b;border-radius:999px;box-shadow:0 10px 28px #B45F2A40;padding:7px 10px;font-family:inherit}
.dest-barra[hidden]{display:none}
.dest-barra button{background:var(--turquesa);color:#fff;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:14.5px;font-weight:bold;cursor:pointer}
.dest-barra button.dest-btn-nota{background:#b8860b}
/* ---------- Paquete 24 ---------- */
/* Reloj del visitante: línea pequeña y suave arriba a la derecha del
   encabezado, sobre la fila de las píldoras. */
.cab-reloj{flex:1 1 auto;width:auto;text-align:right;font-size:.74rem;color:#6b5226;padding:0;font-variant-numeric:tabular-nums}
.dest-barra button.dest-btn-pdf{background:#6d4c1d}
.dest-barra button.dest-btn-todo{background:#5c4303}

.ficha-acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 4px}
.btn-compartir{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:14.5px;font-weight:bold;color:#6d4c1d;background:#fdf3d3;border:1.5px solid #b8860b;border-radius:999px;padding:7px 15px;cursor:pointer}
.letra-ctl{display:inline-flex;align-items:center;gap:6px}
.letra-ctl button{font:inherit;font-weight:bold;color:#6d4c1d;background:#fffdf6;border:1.5px solid #b8860b;border-radius:999px;padding:6px 13px;cursor:pointer}
.letra-ctl .letra-nivel{font-size:13px;color:var(--suave);min-width:40px;text-align:center}
.comp-panel{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1400;background:#fffdf6;border:2px solid #b8860b;border-radius:16px;box-shadow:0 12px 34px #0006;padding:14px 16px;display:flex;flex-direction:column;gap:9px;min-width:250px;max-width:92vw}
.comp-panel .comp-tit{font-weight:bold;color:#6d4c1d;font-size:15px}
.comp-panel a,.comp-panel button{font:inherit;font-size:15px;text-align:left;color:var(--texto);background:#fdf3d3;border:1px solid #d9b64a;border-radius:10px;padding:9px 12px;cursor:pointer;text-decoration:none}
.comp-panel .comp-cerrar{background:none;border:none;text-align:center;color:var(--suave);text-decoration:underline}
@media(max-width:480px){.cab-reloj{font-size:.68rem}}

.dest-barra button.dest-btn-cuenta{background:var(--acento);color:#2B1608}
.dest-barra .dest-barra-txt{font-size:14px;line-height:1.35;color:var(--texto);padding:2px 4px}
.dest-barra form{flex-basis:100%;margin:2px 0 0}
.dest-barra textarea{width:100%;min-height:64px;padding:9px;border-radius:10px;border:1px solid #DCC794;background:#fff;color:var(--texto);font-size:15px;font-family:inherit;resize:vertical}
.dest-barra .dest-form-fila{display:flex;gap:8px;margin-top:7px}
.dest-barra .dest-form-fila button.sec{background:#fff;color:var(--turquesa);border:1.5px solid var(--turquesa)}
.dest-barra .dest-error{flex-basis:100%;color:#B3261E;font-size:13.5px;margin:2px 4px 0}
.dest-pop{position:fixed;z-index:66;max-width:min(92vw,360px);background:#FFFDF8;border:1.5px solid #b8860b;border-radius:14px;box-shadow:0 10px 28px #B45F2A40;padding:12px 14px;font-family:inherit}
.dest-pop[hidden]{display:none}
.dest-pop .dest-pop-nota{margin:0 0 6px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}
.dest-pop .dest-pop-sin{margin:0 0 6px;color:var(--suave);line-height:1.5}
.dest-pop .dest-pop-fila{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.dest-pop button{background:var(--turquesa);color:#fff;border:none;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:14px;font-weight:bold;cursor:pointer}
.dest-pop button.dest-quitar{background:#fff;color:#B3261E;border:1.5px solid #B3261E}
.dest-pop form{margin-top:8px}
.dest-pop textarea{width:100%;min-height:60px;padding:9px;border-radius:10px;border:1px solid #DCC794;background:#fff;color:var(--texto);font-size:15px;font-family:inherit;resize:vertical}
.dest-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;background:#33302A;color:#F6EFDD;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14.5px;box-shadow:0 8px 22px #00000038;max-width:92vw;text-align:center}
.dest-toast[hidden]{display:none}
.dest-item{background:#fff;border:1px solid #B8860B33;border-radius:12px;padding:12px 14px;margin:10px 0}
.dest-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.dest-casa{font-size:12px;font-weight:bold;letter-spacing:.02em;background:#F3E9CD;border:1px solid #E3D3AC;color:#7a5804;border-radius:999px;padding:2px 9px}
.dest-titulo{font-weight:bold;line-height:1.3}
.dest-fecha{color:var(--suave);font-size:13px;margin-left:auto}
.dest-cita{margin:0;padding:8px 12px;border-left:4px solid #FFD166;background:#FFF9EC;border-radius:0 8px 8px 0;font-style:italic;line-height:1.55;overflow-wrap:break-word}
.dest-nota{margin:8px 0 0;line-height:1.5;background:#FBF6E9;border:1px solid #8A64082e;border-radius:8px;padding:8px 12px;overflow-wrap:break-word;white-space:pre-wrap}
.dest-nota b{color:var(--turquesa)}
.dest-acciones{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center}
.dest-ir{color:var(--turquesa);font-weight:bold;text-decoration:none}
.dest-accion{background:none;border:none;color:var(--suave);cursor:pointer;font-family:inherit;font-size:13.5px;text-decoration:underline;padding:2px 4px}
.dest-accion:hover{color:var(--acento)}
.dest-editar{flex-basis:100%}
.dest-editar textarea{width:100%;min-height:60px;padding:9px;border-radius:10px;border:1px solid #DCC794;background:#FFFDF8;color:var(--texto);font-size:15px;font-family:inherit;resize:vertical}
.conoce-cultura{margin-top:26px;background:linear-gradient(180deg,#F3E9CD,#F3E2B8);border:1.5px solid #b8860b;border-radius:14px;padding:18px;box-shadow:0 4px 14px #B45F2A14}
.conoce-cultura h2{margin-top:0;color:#7a5804}
.conoce-cultura p{line-height:1.55;margin-bottom:0}
.conoce-cultura a{font-weight:bold}
.familia-pie{margin-top:8px;font-size:14.5px}

/* ---------- Paquete 25: barra del reproductor único ---------- */
.lobo-rep{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:10px;background:var(--tarjeta);border-top:2px solid var(--acento);box-shadow:0 -6px 22px rgba(62,42,16,.22);padding:8px 12px}
.lobo-rep[hidden]{display:none}
.lobo-rep audio{display:none}
.lr-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--acento);background:#FFFDF4;color:#5C4303;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit}
.lr-btn:disabled{opacity:.35;cursor:default}
.lr-play{background:var(--acento);color:#FFF8E6;font-size:18px}
.lr-centro{flex:1 1 auto;min-width:0}
.lr-titulo{display:block;font-weight:800;color:var(--texto);text-decoration:none;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-sub{font-size:.78rem;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-fila{display:flex;align-items:center;gap:8px;margin-top:2px}
.lr-t{font-size:.72rem;color:var(--suave);font-variant-numeric:tabular-nums;flex:none}
.lr-progreso{flex:1 1 auto;accent-color:var(--acento);height:20px;margin:0;padding:0}
body.con-reproductor{padding-bottom:var(--lobo-bar-h, 88px)}
body.con-reproductor .btn-guia{bottom:100px}
body.lobo-cargando{cursor:progress}
@media(max-width:560px){.lobo-rep{gap:4px;padding:10px 8px}}
/* PAQUETE 40 · la guía de la radio pequeña, la radio del
   fundador y las flechas del reproductor de la ficha */
.rad-item{cursor:default}
.rad-item-cab{display:flex;align-items:center;gap:8px}
.rad-item-nom{flex:1 1 auto;min-width:0;text-align:left;background:none;border:none;color:inherit;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rad-escuchar{flex:none;background:#B8860B;color:#FFF8E6;border:none;border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.rad-item-suena{display:block;margin-top:2px;color:inherit;text-underline-offset:2px}
.rad-item.activo{border-color:#E8A33D;box-shadow:0 0 0 1px #E8A33D inset}
.rad-guia{margin-top:6px;border-top:1px solid rgba(184,134,11,.45);padding-top:5px}
.rad-guia-tit{margin:0 0 3px;font-size:12px;font-weight:700;opacity:.85}
.rad-guia-lista{margin:0;padding-left:16px;font-size:12.5px;line-height:1.5}
.rad-guia-lista a{color:inherit}
.fr40-fila{flex-wrap:wrap}
.fr40-ops{display:flex;gap:6px;flex-wrap:wrap}
.fr40-ops .btn{padding:5px 10px;font-size:.85rem}
.lr-agarre{cursor:grab;touch-action:none}
.lobo-rep.arrastrando{transition:none;box-shadow:0 14px 34px rgba(62,42,16,.4);z-index:97}
.lobo-rep.rep-arriba{top:0;bottom:auto;border-top:none;border-bottom:2px solid var(--acento);box-shadow:0 6px 22px rgba(62,42,16,.22)}
.lobo-rep.rep-arriba .lr-dormir-menu{bottom:auto;top:calc(100% + 8px)}
.lobo-rep.rep-flotante{right:auto;width:min(430px,94vw);border:2px solid var(--acento);border-radius:14px;box-shadow:0 10px 28px rgba(62,42,16,.35)}
.lobo-rep.plegada .lr-centro,.lobo-rep.plegada .lr-controles .lr-prev,.lobo-rep.plegada .lr-controles .lr-next,.lobo-rep.plegada .lr-extra,.lobo-rep.plegada .lr-lateral,.lobo-rep.plegada .lr-agarre,.lobo-rep.plegada .lr-dormir-menu,.lobo-rep.plegada .lr-vel-menu{display:none}
.lr-lobo{display:none}
.lobo-rep.plegada .lr-lobo{display:block;width:36px;height:36px;object-fit:contain;flex:none}
.lobo-rep.plegada{padding-top:6px;padding-bottom:6px;cursor:pointer}
body.con-reproductor.rep-dock-arriba{padding-bottom:0;padding-top:var(--lobo-bar-h, 88px)}
body.con-reproductor.rep-sin-marco{padding-bottom:0}
body.con-reproductor.rep-plegada{padding-bottom:var(--lobo-bar-h, 58px)}
body.con-reproductor.rep-dock-arriba.rep-plegada{padding-bottom:0;padding-top:var(--lobo-bar-h, 58px)}
body.con-reproductor.rep-sin-marco.rep-plegada{padding-top:0}
.lr-vel{width:auto;min-width:46px;height:40px;padding:0 6px;font-size:13px;font-weight:bold}
.lr-vel-menu{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 8px);background:#FFFDF4;border:1.5px solid #B8860B;border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 24px rgba(62,42,16,.28);z-index:99}
.lr-vel-menu[hidden]{display:none}
.lr-vel-menu button{font:inherit;font-size:14px;padding:7px 14px;border-radius:9px;border:1.5px solid #D9C58F;background:#FFF8E6;color:#5C4303;cursor:pointer;text-align:left}
.lr-vel-menu button.activa{background:var(--acento);color:#FFF8E6;border-color:var(--acento)}
.lobo-rep.rep-arriba .lr-vel-menu{top:calc(100% + 6px);bottom:auto}
/* (40 · precisiones 2 y 3) la barra por filas: título, autor · parte,
   progreso, ⏮ ⏸ ⏭ centrados; al costado derecho 🌙 · ▾ · ✕;
   la Velocidad sola en la fila secundaria. */
.lobo-rep{flex-direction:column;align-items:stretch;gap:5px;padding:12px 10px 10px}
.lr-agarre{position:absolute;top:6px;left:8px;width:40px;height:40px;font-size:15px}
.lr-centro{flex:none;width:100%;min-width:0;text-align:center}
.lr-titulo{padding:0 144px 0 56px}
.lr-sub{padding:0 144px 0 56px}
.lr-controles{display:flex;justify-content:center;align-items:center;gap:14px;width:100%}
.lr-controles .lr-btn{width:40px;height:40px;font-size:16px}
.lr-controles .lr-play{width:40px;height:40px;font-size:16px}
.lr-lateral{position:absolute;top:6px;right:8px;display:flex;gap:4px}
.lr-lateral .lr-btn{width:40px;height:40px;font-size:15px}
.lr-lateral .lr-dormir{width:auto;min-width:40px;padding:0 6px}
.lr-extra{display:flex;justify-content:center;width:100%}
.lr-vol53{display:inline-flex;align-items:center;gap:7px;margin-left:12px}.lr-vol53 .lr-vol-ico{font-size:15px;line-height:1}.lr-vol53 .lr-vol-slider{width:92px;accent-color:#B8860B;cursor:pointer}.lr-vol53 .lr-vol-pct{font-size:12.5px;font-weight:700;color:#7a5804;min-width:38px}
.lr-dormir-menu{right:8px}
.lobo-rep.plegada{flex-direction:row;align-items:center}
body.con-reproductor{padding-bottom:var(--lobo-bar-h, 184px)}
body.con-reproductor.rep-dock-arriba{padding-top:var(--lobo-bar-h, 184px)}
/* PAQUETE 50 · la barra expandida se ajusta a su contenido:
   alto máximo del 55 % del viewport (la zona muerta de la
   foto del fundador desaparece) y la barra flotante ya no
   se estira entre top y bottom: bottom:auto. La plegada
   no cambia. */
.lobo-rep:not(.plegada){max-height:55vh;max-height:55dvh;overflow-y:auto}
.lobo-rep.rep-flotante{bottom:auto;max-height:55vh;max-height:55dvh}
/* PAQUETE 51 · el reproductor de libros es UNA tarjeta
   compacta flotante: desaparece la barra fija de abajo
   (y la de arriba); arrastrarla nunca la expande, y la
   píldora minimizada muestra su manija ⠿ y sus ⏮ ⏭. */
.lobo-rep{right:auto;width:min(430px,94vw);border:2px solid var(--acento);border-radius:14px;box-shadow:0 10px 28px rgba(62,42,16,.35)}
.lobo-rep.plegada{width:auto}
.lobo-rep.plegada .lr-agarre{display:inline-flex}
.lobo-rep.plegada .lr-controles .lr-prev,.lobo-rep.plegada .lr-controles .lr-next{display:inline-flex}
.lobo-rep.plegada .lr-panel51{display:none}
.lr-panel51{border-top:1.5px solid var(--acento);margin-top:6px;padding-top:8px;max-height:55vh;max-height:55dvh;overflow-y:auto}
.lr-panel51[hidden]{display:none}
.lr-panel51-tit{margin:0 0 6px;font-weight:800;font-size:.9rem;color:var(--texto)}
.lr-panel51-lista{display:flex;flex-direction:column;gap:4px;max-height:38vh;overflow-y:auto}
.lr-panel51-parte{text-align:left;background:#FFF9EC;border:1.5px solid #DCC794;border-radius:9px;padding:8px 10px;font:inherit;font-size:.92rem;cursor:pointer;color:var(--texto)}
.lr-panel51-parte.activa{background:var(--acento);color:#FFF8E6;border-color:var(--acento);font-weight:700}
.lr-panel51-plegar{margin-top:8px;background:none;border:1.5px solid var(--acento);border-radius:999px;padding:8px 14px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--texto)}
/* PAQUETE 66 · arreglo 1: el panel abierto, MÁS COMPACTO (foto
   del fundador: ocupaba ~25 % de la pantalla del teléfono). Se
   ajustan rellenos, aire entre filas y tamaños de texto; los
   botones de transporte quedan en 40 px (el mínimo táctil) y
   la píldora (.plegada) no se toca. */
.lobo-rep:not(.plegada){padding:8px 10px 7px;gap:4px}
.lobo-rep:not(.plegada) .lr-agarre{top:4px}
.lobo-rep:not(.plegada) .lr-lateral{top:4px}
.lobo-rep:not(.plegada) .lr-titulo{font-size:.92rem}
.lobo-rep:not(.plegada) .lr-sub{font-size:.76rem}
.lobo-rep:not(.plegada) .lr-fila{margin-top:1px}
.lobo-rep:not(.plegada) .lr-progreso{height:14px}
.lobo-rep:not(.plegada) .lr-controles{gap:10px}
/* PAQUETE 66 · arreglo 2: el parlante es un botón que oculta y
   muestra la barra de volumen (elección del fundador). Al
   ocultarla, el panel además se aprieta (relleno y aire) y
   baja de alto; el volumen en sí no cambia. */
.lr-vol-ico-btn{background:none;border:none;cursor:pointer;font-size:17px;line-height:1;padding:8px 6px;color:inherit}
.lr-vol53.vol-oculto66 .lr-vol-slider,.lr-vol53.vol-oculto66 .lr-vol-pct{display:none}
.lobo-rep:not(.plegada).vol-oculto66{padding-bottom:2px;gap:2px}
/* PAQUETE 124 · REPRODUCTOR MINI A GUSTO PERSONAL: en mini
   (plegada) solo se ven ⏮ ▶ ⏭ y el 🔊; el resto se oculta,
   la fila es única y un hilo fino marca el avance. */
.lobo-rep.plegada{flex-direction:row;align-items:center;padding:6px 10px 9px;gap:6px}
.lobo-rep.plegada .lr-agarre,.lobo-rep.plegada .lr-lobo,.lobo-rep.plegada .lr-centro,.lobo-rep.plegada .lr-lateral,.lobo-rep.plegada .lr-vel,.lobo-rep.plegada .lr-vol-slider,.lobo-rep.plegada .lr-vol-pct,.lobo-rep.plegada .lr-dormir-menu,.lobo-rep.plegada .lr-vel-menu,.lobo-rep.plegada .lr-panel51{display:none}
.lobo-rep.plegada .lr-controles{display:flex;flex:1;justify-content:center;align-items:center}
.lobo-rep.plegada .lr-extra{display:flex;flex:none;align-items:center;justify-content:flex-end;width:auto}
.lobo-rep.plegada .lr-vol53{display:inline-flex;align-items:center;margin-left:0}
.lr-hilo124{display:none}
.lobo-rep.plegada .lr-hilo124{display:block;position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:2px;background:rgba(184,134,11,.25);overflow:hidden}
.lr-hilo124 i{display:block;height:100%;width:0;background:var(--acento);border-radius:2px}
/* PAQUETE 222 · LA BARRITA MINI SE ARRASTRA: con el dedo, el
   gesto sobre la barrita plegada no debe volverse scroll de la
   página (touch-action:none SOLO en mini; la tarjeta completa
   no se toca) y el cursor avisa que se puede agarrar. El resto
   del aspecto aprobado del 124 no cambia (sin asa nueva). */
.lobo-rep.plegada{touch-action:none;cursor:grab}
.lobo-rep.plegada.arrastrando{cursor:grabbing}
.lr-sub{cursor:pointer}
/* AGREGADOS 42·A1: la barra ya no tapa nada — la reserva de
   la página usa la altura REAL de la barra (la variable
   --lobo-bar-h, que mantiene reproductor-unico.js) y las
   ventanas van POR ENCIMA de la barra (z 100/101 contra su
   90), sonando todo igual; dentro de la ventana, su zona de
   desplazamiento lleva el mismo colchón inferior. */
:root{--lobo-bar-h:0px}
.guia-msjs{padding-bottom:calc(var(--lobo-bar-h, 0px) + 12px)}
/* AGREGADOS 42·A2: la guía de la radio pequeña, compacta —
   solo la emisora abierta muestra su «Ahora suena» completo;
   las demás son UNA fila (nombre · ahora suena · ▶). */
.rad-item-corta{display:none}
.rad-item:not(.abierto) .rad-item-corta{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;opacity:.85}
.rad-item:not(.abierto) .rad-item-nom{flex:0 1 auto;max-width:36%}
.rad-item:not(.abierto) .rad-item-suena{display:none}
/* AGREGADOS 42·A3: la base de miembros del panel */
.nomina-pliega{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.nomina-flecha{font-size:12px;color:var(--suave)}
.nomina-busca{margin:0 0 9px}
.nomina-input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:9px 12px;border:1.5px solid var(--borde);border-radius:10px;background:#fff;color:var(--texto)}
.nomina-lista{display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto}
.nomina-fila{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;background:#fff;border:1.5px solid var(--borde);border-radius:12px;padding:8px 11px;font:inherit;color:var(--texto);cursor:pointer}
.nomina-fila:active{transform:scale(.99)}
.nomina-av{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#F1E6C8;border:1px solid #8A640855;display:flex;align-items:center;justify-content:center}
.nomina-av img{width:100%;height:100%;object-fit:cover;display:block}
.nomina-inicial{font-weight:bold;color:#8A6408}
.nomina-datos{display:flex;flex-direction:column;gap:1px;min-width:0}
.nomina-nom{font-size:14.5px}
.nomina-sub{font-size:12.5px;color:var(--suave);line-height:1.35}
.nomina-vacio{font-size:14px;color:var(--suave);margin:8px 0 0}

/* (40 · agregado 4) el botón ES | EN, pastilla de primera clase:
   fondo y borde plenos como «Mi cuenta» y «Lobo Cultura», la
   misma altura que ellas y el idioma activo en pastilla
   rellena (aria-pressed lo pinta i18n.js). Sus estilos en
   línea de cada página quedan sobreescritos aquí. */
.idioma-pil{background:#FFFDF4 !important;border:1.5px solid #B8860B !important;color:#5C4303 !important;border-radius:999px !important;padding:4px 8px !important;font-size:.9rem !important;font-weight:700 !important;box-shadow:0 3px 10px #B45F2A1f;display:inline-flex;align-items:center;height:44px;min-height:44px}
.idioma-pil .idioma-es,.idioma-pil .idioma-en{padding:3px 8px;border-radius:999px}
.idioma-pil[aria-pressed="false"] .idioma-es{background:#5C4303;color:#FFF8E6}
.idioma-pil[aria-pressed="true"] .idioma-en{background:#5C4303;color:#FFF8E6}
@media(max-width:480px){.idioma-pil{height:40px;min-height:40px}}
.lobo-aviso-fondo{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:130;width:min(92vw,430px);background:#FFFDF4;border:1.5px solid #B8860B;border-radius:14px;box-shadow:0 14px 34px rgba(62,42,16,.35);padding:12px 14px;color:#3A2C14}
.lobo-aviso-fondo[hidden]{display:none}
.lobo-aviso-fondo p{margin:0 0 10px;font-size:.92rem;line-height:1.45}
.lobo-aviso-ops{display:flex;gap:8px;align-items:center}
.lobo-aviso-btn{font:inherit;font-weight:700;background:#5C4303;color:#FFF8E6;border:none;border-radius:999px;padding:8px 14px;cursor:pointer}
.lobo-aviso-x{margin-left:auto;background:none;border:none;font-size:15px;cursor:pointer;color:#786E5F;width:34px;height:34px}
/* /PAQUETE 40 */

/* ---------- Paquete 26: el panel del BUSCADOR ÚNICO ---------- */
.bu-panel{position:fixed;z-index:95;background:#FFFDF4;border:1.5px solid #B8860B;border-radius:14px;box-shadow:0 14px 34px rgba(62,42,16,.30);padding:10px 10px 4px;max-height:62vh;overflow:auto;box-sizing:border-box}
.bu-panel[hidden]{display:none}
.bu-grupo-t{font-weight:800;color:#7A5804;font-size:.84rem;letter-spacing:.03em;margin:8px 4px 6px;text-transform:uppercase}
.bu-grupo:first-child .bu-grupo-t{margin-top:2px}
.bu-res{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;border:1px solid #E3D3AC;border-radius:10px;padding:9px 11px;margin:0 0 6px;cursor:pointer;font:inherit;color:var(--texto,#33302A);text-decoration:none;box-sizing:border-box}
.bu-res:hover{border-color:#B8860B}
.bu-res:focus-visible{outline:3px solid #E8A33D;outline-offset:2px}
.bu-res-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.bu-res-t{font-weight:700;overflow-wrap:break-word}
.bu-res-s{font-size:.8rem;color:#8A6408;font-weight:600;overflow-wrap:break-word}
.bu-ir{flex:none;font-weight:800;color:#B8860B}
.bu-res-persona{border:2px solid #B8860B;background:#FDF3D0}
.bu-vacio{margin:4px 4px 8px;color:#5C5546;line-height:1.5}
.bu-pedido{border:1px dashed #B8860B;border-radius:12px;padding:10px 12px;background:#FFF9EC;margin-bottom:8px}
.bu-pedido p{margin:0 0 8px;line-height:1.5}
.bu-pedido-btn{display:inline-block;margin:2px 6px 2px 0;padding:9px 13px;border-radius:999px;background:#B8860B;color:#FFF8E6;font-weight:700;text-decoration:none;font-size:.92rem}
.bu-pedido-btn:hover{background:#9C740A}

/* ---------- Paquete 27: chat general y buzón ---------- */
.btn-chat{position:fixed;right:16px;bottom:80px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;width:80px}
.btn-chat-ico{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#FFFDF4;border:1.5px solid #B8860B;font-size:27px;line-height:1;box-shadow:0 8px 22px #B45F2A55}
.btn-chat-txt{font-size:12.5px;font-weight:bold;color:#2B1608;background:rgba(255,253,244,.9);border-radius:999px;padding:1px 8px;line-height:1.5;white-space:nowrap}
.punto-rojo{display:inline-block;width:9px;height:9px;border-radius:50%;background:#E53935;margin-left:6px;vertical-align:2px;box-shadow:0 0 0 2px rgba(229,57,53,.18)}
.btn-chat-ico{position:relative}
.btn-chat-ico .punto-rojo{position:absolute;top:1px;right:1px;margin:0;vertical-align:0}
body.con-reproductor .btn-chat{bottom:164px}
.chat-tarjeta{max-width:430px;height:min(560px,82dvh)}
.chat-saludo{flex:none;padding:12px 12px 0;transition:opacity .65s ease}
.chat-saludo.disolviendo{opacity:0}
.chat-saludo-nota{margin:0 0 6px;font-size:12.5px;color:var(--suave)}
.chat-saludo .foro-bienvenida{margin-bottom:0;padding:12px 14px}
.chat-saludo .foro-bienvenida img{width:48px;height:48px}
.chat-saludo .foro-bienvenida h3{font-size:16.5px}
.chat-msjs{flex:1 1 auto;overflow-y:auto;padding:6px 14px 10px}
.chat-msg{border-bottom:1px solid #6B4F351f;padding:9px 2px}
.chat-msg:last-child{border-bottom:none}
.chat-msg-cab{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.chat-msg-cab strong{color:#7a5804}
.chat-fecha{color:var(--suave);font-size:12.5px}
.chat-admin{background:#B8860B;color:#FFF8E7;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.3px}
.chat-borrar{margin-left:auto;background:none;border:none;color:var(--suave);cursor:pointer;font-family:inherit;font-size:12.5px;text-decoration:underline;padding:2px 4px}
.chat-borrar:hover{color:var(--acento)}
.chat-texto{margin:3px 0 1px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}
.chat-mencion{color:#7a5804;background:#F3E9CD;border-radius:6px;padding:0 4px}
.chat-vacio{color:var(--suave);line-height:1.55}
.chat-sugerencias{flex:none;border-top:1px solid #E3D3AC;background:#FFF9EC;max-height:172px;overflow-y:auto}
.chat-sugerencias button{display:flex;width:100%;gap:8px;align-items:baseline;background:none;border:none;border-bottom:1px solid #E3D3AC;padding:9px 12px;font-family:inherit;font-size:14.5px;cursor:pointer;text-align:left;color:var(--texto)}
.chat-sugerencias button:hover{background:#F3E9CD}
.chat-sugerencias .cs-usuario{font-weight:bold;color:#7a5804}
.chat-sugerencias .cs-nombre{color:var(--suave)}
.chat-emojis{flex:none;display:flex;flex-wrap:wrap;gap:2px;padding:8px 12px;border-top:1px solid #E3D3AC;background:#FFFDF8}
.chat-emojis[hidden]{display:none}
.chat-emojis button{width:38px;height:38px;font-size:20px;background:none;border:none;cursor:pointer;border-radius:8px;padding:0}
.chat-emojis button:hover{background:#F3E9CD}
.chat-form{flex:none;display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid #E3D3AC;background:#FFFDF8}
.chat-form textarea{flex:1 1 auto;min-height:40px;max-height:96px;padding:9px 11px;border-radius:10px;border:1px solid #DCC794;background:#fff;color:var(--texto);font-size:16px;font-family:inherit;resize:none;box-sizing:border-box}
.chat-ico-btn{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid #B8860B;background:#FFFDF4;font-size:19px;cursor:pointer;padding:0}
.chat-ventana #chat-error{flex:none;margin:0;padding:4px 14px 10px;background:#FFFDF8}

/* ---------- Paquete 28: el contenido diario ---------- */
.dia-tarjeta{background:#FFF9EC;border:1.5px solid #B8860B;border-radius:12px;padding:16px 18px;margin:0 0 16px;box-shadow:0 4px 14px #B45F2A14}
.dia-tarjeta[hidden]{display:none}
.dia-tit{margin:0 0 2px;font-size:20px}
.dia-fecha{margin:0 0 10px;color:var(--suave);font-size:13.5px;text-transform:capitalize}
.dia-cita{margin:0 0 8px;font-size:19px;line-height:1.45;font-style:italic}
.dia-autor{margin:0 0 10px;color:var(--suave)}
.dia-rotulo{margin:0 0 2px;font-weight:700;color:#7a5804}
.dia-hecho-tit{margin:0 0 6px;font-size:18px}
.dia-texto{margin:0 0 10px;line-height:1.55}
.dia-enlace{font-weight:700;color:#7a5804}
.dia-tambien{margin:12px 0 0;line-height:1.6;color:var(--suave)}
.dia-tambien-enlace{color:#7a5804;font-weight:600}
.dia-nota{margin:4px 0 0;color:var(--suave);font-size:13px}
.dia-acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
/* 37b: botones de las tarjetas diarias SOLO con su símbolo:
   círculos de 48×48 (área tocable cómoda al dedo), en el
   dorado/pergamino de la casa. La palabra queda en
   aria-label/title de cada botón, no visible. */
.dia-btn{font:inherit;font-size:21px;line-height:1;font-weight:700;cursor:pointer;border:1.5px solid #DCC794;background:#FFFDF4;color:var(--texto);border-radius:50%;padding:0;width:48px;height:48px;min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.dia-btn:hover{border-color:#B8860B}
.dia-like-num{font-weight:800;color:var(--texto);font-size:16px;min-width:1ch;margin:0 4px 0 -2px}
.dia-like-num[hidden]{display:none}
.dia-like-on{background:#FDECEA;border-color:#C94F42}
.dia-escuchar-on{background:#F3E9CF;border-color:#B8860B}
.dia-panel{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dia-panel-btn{font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid #DCC794;background:#fff;color:var(--texto);border-radius:999px;padding:7px 12px;text-decoration:none}
.dia-resena{margin:0 0 10px;color:var(--suave);font-size:15px;line-height:1.55;font-style:italic}
.dia-tambien-btn{margin-top:12px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;background:none;border:none;color:#7a5804;text-decoration:underline;padding:0}
.dia-tambien-lista{margin-top:6px}
.dia-tambien-tit{margin:0 0 4px;font-weight:700;color:var(--texto)}
.dia-tambien-lista ul{list-style:none;margin:0;padding:0 0 0 2px}
.dia-tambien-item{margin:5px 0}
.card-cultura34 img{aspect-ratio:2/3;object-fit:contain;background:#191E2E}

.oficios-nav{line-height:2;font-size:15px}
.oficios-grupo{margin-top:26px}
#lobo-radio{position:fixed;right:16px;bottom:196px;z-index:60;font-family:Georgia,'Times New Roman',serif}
.rad-luz{display:inline-block;width:11px;height:11px;border-radius:50%;background:#E74C3C;box-shadow:0 0 6px rgba(231,76,60,.85);flex:none}
.rad-luz.verde{background:#2ECC71;box-shadow:0 0 8px rgba(46,204,113,.95)}
body.con-reproductor #lobo-radio{bottom:280px}
#lobo-radio audio{display:none}
.rad-cara{position:relative;width:80px}
.rad-cara-img{width:80px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(20,16,40,.45))}
.rad-luz-cara{position:absolute;top:11px;right:1px;width:10px;height:10px}
.rad-zona{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;border-radius:12px}
.rad-zona:hover,.rad-zona:focus-visible{outline:2px solid rgba(255,209,102,.85);outline-offset:-2px}
.rad-zona-dial{left:0;top:0;width:100%;height:60%}
.rad-zona-vol{left:0;top:60%;width:50%;height:40%}
.rad-zona-power{left:50%;top:60%;width:50%;height:40%}
.rad-zona-power.on{box-shadow:inset 0 0 0 2px rgba(46,204,113,.55)}
.rad-pop{position:absolute;right:0;bottom:calc(100% + 8px);width:min(92vw,330px);max-height:min(76vh,calc(100vh - 318px));overflow-y:auto;background:#1B1F32;color:#F6EFDD;border:1.5px solid #B8860B;border-radius:16px;box-shadow:0 14px 34px rgba(20,16,40,.45);padding:13px 14px;box-sizing:border-box;animation:radBaja .22s ease-out}
.rad-pop[hidden]{display:none}
.rad-pop.saliendo{opacity:0;transition:opacity .2s ease}
@keyframes radBaja{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.rad-pop-vol{width:min(92vw,300px)}
.rad-vol-en-dial{margin:8px 0 2px}
.rad-pop-power{width:min(88vw,252px)}
.rad-pop-cab{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.rad-pop-cab strong{font-size:16.5px;flex:1}
.rad-x{flex:none;background:none;border:none;color:#F6EFDD;font-size:15px;cursor:pointer;padding:6px;font-family:inherit}
.rad-estado{margin:0 0 2px;font-size:12.5px;opacity:.85}
.rad-suena{margin:0 0 3px;font-weight:700;line-height:1.4}
.rad-sub{margin:0 0 10px;font-size:13px;opacity:.85;line-height:1.45}
.rad-pop-rot{margin:8px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;opacity:.75}
.rad-lista{display:flex;flex-direction:column;gap:6px;max-height:44vh;overflow:auto}
.rad-item{display:flex;flex-direction:column;gap:1px;text-align:left;background:#262B47;color:#F6EFDD;border:1px solid rgba(184,134,11,.55);border-radius:10px;padding:7px 9px;font-family:inherit;cursor:pointer;width:100%;box-sizing:border-box}
.rad-item-nom{font-size:14.5px;font-weight:700}
.rad-item-suena{font-size:12px;opacity:.8;line-height:1.35}
.rad-item.activo{border-color:#FFD166;background:#333A5E;box-shadow:inset 0 0 0 1px #FFD166}
.rad-pop-pie{margin:9px 0 0}
.rad-ir{color:#FFD166;font-weight:700;text-decoration:none;font-size:14.5px}
.rad-power2{height:42px;border-radius:999px;border:1.5px solid #B8860B;background:transparent;color:#F6EFDD;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:0 16px}
.rad-power2.on{background:#B8860B;color:#1B1F32}
.rad-power-txt{margin:0 0 9px;font-size:13.5px;line-height:1.45;opacity:.9}
.rad-vol-linea{display:flex;align-items:center;gap:9px}
.rad-vol-marca{font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;opacity:.85;white-space:nowrap}
.rad-vslider{flex:1;-webkit-appearance:none;appearance:none;height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(246,239,221,.55) 0 1px,transparent 1px 10px),linear-gradient(180deg,#9C6A30,#6E4520);border:1px solid #B8860B;box-shadow:inset 0 1px 3px rgba(0,0,0,.55);outline:none;min-width:80px;padding:0}
.rad-vslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F6D97B,#B8860B 58%,#77590F);border:2px solid #543F0C;box-shadow:0 2px 7px rgba(0,0,0,.55),inset 0 0 0 3px rgba(246,239,221,.35);cursor:pointer}
.rad-vslider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F6D97B,#B8860B 58%,#77590F);border:2px solid #543F0C;box-shadow:0 2px 7px rgba(0,0,0,.55),inset 0 0 0 3px rgba(246,239,221,.35);cursor:pointer}
.rad-vslider::-moz-range-track{height:12px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(246,239,221,.55) 0 1px,transparent 1px 10px),linear-gradient(180deg,#9C6A30,#6E4520);border:1px solid #B8860B}
.rad-vpct{font-weight:700}
.rad-vspeaker{margin-top:10px;height:36px;border-radius:999px;border:1.5px solid #B8860B;background:transparent;color:#F6EFDD;font-family:inherit;font-size:15px;cursor:pointer;padding:0 16px}
.rad-vspeaker.en-silencio{background:#B8860B;color:#1B1F32}
@media (max-height:900px){.rad-lista{max-height:30vh}}
.lr-cerrar{width:44px;height:44px;font-size:18px;background:#F3E2B8;border-width:2px}
@media(max-width:560px){.lr-cerrar{width:44px;height:44px}}
/* ---------- Paquete 32: «Sigue donde ibas» y temporizador ---------- */
.sigue-fila{display:flex;gap:14px;align-items:center;margin-top:6px}
.sigue-portada{width:54px;height:81px;object-fit:cover;border-radius:6px;flex:none;background:#E3D3AC;box-shadow:0 2px 8px rgba(62,42,16,.25)}
.sigue-datos{flex:1 1 auto;min-width:0}
.sigue-libro{margin:0 0 2px;font-size:17px;line-height:1.3}
.sigue-meta{margin:0;color:var(--suave);font-size:13.5px}
.sigue-barra{height:6px;background:#EADFC2;border-radius:99px;overflow:hidden;margin-top:7px;max-width:340px}
.sigue-relleno{height:100%;background:var(--acento);border-radius:99px}
.sigue-btn{display:inline-block;margin-top:10px;background:var(--acento);color:#FFF8E6;border:1.5px solid #8A6408;border-radius:10px;padding:9px 16px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;font-size:15px}
.lr-dormir{width:auto;min-width:40px;padding:0 9px;border-radius:999px;font-size:14px;white-space:nowrap}
.lr-dormir-activo{background:#1B1F32;color:#FFE9A8;border-color:#1B1F32}
.lr-dormir-menu{position:absolute;right:10px;bottom:calc(100% + 8px);z-index:96;background:#FFFDF4;border:1.5px solid var(--acento);border-radius:12px;box-shadow:0 10px 30px rgba(62,42,16,.3);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:176px}
.lr-dormir-menu[hidden]{display:none}
.lr-dormir-tit{margin:2px 6px 4px;font-weight:800;font-size:13.5px;color:var(--texto)}
.lr-dormir-menu button{text-align:left;background:#FFF9EC;border:1.5px solid #DCC794;border-radius:8px;padding:8px 10px;font:inherit;font-size:14.5px;cursor:pointer;color:var(--texto)}
.lr-dormir-menu button:hover{border-color:var(--acento)}

/* ---------- Paquete 33: punto rojo por fila en «Mi cuenta» ---------- */
.cuenta-fila .cf-punto{flex:none;width:11px;height:11px;display:flex;align-items:center;justify-content:center}
.cuenta-fila .cf-punto .punto-rojo{margin:0;vertical-align:0}

/* Paquete 35: el relato y la guía de estudio de la casa, dentro de la ficha */
.relato-casa{margin:26px 0;background:#FFFDF4;border:1px solid #E3D3AC;border-radius:14px;padding:20px 22px;box-shadow:0 4px 14px #B45F2A14}
.relato-casa h2{margin:2px 0 12px}
.relato-casa h3{margin:20px 0 8px}
.relato-casa p{line-height:1.65;margin:10px 0}
.relato-casa .relato-credito{font-size:.85em;color:#786E5F;margin-top:18px}

/* ---------- Paquete 48: políticas de la casa, bloqueo y guía de la radio ---------- */
.politicas48{margin-top:10px;font-size:12.5px;text-align:center}
.politicas48 summary{cursor:pointer;font-size:12.5px;color:var(--suave);text-decoration:underline;text-underline-offset:2px}
.politicas48 .politicas-cuerpo48,.politicas-cuerpo48{max-width:640px;margin:10px auto 0;text-align:left;background:#FFFDF4;border:1px solid #E3D3AC;border-radius:12px;padding:12px 16px;font-size:13.5px;line-height:1.55;color:var(--texto)}
.politicas-cuerpo48 p{margin:0 0 8px}
.politica-acepto48{display:flex;gap:9px;align-items:flex-start;font-size:15px;line-height:1.4;margin:6px 0;text-align:left}
.politica-acepto48 input{width:20px;height:20px;flex:none;margin-top:1px}
.politica-aviso48{background:#FFF9EC;border:1.5px solid #B8860B;border-radius:12px;padding:12px 14px;margin:0 0 12px;text-align:left}
.politica-aviso48 .politicas48{text-align:left;margin-top:6px}
.politica-aviso48 .politicas-cuerpo48{margin:8px 0 0}
.nomina-bloqueado48{color:#B03A2E;font-weight:700}
.ficha-bloqueo48{border-color:#B03A2E!important}
.rad-item-nom{overflow:visible;text-overflow:clip;white-space:normal}
details.politicas48:not([open]) .politicas-cuerpo48{display:none}
/* PAQUETE 220 · TABLAS DE LOS TEXTOS INCRUSTADOS (p. ej. Sala de Oficios):
   ninguna tabla puede romper el ancho de la pagina en pantallas angostas;
   la tabla ancha se desplaza horizontalmente dentro de su propia columna. */
.relato-casa table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:14px 0;font-size:.92em;line-height:1.45}
.relato-casa th,.relato-casa td{border:1px solid #E3D3AC;padding:6px 8px;text-align:left;vertical-align:top}
.relato-casa th{background:#F6EFDD}
.relato-casa table img{max-width:100%;height:auto}
.relato-casa img,.relato-casa iframe,.relato-casa video{max-width:100%}
.relato-casa pre{max-width:100%;overflow-x:auto}
.relato-casa p,.relato-casa dl,.relato-casa dd,.relato-casa dt,.relato-casa li{overflow-wrap:anywhere}