@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@400;500&display=swap');

:root {
    /* Colors */
    
    --primary-color: #FF8126;
    --text-color: #505050;
    --text-color-dark: #2c2c2c;

    /* Font Families */

    --title-font: 'Montserrat', sans-serif;
    --text-font: 'Poppins', sans-serif;

    --shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--text-font);
    background-color: #f5f5f5;
}

html.no-scroll,
body.no-scroll {
    overflow: hidden;
    height: 100%;
    position: fixed; /* Evita el scroll en algunos móviles */
    width: 100%;      /* Corrige desplazamientos laterales */
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}