/* ============================================================
   ESCALAS · Be Mind v3
   Restilo de las 8 escalas interactivas sobre el sistema base.css
   No cambia estructura ni lógica: sólo apariencia.
   ============================================================ */

/* --- Alias de variables legacy que aún pueden aparecer inline --- */
:root{
  --fd:var(--font-display); --fb:var(--font-body); --fl:var(--font-label);
  --bg:var(--crema); --surface:var(--blanco);
  --border:rgba(74,52,40,.16); --divider:rgba(74,52,40,.12);
  --text:var(--tinta); --text-m:#6B5B52; --text-f:#8A7A70;
  --arena-l:#FBF6EE; --arena-m:var(--arena); --arena-d:#E4D6C2;
  --rosa-l:#FBEEF0; --rosa-m:var(--rosa-palo); --rosa-d:var(--malva); --rosa-dk:var(--ciruela);
  --teal-l:#EEF2EC; --teal-m:#9DAF97; --teal:var(--salvia); --teal-dk:#2C3A2B;
  --verde-l:#EDF2EA; --verde-m:#9DAF97; --verde-d:var(--salvia);
  --amarillo-l:#FBF1DE; --amarillo-b:#8A5A16;
  --naranja-l:#FAE7E0; --naranja:var(--terracota);
  --rojo-l:#F3E6EF; --rojo:var(--ciruela);
  --azul:#4A5D6E;
  --r-md:8px; --r-lg:10px; --r-xl:14px; --r-2xl:18px; --r-full:999px;
  --sh-sm:0 1px 3px rgba(58,58,56,.07);
  --sh-md:0 6px 18px rgba(58,58,56,.09);
  --sh-lg:0 14px 40px rgba(58,58,56,.13);
}

/* --- Base de página --- */
body{ padding-top:var(--nav-h); }
main{ padding-top:0; }
img{ max-width:100%; height:auto; }

/* ============ HERO ============ */
.hero{
  background:var(--ciruela);
  color:var(--crema);
  padding:clamp(2.6rem,7vw,5rem) var(--gutter) clamp(2.2rem,5vw,3.4rem);
  position:relative;
  overflow:hidden;
}
.hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(rgba(247,241,232,.10) 1px, transparent 1px);
  background-size:5px 5px; opacity:.5;
}
.hero-inner{
  max-width:var(--maxw); margin-inline:auto; position:relative; z-index:1;
  text-align:center;
}
.logo-mark{
  display:inline-flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  justify-content:center;
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.10em; font-size:.68rem; font-weight:500;
  color:var(--rosa-palo);
  border:1px solid rgba(232,196,201,.42);
  border-radius:999px; padding:.42rem .9rem;
  margin-bottom:1.5rem;
  line-height:1.3;
}
.logo-mark svg{ flex:none; }
.hero h1{
  font-family:var(--font-display); font-weight:700;
  font-size:clamp(1.9rem,5.4vw,3.15rem); line-height:1.08;
  letter-spacing:-.015em; color:var(--crema);
  margin:0 auto; max-width:24ch;
}
.hero h1 em{ font-style:normal; color:var(--rosa-palo); }
.hero-sub{
  margin:1.1rem auto 0; max-width:52ch;
  font-size:clamp(1rem,1.9vw,1.1rem); line-height:1.65;
  color:rgba(247,241,232,.86);
}
.pills{
  display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center;
  margin-top:1.7rem;
}
.hero .pill{
  background:transparent; color:var(--rosa-palo);
  border:1px solid rgba(232,196,201,.45);
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.08em; font-size:.66rem; font-weight:500;
  padding:.4rem .82rem; border-radius:999px;
}

/* ============ BREADCRUMB (pareja / familias diversas) ============ */
.breadcrumb{
  max-width:var(--maxw); margin:0 auto; padding:.9rem var(--gutter) 0;
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.08em; font-size:.66rem; color:rgba(247,241,232,.7);
}
.breadcrumb a{ color:var(--rosa-palo); text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; }

