@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=Roboto:wght@400;500;700&family=Outfit:wght@400;500;600;700&display=swap');

:root{
    --ancho-total-web:1200px;
    --backgrounud-myacc-pages:#FFF;
    --fondo-links:#FFFFFF;
    --fuente-titulos-myacc:600 22px/32px Space Grotesk; /*FUENTE PARA LOS TITULOS DE MI CUENTA Y PAGINAS NATIVAS*/
    --fuente-texto-p:500 16px/20px Roboto;/*fuente para textos,inputs,etc*/
    --padding-container-desk:0 15px; /*PADDING LATERAL DE LA WEB EN DESKTOP*/
    --padding-container-mob:0 30px;/*PADDING LATERAL DE LA WEB EN MOBILE*/
    --color-hover: #FF771C;/*COLOR PRINCIPAL DE LA WEB*/
    --color-primary:#000000;
    --color-secondary:#dbdbdb;
    --radius-primary:15px;
    --fuente-botones:500 18px/24px Outfit;
    --fuente-preview-direccion:500 14px/24px Outfit;
}