:root {

    /* **************  tipografia ************************** */
    --mainfont: 'Walsheim', Arial, Helvetica, sans-serif;
    --textfont: 'Roboto', Arial, Helvetica, sans-serif;


    /* ************** colores ************************** */

    --maincolor: #008E71;
    --maincolor_light: rgba(0, 142, 113, 0.76);

    --textColor: #333333;


    --blanco: #ffffff;
    --negro: #000000;
    --negroLente: rgba(0, 0, 0, 0.8);
    --grisClaro1: #edeef0; /* 10% */
    --grisClaro2: #e2e4e7; /* 15% */
    --grisClaro3: #cdced3; /* 25% */
    --grisClaro4: #9a999e; /* 50% */
    --grisClaro5: #67666a; /* 75% */
    --grisOscuro1: #191919;
    --colorCTA: #F64848;
    --colorErrorInput: red;


    /* **************************************** */

    --body_backColor: #edeef0;

    /* **************  NAV ************************** */

    --navHeight: 5rem;
    --navHeightMobile: 6rem ;
    --navHeightTablet: 8rem ;

    --nav_backColor: #000000;
    --nav_borderBottom: 0;
    --nav_shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);
    --alt_backColor: #008e71;

    /* **************************************** */

    --phoneArea_textColor: #000000;


    /* **************************************** */

    --c2c_phoneArea_textColor: var(--blanco);
    --c2c_phoneArea_backColor: var(--negro);
    --c2c_phoneArea_border: 0;
    --c2c_phoneArea_shadow: none;


    --c2c_backColor: #ffffff;
    --c2c_border: 1px solid #ffffff;
    --c2c_shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.30);
    --c2c_viewMobile_border: 5px solid #ffe200;

    --c2c_iconTel_stroke: none;
    --c2c_iconTel_fill: #000000;

    --c2c_input_backColor: #ffffff;
    --c2c_input_border: 0;
    --c2c_input_shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.30);


    --input-border-normal: 1px solid transparent;
    --input-border-error: 1px solid var(--colorErrorInput);


    --c2c_checkBox_textColor: #000000;
    --c2c_checkBox_backColor: #ffffff;
    --c2c_checkBox_border: 1px solid #cdced3;


    --c2c_button_textColor: #ffffff;
    --c2c_button_backColor: var(--colorCTA);
    --c2c_button_container_backColor: #000000;

    /* ****************** botones ********************** */

    --button-radius: 0.5rem;


    --boton_textColor: #ffffff;
    --boton_backColor: var(--colorCTA);
    --boton_hover_backColor: var(--colorCTA);

    --phoneArea_boton_backColor: var(--colorCTA);
    --phoneArea_boton_textColor: #ffe200;

    /* **************************************** */

    --footer_backColor: #2E2E2E;
    --footer_textColor: var(--blanco);
    --footer_textHoverColor: #edeef0;
    --footer_textSepColor: #cccccc;
    --footer_copy_textColor: #ffffff;

    /* **************************************** */

    --bannerCookie_backColor: #ffffff;
    --bannerCookie_btnCookConfig_backColor: #cccccc;
    --bannerCookie_btnCookConfig_textColor: #ffffff;
    --bannerCookie_btnCookAccept_backColor: #000000;
    --bannerCookie_btnCookAccept_textColor: #ffffff;

    /* **************************************** */

    --modals_backColor: var(--negroLente);

    --modals_menuSup_borderBottom: 0;

    --modals_menuInf_textColor: #000000;
    --modals_menuInf_backColor: #ffe200;

    --modals_cerrar_textColor: #000000;
    --modals_cerrar_backColor: #ffe200;
    --modals_cerrarHover_textColor: #000000;
    --modals_cerrarHover_backColor: #ffe200;

    /* **************  BOX ************************** */


    --bundles_backColor: #F8EDD2;

    --bundles_claims_textColor: #000000;

    --bundles_box_border: none;
    --bundles_box_borderRadio: 1.0rem;
    --bundles_box_shadow: none;
    --bundles_box_backColor: #ffffff;

    --bundles_box_name_fontSize: 1.3rem;
    --bundles_box_name_textColor: #ffffff;
    --bundles_box_name_backColor: #000000;
    --bundles_box_name_mainProduct_textColor: #000000;
    --bundles_box_name_mainProduct_backColor: #ffe200;

    --bundles_box_mainProductAlert_fontSize: 0.8rem;
    --bundles_box_mainProductAlert_textColor: #ffffff;
    --bundles_box_mainProductAlert_backColor: #00b9eb;

    --bundles_box_textFeatured1_textColor: #191919;
    --bundles_box_textFeatured1_textSize: 1.1rem;
    --bundles_box_textFeatured1_backColor: #f2f7fd;

    --bundles_box_textFeatured2_textColor: #8E008E   ;
    --bundles_box_textFeatured2_textSize: 0.8rem;
    --bundles_box_textFeatured2_backColor: transparent;

    --bundles_box_priceClaim_borderRadio: 0.5rem;
    --bundles_box_priceClaim1_textColor: #ffffff;
    --bundles_box_priceClaim1_backColor: #000000;
    --bundles_box_priceClaim2_textColor: #ffffff;
    --bundles_box_priceClaim2_backColor: #000000;

    --bundles_box_properties_backColor: #ffffff;
    --bundles_box_properties_sep_border: 1px solid rgba(0, 0, 0, 0.15);
    --bundles_box_properties_propertyPrice_textColor: #000000;
    --bundles_box_properties_propertyPriceText_textColor: grey;
    --bundles_box_properties_propertyPriceTextB_textColor: #000000;

    --bundles_box_otherDetails_backColor: #ffffff;
    --bundles_box_otherDetails_sep_border: 1px solid rgba(0, 0, 0, 0.15);

    /* **************************************** */

    --advantages_backColor: #f4f4f4;
    --advantages_h1_textColor: #ffe200;
    --advantages_h2_textColor: #000000;
    --advantages_h3_textColor: #000000;
    --advantages_icon_textColor: #ffe200;

    /* **************************************** */

    --faqs_backColor: #E9EAE8;

    /* **************************************** */

    --smartphones_backColor: #edeef0;
    --smartphones_smartphoneInfo_discount: #000000;

    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */
    /* **************************************** */

    --colorMenuDesktopFondo: #949698;

    --colorMenuMobileFondo: #949698;
    --colorMenuMobileSep: #e9e9e9;

    --colorMenuEnlace: #002aff;
    --colorMenuEnlaceHover: #2a6496;
    --colorMenuEnlaceActive: #002aff;

}