/* ============ PROGRESO ============ */
.prog-wrap{
  position:sticky; top:var(--nav-h); z-index:40;
  background:rgba(247,241,232,.94);
  backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid rgba(74,52,40,.14);
}
.prog-inner{
  max-width:var(--maxw); margin-inline:auto;
  padding:.7rem var(--gutter) .8rem;
}
.prog-labels{
  display:flex; justify-content:space-between; align-items:baseline;
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.64rem; font-weight:500;
  color:var(--cafe); margin-bottom:.42rem;
}
.prog-labels span:last-child{ color:var(--terracota); }
.prog-track{
  height:6px; border-radius:999px; overflow:hidden;
  background:rgba(74,52,40,.14);
}
.prog-fill{
  height:100%; width:0%; border-radius:999px;
  background:linear-gradient(90deg,var(--mostaza),var(--terracota));
  transition:width .32s cubic-bezier(.4,0,.2,1);
}

/* ============ INSTRUCCIONES ============ */
.sec-instr{
  max-width:var(--maxw); margin-inline:auto;
  padding:clamp(1.8rem,4vw,2.8rem) var(--gutter) 0;
}
.instr-card,
.datos-card,
.res-card,
.reactivo,
.cta-card,
.pre-pregunta,
.sec-block,
.follow-block{
  background:#FFFDF7;
  border:1px solid rgba(74,52,40,.14);
  border-radius:14px;
  box-shadow:0 1px 3px rgba(58,58,56,.05);
}
.instr-card{ padding:clamp(1.2rem,3vw,1.8rem); }
.instr-card h2{
  font-family:var(--font-display); font-weight:700;
  font-size:1.16rem; color:var(--cafe); margin:0 0 .6rem;
  letter-spacing:-.01em;
}
.instr-card p{ margin:0; color:#5A4B42; font-size:.96rem; line-height:1.68; }
.esc-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:.55rem;
  margin-top:1.1rem;
}
.esc-item{
  text-align:center; padding:.7rem .3rem;
  background:var(--arena); border-radius:10px;
  border:1px solid rgba(74,52,40,.10);
}
.esc-num{
  font-family:var(--font-display); font-weight:700; font-size:1.25rem;
  color:var(--terracota); line-height:1;
}
.esc-lbl{
  margin-top:.35rem; font-size:.7rem; line-height:1.35;
  color:#6B5B52;
}

