/* Composición Muse; colores y radios del manual aprobado. */
.home{overflow-wrap:break-word;font-size:20px;line-height:1.6}
.home h1,.home h2,.home h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
.home h1{font-size:clamp(72px,10vw,136px)}
.home h2{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:32px}
.home h3{font-size:34px}
.home h1 span,.home h2 span{color:var(--violeta)}
.home p{max-width:66ch}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;font-size:18px}
.home-brand{font-family:var(--font-display);font-size:24px;color:var(--tinta);text-decoration:none}
.home-header nav{display:flex;flex-wrap:wrap;gap:16px}
.home-header nav a{color:var(--tinta);text-decoration:none}
.home-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:56px;background:var(--violeta);color:var(--papel);border-radius:var(--r-mirilla);padding:14px 28px;text-decoration:none;font-size:20px;font-weight:600}
.home-cover{background:radial-gradient(ellipse at 20% 25%,color-mix(in srgb,var(--rosa) 15%,transparent),transparent 55%),radial-gradient(ellipse at 85% 55%,color-mix(in srgb,var(--aguamarina) 20%,transparent),transparent 55%),var(--papel)}
.home-cover-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:40px 88px;gap:24px}
.home-cover-inner>img{width:clamp(220px,27vw,340px);border-radius:var(--r-mirilla)}
.home-cover-inner>div{width:100%;display:flex;flex-direction:column;align-items:center}
.home-signature{font-size:24px;margin-block:20px 28px}
.home-bubble{background:var(--superficie);border:3px solid var(--tinta);border-radius:var(--r-globo) var(--r-globo) var(--r-globo) 6px;box-shadow:8px 8px 0 var(--tinta);padding:24px 32px;margin-bottom:40px;font:600 26px/1.25 var(--font-display);max-width:680px!important}
.home-cta{padding:18px 36px;box-shadow:0 18px 30px -16px var(--violeta)}
.home-arrow{display:flex;align-items:center;justify-content:center;background:var(--superficie);color:var(--violeta);border-radius:var(--r-mirilla);width:32px;height:32px}
.home svg{width:24px;height:24px;flex:none;display:block}
.home-local{font-size:18px;margin-top:24px;color:var(--tinta-suave)}
.home-section{padding-block:88px}
.home-lead{font-size:24px;margin-bottom:40px}
.home-topics{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:stretch}
@media (min-width:561px){.home-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.home-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
.home-card{display:flex;flex-direction:column;background:var(--superficie);border:3px solid var(--eje);border-radius:var(--r-globo);overflow:hidden}
.home-card-img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}
.home-card-body{position:relative;display:flex;flex-direction:column;flex:1;padding:20px 24px 24px}
.home-card-guia{position:absolute;top:-26px;right:20px;width:52px;height:52px;border-radius:50%;border:3px solid var(--superficie);background:var(--superficie)}
.home-card h3{font-size:clamp(24px,2.2vw,30px);margin:0 64px 8px 0;color:var(--tinta)}
.home-card p{font:600 18px/1.3 var(--font-display);margin:0 0 20px}
.home-card a{margin-top:auto;color:var(--eje-texto);font-weight:700}
.home-apnea{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .85fr;align-items:center;gap:20px;border:3px solid var(--azul);border-radius:var(--r-globo);overflow:hidden;background:var(--azul);color:var(--papel);padding:32px;min-height:424px}
.home-apnea img{width:100%;height:260px;object-fit:cover;display:block;border-radius:var(--r-globo);grid-column:2;grid-row:1}
.home-apnea>div{grid-column:1;grid-row:1;position:relative}
.home-apnea h3{font-size:clamp(36px,3.8vw,50px);color:var(--papel)}
.home-apnea p{margin-block:20px}
.home-apnea .home-quote{font:600 24px/1.2 var(--font-display)}
.home-apnea .home-button{background:var(--superficie);color:var(--azul);padding:12px 24px}
.home-watermark{position:absolute;bottom:-16px;left:12px;font:700 120px/1 var(--font-display);opacity:.1;z-index:-1;pointer-events:none}
.home-soon{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home-soon article{border:3px solid var(--eje);border-radius:var(--r-globo);padding:24px;background:var(--superficie);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;height:200px}
.home-soon h3{font-size:30px}
.home-soon p{font-size:18px;font-weight:600;border:1px solid var(--eje);background:color-mix(in srgb,var(--eje) 12%,var(--superficie));color:var(--eje-texto);border-radius:var(--r-mirilla);padding:4px 12px}
.home-dark{background:var(--film-shade);color:var(--film-text)}
.home-label{display:inline-flex;background:color-mix(in srgb,var(--rosa) 16%,transparent);color:var(--rosa);border-radius:var(--r-mirilla);padding:8px 18px;font-weight:600;margin-bottom:24px}
.home-consult{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.home-consult figure{position:relative;isolation:isolate;min-width:0}
.home-consult figure::before{content:"";position:absolute;left:-20px;top:-24px;width:140px;height:140px;background:var(--violeta);border-radius:var(--r-globo);z-index:-1}
.home-consult img{display:block;border:6px solid color-mix(in srgb,var(--film-text) 12%,transparent);border-radius:var(--r-globo);width:100%;aspect-ratio:4/3;object-fit:cover}
.home-consult h2{color:var(--film-text)}
.home-consult .home-lead{font:600 28px/1.25 var(--font-display);margin-bottom:28px}
.home-consult figcaption{font-size:12px;line-height:1.4;margin-top:8px}
.home-about{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}
.home-portrait-frame{border:2px dashed color-mix(in srgb,var(--tinta) 25%,transparent);border-radius:var(--r-globo);padding:28px;background:var(--superficie);text-align:center}
.home-portrait-frame img{display:block;width:260px;border-radius:var(--r-mirilla);margin:auto}
.home-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.home-badges p{background:var(--tinta);color:var(--papel);border-radius:var(--r-mirilla);padding:8px 16px;font-size:18px;font-weight:600}
.home-badges p+p{background:var(--aguamarina);color:var(--film-shade)}
.home-about-card{background:var(--superficie);padding:48px;border-radius:var(--r-globo);border:1px solid color-mix(in srgb,var(--tinta) 6%,transparent);box-shadow:0 20px 60px -24px color-mix(in srgb,var(--tinta) 18%,transparent)}
.home-about-card>p{font-size:24px;line-height:1.4;font-weight:600}
.home-about ul{padding:0;margin:36px 0 0;list-style:none}
.home-about li{display:flex;gap:16px;align-items:flex-start;margin-top:28px}
.home-icon{display:flex;justify-content:center;align-items:center;flex:none;width:48px;height:48px;border-radius:var(--r-mirilla);background:var(--violeta-suave);color:var(--violeta)}
.home-about li+li .home-icon{background:var(--aguamarina);color:var(--film-shade)}
.home-videos{text-align:center;border-block:1px solid color-mix(in srgb,var(--tinta) 15%,transparent)}
.home-videos>p{margin-inline:auto}
.home-social{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-block:32px}
.home-videos .home-social{justify-content:center}
.home-secondary{min-height:72px;padding:18px 32px;background:var(--superficie);color:var(--tinta);border:2px solid var(--tinta)}
.home-secondary:first-child{background:var(--violeta);color:var(--papel);border-color:var(--violeta)}
.home h2 .home-blog-underline{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--rosa);text-decoration-thickness:8px;text-underline-offset:8px}
.home-blog{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--tinta) 8%,transparent);border-radius:var(--r-globo);background:var(--superficie);color:var(--tinta);text-decoration:none;box-shadow:0 20px 60px -24px color-mix(in srgb,var(--tinta) 18%,transparent)}
.home-blog>img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
.home-blog>div{padding:40px}
.home-blog p{margin-top:24px}
.home-blog-arrow{display:flex;justify-content:center;align-items:center;width:56px;height:56px;border:2px solid var(--violeta);border-radius:var(--r-mirilla);color:var(--violeta);margin-top:28px}
.home-location{background:var(--azul);color:var(--papel);padding:64px;border-radius:36px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;box-shadow:0 24px 60px -24px color-mix(in srgb,var(--azul) 65%,transparent)}
.home-location p{font:600 44px/1.15 var(--font-display)}
.home-location h2{margin:0}
.home-farewell{color:var(--rosa);font-size:clamp(64px,9vw,112px)!important}
.home-dark a{color:var(--rosa)}
.home-copyright{font-size:18px;margin-top:48px}
@media(max-width:900px){
.home{font-size:18px}.home-header{flex-wrap:wrap;gap:16px}.home-header nav{order:3;width:100%;gap:12px 18px}.home-header>.home-button{font-size:17px;padding:8px 16px}
.home-topics,.home-consult,.home-about,.home-location{grid-template-columns:1fr}.home-section{padding-block:64px}.home-consult{gap:40px}.home-consult figure::before{left:-8px;top:-16px}.home-about{gap:32px}.home-about-card{padding:32px}.home-portrait-frame img{width:240px}.home-blog>div{padding:28px}.home-location{padding:36px}
}
@media(max-width:599px){
.home{font-size:17px}.home-header{font-size:17px}.home-brand{font-size:21px}.home-cover-inner{padding-block:32px 64px}.home-signature{font-size:21px}.home-bubble{font-size:22px;padding:22px;margin-right:8px}.home-local{font-size:17px}.home h2{margin-bottom:24px}.home-lead{font-size:21px}.home-apnea{padding:24px;grid-template-columns:1fr;gap:24px}.home-apnea>div{grid-column:1;grid-row:1}.home-apnea img{grid-column:1;grid-row:2;height:200px}.home-apnea h3{font-size:42px}.home-apnea .home-quote{font-size:24px}.home-soon{gap:16px}.home-soon article{padding:18px 12px;height:190px;gap:16px}.home-soon h3{font-size:25px}.home-soon p{font-size:17px;padding:4px 7px}.home-consult .home-lead{font-size:25px}.home-consult figcaption{font-size:12px}.home-about-card{padding:24px}.home-about-card>p{font-size:22px}.home-badges p{font-size:17px}.home-social{gap:16px}.home-secondary{width:100%;font-size:19px}.home-blog{grid-template-columns:1fr}.home-blog>img{min-height:0;height:220px}.home-blog h3{font-size:30px}.home-location{padding:28px;gap:24px}.home-location p{font-size:34px}.home-copyright{font-size:17px}
}

