@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

html,
body{
    padding-top: 70px;
    min-height: 100%;
    background-color: var(--color-white-50);
    overflow-x: hidden;
}

.page-container{
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
}

:root{
    /* Paleta de colores */
    --color-orange-50: #F0910C; /* Color principal*/
    --color-orange-75: #FFB412; /* Botón/hover */
    --color-orange-100: #ffb042; /* Hover/botón */
    --color-gray-50: #2C2C2C; /* Footer */
    --color-gray-75: #8d8282; /* Label/inputs solicitud*/
    --color-gray-100: #cccccc; /* Label/inputs contacto*/ 
    --color-black-50: #000000; /* Texto */
    --color-white-50: #ffffff; /* Texto/Background */
    --color-red-50: #ff0000; /* Error */
}