/* Sectorización (pedido de Gise 16/09 10:35): cada servicio / solución como un bloque propio, más notorio,
   con tamaños de letra más grandes. Misma tipografía (Glacial) y misma paleta. Se carga después de immersive.css. */

:root{--glass:rgb(28 34 54 / 45%);--glass-border:rgb(252 250 247 / 22%);--glass-hover:rgb(28 34 54 / 62%);--watermark:rgb(252 250 247 / 6%)}
html[data-mode='day']{--glass:rgb(255 255 255 / 55%);--glass-border:rgb(28 34 54 / 14%);--glass-hover:rgb(255 255 255 / 75%);--watermark:rgb(28 34 54 / 6%)}

/* tamaños de letra: títulos más presentes */
:root{--text-h1:clamp(2.6rem,1.9rem + 2.8vw,4rem);--text-h2:clamp(2rem,1.5rem + 1.6vw,2.9rem)}
.eyebrow{font-size:13px;letter-spacing:.2em}
.hero .lead{font-size:clamp(1.05rem,1rem + .3vw,1.25rem)}
.section-head p{font-size:17px}

/* ---- Servicios (#capacidades): 4 tarjetas, número gigante de fondo, regla dorada arriba ---- */
.services{grid-template-columns:1fr 1fr;gap:24px}
.service{position:relative;overflow:hidden;grid-template-columns:1fr;gap:0;border:1px solid var(--glass-border);border-top:3px solid var(--color-gold);border-radius:var(--radius-sm);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:36px 32px 34px;transition:transform .35s ease,background .35s ease}
.service:hover{transform:translateY(-4px);background:var(--glass-hover)}
.service .number{position:absolute;right:18px;top:6px;font-size:clamp(5rem,9vw,8rem);line-height:1;letter-spacing:-.04em;color:var(--watermark);padding:0;pointer-events:none}
.service h3{font-size:clamp(1.55rem,1.2rem + 1vw,2.1rem);line-height:1.2;max-width:16ch;margin-bottom:18px;position:relative}
.service p{font-size:16px;position:relative}
.service .tags{position:relative;margin:0 0 18px}
.service .tags li{border-color:var(--color-gold);font-size:13px;letter-spacing:.04em}
.service .text-link{position:relative}

/* ---- Soluciones (#productos): bandas por producto con título gigante (como los capítulos del sitio anterior) ---- */
.solutions{border-top:0;display:grid;gap:18px}
.solution{position:relative;overflow:hidden;grid-template-columns:70px 1fr 1.1fr;gap:28px;align-items:center;padding:44px 40px 44px 34px;border:1px solid var(--glass-border);border-left:3px solid var(--color-gold);border-bottom:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .35s ease}
.solution:hover{background:var(--glass-hover)}
.solution .number{font-size:15px;letter-spacing:.14em;color:var(--color-gold);padding-top:0}
.solution h3{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.6rem);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:12px}
.solution .descriptor{font-size:16px;max-width:34ch}
.solution .descriptor::before{content:'';display:inline-block;width:22px;height:1px;background:var(--color-gold);vertical-align:middle;margin-right:10px}
.solution-copy p{font-size:16px}
.solution::after{content:attr(data-watermark);position:absolute;right:-8px;bottom:-22px;font-size:clamp(4rem,7vw,7rem);line-height:1;letter-spacing:-.03em;color:var(--watermark);pointer-events:none;text-transform:uppercase;white-space:nowrap}

/* ---- Páginas de servicio: los detalles también como tarjetas ---- */
.detail-grid{gap:20px}
.detail-item{border:1px solid var(--glass-border);border-top:3px solid var(--color-gold);border-radius:var(--radius-sm);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:30px 26px 28px}
.detail-item h3{font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)}
.service-hero h1{max-width:22ch}

@media(max-width:900px){.services{grid-template-columns:1fr}.solution{grid-template-columns:44px 1fr;gap:14px 20px;padding:32px 24px 32px 22px}.solution-copy{grid-column:2}.solution::after{font-size:3.4rem;bottom:-12px}}
@media(max-width:600px){.services{gap:16px}.service{padding:28px 22px 26px}.service .number{font-size:4.6rem;right:10px;top:2px}.solution{grid-template-columns:1fr;padding:26px 20px}.solution .number{margin-bottom:-6px}.solution-copy{grid-column:auto}.solution h3{font-size:2.1rem}.solution::after{display:none}}

/* ---- Ajustes de Gise 16/09 11:14-11:31 ---- */
/* mas aire entre sectores */
.section{padding-block:120px}
.hero-grid{padding-bottom:92px}
.hero-specialties{padding:30px 0}
/* especialidades del hero: en bold, punto dorado mas grande */
.hero-specialties li{font-weight:700}
.hero-specialties li::before{font-size:19px;line-height:0;vertical-align:-1px}
/* proceso: numeros 1pt mas grandes y dorados, titulos en italica */
.steps .number{font-size:15px;color:var(--color-gold)}
.steps h3{font-style:italic}
/* formulario de diagnostico: fondo dorado traslucido */
html:not([data-mode='day']) .form-panel{background:rgb(184 135 21 / 16%);border-color:rgb(184 135 21 / 45%)}
html[data-mode='day'] .form-panel{background:rgb(184 135 21 / 14%);border-color:rgb(184 135 21 / 40%)}
@media(max-width:600px){.section{padding-block:72px}.hero-grid{padding-bottom:52px}}

/* ---- Menos texto y mas aire (Gise 21/09): ancho de lectura, bloques del estudio, notas chicas ---- */
.section-head p,.intro p,.hero .lead,.service p,.solution-copy p,.form-copy p,.studio-copy p,.faq-list p,.work-card p{max-width:60ch}
.section-head p{line-height:1.65}
.service p,.solution-copy p,.studio-copy p,.form-copy p{line-height:1.7}
.studio-blocks{display:grid;gap:22px;margin-top:8px}
.studio-blocks > div{padding-left:18px;border-left:2px solid var(--color-gold)}
.studio-sub{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold);margin-bottom:6px;font-weight:700}
.studio-copy p{margin-bottom:0}
.form-copy p + p{font-size:14px;opacity:.78;margin-top:10px}
.steps p{max-width:28ch}
@media(min-width:900px){.studio-blocks{grid-template-columns:1fr;gap:26px}}