/* SISTEMA 2026-11-10 — estilo común de las páginas públicas (notas, ayuda,
   funciones, legales, reservas y Portal de pacientes). Se carga después de
   los estilos de cada página y los pisa. Verde profundo, blanco y gris frío;
   una sola familia; cifras tabulares. Sin degradés ni vidrio esmerilado. */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/fonts/f/hanken-grotesk-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --tinta:#0D1715;--tinta-2:#46524F;--tinta-3:#5E6A67;
  --papel:#FFFFFF;--niebla:#F3F5F4;--linea:#E1E6E4;--linea-2:#CBD3D0;
  --crema:#FFFFFF;--crema-2:#F3F5F4;--fondo:#FFFFFF;--fondo-2:#F3F5F4;
  --verde:#0F4C46;--verde-osc:#0A3531;--verde-noche:#082925;--verde-luz:#E7F0EE;--menta:#A9DCCB;
  --acento:#0F4C46;--acento-luz:#E7F0EE;
  --sombra:none;--radio:14px;--radio-chico:10px;
  --fuente:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fuente-tit:var(--fuente);--serif:var(--fuente);--sans:var(--fuente);--titulo:var(--fuente);--texto:var(--fuente);
}
body{font-family:var(--fuente)}
h1,h2{font-family:var(--fuente);font-weight:600;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}
h3{font-family:var(--fuente);font-weight:600;letter-spacing:-.012em}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid #6FB7A4;outline-offset:2px}

/* barra */
/* la página de reservas tiene su propia cabecera (.cabeza), con los datos de la profesional: no se toca */
header:not(.cabeza){background:var(--verde-noche);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
header .logo{font-family:var(--fuente);color:#fff;font-weight:650;font-size:1.1rem;letter-spacing:-.02em}
.logo-m{color:inherit}
header .barra nav a{color:#C5D6D2}
header .barra nav a:hover{color:#fff}
header .barra nav a.btn,header .barra .btn{background:#fff;color:var(--verde-noche);border-color:#fff;padding:9px 16px;font-size:.93rem}
header .barra nav a.btn:hover,header .barra .btn:hover{background:var(--verde-luz)}
footer .logo{font-family:var(--fuente);color:var(--tinta);font-weight:650;letter-spacing:-.02em}

/* botones */
.btn,.btn-cta{background:var(--verde);color:#fff;border:1px solid var(--verde);border-radius:var(--radio-chico);font-weight:600;box-shadow:none}
.btn:hover,.btn-cta:hover{background:var(--verde-osc);border-color:var(--verde-osc)}
.btn-linea,.btn-sec{background:#fff;color:var(--tinta);border:1px solid var(--linea-2)}
.btn-linea:hover,.btn-sec:hover{background:var(--niebla)}
a.cta-fija{background:var(--verde);border-radius:12px;box-shadow:0 10px 30px -10px rgba(8,41,37,.6)}

/* piezas comunes */
.caja-dato,.toc,.form,.resultado{background:var(--niebla);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:none}
.ojo-nota{background:var(--verde-luz);border-left:3px solid var(--verde);border-radius:0 var(--radio-chico) var(--radio-chico) 0}
.ruta{background:var(--niebla);color:var(--tinta);border:1px solid var(--linea);border-radius:6px}
.captura{border:1px solid var(--linea);border-radius:var(--radio)}
main .cierre{background:var(--verde-noche);border-radius:18px;text-align:left}
main .cierre .btn{background:#fff;color:var(--verde-noche);border-color:#fff}
.indice a{border:1px solid var(--linea);border-radius:var(--radio);box-shadow:none}
.indice a:hover{border-color:var(--verde);box-shadow:none;transform:none}
.buscar,.form input,.form textarea{border:1px solid var(--linea-2);border-radius:var(--radio-chico)}
.plan-card{border:1px solid var(--linea);border-radius:18px;box-shadow:none}
.plan-card.destacada{background:var(--verde-noche);border-color:var(--verde-noche);color:#fff;box-shadow:none}
.plan-card.destacada p,.plan-card.destacada li,.plan-card.destacada small{color:inherit}
.plan-cinta{position:static;display:block;background:none;color:var(--menta);padding:0;margin:0 0 8px;border-radius:0;font-weight:600}
.planes-pie .btn{background:var(--verde);border:1px solid var(--verde)}
.monto{font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
table{font-variant-numeric:tabular-nums}
.plan-card.destacada .monto,.plan-card.destacada .plan-nom,.plan-card.destacada b,.plan-card.destacada h3{color:#fff}
.plan-card.destacada .monto small,.plan-card.destacada .plan-imp,.plan-card.destacada .plan-sub{color:#A9C2BC}
.plan-card.destacada .incluye li::before{color:var(--menta)}
.plan-card.destacada .plan-para,.plan-card.destacada .incluye,.plan-card.destacada .incluye li{border-color:rgba(255,255,255,.18)}

/* reservas, Portal de pacientes y buscador: mismas letras y una franja con el nombre */
h1,h2,h3,h4,legend,button,input,select,textarea{font-family:var(--fuente)}
.marca-barra{background:var(--verde-noche);color:#fff;font-weight:650;font-size:1.02rem;letter-spacing:-.02em;padding:15px 22px}
.marca-barra span{display:block;max-width:1120px;margin:0 auto}
body:has(.marca-barra){background:var(--niebla)}