/* Propuesta C — «Atlas» (research 162). La calculadora es un instrumento fijo (panel azul profundo) a la derecha; la historia se lee a la izquierda
   sobre un fondo azul-hielo. Bricolage Grotesque da carácter a los titulares; el amarillo marca las cifras del instrumento. */
.publico {
    --d-bg: #eef1f8; --d-bg2: #e3e8f3; --d-surface: #fff; --d-ink: #0f1b33; --d-soft: #52607a; --d-line: #cfd7e6;
    --d-accent: #0f1b33; --d-accent-ink: #fff; --d-link: #2f43c6;
    --d-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --d-font-display: 'Bricolage Grotesque', 'Hanken Grotesk', system-ui, sans-serif; --d-display-weight: 700; --d-display-track: -0.035em;
    --d-radius: 12px; --d-radius-lg: 22px;
    --d-hdr-bg: rgba(238, 241, 248, .86); --d-foot-bg: #0f1b33;
    --c-panel-w: 410px;
    --d-link-a22: rgba(47, 67, 198, 0.22); --d-link-a12: rgba(47, 67, 198, 0.12); --d-link-a14: rgba(47, 67, 198, 0.14); --d-link-a45: rgba(47, 67, 198, 0.45); --d-link-a0: rgba(47, 67, 198, 0);
    --d-ink-a7: rgba(15, 27, 51, 0.07); --d-ink-a8: rgba(15, 27, 51, 0.08); --d-sun-a22: rgba(255, 210, 31, 0.22);
}
.publico .d-titulo { font-size: clamp(1.9rem, 3.6vw, 2.8rem); }

/* Estructura: titular y cuerpo a la izquierda, instrumento fijo a la derecha */
.c-layout { display: grid; grid-template-columns: minmax(0, 1fr) var(--c-panel-w); column-gap: clamp(32px, 5vw, 80px); padding-top: calc(var(--d-hdr-h) + clamp(28px, 5vw, 64px)); padding-bottom: 24px; align-items: start; }
.c-hero { grid-column: 1; grid-row: 1; padding-bottom: clamp(24px, 4vw, 48px); }
.c-hero h1 { font-family: var(--d-font-display); font-weight: 700; letter-spacing: -0.045em; line-height: .98; font-size: clamp(2.6rem, 6.2vw, 5.2rem); margin: 0 0 22px; text-wrap: balance; }
.c-resumen { margin: 14px 0 0; max-width: 62ch; font-size: var(--text-sm, .9rem); line-height: 1.5; color: var(--d-soft); }
.c-panel { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: calc(var(--d-hdr-h) + 20px); align-self: start; }
.c-cuerpo { grid-column: 1; grid-row: 2; }

