/* ======================================== LAYOUT GENERAL -estructura general de la web- ======================================== */ /* Sistema antiguo de animaciones completamente removido - ahora se usa únicamente el sistema fade-in-scale + fade-in-cascade */ /* Añade esto en tu archivo CSS principal (ej: layout.css o base.css) */ @media (min-width: 1024px) { /* O tu breakpoint de escritorio preferido */ /* 1. Configura el CONTENEDOR de scroll (normalmente ) */ html { /* scroll-snap-type: y proximity; */ /* 'y' para eje vertical */ /* 'mandatory' fuerza el snap siempre. Prueba 'proximity' para un efecto más suave (solo hace snap si estás cerca) */ } /* IMPORTANTE: Compensación para el Header Fijo */ /* Añade un padding superior al área de scroll igual a la altura de tu header fijo */ /* Esto asegura que el contenido de la sección no quede oculto DEBAJO del header después del snap */ html { /* Le dice al navegador que deje 110px de espacio en la parte superior al realizar un scroll a un elemento (ej: #consultoria). Usamos 110px para dar un margen cómodo sobre el header más alto (90px). */ scroll-padding-top: 110px; } /* Alternativa: podrías usar scroll-margin-top en los hijos (ver punto 2) */ /* 2. Configura los HIJOS (las secciones a las que quieres saltar) */ /* Asegúrate de seleccionar TODAS tus secciones principales */ /* Puede que necesites añadir una clase común a todas ellas, ej: .snap-section */ .scroll-section /* Asumiendo */ /* ... añade aquí TODAS las secciones de primer nivel de tu

o */ { scroll-snap-align: start; /* 'start' alinea la parte superior de la sección con la parte superior (ajustada por scroll-padding-top) del viewport */ /* Otras opciones: 'center', 'end' */ /* Alternativa a scroll-padding-top en : */ /* scroll-margin-top: var(--header-height-desktop, 90px); */ /* Esto añade margen ANTES del cálculo del snap para cada sección */ } /* Opcional: Asegurar que el scroll sea suave entre secciones */ /* Esto NO afecta al snap, sino al scroll manual o programático */ /* html { scroll-behavior: smooth; } */ /* Nota: scroll-behavior: smooth a veces puede sentirse raro con scroll-snap-type: mandatory */ } /* Fin de la media query */ /* .section-ttl { display: none; text-align: center; font-family: var(--font-primary); font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); } [class*="--title"] { text-align: center; font-family: var(--font-primary); font-weight: 700; font-size: clamp(1.8rem, 0.943rem + 4.286vw, 3rem); margin: 0 0 var(--spacing-s) 0; } */