/* ============================================================ EDITORIAL UNAL — Layout normalizado del Home (unal-home.css) ------------------------------------------------------------ Garantiza que TODAS las secciones de la home queden: • Centradas horizontalmente. • Con el mismo gutter lateral (espacio entre contenido y bordes del viewport). Relación de anchos: --unal-home-gutter → espacio mínimo desde el borde del viewport al contenido (responsive). --unal-home-content → ancho máximo del área de contenido. Secciones del home: • Secciones custom (unal-hero, unal-home-search…): fondo full-bleed, contenido centrado vía __inner. • Sliders de producto (unal-related-slider): sin fondo propio, limitados al mismo ancho de contenido. • Banner Slider Mageplaza: override del padding heredado. ============================================================ */ /* ── Variables de layout del home ─────────────────────────── clamp(mín, fluido, máx): 375 px → 1rem = 16 px 640 px → 16 px (límite inferior) 1024 px → ~26 px 1280 px → 2rem = 32 px (límite superior = --unal-gutter) ──────────────────────────────────────────────────────────── */ :root { --unal-home-gutter: clamp(1rem, 2.5vw, 2rem); /* 16 px – 32 px */ --unal-home-content: 1280px; /* ancho de contenido */ } /* ══════════════════════════════════════════════════════════ 1. SECCIONES CUSTOM DEL HOME Sobrescribe el padding: X 20px hardcodeado en los inline