/* Infiltración de rodilla en Saltillo — V1.0 */
html { scroll-behavior: smooth; }
.pagina-infiltracion-rodilla { background: #fff; }
.pagina-infiltracion-rodilla section[id] { scroll-margin-top: 84px; }
.pagina-infiltracion-rodilla .nav-principal { z-index: 1000; }

.hero-infiltracion { position: relative; overflow: hidden; padding: 48px 0 62px; background: radial-gradient(circle at 12% 12%, rgba(83,183,179,.14), transparent 30%), linear-gradient(112deg,#fff 0%,#fff 61%,#e9f3f3 61%,#e9f3f3 100%); }
.hero-infiltracion::after { position:absolute; right:-150px; bottom:-220px; width:520px; height:520px; border:1px solid rgba(83,183,179,.2); border-radius:50%; content:""; }
.hero-infiltracion__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.76fr); align-items:center; gap:clamp(36px,5vw,76px); }
.hero-infiltracion h1,.introduccion-infiltracion h2,.anatomia-infiltracion h2,.valoracion-infiltracion h2,.criterio-infiltracion h2,.experiencia-infiltracion h2,.preguntas-infiltracion h2,.contacto-infiltracion h2 { margin:12px 0 0; color:var(--jg-azul-oscuro); font-family:"Cocogoose",Arial,sans-serif; font-weight:400; letter-spacing:-.042em; line-height:1.06; }
.hero-infiltracion h1 { max-width:760px; font-size:clamp(42px,5vw,68px); }
.hero-infiltracion__promesa { max-width:710px; margin:22px 0 0; color:#334e5b; font-size:clamp(18px,1.75vw,23px); font-weight:600; line-height:1.55; }
.hero-infiltracion .hero-dolor__acciones { margin-top:32px; }
.hero-infiltracion__temas { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0 0; padding:0; list-style:none; }
.hero-infiltracion__temas li { padding:8px 11px; border:1px solid #c9dddd; border-radius:999px; color:#2f5961; background:rgba(255,255,255,.72); font-size:11px; font-weight:800; }
.hero-infiltracion__foto { position:relative; width:min(100%,540px); margin:0; justify-self:end; }
.hero-infiltracion__foto img { display:block; width:100%; aspect-ratio:1.08/1; object-fit:cover; object-position:center 43%; border:9px solid #fff; border-radius:22px; box-shadow:0 30px 75px rgba(22,52,68,.21); }
.hero-infiltracion__foto figcaption { position:relative; width:calc(100% - 34px); margin:-55px 17px 0; padding:18px 20px; border:1px solid rgba(255,255,255,.2); border-radius:13px; color:#fff; background:rgba(16,42,56,.94); box-shadow:0 16px 34px rgba(16,42,56,.22); }
.hero-infiltracion__foto strong,.hero-infiltracion__foto span { display:block; }
.hero-infiltracion__foto strong { font-size:14px; }.hero-infiltracion__foto span { margin-top:4px; color:#c4d5da; font-size:11px; line-height:1.45; }

.introduccion-infiltracion { padding:100px 0 0; }
.introduccion-infiltracion__grid,.valoracion-infiltracion__encabezado { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.58fr); align-items:end; gap:clamp(50px,9vw,130px); }
.introduccion-infiltracion h2,.anatomia-infiltracion h2,.valoracion-infiltracion h2,.criterio-infiltracion h2,.experiencia-infiltracion h2,.preguntas-infiltracion h2,.contacto-infiltracion h2 { font-size:clamp(34px,4vw,52px); }
.introduccion-infiltracion__grid > div:last-child > p,.valoracion-infiltracion__encabezado > p { margin:0 0 16px; color:#526a75; font-size:15px; line-height:1.8; }
.alertas-infiltracion { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:54px; gap:1px; overflow:hidden; border:1px solid #d7e5e6; border-radius:18px; background:#d7e5e6; }
.alertas-infiltracion article { min-height:270px; padding:30px 28px; background:#f4f9f9; }.alertas-infiltracion article:nth-child(2) { background:#fff; }
.alertas-infiltracion span,.pasos-infiltracion span { display:block; margin-bottom:35px; color:#52b4b0; font-size:12px; font-weight:900; letter-spacing:.12em; }
.alertas-infiltracion h3,.opciones-infiltracion h3,.pasos-infiltracion h3 { margin:0; color:var(--jg-azul-oscuro); font-family:"Cocogoose",Arial,sans-serif; font-size:21px; font-weight:400; letter-spacing:-.03em; }.alertas-infiltracion p { color:#516a74; font-size:14px; line-height:1.7; }.alertas-infiltracion a { color:#197e7c; font-size:13px; font-weight:800; text-decoration:none; }

.anatomia-infiltracion { margin-top:100px; padding:94px 0; background:#102a38; }.anatomia-infiltracion__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(350px,.76fr); align-items:center; gap:clamp(40px,7vw,110px); }.anatomia-infiltracion__imagen { overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 26px 55px rgba(0,0,0,.18); }.anatomia-infiltracion__imagen img { display:block; width:100%; }.anatomia-infiltracion .etiqueta-nueva { color:#79cfcb; }.anatomia-infiltracion h2 { color:#fff; }.anatomia-infiltracion__contenido > p { color:#c5d5da; font-size:16px; line-height:1.8; }.opciones-infiltracion { display:grid; gap:1px; margin-top:30px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.12); }.opciones-infiltracion article { padding:18px 20px; background:#183543; }.opciones-infiltracion h3 { color:#fff; font-size:18px; }.opciones-infiltracion p { margin:8px 0 0; color:#c0d0d5; font-size:13px; line-height:1.55; }

.valoracion-infiltracion { padding:102px 0; }.pasos-infiltracion { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:52px; gap:28px; }.pasos-infiltracion article { padding:6px 6px 20px; border-bottom:2px solid #d8e8e8; }.pasos-infiltracion h3 { font-size:22px; }.pasos-infiltracion p { color:#566f79; font-size:14px; line-height:1.7; }.valoracion-infiltracion__foto { display:grid; grid-template-columns:minmax(260px,.5fr) minmax(0,.78fr); align-items:center; max-width:1000px; margin:72px auto 0; gap:clamp(35px,7vw,90px); }.valoracion-infiltracion__foto figure { margin:0; }.valoracion-infiltracion__foto img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:58% center; border-radius:20px; box-shadow:0 22px 52px rgba(22,52,68,.18); }.valoracion-infiltracion__foto h3 { margin:11px 0 0; color:var(--jg-azul-oscuro); font-family:"Cocogoose",Arial,sans-serif; font-size:clamp(28px,3vw,39px); font-weight:400; letter-spacing:-.035em; line-height:1.1; }.valoracion-infiltracion__foto p:not(.etiqueta-nueva) { color:#526a75; font-size:15px; line-height:1.8; }.valoracion-infiltracion__foto .boton-nuevo { margin-top:16px; }

.criterio-infiltracion { padding:94px 0; background:#eef7f7; }.criterio-infiltracion__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); align-items:center; gap:clamp(50px,9vw,130px); }.criterio-infiltracion__grid > div > p:not(.etiqueta-nueva) { color:#526a75; font-size:16px; line-height:1.8; }.criterio-infiltracion ul { margin:0; padding:0; list-style:none; }.criterio-infiltracion li { display:grid; padding:21px 0; border-bottom:1px solid #c9dddd; gap:7px; }.criterio-infiltracion li:first-child { border-top:1px solid #c9dddd; }.criterio-infiltracion strong { color:#183846; font-size:15px; }.criterio-infiltracion span { color:#5b7179; font-size:13px; line-height:1.65; }

.experiencia-infiltracion { padding:102px 0; }.experiencia-infiltracion__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); align-items:center; gap:clamp(46px,8vw,110px); }.experiencia-infiltracion__texto > p:not(.etiqueta-nueva) { max-width:680px; color:#526a75; font-size:16px; line-height:1.8; }.experiencia-infiltracion figure { margin:0; }.experiencia-infiltracion figure img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center; border-radius:20px; box-shadow:0 24px 56px rgba(22,52,68,.16); }.experiencia-infiltracion .boton-nuevo { margin-top:17px; }

.preguntas-infiltracion { padding:94px 0; background:#f6faf9; }.preguntas-infiltracion h2 { max-width:690px; }.preguntas-infiltracion__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:42px; gap:14px; }.preguntas-infiltracion details { padding:21px 23px; border:1px solid #d4e5e5; border-radius:12px; background:#fff; }.preguntas-infiltracion summary { cursor:pointer; color:#1b3846; font-size:15px; font-weight:800; line-height:1.45; }.preguntas-infiltracion details p { margin:14px 0 0; color:#59717a; font-size:14px; line-height:1.68; }

.contacto-infiltracion { padding:92px 0; color:#fff; background:radial-gradient(circle at 89% 15%,rgba(83,183,179,.18),transparent 25%),#102a38; }.contacto-infiltracion .etiqueta-nueva { color:#79cfcb; }.contacto-infiltracion h2 { color:#fff; }.contacto-infiltracion__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.64fr); align-items:center; gap:clamp(45px,8vw,115px); }.contacto-infiltracion__grid > div > p:not(.etiqueta-nueva) { color:#c4d3d8; font-size:16px; line-height:1.75; }.contacto-infiltracion__acciones { display:flex; flex-wrap:wrap; gap:12px; }.contacto-infiltracion__acciones p { width:100%; margin:8px 0 0; color:#b9cbd1; font-size:13px; }
.pagina-infiltracion-rodilla .boton-nuevo--claro { color:#14303d; background:#fff; }.pagina-infiltracion-rodilla .boton-nuevo--borde-claro { color:#fff; border-color:#8dbdbe; background:transparent; }.pagina-infiltracion-rodilla .volver-arriba { position:fixed; right:20px; bottom:82px; z-index:40; width:42px; height:42px; border:0; border-radius:50%; color:#fff; background:#1d4e5d; box-shadow:0 10px 25px rgba(0,0,0,.18); cursor:pointer; opacity:0; pointer-events:none; transform:translateY(8px); transition:.2s; }.pagina-infiltracion-rodilla .volver-arriba--visible { opacity:1; pointer-events:auto; transform:none; }

@media (max-width: 900px) { .hero-infiltracion__grid,.anatomia-infiltracion__grid,.experiencia-infiltracion__grid,.contacto-infiltracion__grid { grid-template-columns:1fr; }.hero-infiltracion__foto { justify-self:start; max-width:620px; }.introduccion-infiltracion__grid,.valoracion-infiltracion__encabezado,.criterio-infiltracion__grid { grid-template-columns:1fr; gap:24px; }.alertas-infiltracion,.pasos-infiltracion { grid-template-columns:1fr; }.alertas-infiltracion article { min-height:0; }.valoracion-infiltracion__foto { grid-template-columns:minmax(220px,.55fr) 1fr; }.preguntas-infiltracion__grid { grid-template-columns:1fr; } }
@media (max-width: 620px) { .hero-infiltracion { padding:34px 0 46px; background:linear-gradient(160deg,#fff 0%,#fff 61%,#e9f3f3 61%,#e9f3f3 100%); }.hero-infiltracion h1 { font-size:clamp(38px,11vw,52px); }.hero-infiltracion__foto { width:100%; }.hero-infiltracion__foto img { aspect-ratio:1/1; }.introduccion-infiltracion,.valoracion-infiltracion,.experiencia-infiltracion { padding:72px 0; }.anatomia-infiltracion,.criterio-infiltracion,.preguntas-infiltracion,.contacto-infiltracion { padding:70px 0; }.valoracion-infiltracion__foto { grid-template-columns:1fr; margin-top:48px; }.valoracion-infiltracion__foto figure { max-width:340px; }.valoracion-infiltracion__foto img { aspect-ratio:4/5; }.hero-infiltracion .hero-dolor__acciones,.contacto-infiltracion__acciones { align-items:stretch; flex-direction:column; }.hero-infiltracion .boton-nuevo,.contacto-infiltracion .boton-nuevo { text-align:center; }.preguntas-infiltracion details { padding:18px; } }