/* Valor central (Ender 26-oct): «toda consulta es endoscópica» es el protagonista de la portada, con la mirilla endoscópica real */
.home-cover-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding-block:48px 96px}
.home-cover-copy{display:flex;flex-direction:column;align-items:flex-start}
.home-cover-emblem{width:96px;height:96px;border-radius:var(--r-mirilla);margin-bottom:16px}
.home-cover .home-cover-copy h1{font-size:clamp(44px,5vw,64px)}
.home-cover .home-signature{margin-block:8px 32px;font-size:20px;color:var(--tinta-suave)}
.home-value{font:700 clamp(48px,6.4vw,92px)/.98 var(--font-display);letter-spacing:-.035em;color:var(--tinta);text-wrap:balance;margin:0}
.home-value span{color:var(--violeta);display:block}
.home-value-sub{font:600 clamp(22px,2.2vw,28px)/1.25 var(--font-display);margin-block:20px 36px}
.home-scope{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.home-scope-ring{width:min(100%,480px);aspect-ratio:1;border-radius:var(--r-mirilla);padding:14px;background:var(--tinta);box-shadow:12px 12px 0 var(--violeta)}
.home-scope-ring img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-mirilla);display:block}
.home-scope figcaption{font-size:15px;color:var(--tinta-suave);text-align:center}
@media (max-width:860px){.home-cover-grid{grid-template-columns:1fr;gap:36px;padding-block:28px 64px}.home-scope-ring{width:min(78vw,320px)}.home-value{font-size:clamp(44px,12vw,60px)}}

