/* DM-4 · ARIN, pedir cita. Mismo color, letra y portada que ARIN; sin cápsulas, cristal ni etiquetas sobre los títulos. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("fuentes/manrope.woff2") format("woff2");}

:root{
  --bosque:#17332A; --bosque2:#21473A; --oscuro:#0E2019; --musgo:#3F6653; --salvia:#9DB5A6; --salvia-claro:#E3EBE5;
  --hueso:#F6F5F0; --blanco:#FFFFFF; --tinta:#132019; --texto2:#56655C; --regla:#DCE0D9; --oro:#C9A45C;
  --f:"Manrope",system-ui,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
  --r:18px; --r-c:4px;
  --cab:64px;
}
*{box-sizing:border-box;margin:0;}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
a,button,[role="button"],input,select,textarea,summary,label{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
section[id]{scroll-margin-top:calc(var(--cab) + 12px);}
html{scroll-padding-top:calc(var(--cab) + 12px);}
@media(max-width:999px){html{scroll-padding-bottom:96px;}} /* el foco con teclado no queda tapado por la cabecera fija ni por la barra de abajo */
body{background:var(--hueso);color:var(--tinta);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;}
button{font:inherit;color:inherit;}
h1,h2,h3,.h2,.h3{font-family:var(--f);font-weight:300;letter-spacing:-.03em;line-height:1.02;text-transform:uppercase;}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4.5vw,48px);}
.h2{font-size:clamp(36px,5.4vw,72px);}
.h3{font-size:clamp(26px,2.8vw,38px);}
.lead{font-size:clamp(17px,1.35vw,19px);color:var(--texto2);max-width:46ch;}
section{padding:clamp(72px,10vw,140px) 0;}
.saltar{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--bosque);padding:10px 14px;font-weight:600;}
.saltar:focus{top:12px;}

/* botones: rectángulo sencillo */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:var(--r-c);
  font:700 14px/1 var(--f);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:transform 160ms var(--ease-out),background-color 200ms ease;}
