/* paradigmateatro.com — v2, 5-sep-2026.
   Un solo mundo visual: la página ES una función. Escenario a oscuras arriba,
   papel de programa de mano después. Rojo de telón como único acento
   (Fernando: «llevaría el coral hacia un rojo más puro, más dramático»). */
:root{
  --tinta:#0f0d1a; --tinta-2:#1a1729;
  --papel:#f7f5f1; --papel-2:#ffffff;
  --texto:#2b2833; --tenue:#7b7786; --linea:#e2ded6;
  --rojo:#e3161b; --rojo-oscuro:#b30f14; --foco:#ffd9a3;
  --ancho:1120px;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --cuerpo:Barlow,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --rotulo:"Barlow Condensed","Arial Narrow",Barlow,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--cuerpo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--rojo-oscuro);text-decoration:none;background-image:linear-gradient(var(--rojo),var(--rojo));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s}
a:hover{background-size:100% 1px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance}
h2 em,h1 em{font-style:italic;font-weight:900;color:var(--rojo)}
.rotulo,.numero-acto{font-family:var(--rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem}
.rotulo.rojo{color:var(--rojo-oscuro)}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}
:focus-visible{outline:3px solid var(--rojo);outline-offset:3px}
.saltar{position:absolute;left:-999px;top:0;background:var(--rojo);color:#fff;padding:.5rem 1rem;z-index:99}
.saltar:focus{left:1rem}
.tenue{fill:var(--tenue);color:var(--tenue)}

/* cabecera */
.cabecera{position:sticky;top:0;z-index:20;background:rgba(15,13,26,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;height:66px;gap:1rem}
.marca{display:flex;align-items:baseline;gap:.5rem;color:#fff;font-family:var(--display);font-size:1.35rem;background:none}
.marca b{font-family:var(--cuerpo);font-weight:300;font-size:.95rem;letter-spacing:.12em;color:rgba(255,255,255,.75)}
.marca .llave{color:var(--rojo);font-weight:700;font-size:1.7rem;line-height:0}
.menu{display:flex;gap:1.5rem;align-items:center}
.menu a{color:#fff;font-family:var(--rotulo);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;opacity:.85;background:none}
.menu a:hover,.menu a[aria-current]{opacity:1;color:var(--rojo)}
.menu .app{border:1px solid rgba(255,255,255,.35);padding:.45rem .8rem;opacity:1}
.menu .app:hover{border-color:var(--rojo)}
.hamburguesa{display:none;background:none;border:0;padding:.5rem;cursor:pointer}
.hamburguesa span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:transform .2s,opacity .2s}
@media (max-width:820px){
  .hamburguesa{display:block}
  .menu{position:absolute;left:0;right:0;top:66px;background:var(--tinta);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 1rem;display:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .menu.abierto{display:flex}
  .menu a{padding:.8rem clamp(1.2rem,4vw,3rem)}
  .menu .app{margin:.6rem clamp(1.2rem,4vw,3rem) 0;text-align:center}
}

/* el escenario */
.escenario{position:relative;background:var(--tinta);color:#fff;overflow:hidden;min-height:76vh;display:grid;align-items:center;isolation:isolate}
.escenario::before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle 34vmax at var(--fx,62%) var(--fy,45%),rgba(255,217,163,.30),rgba(255,217,163,.10) 35%,transparent 62%)}
.escenario::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 84px),linear-gradient(to top,rgba(255,217,163,.10),transparent);transform:perspective(600px) rotateX(55deg);transform-origin:bottom}
.telon{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex}
.telon span{flex:1;background:repeating-linear-gradient(90deg,#c3151a 0 26px,#9e0f13 26px 52px);box-shadow:inset 0 -60px 80px rgba(0,0,0,.35);animation:abrir 1.4s .2s cubic-bezier(.7,0,.2,1) forwards}
.telon span:first-child{transform-origin:left}.telon span:last-child{transform-origin:right}
@keyframes abrir{to{transform:scaleX(0)}}
.escenario .contenedor{position:relative;z-index:1;padding-top:5rem;padding-bottom:4.5rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2rem;align-items:center}
@media (max-width:860px){.escenario .contenedor{grid-template-columns:1fr}.escenario{min-height:auto}}
.acotacion{font-family:var(--display);font-style:italic;color:var(--foco);font-size:1.05rem;margin:0 0 1.4rem}
.titular{font-size:clamp(2.8rem,7.6vw,6.2rem);letter-spacing:-.015em;color:#fff}
.titular .linea{display:block;overflow:hidden}
.titular .linea span{display:inline-block;animation:subir .9s .9s cubic-bezier(.2,.8,.2,1) both}
.titular .linea:nth-child(2) span{animation-delay:1.08s}.titular .linea:nth-child(3) span{animation-delay:1.26s}
@keyframes subir{from{transform:translateY(105%);opacity:.2}to{transform:none;opacity:1}}
.escenario .entradilla{max-width:36rem;font-size:1.15rem;font-weight:300;color:rgba(255,255,255,.82);margin:1.6rem 0 2.2rem}
.escenario .entradilla strong{color:#fff;font-weight:500}
.acciones{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.boton{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;background:var(--rojo);color:#fff;font-family:var(--rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.86rem;border:0;cursor:pointer;transition:transform .15s,background .15s;background-image:none}
.boton:hover{background:var(--rojo-oscuro);transform:translateY(-2px)}
.boton.tenue{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.boton.tenue:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.boton.papel{background:var(--tinta);color:#fff}.boton.papel:hover{background:#000}
.llave-grande{justify-self:center;width:min(42vw,300px);height:auto;filter:drop-shadow(0 0 40px rgba(227,22,27,.35))}
.llave-grande path{fill:none;stroke:var(--rojo);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400;animation:trazo 2.2s 1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes trazo{to{stroke-dashoffset:0}}
.ficha-hero{position:absolute;right:clamp(1rem,4vw,3rem);bottom:1.4rem;z-index:2;display:flex;gap:1.6rem;color:rgba(255,255,255,.7);font-family:var(--rotulo);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem}
.ficha-hero b{display:block;color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.06em}
@media (max-width:860px){.ficha-hero{position:static;margin:0 clamp(1.2rem,4vw,3rem) 1.6rem;flex-wrap:wrap}}

/* la cinta */
.cinta{background:var(--rojo);color:#fff;overflow:hidden;white-space:nowrap;padding:.7rem 0;font-family:var(--rotulo);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.9rem}
.cinta div{display:inline-block;animation:desfile 38s linear infinite}
.cinta span{padding:0 1.4rem}
.cinta span::after{content:"}";margin-left:1.4rem;font-family:var(--display);font-weight:700;font-size:1.1rem}
@keyframes desfile{to{transform:translateX(-50%)}}

/* actos */
.acto{padding:clamp(3.5rem,8vw,6.5rem) 0}
.acto+.acto{border-top:1px solid var(--linea)}
.cabecera-acto{display:grid;grid-template-columns:auto 1fr;gap:1.2rem 2rem;align-items:baseline;margin-bottom:2.2rem}
.numero-acto{color:var(--rojo-oscuro);padding-top:.5rem;border-top:2px solid var(--rojo);margin:0}
.cabecera-acto h2{font-size:clamp(2rem,4.4vw,3.4rem)}
.prosa{max-width:62ch;font-size:1.08rem}
.prosa p{margin:0 0 1rem}
.prosa h2{font-size:1.7rem;margin:2.2rem 0 .8rem}.prosa h3{font-size:1.25rem;margin:1.6rem 0 .5rem;font-family:var(--cuerpo);font-weight:600}
.prosa ul,.prosa ol{padding-left:1.3rem}.prosa li{margin:.3rem 0}
.prosa blockquote{margin:1.4rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:3px solid var(--rojo);font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--tinta)}
.dos{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
@media (max-width:860px){.dos{grid-template-columns:1fr}}
.aparece{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.js .aparece.oculto{opacity:0;transform:translateY(24px)}

/* programa de mano */
.programa{background:var(--papel-2);border:1px solid var(--linea);padding:1.6rem 1.8rem;position:relative}
.programa::before{content:"}";position:absolute;right:1rem;top:.4rem;font-family:var(--display);font-weight:700;font-size:3.4rem;color:var(--rojo);line-height:1}
.programa h3{font-size:1.5rem;margin-bottom:.4rem}
.programa dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:1.2rem 0;font-size:1rem}
.programa dt{font-family:var(--rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:var(--tenue);padding-top:.25rem}
.programa dd{margin:0}.programa dd b{font-weight:600}
.materias{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.4rem;padding:0;list-style:none}
.materias li{border:1px solid var(--linea);padding:.3rem .7rem;font-size:.9rem;background:var(--papel)}
.nota{font-size:.9rem;color:var(--tenue)}

/* Nalda */
.ruta{width:100%;height:auto;display:block}
.ruta .camino{fill:none;stroke:var(--rojo);stroke-width:3;stroke-dasharray:8 8;animation:andar 1.2s linear infinite}
@keyframes andar{to{stroke-dashoffset:-16}}
.ruta text{font-family:var(--rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:13px;fill:var(--texto)}
.ruta .punto{fill:var(--tinta)}.ruta .punto.aqui{fill:var(--rojo)}
.opciones{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
@media (max-width:760px){.opciones{grid-template-columns:1fr}}
.opcion{padding:1.1rem 1.2rem;background:var(--papel-2);border-top:3px solid var(--tinta)}
.opcion.destacada{border-top-color:var(--rojo)}
.opcion h3{font-family:var(--cuerpo);font-weight:600;font-size:1.02rem;margin-bottom:.35rem}
.opcion p{margin:0;font-size:.95rem;color:var(--tenue)}
.foto-pendiente{aspect-ratio:4/3;background:linear-gradient(135deg,var(--tinta),#2c2842 60%,#3a3050);position:relative;display:grid;place-items:center;color:rgba(255,255,255,.55);font-family:var(--rotulo);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;text-align:center;padding:1rem;overflow:hidden}
.foto-pendiente::before{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,217,163,.35),transparent 70%);top:-20%;left:20%}
.foto-pendiente span{position:relative}
.foto-pendiente.retrato{aspect-ratio:3/4}
.galeria{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:.8rem}
.galeria .foto-pendiente:first-child{grid-row:span 2;aspect-ratio:auto;min-height:100%}
figure{margin:0}figure img{max-width:100%;height:auto;display:block}
.foto{position:relative;overflow:hidden;background:var(--tinta)}
.foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.foto:hover img{transform:scale(1.03)}
.foto.retrato{aspect-ratio:3/4}
.galeria .foto:first-child{grid-row:span 2}
.lateral .foto.retrato{margin-bottom:1rem}
/* la foto de la clase, detrás del escenario de la portada: se ve lo justo */
.escenario .fondo{position:absolute;inset:0;z-index:0;background:url(/estatico/img/fotos/escenario.jpg) center 40%/cover no-repeat;opacity:.38;filter:saturate(.7) contrast(1.1);mask-image:linear-gradient(to bottom,#000 55%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.escenario.con-foto::before{z-index:1}

/* el profesor */
.cita{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.35;margin:0 0 1.4rem;color:var(--tinta)}
.cita::before{content:"«"}.cita::after{content:"»"}
.firma{font-family:var(--rotulo);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--tenue)}
.firma b{display:block;color:var(--texto);font-size:1rem;letter-spacing:.06em}
.creditos{columns:2;column-gap:2rem;font-size:.92rem;color:var(--tenue);margin-top:1.4rem}
@media (max-width:600px){.creditos{columns:1}}
.creditos p{margin:0 0 .5rem;break-inside:avoid}.creditos b{color:var(--texto);font-weight:600}

/* entreacto */
.oscuro{background:var(--tinta);color:#fff}
.oscuro .numero-acto{color:var(--foco);border-top-color:var(--foco)}
.oscuro .prosa,.oscuro .entradilla{color:rgba(255,255,255,.82)}
.oscuro a{color:var(--foco)}
.tablon{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (max-width:760px){.tablon{grid-template-columns:1fr}}
.cartel{border:1px solid rgba(255,255,255,.14);padding:1.4rem 1.5rem;background:rgba(255,255,255,.03);display:flex;flex-direction:column}
.cartel .rotulo{color:var(--foco)}
.cartel h3{font-size:1.5rem;margin:.4rem 0 .6rem}
.cartel p{margin:0 0 1rem;color:rgba(255,255,255,.78);flex:1}
.cartel.pronto{border-style:dashed}
.cartel .boton{align-self:flex-start}
.formulario-linea{display:flex;flex-wrap:wrap;gap:.6rem;position:relative}
.formulario-linea input{flex:1 1 200px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;font:inherit;min-width:0}
.formulario-linea input::placeholder{color:rgba(255,255,255,.5)}
.formulario-linea .respuesta{flex-basis:100%;margin:0;font-size:.9rem;min-height:1.2em}

/* canales */
.canales{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
@media (max-width:760px){.canales{grid-template-columns:1fr}}
.canal{background:var(--papel-2);border:1px solid var(--linea);padding:1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}
.canal h3{font-family:var(--cuerpo);font-weight:600;font-size:1.05rem}
.canal p{margin:0;font-size:.95rem;color:var(--tenue);flex:1}
.canal .formulario-linea input{border-color:var(--linea);background:var(--papel);color:var(--texto)}
.canal .formulario-linea input::placeholder{color:var(--tenue)}
.canal .boton{padding:.7rem 1rem;font-size:.78rem;align-self:flex-start}
.consentimiento{font-size:.8rem;color:var(--tenue);margin-top:1rem}

/* páginas interiores */
.portadilla{background:var(--tinta);color:#fff;padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,5vw,3.5rem);position:relative;overflow:hidden}
.portadilla::after{content:"}";position:absolute;right:clamp(1rem,6vw,5rem);top:-.4em;font-family:var(--display);font-weight:700;font-size:clamp(12rem,30vw,26rem);color:var(--rojo);opacity:.14;line-height:1;pointer-events:none}
.portadilla .numero-acto{color:var(--foco);border-top-color:var(--foco);display:inline-block;margin-bottom:1.2rem}
.portadilla h1{font-size:clamp(2.4rem,6vw,4.6rem);position:relative}
.portadilla .entradilla{max-width:40rem;font-size:1.2rem;font-weight:300;color:rgba(255,255,255,.82);margin:1.2rem 0 0;position:relative}
.portadilla.antigua{background:var(--tinta-2)}
.articulo{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2rem,5vw,4rem);padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.articulo:not(:has(.lateral)){grid-template-columns:minmax(0,1fr)}
@media (max-width:860px){.articulo{grid-template-columns:1fr}}
.lateral{font-size:.95rem}
.lateral .bloque{background:var(--papel-2);border:1px solid var(--linea);padding:1.2rem 1.4rem;margin-bottom:1rem}
.lateral h3{font-family:var(--cuerpo);font-weight:600;font-size:1rem;margin-bottom:.5rem}
.lateral p{margin:0 0 .6rem}
.aviso-antigua{background:rgba(255,217,163,.25);border-left:3px solid var(--rojo);padding:1rem 1.2rem;margin:0 0 1.8rem;font-size:1rem}
.ficha-evento{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0 0 1.5rem}
.ficha-evento dt{font-family:var(--rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:var(--tenue);padding-top:.25rem}
.ficha-evento dd{margin:0}
.imagenes-antiguas{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}
.imagenes-antiguas img{max-width:300px;width:100%}
.cartelera{padding-bottom:clamp(2.5rem,6vw,4.5rem)}
.funciones{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.funciones a{display:block;background:var(--papel-2);border:1px solid var(--linea);background-image:none;color:var(--texto)}
.funciones img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.funciones span{display:block;padding:.7rem .9rem;font-size:.9rem;color:var(--tenue)}
.funciones b{display:block;color:var(--texto);font-weight:600}
.llamada{background:var(--tinta);color:#fff;padding:clamp(3rem,7vw,5rem) 0;text-align:center}
.llamada h2{font-size:clamp(2rem,4.4vw,3.2rem);margin:.6rem 0 1rem}
.llamada p{max-width:34rem;margin:0 auto 1.4rem;color:rgba(255,255,255,.8)}
.llamada .acciones{justify-content:center}
.formulario{display:grid;gap:1rem;max-width:34rem}
.formulario label{display:grid;gap:.35rem;font-family:var(--rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--tenue)}
.formulario input,.formulario textarea,.formulario select{padding:.8rem 1rem;border:1px solid var(--linea);background:var(--papel-2);font:inherit;font-size:1rem;color:var(--texto);text-transform:none;letter-spacing:0}
.formulario .casilla{display:flex;gap:.6rem;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--cuerpo);font-weight:400;font-size:.9rem;color:var(--texto)}
.formulario .respuesta{margin:0;font-size:.95rem;min-height:1.2em}

/* pie */
.pie{background:var(--tinta);color:rgba(255,255,255,.72);padding:3rem 0 2rem;font-size:.92rem}
.pie .contenedor{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}
@media (max-width:760px){.pie .contenedor{grid-template-columns:1fr}}
.pie h4{font-family:var(--rotulo);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--foco);margin:0 0 .7rem}
.pie p{margin:0 0 .6rem}
.pie a{color:#fff;background-image:linear-gradient(var(--foco),var(--foco))}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.pie .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.8rem;color:rgba(255,255,255,.5)}

@media (prefers-reduced-motion:reduce){
  .titular .linea span,.llave-grande path,.cinta div,.ruta .camino,.telon span{animation:none!important;stroke-dashoffset:0}
  .telon{display:none}
  .js .aparece.oculto{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* TalIA en la web */
.talia-abrir{position:fixed;right:1.2rem;bottom:1.2rem;z-index:30;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;background:var(--tinta);color:#fff;border:1px solid rgba(255,255,255,.18);font-family:var(--rotulo);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.talia-abrir .llave{color:var(--rojo);font-family:var(--display);font-weight:700;font-size:1.3rem;line-height:0}
.talia-abrir:hover{border-color:var(--rojo)}
.talia{position:fixed;right:1.2rem;bottom:1.2rem;z-index:31;width:min(380px,calc(100vw - 2.4rem));height:min(560px,calc(100vh - 2.4rem));display:flex;flex-direction:column;background:var(--papel-2);color:var(--texto);border:1px solid var(--linea);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.talia[hidden]{display:none}
.talia-cabecera{display:flex;align-items:baseline;gap:.6rem;padding:.8rem 1rem;background:var(--tinta);color:#fff}
.talia-cabecera b{font-family:var(--display);font-size:1.15rem}
.talia-cabecera span{font-size:.8rem;color:rgba(255,255,255,.65);flex:1}
.talia-cerrar{background:none;border:0;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .2rem}
.talia-mensajes{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;background:var(--papel)}
.talia-mensajes p{margin:0;max-width:88%;padding:.6rem .85rem;font-size:.95rem;line-height:1.45;white-space:pre-wrap}
.talia-ella{align-self:flex-start;background:var(--papel-2);border:1px solid var(--linea);border-left:3px solid var(--rojo)}
.talia-tu{align-self:flex-end;background:var(--tinta);color:#fff}
.talia-nota{align-self:center;font-size:.8rem;color:var(--tenue);font-style:italic}
.talia-espera{color:var(--tenue)}
.talia-entrada{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--linea)}
.talia-entrada input{flex:1;min-width:0;padding:.7rem .9rem;border:1px solid var(--linea);font:inherit;font-size:.95rem}
.talia-entrada .boton{padding:.6rem .9rem}
.talia > .talia-nota{margin:0;padding:.4rem .9rem .7rem;font-size:.72rem;align-self:stretch;font-style:normal}
@media (max-width:480px){.talia{right:0;bottom:0;width:100vw;height:100vh;border:0}}