/* Ender 26-oct: nada de franjas negras; Migzy es alegre y rosada */
:root{color-scheme:light}
#ves.home-dark{background:var(--rosa-suave);color:var(--tinta)}
#ves.home-dark h2,#ves.home-dark p{color:var(--tinta)}
#ves.home-dark h2 span{color:var(--violeta)}
#ves .home-label{background:var(--superficie);color:var(--rosa-texto)}
#ves figcaption{color:var(--tinta-suave)}
footer.home-dark{background:var(--violeta);color:var(--papel)}
footer.home-dark .home-farewell{color:var(--papel)}
footer.home-dark a,footer.home-dark p{color:var(--papel)}
.home-scope-ring{background:var(--violeta);box-shadow:12px 12px 0 var(--rosa)}
.home-scope-ring img{transform:scale(1.1);clip-path:circle(45.4%)}
/* Ender 26-oct: la portada es el enganche; nada clínico ahí. Emblema grande con Otto y Rhino */
.home-scope-hero .home-scope-ring img{transform:none;clip-path:none}
.home-tinnitus img{width:80px;height:80px;border-radius:var(--r-mirilla)}
.home-soon .home-tinnitus p{font:600 24px/1.3 var(--font-display);color:var(--tinta)}
.home-tinnitus a{display:inline-block;margin-top:24px;color:var(--violeta);font-weight:600}
footer.home-dark{background:var(--violeta-suave);color:var(--tinta)}
footer.home-dark .home-farewell{color:var(--rosa-texto)}
footer.home-dark a{color:var(--violeta)}
footer.home-dark p{color:var(--tinta)}