.btn:active{transform:scale(.97);}
.btn--oscuro{background:var(--bosque);color:#fff;}
.btn--claro{background:#fff;color:var(--bosque);}
.btn--s{min-height:44px;padding:0 16px;font-size:13px;}
.btn--ancho{width:100%;}
.enlace{display:inline-flex;align-items:center;gap:.3em;min-height:44px;background:none;border:0;padding:0;cursor:pointer;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
.enlace--claro{color:#fff;}
@media(hover:hover) and (pointer:fine){
  .btn--oscuro:hover{background:var(--bosque2);}
  .btn--claro:hover{background:var(--salvia-claro);}
  .enlace:hover{text-decoration-thickness:2px;}
}

/* aviso de muestra */
.aviso{display:block;background:var(--oscuro);color:#C9D8CE;font-size:13px;line-height:1.4;padding:9px clamp(18px,4.5vw,48px);text-align:center;}
.aviso b{color:#fff;font-weight:700;margin-right:6px;}

/* cabecera pegada arriba, a todo el ancho */
.cab{position:sticky;top:0;z-index:40;background:var(--bosque);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);}
.cab__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--cab);}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.18em;}
.marca i{width:24px;height:24px;border-radius:50%;background:var(--salvia);display:grid;place-items:center;}
.marca i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--bosque);}
.nav{display:none;gap:30px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.nav a{position:relative;text-decoration:none;color:#D5E1D9;display:inline-flex;align-items:center;min-height:44px;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 400ms var(--ease-out);}
@media(hover:hover) and (pointer:fine){.nav a:hover{color:#fff;}.nav a:hover::after{transform:scaleX(1);transform-origin:left;}}
@media(min-width:1000px){.nav{display:flex;}}
.cab__der{display:flex;align-items:center;gap:14px;}
.cab__tel{display:none;font-weight:600;font-size:15px;text-decoration:none;font-variant-numeric:tabular-nums;min-height:44px;align-items:center;}
@media(min-width:720px){.cab__tel{display:inline-flex;}}
.idioma{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:13px;font-weight:700;letter-spacing:.06em;color:#D5E1D9;}

/* ═══ PORTADA (la de ARIN) ═══ */
.portada{position:relative;min-height:calc(100svh - var(--cab) - 36px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:80px 0 clamp(28px,5vw,56px);background:var(--bosque);}
.portada__foto{position:absolute;inset:0;}
.portada__foto img{width:100%;height:112%;object-fit:cover;object-position:60% 40%;}
.portada__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,51,42,.2) 0%,rgba(23,51,42,.18) 35%,rgba(14,32,25,.9) 100%);}
.portada__in{position:relative;display:grid;gap:26px;width:100%;}
@media(min-width:1000px){.portada__in{grid-template-columns:1fr 380px;align-items:end;}}
.marca-grande{font-weight:200;font-size:clamp(104px,23vw,300px);line-height:.8;letter-spacing:-.06em;}
.portada h1{font-size:clamp(24px,2.6vw,36px);max-width:22ch;margin-top:18px;line-height:1.1;}
.portada__lado{display:grid;gap:18px;justify-items:start;}
.portada__lado p{color:#E4ECE6;font-size:16px;max-width:40ch;}
.portada__acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;}

/* ═══ BANDA que corre con el scroll ═══ */
.banda{overflow:hidden;background:var(--hueso);padding:clamp(26px,4vw,44px) 0;border-bottom:1px solid var(--regla);}
.banda__pista{display:flex;width:max-content;gap:clamp(36px,5vw,72px);padding-left:clamp(18px,4.5vw,48px);
  font-size:clamp(34px,5.4vw,76px);font-weight:200;letter-spacing:-.04em;line-height:1;text-transform:uppercase;color:var(--bosque);white-space:nowrap;}
.banda__pista span:nth-child(even){color:var(--musgo);}

/* ═══ ¿DÓNDE TE DUELE? (el elemento firma de ARIN) ═══ */
.duele__in{display:grid;gap:clamp(28px,4vw,64px);margin-top:clamp(32px,4vw,52px);}
@media(min-width:960px){.duele__in{grid-template-columns:1.05fr .95fr;align-items:stretch;}}
.duele__foto{position:relative;border-radius:var(--r);overflow:hidden;min-height:clamp(340px,48vw,620px);background:var(--salvia-claro);}
.duele__foto picture{position:absolute;inset:0;opacity:0;transition:opacity 600ms var(--ease-out);}
.duele__foto picture img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1200ms var(--ease-out);}
.duele__foto picture.on{opacity:1;}
.duele__foto picture.on img{transform:scale(1);}
.etiq{position:absolute;left:14px;bottom:14px;z-index:2;padding:8px 12px;border-radius:var(--r-c);background:var(--hueso);font-size:13.5px;font-weight:600;color:var(--bosque);}
.zonas{display:grid;border-top:1px solid var(--regla);}
.zona{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:12px 4px;border:0;border-bottom:1px solid var(--regla);background:none;cursor:pointer;text-align:left;
  font:300 clamp(24px,2.4vw,32px)/1.1 var(--f);letter-spacing:-.03em;text-transform:uppercase;color:var(--texto2);transition:color 250ms ease,padding-left 350ms var(--ease-out);}
.zona small{font:600 14px var(--f);letter-spacing:0;text-transform:none;color:var(--texto2);}
.zona[aria-pressed="true"]{color:var(--tinta);padding-left:14px;}
.zona[aria-pressed="true"] small{color:var(--bosque);}
.zona:active{transform:scale(.99);}
@media(hover:hover) and (pointer:fine){.zona:hover{color:var(--tinta);}}
.panel{margin-top:24px;padding:clamp(22px,3vw,30px);border-radius:var(--r);background:var(--bosque);color:#fff;display:grid;gap:14px;justify-items:start;}
.panel__cont{transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),filter 220ms ease;}
.panel__cont.cambiando{opacity:0;transform:translateY(8px);filter:blur(4px);}
.panel h3{font-size:clamp(24px,2.6vw,32px);}
.panel p{color:#D5E1D9;margin-top:10px;}
.panel .btn{margin-top:6px;}
.panel__nota{font-size:14px;color:#AFC3B6!important;margin-top:0!important;}

/* ═══ CITA: dos caminos ═══ */
.cita{background:var(--blanco);}
.cita__cab{display:grid;gap:22px;}
@media(min-width:960px){.cita__cab{grid-template-columns:1.1fr .9fr;align-items:end;gap:64px;}}
.caminos{display:grid;margin-top:clamp(36px,5vw,64px);border-top:1px solid var(--tinta);}
@media(min-width:860px){.caminos{grid-template-columns:1fr 1fr;}}
.camino{display:grid;gap:12px;align-content:start;text-align:left;cursor:pointer;background:none;border:0;border-bottom:1px solid var(--regla);
  padding:clamp(24px,3vw,36px) 0;transition:background-color 300ms ease,padding 400ms var(--ease-out),transform 160ms var(--ease-out);}
@media(min-width:860px){.camino{padding:clamp(28px,3vw,40px) clamp(20px,2.4vw,32px);}.camino + .camino{border-left:1px solid var(--regla);}}
.camino:active{transform:scale(.985);}
.camino__t{font-weight:300;font-size:clamp(28px,3vw,42px);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase;max-width:16ch;}
.camino__p{color:var(--texto2);max-width:42ch;}
.camino__ir{justify-self:start;margin-top:6px;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--bosque);
  padding-bottom:4px;border-bottom:2px solid var(--salvia);transition:border-color 250ms ease;}
@media(hover:hover) and (pointer:fine){.camino:hover{background:var(--hueso);}.camino:hover .camino__ir{border-color:var(--bosque);}}

.llega{display:grid;gap:clamp(24px,4vw,64px);margin-top:clamp(56px,7vw,96px);}
@media(min-width:900px){.llega{grid-template-columns:.9fr 1.1fr;align-items:center;}}
.llega__foto{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;}
.llega__foto img{width:100%;height:100%;object-fit:cover;}
.llega__lista{list-style:none;padding:0;margin-top:22px;border-top:1px solid var(--regla);}
.llega__lista li{padding:14px 0;border-bottom:1px solid var(--regla);font-size:clamp(20px,1.8vw,24px);font-weight:300;letter-spacing:-.01em;}
.llega__no{margin-top:20px;color:var(--texto2);max-width:46ch;}

/* ═══ CONTACTO ═══ */
.contacto{background:var(--bosque);color:#fff;}
.contacto__in{display:grid;gap:clamp(32px,4vw,64px);}
@media(min-width:960px){.contacto__in{grid-template-columns:1fr 1fr;}}
.tel{display:inline-block;font-weight:200;font-size:clamp(40px,5vw,64px);letter-spacing:-.04em;line-height:1;text-decoration:none;margin-top:20px;padding:6px 0;font-variant-numeric:tabular-nums;}
.contacto .lead{color:#D5E1D9;margin-top:18px;}
.contacto__acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:26px;}
.fichas{border-top:1px solid rgba(255,255,255,.16);}
.fichas div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16);}
.fichas dt{font-weight:700;font-size:15px;color:var(--salvia);}
.fichas dd{margin:0;color:#EEF3EF;}
.fichas a{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0;text-underline-offset:4px;}
.mapa:focus-within,.mapa.foco{outline:2px solid #fff;outline-offset:3px;}
.mapa{margin-top:18px;border-radius:var(--r);overflow:hidden;height:260px;}
.mapa iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.45) contrast(.95);}
.pie{background:var(--oscuro);color:#B9CCBF;font-size:14px;padding:26px 0 110px;}
.pie .wrap{display:grid;gap:6px;}
@media(min-width:1000px){.pie{padding-bottom:30px;}}

/* barra fija del móvil */
.barra{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:1.3fr 1fr;gap:8px;
  transform:translateY(150%);visibility:hidden;transition:transform 450ms var(--ease-out),visibility 0s 450ms;}
.barra.on{transform:none;visibility:visible;transition:transform 450ms var(--ease-out);}
.barra .b1,.barra .b2{display:flex;align-items:center;justify-content:center;min-height:54px;border:0;border-radius:var(--r-c);font:700 14px var(--f);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  box-shadow:0 14px 30px -14px rgba(14,32,25,.6);transition:transform 160ms var(--ease-out);}
.barra .b1:active,.barra .b2:active{transform:scale(.97);}
.barra .b1{background:var(--bosque);color:#fff;border:1px solid rgba(255,255,255,.4);} .barra .b2{background:#fff;color:var(--bosque);border:1px solid var(--regla);}
@media(min-width:1000px){.barra{display:none;}}

/* ═══ VENTANA «PEDIR CITA» ═══ */
.dlg{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--tinta);overflow:hidden;}
.dlg::backdrop{background:rgba(14,32,25,.6);}
.dlg[open]{display:flex;align-items:flex-end;justify-content:center;}
@media(min-width:900px){.dlg[open]{justify-content:flex-end;align-items:stretch;}}
.dlg__caja{scroll-padding-top:76px;position:relative;width:100%;max-height:94svh;overflow-y:auto;overscroll-behavior:contain;background:var(--hueso);border-radius:14px 14px 0 0;
  padding:0 clamp(18px,5vw,36px) calc(28px + env(safe-area-inset-bottom));}
@media(min-width:900px){.dlg__caja{width:520px;max-height:none;height:100%;border-radius:0;}}
.dlg__cab{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:60px;background:var(--hueso);margin:0 calc(-1 * clamp(18px,5vw,36px));padding:0 clamp(8px,3vw,24px);border-bottom:1px solid var(--regla);}
.dlg__marca{grid-column:2;text-align:center;font-weight:700;font-size:14px;letter-spacing:.18em;}
.dlg__icono{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;border-radius:var(--r-c);cursor:pointer;color:var(--tinta);transition:transform 160ms var(--ease-out),background-color 200ms ease;}
.dlg__icono[hidden]{display:none;}
#dlg-cerrar{grid-column:3;}
.dlg__icono svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.dlg__icono:active{transform:scale(.92);}
@media(hover:hover) and (pointer:fine){.dlg__icono:hover{background:var(--salvia-claro);}}
.paso{padding-top:26px;}
.paso[hidden]{display:none;}
.dlg__h{font-size:clamp(32px,8vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1;text-transform:uppercase;}
.dlg__h:focus{outline:none;}
.dlg__p{color:var(--texto2);margin-top:12px;}
.dlg__h3{font-size:20px;font-weight:600;letter-spacing:0;line-height:1.2;text-transform:uppercase;margin-top:26px;}
.dlg__pie{margin-top:18px;color:var(--texto2);}
.dlg__pie a{font-weight:700;color:var(--bosque);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;}
.dlg__acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:22px;}

.opciones{display:grid;gap:10px;margin-top:22px;}
.opcion{display:grid;gap:6px;text-align:left;cursor:pointer;padding:20px 18px;border:1px solid var(--regla);border-radius:var(--r-c);background:#fff;
  transition:transform 160ms var(--ease-out),border-color 200ms ease,background-color 200ms ease;}
.opcion:active{transform:scale(.97);}
.opcion__t{font-size:22px;font-weight:400;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;}
.opcion__p{color:var(--texto2);font-size:15px;}
@media(hover:hover) and (pointer:fine){.opcion:hover{border-color:var(--bosque);}}

.nota{margin-top:16px;padding:14px 16px;background:var(--salvia-claro);border-radius:var(--r-c);font-size:14.5px;line-height:1.5;color:var(--tinta);}
.nota b{font-weight:700;}

/* pantalla de ejemplo del programa de citas */
.nav-falso{margin-top:18px;border:1px solid #C9CFC8;border-radius:8px;overflow:hidden;background:#fff;}
.nav-falso__dir{background:#EEF0EC;color:#5B6660;font-size:12.5px;padding:8px 12px;border-bottom:1px solid #DADFD8;font-family:var(--f);}
.nav-falso__in{padding:16px;}
.nav-falso__t{font-weight:700;font-size:15px;}
.dias{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;}
.dia,.hora{border:1px solid var(--regla);background:#fff;border-radius:var(--r-c);cursor:pointer;min-height:48px;padding:6px 4px;line-height:1.2;
  transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease,border-color 200ms ease;}
.dia small{display:block;font-size:12px;color:var(--texto2);text-transform:uppercase;letter-spacing:.04em;}
.dia b{font-size:18px;font-weight:600;}
.dia[aria-pressed="true"],.hora[aria-pressed="true"]{background:var(--bosque);border-color:var(--bosque);color:#fff;}
.dia[aria-pressed="true"] small{color:#C9D8CE;}
.dia:active,.hora:active{transform:scale(.95);}
.horas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px;}
.hora{font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;}
.hora:disabled{cursor:not-allowed;color:#6E7A72;background:#F1F2EE;text-decoration:line-through;}
@media(hover:hover) and (pointer:fine){.dia:hover,.hora:not(:disabled):hover{border-color:var(--bosque);}}
.elegido{margin-top:14px;min-height:3em;font-size:15px;color:var(--tinta);}
.elegido b{font-weight:700;}

/* formulario «te llamamos» */
.form{display:grid;gap:16px;margin-top:20px;}
.campo{display:grid;gap:6px;border:0;padding:0;min-width:0;}
.campo label,.campo legend{font-weight:700;font-size:15px;padding:0;}
.campo input[type="text"],.campo input[type="tel"]{width:100%;min-height:52px;padding:0 14px;border:1px solid #9AA59E;border-radius:var(--r-c);background:#fff;font:400 17px var(--f);color:var(--tinta);
  transition:border-color 200ms ease,box-shadow 200ms ease;}
.campo input:focus-visible{outline:none;border-color:var(--bosque);box-shadow:0 0 0 3px rgba(63,102,83,.28);}
.campo input[aria-invalid="true"]{border-color:#A3392B;}
.franjas{grid-template-columns:1fr 1fr;gap:8px;}
.franjas legend{grid-column:1/-1;margin-bottom:6px;float:left;width:100%;}
.franjas .franja{position:relative;display:grid;gap:2px;padding:14px;border:1px solid #9AA59E;border-radius:var(--r-c);background:#fff;cursor:pointer;
  transition:transform 160ms var(--ease-out),background-color 220ms ease,color 220ms ease,border-color 220ms ease;}
.franja input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.franja__t{font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.02em;}
.franja__h{font-size:14px;color:var(--texto2);font-variant-numeric:tabular-nums;}
.franja:has(input:checked){background:var(--bosque);border-color:var(--bosque);color:#fff;}
.franja:has(input:checked) .franja__h{color:#C9D8CE;}
.franja:has(input:focus-visible){outline:2px solid var(--bosque);outline-offset:3px;}
.franja:active{transform:scale(.97);}
.sin-motivo{font-size:15px;color:var(--bosque);font-weight:600;}
.consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15px;cursor:pointer;}
.consent input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--bosque);cursor:pointer;}
.capa{font-size:13px;color:var(--texto2);line-height:1.5;}
.resumen{font-size:15px;min-height:1.6em;color:var(--tinta);}
.resumen b{font-weight:700;}
.error{color:#A3392B;font-weight:600;font-size:15px;min-height:0;}
.error:empty{display:none;}

/* así le llega al centro */
.correo{margin-top:12px;border:1px solid #C9CFC8;border-radius:8px;overflow:hidden;background:#fff;}
.correo__cab{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bosque);color:#fff;font-weight:600;font-size:14px;}
.correo__cab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;}
.correo__fondo{padding:16px;background:#F3F4F0;min-height:150px;}
.escribiendo{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:4px 14px 14px 14px;font-size:14px;color:var(--texto2);box-shadow:0 1px 1px rgba(0,0,0,.08);}
.escribiendo[hidden]{display:none;}
.puntos{display:inline-flex;gap:4px;}
.puntos i{width:7px;height:7px;border-radius:50%;background:#7E8A83;animation:puntos 1s infinite ease-in-out;}
.puntos i:nth-child(2){animation-delay:.15s;} .puntos i:nth-child(3){animation-delay:.3s;}
@keyframes puntos{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.mensaje{background:#fff;border-radius:4px 14px 14px 14px;padding:14px 16px;box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:100%;}
.mensaje[hidden]{display:none;}
.mensaje__de{font-weight:700;font-size:15px;}
.mensaje dl{margin-top:10px;display:grid;gap:6px;}
.mensaje dl div{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:15px;}
.mensaje dt{color:var(--texto2);}
.mensaje dd{margin:0;font-weight:600;overflow-wrap:anywhere;}
.llega__no--dlg{margin-top:14px;font-weight:600;color:var(--bosque);}

/* animación de «salto» al elegir (solo transform) */
.salta{animation:salta 380ms var(--ease-out);}
@keyframes salta{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1)}}

@media(prefers-reduced-motion:reduce){
  .puntos i,.salta{animation:none;}
  .duele__foto picture,.duele__foto picture img,.panel__cont{transition:opacity 150ms ease;transform:none!important;filter:none!important;}
  .barra,.barra.on{transition:none;}
}