/* Servicios de instalación */
.why { padding-block: var(--section-y) clamp(32px, 4vw, 56px); }
.why__grid { display: grid; grid-template-columns: 7fr 5fr; gap: var(--space-4) clamp(32px, 6vw, 96px); align-items: end; }
.why__title { font-size: var(--fs-h2); text-transform: uppercase; }
.why__title em { text-transform: none; }
.why__points p { padding-block: 14px; border-top: 1px solid var(--color-ink); line-height: 1.4; }
.why__points p:last-child { border-bottom: 1px solid var(--color-ink); }

.notice { display: flex; gap: 14px; align-items: flex-start; margin-bottom: clamp(32px, 4vw, 56px); }
.notice p { max-width: 80ch; color: var(--color-stone); line-height: 1.45; }
.notice strong { color: var(--color-ink); }
.notice__mark { width: 16px; height: 16px; flex: none; margin-top: 4px; background: var(--color-accent); clip-path: var(--diamond); }

/* Composición asimétrica: cada servicio con su propio formato */
.services { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(32px, 4vw, 64px) clamp(16px, 2vw, 32px); padding-bottom: var(--section-y); }
.service { display: flex; flex-direction: column; scroll-margin-top: calc(var(--header-h) + 16px); }
.service__photo { aspect-ratio: 4 / 3; margin-bottom: var(--space-3); }
.service__title { margin-bottom: 12px; font-size: clamp(1.6rem, 2.9vw, 2.6rem); text-transform: uppercase; }
.service__body p { max-width: 54ch; margin-bottom: 12px; color: var(--color-stone); }
.service--1 { grid-column: 1 / span 7; }
.service--2 { grid-column: 8 / span 5; margin-top: clamp(40px, 8vw, 128px); }
.service--3 { grid-column: 1 / span 5; }
.service--4 { grid-column: 6 / span 7; }
.service--5 {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: clamp(24px, 4vw, 64px);
    align-items: center;
    padding: clamp(20px, 3vw, 40px);
    background: var(--color-travertine);
}
.service--5 .service__photo { margin: 0; aspect-ratio: 1; }
.service--5 .service__title { font-size: clamp(1.8rem, 3.6vw, 3.4rem); }

/* Llamada final */
.install-cta { position: relative; overflow: hidden; background: var(--color-primary-deep); color: var(--color-white); --ray-x: 100%; --ray-y: 100%; }
.install-cta__inner { position: relative; padding-block: clamp(56px, 8vw, 112px); }
.install-cta__title { max-width: 18ch; margin-bottom: var(--space-4); font-size: var(--fs-display); text-transform: uppercase; }
.install-cta__title em { text-transform: none; }

@media (max-width: 1023px) {
    .why__grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .service--1, .service--2, .service--3, .service--4, .service--5 { grid-column: 1 / -1; margin-top: 0; }
    .service--5 { grid-template-columns: 1fr; }
    .service--5 .service__photo { aspect-ratio: 4 / 3; }
}