/* Ender 26-oct «se tapan»: tarjetas de temas activos con alto según contenido; Otto chico junto al título; frase como texto; enlace visible. */
.home-soon article.home-tinnitus{height:auto;min-height:0;display:grid;grid-template-columns:56px 1fr;grid-template-areas:"img title" "quote quote" "link link";column-gap:14px;row-gap:10px;align-items:center;justify-content:stretch}
.home-soon article.home-tinnitus img{grid-area:img;width:56px;height:56px;border-radius:var(--r-mirilla)}
.home-soon article.home-tinnitus h3{grid-area:title;font-size:28px;line-height:1.05;margin:0}
.home-soon article.home-tinnitus p{grid-area:quote;border:0;background:none;padding:0;border-radius:0;font:600 19px/1.35 var(--font-display);color:var(--tinta);margin:0}
.home-soon article.home-tinnitus a{grid-area:link;justify-self:start;font-weight:700;color:var(--eje-texto);text-decoration:underline;text-underline-offset:3px}

/* Ender 26-oct: «Tú eres el protagonista», una línea más abajo, sin sobrecargar: misma columna y borde, tamaño menor, acento violeta. */
.home-cover .home-value-sub{margin-block:20px 6px}
.home-value-you{font:600 clamp(19px,1.7vw,22px)/1.3 var(--font-display);color:var(--violeta);margin:0 0 32px}
/* Claude 26-oct: desborde en móvil (452 px en 375) por elementos de grilla con ancho mínimo de contenido. */
.home-topics > *, .home-soon > *, .home-apnea > * { min-width:0; }
.home-soon { grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-soon h3, .home-apnea h3 { overflow-wrap:anywhere; hyphens:auto; }
@media (max-width:560px){ .home-soon { grid-template-columns:1fr; } .home-apnea { grid-template-columns:1fr; } }
/* Ender 26-oct: «¡Oído al tambor!» desproporcionado y fuera de la tipografía: mismo Grandstander y escala que los demás títulos; enlaces al lado. */
footer.home-dark .home-section{display:grid;grid-template-columns:auto 1fr;column-gap:56px;row-gap:16px;align-items:center}
footer.home-dark .home-farewell{font:600 clamp(40px,5vw,64px)/1.02 var(--font-display)!important;margin:0;grid-row:span 3}
@media(max-width:760px){footer.home-dark .home-section{grid-template-columns:1fr}footer.home-dark .home-farewell{grid-row:auto}}

/* Nueve temas: tarjetas iguales, 3/2/1 columnas (Ender 27-oct: homogeneizar). */
.home-topics { grid-template-columns:minmax(0,1fr); grid-auto-rows:1fr; align-items:stretch; }
@media(min-width:561px){ .home-topics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:1024px){ .home-topics { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* Trayectoria: espacio serio con fotos reales (Ender 27-oct). Sin personajes ni colores de eje. */
.home-trayectoria{background:var(--superficie);border-top:1px solid color-mix(in srgb,var(--tinta) 14%,transparent)}
.tray-eyebrow{font:600 14px/1 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin:0 0 16px}
.home-trayectoria h2{color:var(--tinta)}
.home-trayectoria h2 span{color:var(--tinta)}
.tray-lead{font-size:20px;color:var(--tinta-suave);margin:0 0 40px;max-width:60ch}
.tray-grid{display:grid;grid-template-columns:1fr;gap:24px}
.tray-foto{margin:0;display:flex;flex-direction:column;gap:12px}
.tray-foto img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;filter:saturate(.92)}
.tray-foto figcaption{font-size:16px;color:var(--tinta-suave)}
@media(min-width:600px){.tray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.tray-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
.home-trayectoria h2{max-width:22ch}
.tray-hitos{list-style:none;padding:0;margin:0 0 48px;display:grid;grid-template-columns:1fr;gap:16px}
.tray-hito{background:var(--tinta);color:var(--papel);border-radius:6px;padding:28px}
.tray-anio{display:block;font:700 44px/1 var(--font-display);color:var(--papel);opacity:.55;margin-bottom:12px}
.tray-hito h3{color:var(--papel);font-size:24px;line-height:1.15;margin:0 0 10px}
.tray-hito p{margin:0;font-size:17px;line-height:1.5;color:var(--papel);opacity:.9}
.tray-cols{display:grid;grid-template-columns:1fr;gap:32px;margin-top:56px;border-top:1px solid color-mix(in srgb,var(--tinta) 14%,transparent);padding-top:40px}
.tray-col h3{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin:0 0 14px}
.tray-col ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.tray-col li{font-size:17px;line-height:1.5;color:var(--tinta)}
@media(min-width:900px){.tray-hitos{grid-template-columns:repeat(3,1fr)}.tray-cols{grid-template-columns:repeat(4,1fr)}}

/* Dónde atiende: dirección del registro de la Superintendencia de Salud + mapa de Google (Ender 27-oct). */
.home-location-copy{display:flex;flex-direction:column;gap:20px}
.home-address{font-style:normal;font-size:20px;line-height:1.5}
.home-map-link{color:var(--papel);font-weight:700;text-underline-offset:6px}
.home-map-link:hover{color:var(--superficie)}
.home-map{border-radius:20px;overflow:hidden;background:var(--azul-suave);aspect-ratio:4/3;min-height:280px}
.home-map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:700px){.home-location{padding:32px 24px}.home-location p{font-size:32px}}
.home-location-media{display:flex;flex-direction:column;gap:20px;min-width:0}
.home-clinic{margin:0}
.home-clinic img{display:block;width:100%;height:auto;border-radius:20px}
.home-clinic figcaption{font-size:15px;margin-top:8px;color:var(--papel)}
.home-location-media .home-map{aspect-ratio:16/9;min-height:240px}
.tray-lead{margin-bottom:16px}
.tray-sub{font-size:18px;color:var(--tinta-suave);margin:0 0 40px;max-width:60ch}
/* Agenda tu evaluación (Ender 27-oct: «botón destacado y muy claro»). Canales oficiales de la clínica. */
.home-agenda{background:var(--superficie);color:var(--tinta);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;margin-top:8px}
.home-agenda h3{margin:0;font:700 24px/1.2 var(--font-display);color:var(--tinta)}
.home-agenda-main{display:block;text-align:center;background:var(--violeta);color:var(--superficie);font-weight:700;font-size:22px;padding:18px 24px;border-radius:999px;text-decoration:none;box-shadow:0 14px 28px -14px var(--violeta)}
.home-agenda-main:hover{background:var(--tinta);color:var(--superficie)}
.home-agenda .home-agenda-tip{font:400 16px/1.45 var(--font-texto);color:var(--tinta-suave);margin:0}
.home-agenda-tip strong{color:var(--tinta)}
.home-agenda-alt{display:flex;flex-wrap:wrap;gap:10px}
.home-agenda-alt a{flex:1 1 180px;text-align:center;border:2px solid var(--violeta);color:var(--violeta);font-weight:700;font-size:17px;padding:12px 16px;border-radius:999px;text-decoration:none}
.home-agenda-alt a:hover{background:var(--violeta-suave)}
