@font-face{font-family:'Open Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans-latin-wght-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans-latin-ext-wght-italic.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}

/* ===== Base del sitio ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#ffffff;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #8fe0ea;outline-offset:2px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* ===== Menú ===== */
[data-burger]{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:rgba(35,127,143,.1);color:#054166;cursor:pointer}

@media (max-width: 1040px){
  [data-nav]{padding:10px 12px 10px 16px!important}
  [data-nav] > a:first-child{order:0}
  [data-nav-cta]{order:1;margin-left:auto;min-height:44px!important;padding:0 16px!important;font-size:14px!important}
  [data-burger]{display:inline-flex;order:2}
  [data-nav-links]{order:3;display:none!important;flex-basis:100%;flex-direction:column;align-items:stretch!important;gap:2px!important;padding:6px 0 4px}
  [data-nav].is-open [data-nav-links]{display:flex!important}
  [data-nav-links] > a,[data-nav-links] [data-dd-btn]{width:100%;justify-content:flex-start}
  [data-dd-panel]{position:static!important;width:auto!important;box-shadow:none!important;margin:4px 0 0!important;background:#f3f8f9!important}
}
@media (max-width: 420px){
  [data-nav] > a:first-child img{height:36px!important}
  [data-nav-cta] svg{display:none}
}

/* ===== Hero en celular: cada frase en una sola línea ===== */
@media (max-width: 600px){
  section:has(> div > [data-hero]){padding:6px 6px 0!important}
  div:has(> [data-hero]){min-height:0!important;border-radius:24px!important}
  [data-hero]{padding:64px 20px 64px!important;gap:22px!important}
  div:has(> [data-hero]) > div[style*="linear-gradient(90deg"]{background:linear-gradient(180deg, rgba(3,26,40,.55) 0%, rgba(3,26,40,.72) 100%)!important}
  [data-hero] h1{font-size:min(10.4vw,48px)!important;white-space:nowrap}
  [data-hero] p{white-space:nowrap}
  [data-hero] > div:first-child > p{font-size:min(4.6vw,18px)!important}
  [data-hero] > div:nth-child(2){min-height:0!important;padding:12px 18px!important}
  [data-hero] > div:nth-child(2) span{font-size:min(4.7vw,20px)!important;white-space:nowrap}
  [data-hero] > p{font-size:min(3.6vw,15px)!important}
}

/* ===== Foto de "No se trata de operarte": centrada en celular ===== */
@media (max-width: 900px){
  [data-solfoto]{margin:0 auto!important;flex:0 0 auto!important;width:min(320px,100%)!important}
}

/* ===== Pasos 01-02-03: uno abajo del otro en celular/tablet ===== */
@media (max-width: 900px){
  [data-pasos]{grid-template-columns:1fr!important;gap:12px!important}
  [data-pasos] > div{display:grid!important;grid-template-columns:52px 1fr;column-gap:14px;row-gap:4px!important;align-items:start;padding:18px 20px!important}
  [data-pasos] > div > span{grid-row:1 / span 2;font-size:32px!important;line-height:1}
  [data-pasos] > div > h4{font-size:17px!important}
  [data-pasos] > div > p{grid-column:2;font-size:14.5px!important}
}

/* ===== Sin palabras sueltas en el último renglón ===== */
p,li,h1,h2,h3,h4{text-wrap:pretty}
h2,h3{text-wrap:balance}

/* ===== Quotes del problema: en celular, alto natural ===== */
@media (max-width: 900px){ [data-quotes]{grid-auto-rows:auto!important} }

/* ===== Ventajas: 3 por fila en compu, 2 en tablet, 1 en celular ===== */
@media (max-width: 900px){ [data-pros]{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width: 600px){ [data-pros]{grid-template-columns:1fr 1fr!important;gap:10px!important} [data-pros] > div{padding:14px 12px!important;gap:8px!important;font-size:13px!important;line-height:1.35;border-radius:14px!important;align-items:flex-start!important} [data-pros] svg{width:16px;height:16px;margin-top:1px} }
@media (max-width: 900px){ section:has(> [data-quees]){gap:24px!important} }
@media (max-width: 908px){ [data-nota]{padding-left:0!important;margin-top:-12px!important} }

/* ===== Celular: tratamientos de a 2 ===== */
@media (max-width: 600px){
  [data-trats]{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}
  [data-trats] > article{flex:none!important;flex-direction:column!important;flex-wrap:nowrap!important;padding:0!important;border-radius:18px!important}
  [data-trats] > article > div:first-child{flex:none!important;min-height:0!important;height:auto!important;aspect-ratio:1 / 1!important;margin:0!important;padding:0!important;position:relative}
  [data-trats] > article > div:first-child > span{top:8px!important;left:8px!important;font-size:8.5px!important;padding:4px 8px!important}
  [data-trats] > article > div:nth-child(2){flex:1 1 auto!important;padding:14px!important;gap:8px!important;justify-content:flex-start!important}
  [data-trats] > article > h3,[data-trats] > article > p,[data-trats] > article > a{margin-left:14px!important;margin-right:14px!important}
  [data-trats] > article > h3{margin-top:14px!important}
  [data-trats] > article > a{margin-bottom:8px!important}
  [data-trats] h3{font-size:17px!important;line-height:1.2!important}
  [data-trats] p{display:none!important}
  [data-trats] .hv-btn{display:none!important}
  [data-trats] a{font-size:13px!important;min-height:36px!important}
  [data-trats] > article > div:nth-child(2) > div{margin-top:auto!important}
}

/* ===== Celular: "¿Hace cuánto…?" más compacto, frases de a 2 ===== */
@media (max-width: 600px){
  section:has([data-quotes]) > div{padding:48px 18px!important}
  section:has([data-quotes]) > div > div{gap:28px!important}
  section:has([data-quotes]) h2{font-size:29px!important}
  section:has([data-quotes]) p{font-size:14.5px!important;line-height:1.6!important}
  [data-quotes]{flex-basis:100%!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-quotes] > div{padding:14px!important;font-size:13.5px!important;line-height:1.45!important;border-radius:14px!important}
}

/* ===== Celular: beneficios de a 2 ===== */
@media (max-width: 600px){
  section:has(> div > [data-benef]) > div{padding:32px 14px 22px!important}
  [data-benef]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-benef] > div{padding:16px 14px!important;gap:8px!important;border-radius:16px!important}
  [data-benef] strong{font-size:14px!important}
  [data-benef] span{font-size:12.5px!important}
  [data-benef] svg{width:24px;height:24px}
}

/* ===== Celular: pasos de la técnica de a 2 ===== */
@media (max-width: 600px){
  [data-steps]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-steps] > li{flex-direction:column!important;gap:8px!important;padding:16px 14px!important;border-radius:16px!important}
  [data-steps] > li > span{font-size:24px!important}
  [data-steps] strong{font-size:14.5px!important}
  [data-steps] li span + div span,[data-steps] div > span{font-size:12.5px!important;line-height:1.5!important}
}

/* ===== Celular: cuadritos de internación y recuperación más bajos ===== */
@media (max-width: 600px){
  section:has(> [data-quees]) > div > div.hv-lift{padding:11px 14px!important;gap:10px!important;border-radius:14px!important}
  section:has(> [data-quees]) > div > div.hv-lift > span:first-child{width:7px!important;height:7px!important;margin-top:7px!important}
  section:has(> [data-quees]) > div > div.hv-lift > span:last-child{font-size:13.5px!important;line-height:1.5!important}
  section:has(> [data-quees]) > div:has(> div.hv-lift){gap:8px!important}
}

/* ===== Celular: textos más chicos en general ===== */
@media (max-width: 600px){
  body :is(p,span,li)[style*="font-size: 18px"]:not([data-hero] *){font-size:15.5px!important}
  body :is(p,span,li)[style*="font-size: 17px"]:not([data-hero] *){font-size:15px!important}
  body :is(p,span,li)[style*="font-size: 16px"]:not([data-hero] *){font-size:14.5px!important}
  body :is(p,span)[style*="line-height: 1.8"],body :is(p,span)[style*="line-height: 1.75"]{line-height:1.6!important}
  /* línea de tiempo de formación */
  [data-tl]{padding:12px 14px!important;margin-bottom:10px!important;gap:2px!important}
  [data-tl] > span:first-child{font-size:11px!important}
  [data-tl] > strong{font-size:15.5px!important;line-height:1.3!important}
  [data-tl] > span:last-child{font-size:13px!important;line-height:1.45!important}
  /* equipo: cuadros más bajos */
  .hv-glow:has(> svg + div > strong){padding:14px 16px!important;gap:12px!important}
  .hv-glow:has(> svg + div > strong) strong{font-size:15.5px!important}
  .hv-glow:has(> svg + div > strong) span{font-size:13px!important}
  /* patologías de a 2, la última entera */
  [data-patos]{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  [data-patos] > span{padding:9px 12px!important;font-size:13.5px!important;text-align:center;border-radius:14px!important}
  [data-patos] > span:last-child{grid-column:1 / -1}
}
@media (max-width: 600px){ [data-faqfoto]{height:300px!important;min-height:0!important} [data-faqfoto] img{object-position:50% 50%} }
[style*="1 min("]{min-width:0!important}

/* ===== Celular: números de a 2 ===== */
@media (max-width: 600px){
  section:has([data-nums]) > div{padding:20px 14px!important}
  [data-nums]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-nums] > div{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:16px 14px!important;border-radius:16px!important}
  [data-nums] > div > span:first-child{font-size:40px!important}
  [data-nums] > div > span:first-child span,[data-nums] > div > span:first-child small{font-size:20px!important}
  [data-nums] > div > span:last-child{font-size:12.5px!important}
}

/* ===== Celular: títulos de las técnicas sin recuadro ===== */
@media (max-width: 900px){
  [data-quees]{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;align-items:flex-start!important;text-align:left!important;border-radius:0!important}
  section:has(> [data-quees]){gap:16px!important}
}
@media (max-width: 900px){ [data-quees] h2{line-height:1.12!important} }

/* ===== Celular: números de Quiénes somos más finitos ===== */
@media (max-width: 600px){
  section:has(> div > [data-nums2]) > div{padding:16px 14px!important}
  [data-nums2]{gap:10px!important}
  [data-nums2] > div{padding:10px 16px!important;gap:14px!important;border-radius:16px!important}
  [data-nums2] > div > span:first-child{font-size:40px!important;min-width:52px}
  [data-nums2] > div > span:last-child{font-size:13px!important;line-height:1.35!important}
}

/* ===== Testimonios y cicatriz: 9:16 enteros; en celular de a 2 ===== */
@media (min-width: 601px) and (max-width: 1100px){ [data-testis]{grid-template-columns:repeat(2,1fr)!important} }
@media (max-width: 600px){
  [data-testis]{grid-template-columns:1fr 1fr!important;gap:10px!important}
  [data-testis] > article{border-radius:16px!important}
  [data-testis] > article > div:last-child{padding:12px!important;gap:6px!important}
  [data-testis] strong{font-size:14px!important}
  [data-testis] > article > div:last-child span{font-size:11.5px!important;margin-top:-4px!important}
  [data-testis] > article > div:last-child p{font-size:12px!important;line-height:1.45!important}
  [data-testis] > article > div:last-child p[style*="11.5px"]{font-size:10.5px!important}
}