/* ============ FORM / REACTIVOS ============ */
main{ display:block; }
.form-wrap{
  max-width:var(--maxw); margin-inline:auto;
  padding:clamp(1.4rem,3.5vw,2.2rem) var(--gutter) 0;
}
.sec-label,
.sec-block-title,
.res-meta{
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.10em; font-weight:500;
}
.sec-label{
  display:inline-block; font-size:.66rem; color:var(--terracota);
  margin-bottom:.9rem;
}
.pre-pregunta{ padding:clamp(1.1rem,3vw,1.6rem); margin-bottom:1.2rem; }
.pre-pregunta h2,
.pre-pregunta h3{
  font-family:var(--font-display); font-weight:700; color:var(--cafe);
  font-size:1.1rem; margin:0 0 .8rem; letter-spacing:-.01em;
}
.pre-pregunta p{ color:#5A4B42; font-size:.95rem; line-height:1.65; }
.pre-opciones{ display:grid; gap:.5rem; margin-top:.9rem; }

.sec-block{ padding:clamp(1.1rem,3vw,1.6rem); margin-bottom:1.4rem; }
.sec-block-title{
  font-family:var(--font-display); text-transform:none;
  letter-spacing:-.01em; font-weight:700;
  font-size:1.1rem; color:var(--cafe); margin:0 0 .35rem;
  display:flex; align-items:center; gap:.6rem; flex-wrap:wrap;
}
.sec-tag{
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.6rem; font-weight:500;
  background:var(--ciruela); color:var(--crema);
  padding:.26rem .6rem; border-radius:999px;
}

.reactivo{
  padding:1.05rem 1.1rem; margin-bottom:.8rem;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.reactivo.ok{
  border-left:4px solid var(--salvia);
  background:#F6F8F4;
}
.reactivo.alerta,
.reactivo.alerta-especial,
.reactivo.alarma{
  border-left:4px solid var(--mostaza);
  background:#FDF7EC;
}
.r-head{ display:flex; gap:.7rem; align-items:flex-start; }
.r-num{
  flex:none; width:26px; height:26px; border-radius:999px;
  display:grid; place-items:center;
  background:var(--ciruela); color:var(--crema);
  font-family:var(--font-label); font-size:.72rem; font-weight:500;
}
.r-txt{
  font-size:.97rem; line-height:1.6; color:var(--tinta);
  font-weight:500;
}
.opciones{
  display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem;
  margin-top:.85rem;
}
.opciones input,
.pre-opciones input{ position:absolute; opacity:0; pointer-events:none; }
.opciones label,
.pre-opciones label{
  display:block; cursor:pointer; text-align:center;
  padding:.6rem .35rem; border-radius:10px;
  background:var(--arena); border:1px solid rgba(74,52,40,.12);
  transition:background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.pre-opciones label{ text-align:left; padding:.75rem .9rem; }
.opciones label:hover,
.pre-opciones label:hover{ border-color:var(--terracota); transform:translateY(-1px); }
.opciones .val{
  display:block; font-family:var(--font-display); font-weight:700;
  font-size:1.02rem; color:var(--cafe); line-height:1;
}
.opciones .desc{
  display:block; margin-top:.24rem; font-size:.66rem; line-height:1.3;
  color:#6B5B52;
}
.opciones input:checked + label,
.pre-opciones input:checked + label{
  background:var(--ciruela); border-color:var(--ciruela); color:var(--crema);
}
.opciones input:checked + label .val,
.opciones input:checked + label .desc{ color:var(--crema); }
.opciones input:focus-visible + label,
.pre-opciones input:focus-visible + label{
  outline:2px solid var(--terracota); outline-offset:2px;
}

.contador{
  margin:1.2rem 0 .9rem; text-align:center;
  font-size:.9rem; color:#6B5B52;
}

/* ============ BOTONES ============ */
.btn-calc,
.btn-ver-resultado,
.btn-cta-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  width:100%; border:0; cursor:pointer;
  background:var(--terracota); color:var(--crema);
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.8rem; font-weight:500;
  padding:.95rem 1.4rem; border-radius:8px;
  text-decoration:none;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
  box-shadow:0 2px 0 rgba(74,52,40,.18);
}
.btn-calc:hover:not(:disabled),
.btn-ver-resultado:hover,
.btn-cta-primary:hover{ background:#9C3E29; transform:translateY(-1px); }
.btn-calc:disabled{
  background:#D9CDBE; color:#8A7A70; cursor:not-allowed;
  box-shadow:none;
}
.btn-cta-secondary{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  width:100%; border:0; cursor:pointer; text-decoration:none;
  background:var(--ciruela); color:var(--crema);
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.8rem; font-weight:500;
  padding:.9rem 1.4rem; border-radius:8px;
  transition:background .18s ease, transform .18s ease;
}
.btn-cta-secondary:hover{ background:#452740; transform:translateY(-1px); }
.btn-cta-tertiary,
.btn-reset{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  width:100%; cursor:pointer; text-decoration:none;
  background:transparent; color:var(--cafe);
  border:1px solid rgba(74,52,40,.30);
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.76rem; font-weight:500;
  padding:.82rem 1.3rem; border-radius:8px;
  transition:background .18s ease, border-color .18s ease;
}
.btn-cta-tertiary:hover,
.btn-reset:hover{ background:rgba(74,52,40,.06); border-color:var(--cafe); }
.btn-reset{ margin-top:1.4rem; }
.ctas-wrap{ display:grid; gap:.6rem; margin-top:1.4rem; }

/* ============ DATOS (Netlify Forms) ============ */
#sec-datos{
  display:none; /* lo muestra el JS al calcular */
  max-width:var(--maxw); margin-inline:auto;
  padding:clamp(1.4rem,3.5vw,2.2rem) var(--gutter) 0;
}
.datos-card{ padding:clamp(1.3rem,3.2vw,2rem); }
.datos-header{ text-align:center; margin-bottom:1.3rem; }
.d-emoji{ font-size:1.9rem; display:block; margin-bottom:.5rem; }
.datos-header h2{
  font-family:var(--font-display); font-weight:700; color:var(--cafe);
  font-size:1.35rem; margin:0 0 .4rem; letter-spacing:-.015em;
}
.datos-header p{ margin:0; color:#5A4B42; font-size:.95rem; line-height:1.6; }
.campo-group{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-bottom:.85rem; }
.campo-group.solo{ grid-template-columns:1fr; }
.campo label{
  display:block; font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.64rem; font-weight:500;
  color:var(--cafe); margin-bottom:.35rem;
}
.campo input,
.campo select,
.campo textarea{
  width:100%; font-family:var(--font-body); font-size:.95rem;
  color:var(--tinta); background:var(--blanco);
  border:1px solid rgba(74,52,40,.22); border-radius:8px;
  padding:.7rem .85rem;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.campo input:focus,
.campo select:focus,
.campo textarea:focus{
  outline:none; border-color:var(--terracota);
  box-shadow:0 0 0 3px rgba(178,74,49,.14);
}
.req{ color:var(--terracota); }
.campo-error{
  display:none; margin:.3rem 0 0; font-size:.78rem; color:#9C3E29;
}
.campo-error.visible{ display:block; }
.datos-aviso,
.aviso,
.alerta-nota{
  background:var(--arena); border-left:4px solid var(--mostaza);
  border-radius:0 10px 10px 0;
  padding:.85rem 1rem; margin-top:1rem;
  font-size:.85rem; line-height:1.6; color:#5A4B42;
}

/* ============ RESULTADO ============ */
#resultado{
  display:none; /* lo muestra el JS al mostrar resultado */
  max-width:var(--maxw); margin-inline:auto;
  padding:clamp(1.4rem,3.5vw,2.4rem) var(--gutter) 0;
}
.res-card{
  padding:clamp(1.4rem,3.4vw,2.2rem);
  border-top:6px solid var(--salvia);
  text-align:center;
}
.res-card.verde{ border-top-color:var(--salvia); }
.res-card.amarillo{ border-top-color:var(--mostaza); }
.res-card.naranja{ border-top-color:var(--terracota); }
.res-card.rojo{ border-top-color:var(--ciruela); }
.res-inner{ text-align:left; }
.res-emoji{ font-size:2.2rem; display:block; margin-bottom:.5rem; }
.res-meta{
  font-size:.64rem; color:var(--terracota); display:block; margin-bottom:.4rem;
}
.res-etapa-badge{
  display:inline-block; font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.62rem; font-weight:500;
  background:var(--ciruela); color:var(--crema);
  padding:.28rem .66rem; border-radius:999px; margin-bottom:.8rem;
}
.res-score{
  font-family:var(--font-display); font-weight:700; line-height:1;
  font-size:clamp(2.4rem,7vw,3.4rem); color:var(--cafe);
  letter-spacing:-.02em;
}
.res-cat{
  font-family:var(--font-display); font-weight:700;
  font-size:clamp(1.2rem,3.2vw,1.6rem); color:var(--terracota);
  margin:.5rem 0 .8rem; letter-spacing:-.015em;
}
.res-card.verde .res-cat{ color:var(--salvia); }
.res-card.amarillo .res-cat{ color:#8A5A16; }
.res-card.naranja .res-cat{ color:var(--terracota); }
.res-card.rojo .res-cat{ color:var(--ciruela); }
.res-sig{ font-size:1rem; line-height:1.7; color:#5A4B42; }
.res-rec{
  text-align:left; margin-top:1.2rem;
  background:var(--arena); border-radius:12px;
  padding:1rem 1.15rem;
  font-size:.94rem; line-height:1.7; color:#5A4B42;
}
.res-rec strong{ color:var(--cafe); }
.res-rec ul{ margin:.5rem 0 0; padding-left:1.1rem; }
.res-rec li{ margin-bottom:.4rem; }

/* ---- Barras (pareja / familias diversas) ---- */
.barras-wrap{ display:grid; gap:.85rem; margin:1.4rem 0; text-align:left; }
.barra-head{
  display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.08em; font-size:.66rem; font-weight:500;
  color:var(--cafe); margin-bottom:.35rem;
}
.barra-sub{ font-size:.78rem; color:#6B5B52; text-transform:none; letter-spacing:0; }
.barra-track{
  height:9px; border-radius:999px; overflow:hidden;
  background:rgba(74,52,40,.13);
}
.barra-fill{ height:100%; border-radius:999px; transition:width .5s cubic-bezier(.4,0,.2,1); }
.barra-fill.b-verde{ background:var(--salvia); }
.barra-fill.b-amarillo{ background:var(--mostaza); }
.barra-fill.b-naranja{ background:var(--terracota); }
.barra-fill.b-rojo{ background:var(--ciruela); }

/* ---- Alertas ---- */
.alerta-badge,
.alarma-badge{
  display:inline-block; font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.58rem; font-weight:500;
  background:#8A5A16; color:var(--crema);
  padding:.22rem .55rem; border-radius:999px; margin-bottom:.5rem;
}
.alerta-banner{
  background:var(--arena); border-left:4px solid var(--mostaza);
  border-radius:0 12px 12px 0; padding:1rem 1.15rem; margin:1.2rem 0;
  text-align:left; font-size:.92rem; line-height:1.65; color:#5A4B42;
}
.alerta-critica{
  background:#FAE7E0; border-left:4px solid var(--terracota);
  border-radius:0 12px 12px 0; padding:1.05rem 1.2rem; margin:1.2rem 0;
  text-align:left; font-size:.95rem; line-height:1.68; color:#5A3A30;
}
.alerta-critica strong{ color:#9C3E29; }

/* ---- Crisis ---- */
.crisis-banner{
  background:var(--ciruela); color:var(--crema);
  border-radius:14px; padding:1.15rem 1.25rem; margin:1.3rem 0;
  text-align:left;
}
.crisis-banner strong{ color:var(--blanco); }
.crisis-banner p{ margin:0 0 .5rem; font-size:.94rem; line-height:1.65; color:rgba(247,241,232,.9); }
.crisis-lineas{ display:grid; gap:.4rem; margin-top:.7rem; }
.crisis-linea{
  font-size:.9rem; color:var(--crema);
  background:rgba(247,241,232,.10); border-radius:8px; padding:.55rem .75rem;
}
.crisis-linea a,
.crisis-banner a{ color:var(--rosa-palo); font-weight:600; }

/* ---- CTA blocks ---- */
.cta-block{ margin-top:1.6rem; display:grid; gap:.7rem; text-align:left; }
.cta-card{
  display:flex; align-items:center; gap:.9rem;
  padding:.95rem 1.05rem; text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.cta-card:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(58,58,56,.10); }
.cta-icon{ font-size:1.4rem; flex:none; }
.cta-text{ flex:1; }
.cta-label{
  display:block; font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.09em; font-size:.6rem; font-weight:500; opacity:.85;
}
.cta-title{
  display:block; font-family:var(--font-display); font-weight:700;
  font-size:1.02rem; line-height:1.25; margin-top:.15rem;
}
.cta-sub{ display:block; font-size:.82rem; line-height:1.5; margin-top:.2rem; opacity:.9; }
.cta-arrow{ flex:none; font-size:1.1rem; opacity:.8; }
.cta-divider{
  text-align:center; font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.12em; font-size:.62rem; color:#8A7A70;
  margin:.3rem 0;
}
.cta-card.cta-wa{ background:var(--salvia); border-color:var(--salvia); color:var(--crema); }
.cta-card.cta-ebook{ background:var(--terracota); border-color:var(--terracota); color:var(--crema); }
.cta-card.cta-free{ background:#FFFDF7; color:var(--cafe); }
.cta-card.cta-free .cta-label{ color:var(--terracota); opacity:1; }

/* ---- Instagram / follow ---- */
.instagram-follow,
.follow-block{
  margin-top:1.5rem; padding:1.15rem 1.25rem; text-align:center;
}
.instagram-follow{
  background:var(--arena); border:1px solid rgba(74,52,40,.13);
  border-radius:14px;
}
.instagram-follow p,
.follow-cta{ margin:0 0 .6rem; font-size:.94rem; line-height:1.6; color:#5A4B42; }
.instagram-follow a,
.follow-ig,
.follow-link{
  color:var(--terracota); font-weight:600; text-decoration:none;
}
.instagram-follow a:hover,
.follow-ig:hover,
.follow-link:hover{ text-decoration:underline; }
.hashtags{
  display:flex; flex-wrap:wrap; gap:.4rem; justify-content:center; margin-top:.7rem;
}
.htag{
  font-family:var(--font-label); text-transform:uppercase;
  letter-spacing:.07em; font-size:.6rem; font-weight:500;
  background:var(--rosa-palo); color:var(--ciruela);
  padding:.26rem .6rem; border-radius:999px;
}

/* ============ FOOTER ============ */
footer{
  margin-top:clamp(2.6rem,6vw,4.5rem);
  background:var(--cafe); color:rgba(247,241,232,.78);
  padding:clamp(1.8rem,4vw,2.6rem) var(--gutter);
  text-align:center; font-size:.85rem; line-height:1.65;
}
footer p{ margin:0 auto; max-width:70ch; }
footer a{ color:var(--rosa-palo); text-decoration:none; }
footer a:hover{ text-decoration:underline; }

/* ============ RESPONSIVE ============ */
@media (max-width:620px){
  .esc-grid{ grid-template-columns:repeat(2,1fr); }
  .opciones{ grid-template-columns:repeat(2,1fr); }
  .campo-group{ grid-template-columns:1fr; }
  .logo-mark{ font-size:.6rem; letter-spacing:.07em; }
  .barra-head{ flex-direction:column; gap:.15rem; align-items:flex-start; }
}
@media (max-width:400px){
  .hero h1{ font-size:1.65rem; }
  .res-score{ font-size:2.1rem; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
}

/* ============ Ajustes finos v3.1 (QA) ============ */
/* base.css limita el ancho de los <p> con --measure; en bloques centrados
   eso descentra el texto. Se neutraliza dentro de las escalas. */
.escala-main p,
#sec-datos p,
#resultado p,
.instr-card p,
.instagram-follow p{ max-width:none; }
.res-sig{ max-width:60ch; margin-inline:auto; }
.res-rec strong{ display:block; margin-bottom:.3rem; }
.datos-aviso, .aviso, .alerta-nota{ text-align:left; }
.crisis-banner, .barras-wrap, .sec-block{ text-align:left; }
.h1-emo{ font-size:.5em; vertical-align:.22em; margin-right:.1em; }
.crisis-banner h3{ color:var(--crema); margin:0 0 .45rem; font-size:1.2rem; }
.crisis-linea strong{ display:block; margin-bottom:2px; }
.crisis-banner a{ text-decoration:underline; text-underline-offset:2px; }