/* Instrumento */
/* La tarjeta no se desplaza: el título queda fijo arriba y solo .c-panel-scroll se desplaza, con una barra fina DENTRO de la tarjeta (no pegada al borde redondeado). */
.c-panel-in { background: #0f1b33; color: #f1f4fb; border-radius: var(--d-radius-lg); padding: 0; max-height: calc(100svh - var(--d-hdr-h) - 40px); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 24px 60px rgba(15, 27, 51, .28); color-scheme: dark; }
.c-panel-t::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 14px; background: linear-gradient(#0f1b33, rgba(15, 27, 51, 0)); pointer-events: none; }
.c-panel-t { position: relative; z-index: 1; flex: none; margin: 0; padding: 14px clamp(20px, 2vw, 28px) 4px; background: #0f1b33; font-family: var(--d-font-display); font-weight: 700; font-size: 1.2rem; line-height: 1.2; letter-spacing: -0.02em; }
.c-panel-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; margin: 0 5px 0 0; padding: 8px 13px 10px clamp(20px, 2vw, 28px); scrollbar-gutter: stable; overscroll-behavior: contain; }
.c-panel-pie { position: relative; z-index: 1; flex: none; margin: 0; padding: 8px clamp(20px, 2vw, 28px) 14px; background: #0f1b33; }
.c-panel-pie::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 14px; background: linear-gradient(rgba(15, 27, 51, 0), #0f1b33); pointer-events: none; }
.c-panel-pie .d-res-como { margin: 0; }
.c-panel-in { --d-sb: rgba(241, 244, 251, .3); --d-sb-hover: rgba(241, 244, 251, .5); }
.c-panel-scroll::-webkit-scrollbar { width: 6px; }
.c-panel-scroll::-webkit-scrollbar-track { background: transparent; }
.c-panel-scroll::-webkit-scrollbar-thumb { background: rgba(241, 244, 251, .28); border-radius: 3px; }
.c-panel-scroll::-webkit-scrollbar-thumb:hover { background: rgba(241, 244, 251, .5); }
.c-panel-in { --d-link-a22: rgba(255, 210, 31, .22); --d-link-a12: rgba(255, 210, 31, .12); --d-link-a14: rgba(255, 210, 31, .14); --d-link-a45: rgba(255, 210, 31, .45); --d-link-a0: rgba(255, 210, 31, 0); --d-ink-a7: rgba(241, 244, 251, .07); --d-ink-a8: rgba(241, 244, 251, .08); --d-ink: #f1f4fb; --d-soft: #a6b2cb; --d-line: rgba(255, 255, 255, .16); --d-surface: #16264a; --d-link: #ffd21f; --d-accent: #ffd21f; --d-accent-ink: #0f1b33; --d-ok: #6ee7a6; }
.c-panel-in .d-campo > label, .c-panel-in .d-campo > legend { color: #b6c1d8; }
.c-panel-in select option, .c-panel-in select optgroup { background: #16264a; color: #f1f4fb; }
.c-panel-in .d-spinner { border-color: rgba(255, 255, 255, .2); border-top-color: #ffd21f; }
.c-panel-in .d-chip.is-on { border-color: #ffd21f; box-shadow: inset 0 0 0 1px #ffd21f; }
.c-panel-in .d-res-big { color: #ffd21f; font-size: clamp(2.3rem, 3.4vw, 3rem); }
.c-panel-in .d-res-idle-s { color: #b6c1d8; }
.c-panel-res { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--d-line); }

/* Cuerpo */
.c-sec { padding: clamp(40px, 6vw, 80px) 0; border-top: 1px solid var(--d-line); }
.c-sec:first-child { border-top: 0; padding-top: 16px; }
.c-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 36px; }
.c-stat { background: var(--d-surface); border-radius: var(--d-radius); padding: 22px; }
.c-stat-v { margin: 0; font-family: var(--d-font-display); font-weight: 700; font-size: clamp(1.6rem, 2.4vw, 2.1rem); overflow-wrap: anywhere; letter-spacing: -0.04em; line-height: 1; }
.c-stat-e { margin: 10px 0 8px; font-size: .95rem; }
.c-stat-f { margin: 0; font-size: .75rem; color: var(--d-soft); }
.c-foto { margin: 0; border-radius: var(--d-radius-lg); overflow: hidden; aspect-ratio: 16 / 7; }
.c-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }

.c-sistemas { display: grid; gap: 14px; margin-top: 32px; }
.c-sistema { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px 28px; padding: 24px; background: var(--d-surface); border: 1.5px solid transparent; border-radius: var(--d-radius-lg); transition: border-color .2s; }
.c-sistema.is-on { border-color: var(--d-ink); }
.c-sistema h3 { margin: 0 0 6px; font-family: var(--d-font-display); font-size: 1.35rem; letter-spacing: -0.02em; }
.c-sistema p { margin: 0; color: var(--d-soft); font-size: .95rem; }
.c-sistema ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: .92rem; align-content: start; }
.c-sistema li::before { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--d-link); border-radius: 50%; margin-right: 10px; vertical-align: middle; }
.c-sistema button { grid-column: 1 / -1; justify-self: start; }

.c-pasos { list-style: none; margin: 32px 0 0; padding: 0; display: grid; gap: 0; }
.c-pasos li { display: grid; grid-template-columns: 52px 1fr; gap: 16px; padding: 20px 0; border-top: 1px solid var(--d-line); }
.c-paso-n { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--d-ink); color: #fff; font-weight: 700; font-family: var(--d-font-display); }
.c-pasos h3 { margin: 0 0 4px; font-size: 1.1rem; }
.c-pasos p { margin: 0; color: var(--d-soft); }
.c-beneficios { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.c-beneficios li { background: var(--d-surface); border-radius: var(--d-radius); padding: 20px; }
.c-beneficios h3 { margin: 0 0 6px; font-size: 1.05rem; }
.c-beneficios p { margin: 0; color: var(--d-soft); font-size: .93rem; }
.c-faq { margin-top: 28px; }
.c-mas { margin-top: 20px; }
.c-recibiras { list-style: none; margin: 28px 0 14px; padding: 0; display: grid; gap: 14px; }
.c-recibiras li { display: grid; gap: 2px; padding-left: 16px; border-left: 3px solid #ffd21f; }
.c-recibiras span { color: var(--d-soft); font-size: .93rem; }
.c-form { background: var(--d-surface); border-radius: var(--d-radius-lg); padding: calc(clamp(20px, 3vw, 34px) / 2) clamp(20px, 3vw, 34px) clamp(20px, 3vw, 34px); box-shadow: var(--d-shadow); margin-bottom: 16px; }

@media (max-width: 1024px) {
    .c-layout { grid-template-columns: 1fr; }
    .c-hero, .c-panel, .c-cuerpo { grid-column: 1; }
    .c-hero { grid-row: 1; }
    .c-panel { grid-row: 2; position: static; margin-bottom: 24px; }
    .c-cuerpo { grid-row: 3; }
    .c-panel-in { max-height: none; } /* sigue con overflow: hidden: el título y el pie tienen fondo propio y deben quedar dentro de las esquinas redondeadas */
    .c-panel-scroll { overflow: visible; margin: 0; padding: 6px clamp(20px, 2vw, 28px) 8px; scrollbar-gutter: auto; }
}
@media (max-width: 768px) {
    .c-stats, .c-beneficios { grid-template-columns: 1fr; }
    .c-sistema { grid-template-columns: 1fr; }
    .c-foto { aspect-ratio: 4 / 3; }
}

/* Iteración 4 */
.c-collage { margin: 32px 0 0; }
.c-benef-foto { margin: 28px 0 0; aspect-ratio: 16 / 6.5; }
.c-benef-foto img { object-position: 50% 35%; }
@media (max-width: 768px) { .c-benef-foto { aspect-ratio: 16 / 9; } }

/* Iteración 6: en móvil el fondo se aclara para que las tarjetas blancas solo se despeguen sutilmente */
.c-benef-foto { margin: 32px 0 0; }
@media (max-width: 768px) {
    .publico { --d-bg: #f7f9fd; --d-bg2: #eff2f9; --d-line: #dde3ef; --d-hdr-bg: rgba(247, 249, 253, .88); }
}

/* Iteración 7: fondo casi blanco en todos los anchos; las tarjetas blancas se separan con un borde fino, no con contraste */
.publico { --d-bg: #fcfdff; --d-bg2: #f5f7fc; --d-line: #e3e8f2; --d-hdr-bg: rgba(252, 253, 255, .9); }
.c-stat, .c-sistema, .c-beneficios li, .c-form { border: 1px solid var(--d-line); box-shadow: none; }
.c-form { box-shadow: 0 1px 2px rgba(15, 27, 51, .04); }
@media (max-width: 768px) { .publico { --d-bg: #fcfdff; --d-bg2: #f5f7fc; --d-line: #e3e8f2; --d-hdr-bg: rgba(252, 253, 255, .9); } }

/* Iconos en las páginas interiores */
.publico .d-prose .d-con-pico { display: flex; align-items: center; gap: 14px; }
.publico .d-prose h1.d-con-pico { gap: 16px; }
.publico .d-prose .d-pico { display: inline-flex; flex: none; color: var(--d-link); }
.publico .d-prose .d-pico .d-i { width: 30px; height: 30px; stroke-width: 1.5; }
.publico .d-prose .d-pico-h1 .d-i { width: 44px; height: 44px; }
.publico .d-prose .d-pico-sm .d-i { width: 22px; height: 22px; }
.publico .d-prose .contenido-resumen > strong.d-con-pico { gap: 10px; }
.publico .d-prose .contenido-enlaces a.d-con-pico { display: inline-flex; gap: 10px; }
.publico .d-prose .contenido-cta p.d-con-pico { gap: 12px; }
@media (max-width: 480px) { .publico .d-prose .d-pico-h1 .d-i { width: 34px; height: 34px; } }

/* Iteración 8: las tarjetas de C llevan el MISMO color del fondo; solo las separa un borde fino (el panel oscuro de la calculadora es un instrumento, no una tarjeta) */
.publico .c-stat, .publico .c-sistema, .publico .c-beneficios li, .publico .c-form { background: var(--d-bg); }
.publico .d-resumen, .publico .d-prose .contenido-resumen, .publico .d-prose .contenido-cta, .publico .d-prose .contenido-revisor { background: var(--d-bg); border: 1px solid var(--d-line); }
.publico .d-calc-marcador { background: var(--d-bg); }

/* Iteración 9: sin bordes en las tarjetas de C (mismo color que el fondo; el orden lo da el espacio) */
.publico .c-stat, .publico .c-sistema, .publico .c-beneficios li, .publico .c-form,
.publico .d-resumen, .publico .d-prose .contenido-resumen, .publico .d-prose .contenido-cta, .publico .d-prose .contenido-revisor, .publico .d-calc-marcador { border: 0; box-shadow: none; }

/* Iteración 10: menos aire bajo «Afinar el estimado» */
.c-panel-res { margin-top: 6px; padding-top: 14px; }

/* Iteración 11: sección «Cómo calculamos» y marcas */
.c-marcas { margin: 32px 0 0; padding: 22px 0 0; border-top: 1px solid var(--d-line); }
.c-marcas-t { margin: 0 0 14px; font-weight: 600; font-size: .95rem; color: var(--d-soft); }
.c-marcas-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 28px; }
.c-marcas-lista li { font-family: var(--d-font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: -0.01em; color: var(--d-ink); opacity: .72; }
@media (max-width: 768px) { .c-marcas-lista { gap: 8px 22px; } .c-marcas-lista li { font-size: 1.1rem; } }

.c-stat-cab { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.c-stat-cab .d-ico { margin: 0 !important; }
.c-stat-cab .c-stat-v { margin: 0; }

/* Logos de marcas (se reemplazan de a poco los nombres por sus logos) */
.c-marcas-lista { align-items: center; gap: 14px 34px; }
.c-marcas-lista li { opacity: 1; display: inline-flex; align-items: center; min-height: 48px; }
.c-marca-texto { font-family: var(--d-font-display); font-weight: 700; font-size: 1.2rem; letter-spacing: -0.01em; color: var(--d-ink); opacity: .6; }
.c-marca-logo { display: block; width: auto; mix-blend-mode: multiply; }
.c-marca-logo[data-marca="canadian-solar"] { height: 26px; }
.c-marca-logo[data-marca="longi"] { height: 46px; }
.c-marca-logo[data-marca="solis"] { height: 38px; }
.c-marca-logo[data-marca="huawei"] { height: 52px; }
@media (max-width: 768px) { .c-marcas-lista { gap: 10px 26px; } .c-marca-texto { font-size: 1.1rem; } .c-marca-logo[data-marca="canadian-solar"] { height: 22px; } .c-marca-logo[data-marca="longi"] { height: 40px; } .c-marca-logo[data-marca="solis"] { height: 32px; } .c-marca-logo[data-marca="huawei"] { height: 44px; } }

/* Iteración 14: más logos de marcas */
.c-marca-logo { max-width: 150px; object-fit: contain; }
.c-marca-logo[data-marca="sunova"] { height: 24px; }
.c-marca-logo[data-marca="fronius"] { height: 34px; }
.c-marca-logo[data-marca="sma"] { height: 38px; }
.c-marca-logo[data-marca="growatt"] { height: 28px; }
.c-marca-logo[data-marca="pylontech"] { height: 30px; }
.c-marca-logo[data-marca="dyness"] { height: 24px; }
@media (max-width: 768px) {
    .c-marca-logo[data-marca="sunova"] { height: 20px; } .c-marca-logo[data-marca="fronius"] { height: 28px; } .c-marca-logo[data-marca="sma"] { height: 32px; }
    .c-marca-logo[data-marca="growatt"] { height: 24px; } .c-marca-logo[data-marca="pylontech"] { height: 26px; } .c-marca-logo[data-marca="dyness"] { height: 20px; }
}

/* Iteración 15: marcas en dos bandas que se deslizan (y avanzan solas, en sentidos opuestos) */
.c-marca-logo[data-marca="risen"] { height: 30px; }
.c-marca-logo[data-marca="hanersun"] { height: 20px; }
.c-bandas { display: grid; gap: 6px; margin: 0 -2px; }
.c-banda { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: auto; cursor: grab; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.c-banda::-webkit-scrollbar { display: none; }
.c-banda.is-arrastrando { cursor: grabbing; user-select: none; }
.c-banda:focus-visible { outline: 2px solid var(--d-link); outline-offset: 2px; border-radius: 8px; }
.c-banda-pista { display: flex; align-items: center; width: max-content; list-style: none; margin: 0; padding: 6px 0; gap: 0; }
.c-banda-pista li { flex: none; display: inline-flex; align-items: center; min-height: 56px; margin-right: 48px; opacity: 1; }
.c-banda .c-marca-logo { pointer-events: none; -webkit-user-drag: none; user-select: none; }
.c-banda .c-marca-texto { user-select: none; }
@media (max-width: 768px) { .c-banda-pista li { margin-right: 34px; min-height: 50px; } }

/* Iteración 16: pies de foto y carrusel de instalaciones reales */
.c-foto, .c-collage { margin: 0; border-radius: 0; overflow: visible; aspect-ratio: auto; background: none; }
.c-foto .c-marco, .c-collage .c-marco { border-radius: var(--d-radius-lg); overflow: hidden; }
.c-foto .c-marco { aspect-ratio: 16 / 7; }
.c-foto .c-marco img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; }
.c-collage { margin-top: 32px; }
.c-collage .c-marco img { width: 100%; height: auto; display: block; }
.c-foto figcaption, .c-collage figcaption { margin-top: 10px; font-size: .88rem; color: var(--d-soft); }
.c-foto figcaption span, .c-collage figcaption span { margin-left: 6px; font-size: .8rem; opacity: .8; }
@media (max-width: 768px) { .c-foto .c-marco { aspect-ratio: 4 / 3; } }

.c-demo { margin: 14px 0 0; padding: 10px 14px; border-radius: var(--d-radius); background: var(--d-sun-a22); font-size: .9rem; }
.c-car { margin-top: 24px; }
.c-car-pista { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.c-car-pista::-webkit-scrollbar { display: none; }
.c-car-pista:focus-visible { outline: 2px solid var(--d-link); outline-offset: 3px; border-radius: 8px; }
.c-car-slide { flex: 0 0 100%; margin: 0; scroll-snap-align: start; }
.c-car-slide .c-marco { border-radius: var(--d-radius-lg); overflow: hidden; aspect-ratio: 16 / 10; }
.c-car-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.c-car-pie { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.c-car-dato { display: flex; align-items: flex-start; gap: 10px; color: var(--d-link); }
.c-car-dato > span { display: grid; color: var(--d-ink); line-height: 1.25; }
.c-car-dato strong { font-size: 1.05rem; }
.c-car-dato small { color: var(--d-soft); font-size: .78rem; }
.c-car-ctrl { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.c-car-btn { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--d-line); background: transparent; color: var(--d-ink); display: inline-grid; place-items: center; cursor: pointer; transform: scaleX(-1); -webkit-tap-highlight-color: transparent; }
.c-car-btn.c-car-sig { transform: none; }
.c-car-btn:disabled { opacity: .35; cursor: default; }
.c-car-puntos { display: flex; gap: 8px; }
.c-car-puntos i { width: 8px; height: 8px; border-radius: 50%; background: var(--d-line); display: block; transition: background .2s, width .2s; }
.c-car-puntos i.is-on { width: 22px; border-radius: 6px; background: var(--d-ink); }
@media (max-width: 480px) { .c-car-pie { grid-template-columns: 1fr; gap: 8px; } }

/* Iteración 17: pie de foto de instalaciones = una línea pequeña y continua, separada por puntos */
.c-demo { display: none; }
.c-car-pie { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 10px; font-size: .85rem; line-height: 1.4; color: var(--d-soft); grid-template-columns: none; }
.c-car-d { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.c-car-d .d-i { width: 14px; height: 14px; color: var(--d-link); }
.c-car-sep { opacity: .6; }
@media (max-width: 480px) { .c-car-pie { grid-template-columns: none; gap: 2px 6px; } }

/* ── Aparición de las secciones al cargar y al desplazarse (public/js/publico/revelar.js) ─────────────────────────────────────────────────
   Parten transparentes y bajadas 1/3 de su ancho (--rev-y, calculado por bloque); al entrar en pantalla suben suavemente hasta su lugar y quedan sólidas.
   Solo con la clase «js» en <html>; con «reducir movimiento» no hay animación. */
.js .c-hero, .js .c-panel, .js .c-sec, .js .c-foto { opacity: 0; transform: translateY(var(--rev-y, 60px)); transition: opacity .9s cubic-bezier(.22, .61, .36, 1), transform .9s cubic-bezier(.22, .61, .36, 1); will-change: opacity, transform; }
.js .c-hero.rev-in, .js .c-panel.rev-in, .js .c-sec.rev-in, .js .c-foto.rev-in { opacity: 1; transform: none; will-change: auto; }
@media (prefers-reduced-motion: reduce) {
    .js .c-hero, .js .c-panel, .js .c-sec, .js .c-foto { opacity: 1; transform: none; transition: none; will-change: auto; }
}

/* Fotos de la home editables (research 169): todas con la MISMA proporción (3:2) y recorte centrado; el espacio 3 es un carrusel deslizable sin JS */
.c-foto-uniforme .c-marco, .c-foto-uniforme .c-foto-slide { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--d-radius-lg); }
.c-foto-uniforme img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
.c-foto-uniforme .c-foto-pista { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.c-foto-uniforme .c-foto-pista::-webkit-scrollbar { display: none; }
.c-foto-uniforme .c-foto-slide { flex: 0 0 100%; scroll-snap-align: start; }
.c-foto-uniforme .d-fig-collage { aspect-ratio: 3 / 2; }