:root { --tb-azul: #1b3a6b; --tb-verde: #6cbf3f; --tb-turquesa: #0e9aa7; --tb-oscuro: #14202d;
        --primary-color: #1b3a6b; --primary-light: #0e9aa7; --success-color: #15803d; }
.codigo-otp { letter-spacing:.5em; font-family:ui-monospace,monospace; }
.tb-degradado { background: linear-gradient(120deg, var(--tb-azul) 0%, var(--tb-turquesa) 60%, var(--tb-verde) 100%); }
.tb-prosa h1, .tb-prosa h2, .tb-prosa h3 { color: var(--tb-azul); font-weight: 700; margin: 1.2em 0 .5em; }
.tb-prosa h2 { font-size: 1.35rem; } .tb-prosa h3 { font-size: 1.1rem; }
.tb-prosa p { margin: .7em 0; line-height: 1.65; }
.tb-prosa ul, .tb-prosa ol { margin: .7em 0 .7em 1.4em; list-style: disc; } .tb-prosa ol { list-style: decimal; }
.tb-prosa li { margin: .25em 0; } .tb-prosa a { color: var(--tb-turquesa); text-decoration: underline; }
.tb-prosa blockquote { border-left: 4px solid var(--tb-verde); padding-left: 1em; color: #374151; font-style: italic; }
.tb-prosa table { border-collapse: collapse; margin: 1em 0; font-size: .9rem; } .tb-prosa td, .tb-prosa th { border: 1px solid #e5e7eb; padding: .4em .6em; }
.tb-tarjeta { transition: transform .15s ease, box-shadow .15s ease; } .tb-tarjeta:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(27,58,107,.12); }
.tb-cinta { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
/* EVA: cajón lateral (mismo formato que MIA/PIA) */
.eva-cajon { position:fixed; right:0; bottom:0; z-index:1000; width:100%; display:flex; flex-direction:column; background:#fff; border-left:1px solid #E5E7EB; box-shadow:0 10px 25px rgba(0,0,0,.15); }
.eva-cajon.desplegado { top:0; }
.eva-cajon:not(.desplegado) { border-top-left-radius:.5rem; border-top-right-radius:.5rem; overflow:hidden; }
@media (min-width:640px) { .eva-cajon { width:28%; min-width:22rem; max-width:28rem; } }
.eva-burbuja { position:fixed; right:1.5rem; bottom:1.5rem; z-index:999; height:3.75rem; width:3.75rem; border-radius:9999px; color:#fff; display:flex; align-items:center; justify-content:center;
               box-shadow:0 8px 20px rgba(14,154,167,.4); background:linear-gradient(135deg,var(--tb-turquesa),var(--tb-verde)); transition:transform .15s ease; }
.eva-burbuja:hover { transform:scale(1.06); }
.eva-cajon.oculto, .eva-burbuja.oculto, .eva-burbuja.tapada, .eva-lanzador.oculto { display:none; }
.eva-globo-mio { max-width:85%; } .eva-globo-suyo { max-width:92%; }
.txt-11 { font-size:11px; line-height:1.35; }
.nivel-red { background:#fee2e2; border-color:#fca5a5; color:#991b1b; } .nivel-orange { background:#ffedd5; border-color:#fdba74; color:#9a3412; }
.nivel-yellow { background:#fef9c3; border-color:#fde047; color:#854d0e; } .nivel-blue { background:#dbeafe; border-color:#93c5fd; color:#1e40af; } .nivel-green { background:#dcfce7; border-color:#86efac; color:#166534; }