/*
  Definimos los tamaños de corte para el responsive de nuestra app key:value
*/
:root {
    --space: 0.8rem;
    --increment: 1;
}

@media (min-width: 768px) {
    :root {
        --space: 1rem;
    }
}

@media (min-width: 1024px) {
    :root {
        --space: 1.3rem;
    }
}

@media (min-width: 1200px) {
    :root {
        --space: 2rem;
    }
}

@media (min-width: 1400px) {
    :root {
        --space: 2.8rem;
    }
}

/*
  Definimos los colores para nuestra app key:value
  Acuerdate de poner el key como lo tengas definido en zeplin, así te será más cómodo.
*/
:root {
    --success: #7db03d;
    --danger: #d15352;
    --warning: #ecb815;
    --info: #5bc0de;
    --facebook: #3b5998;
    --googleplus: #dc4e41;
    --youtube: #dd1b2d;
    --twitter: #00aced;
    --instagram: #000000;
    --light-peach: #d8cccc;
    --rose: #7c6767;
    --red: #d0021b;
    --grey: #2b2b2b;
    --brownish-grey-two: #7f6060;
    --black-three: #1c1c1c;
    --input-color: #978a8a;
    --bg-footer: #f2f0f0;
    --donuts: #fed016;
    --white: #ffffff;
    --white-hover: rgba(255, 255, 255, 0.7);
    --black: #000000;
    --grey-light: #fcf1e9;
    --grey-light-02: #d8dde1;
    --grey-light-03: #e5dbdb;
    --ice: #eff6f4;
    --yellow: #f6c244;
    --orange: #e98a0d;
    --green: #2bb7a1;
    --blue: #4ca0b4;
    --dislike-01: #939B9A;
    --dislike-02: #518791;
    --light-peach-four: #e0dada;
    --black-four: #191919;
    --greyish-brown: #454545;
    --very-light-pink: #f1f1f1;
    --snot-green: #a1b600;
    --black-two: #3b3b3b;
    --warm-grey: #948b8b;
    --pinkish-grey: #bbadad;
    --pale: #e6e2e2;
    --very-light-pink-two: #eceaea;
    --black-five: #141414;
    --brownish-grey: #6f6262;
    --salmon: #ff6868;
    --very-light-pink-three: #eae8e8;
    --light-peach-two: #e0dede;
    --pinkish-grey-two: #cac6c6;
    --light-peach-three: #dedddd;
    --black-80: #0c0c0ccc;
    --brand: white;
    --accent: text-icon-hover;
    /*--brand-shade-10: brand ("shade": 10%);*/
    --brand-primary: #db2120;
    --brand-primary-degradate: #de4746;
    --brand-primary-decoration: #ffac58;
    --brand-primary-decoration-circle: #ffe2ca;
    --brand-primary-02: snot-green;
    --brand-primary-light: #ffe2ca;
    --brand-border: #ffc493;
    --brand-secondary: #2bb7a1;
    --brand-secondary-degradate: #348d9e;
    --brand-secondary-decoration: #3DA191;
    --brand-secondary-decoration-circle: #daf7f3;
    --brand-secondary-02: #138687;
    --brand-secondary-light: #f4fbfa;
    --color-text-primary: rose;
    --color-text-secondary: #818a8f;
    --color-text-hightlight: #da4f3f;
    --text-hover: red;
    --text-icon-hover: var(--brand-primary);
    --text-color: var(--rose);
    --bg-color: white;
    --border-color: #e5dbdb;;
    --border-color-02: transparent;
    --bg-btn: #c3bcbc;
    --direction-degradate: left;
    --color-degradate-light: red;
    --color-degradate-dark: var(--brand-primary-degradate);
    --color-bg-light: var(--brand-primary-light);
    --header-degradate-top: #f3f2f2;
    --header-degradate-bottom: #ece9e9;
    --colorBoxShadow: black;
    --colorWhite: white;
    --colorRed: red;
    --colorGreen: green;
    --colorYellow: yellow;
    /*--colorDirty: var(--brand-shade-10);*/
    --colorDegradateOrangeLight: #ff9944;
    --colorDegradateOrangeDark: #f47b4f;
    --colorDegradateGreenLight: #2bb7a1;
    --colorDegradateGreenDark: #348d9e;
}


/*
                    Insertamos los ficheros de nuestra tipografía
                    */
@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-Black.eot");
    src: url("../fonts/NunitoSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Black.woff2") format("woff2"), url("../fonts/NunitoSans-Black.woff") format("woff"), url("../fonts/NunitoSans-Black.ttf") format("ttf"), url("../fonts/NunitoSans-Black.svg#NunitoSans-Black") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 900;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-BlackItalic.eot");
    src: url("../fonts/NunitoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-BlackItalic.woff2") format("woff2"), url("../fonts/NunitoSans-BlackItalic.woff") format("woff"), url("../fonts/NunitoSans-BlackItalic.ttf") format("ttf"), url("../fonts/NunitoSans-BlackItalic.svg#NunitoSans-BlackItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 900;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-Bold.eot");
    src: url("../fonts/NunitoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Bold.woff2") format("woff2"), url("../fonts/NunitoSans-Bold.woff") format("woff"), url("../fonts/NunitoSans-Bold.ttf") format("ttf"), url("../fonts/NunitoSans-Bold.svg#NunitoSans-Bold") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-BoldItalic.eot");
    src: url("../fonts/NunitoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-BoldItalic.woff2") format("woff2"), url("../fonts/NunitoSans-BoldItalic.woff") format("woff"), url("../fonts/NunitoSans-BoldItalic.ttf") format("ttf"), url("../fonts/NunitoSans-BoldItalic.svg#NunitoSans-BoldItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-ExtraBold.eot");
    src: url("../fonts/NunitoSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-ExtraBold.woff2") format("woff2"), url("../fonts/NunitoSans-ExtraBold.woff") format("woff"), url("../fonts/NunitoSans-ExtraBold.ttf") format("ttf"), url("../fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 900;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-ExtraBoldItalic.eot");
    src: url("../fonts/NunitoSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/NunitoSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/NunitoSans-ExtraBoldItalic.ttf") format("ttf"), url("../fonts/NunitoSans-ExtraBoldItalic.svg#NunitoSans-ExtraBoldItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 900;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-ExtraLight.eot");
    src: url("../fonts/NunitoSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-ExtraLight.woff2") format("woff2"), url("../fonts/NunitoSans-ExtraLight.woff") format("woff"), url("../fonts/NunitoSans-ExtraLight.ttf") format("ttf"), url("../fonts/NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-ExtraLightItalic.eot");
    src: url("../fonts/NunitoSans-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/NunitoSans-ExtraLightItalic.woff") format("woff"), url("../fonts/NunitoSans-ExtraLightItalic.ttf") format("ttf"), url("../fonts/NunitoSans-ExtraLightItalic.svg#NunitoSans-ExtraLightItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-Italic.eot");
    src: url("../fonts/NunitoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Italic.woff2") format("woff2"), url("../fonts/NunitoSans-Italic.woff") format("woff"), url("../fonts/NunitoSans-Italic.ttf") format("ttf"), url("../fonts/NunitoSans-Italic.svg#NunitoSans-Italic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-Light.eot");
    src: url("../fonts/NunitoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Light.woff2") format("woff2"), url("../fonts/NunitoSans-Light.woff") format("woff"), url("../fonts/NunitoSans-Light.ttf") format("ttf"), url("../fonts/NunitoSans-Light.svg#NunitoSans-Light") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-LightItalic.eot");
    src: url("../fonts/NunitoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-LightItalic.woff2") format("woff2"), url("../fonts/NunitoSans-LightItalic.woff") format("woff"), url("../fonts/NunitoSans-LightItalic.ttf") format("ttf"), url("../fonts/NunitoSans-LightItalic.svg#NunitoSans-LightItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-Regular.eot");
    src: url("../fonts/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Regular.woff2") format("woff2"), url("../fonts/NunitoSans-Regular.woff") format("woff"), url("../fonts/NunitoSans-Regular.ttf") format("ttf"), url("../fonts/NunitoSans-Regular.svg#NunitoSans-Regular") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-SemiBold.eot");
    src: url("../fonts/NunitoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-SemiBold.woff2") format("woff2"), url("../fonts/NunitoSans-SemiBold.woff") format("woff"), url("../fonts/NunitoSans-SemiBold.ttf") format("ttf"), url("../fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: "nunitosans";
    src: url("../fonts/NunitoSans-SemiBoldItalic.eot");
    src: url("../fonts/NunitoSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/NunitoSans-SemiBoldItalic.woff") format("woff"), url("../fonts/NunitoSans-SemiBoldItalic.ttf") format("ttf"), url("../fonts/NunitoSans-SemiBoldItalic.svg#NunitoSans-SemiBoldItalic") format("svg");
    font-style: italic;
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: "VAGRoundedStd";
    src: url("../fonts/VAG-Rounded-Std-Light_47298.eot");
    src: url("../fonts/VAG-Rounded-Std-Light_47298.eot?#iefix") format("embedded-opentype"), url("../fonts/VAG-Rounded-Std-Light_47298.woff2") format("woff2"), url("../fonts/VAG-Rounded-Std-Light_47298.woff") format("woff"), url("../fonts/VAG-Rounded-Std-Light_47298.ttf") format("ttf"), url("../fonts/VAG-Rounded-Std-Light_47298.svg#VAGRoundedStd-Light") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "VAGRoundedStd";
    src: url("../fonts/VAGRoundedStd-Black.eot");
    src: url("../fonts/VAGRoundedStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/VAGRoundedStd-Black.woff2") format("woff2"), url("../fonts/VAGRoundedStd-Black.woff") format("woff"), url("../fonts/VAGRoundedStd-Black.ttf") format("ttf"), url("../fonts/VAGRoundedStd-Black.svg#VAGRoundedStd-Black") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 900;
}

@font-face {
    font-family: "VAGRoundedStd";
    src: url("../fonts/VAGRoundedStd-Bold.eot");
    src: url("../fonts/VAGRoundedStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VAGRoundedStd-Bold.woff2") format("woff2"), url("../fonts/VAGRoundedStd-Bold.woff") format("woff"), url("../fonts/VAGRoundedStd-Bold.ttf") format("ttf"), url("../fonts/VAGRoundedStd-Bold.svg#VAGRoundedStd-Bold") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "VAGRoundedStd";
    src: url("../fonts/VAGRoundedStd-Light.eot");
    src: url("../fonts/VAGRoundedStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/VAGRoundedStd-Light.woff2") format("woff2"), url("../fonts/VAGRoundedStd-Light.woff") format("woff"), url("../fonts/VAGRoundedStd-Light.ttf") format("ttf"), url("../fonts/VAGRoundedStd-Light.svg#VAGRoundedStd-Light") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: "VAGRoundedStd";
    src: url("../fonts/VAGRoundedStd-Thin.eot");
    src: url("../fonts/VAGRoundedStd-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/VAGRoundedStd-Thin.woff2") format("woff2"), url("../fonts/VAGRoundedStd-Thin.woff") format("woff"), url("../fonts/VAGRoundedStd-Thin.ttf") format("ttf"), url("../fonts/VAGRoundedStd-Thin.svg#VAGRoundedStd-Thin") format("svg");
    font-style: normal;
    font-display: swap;
    font-weight: 100;
}

/*
  Insertamos los ficheros de nuestra tipografía
*/
:root {
    --vagroundedstd: 'VAGRoundedStd', sans-serif;
    --nunitosans: 'nunitosans', sans-serif;
    --font-family: var(--vagroundedstd);
    --font-family-second: var(--nunitosans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'dia3';
    src: url("../fonts/dia.eot?9kugag");
    src: url("../fonts/dia.eot?9kugag#iefix") format("embedded-opentype"), url("../fonts/dia.ttf?9kugag") format("truetype"), url("../fonts/dia.woff?9kugag") format("woff"), url("../fonts/dia.svg?9kugag#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="ex-icon--"], [class*=" ex-icon--"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'dia3' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ex-icon--playa:before {
    content: "\e993";
}

.ex-icon--explotacion:before {
    content: "\e971";
}

.ex-icon--igualdad:before {
    content: "\e98f";
}

.ex-icon--sanitario:before {
    content: "\e990";
}

.ex-icon--salario:before {
    content: "\e991";
}

.ex-icon--envio-camion:before {
    content: "\e992";
}

.ex-icon--logo_dia_full:before {
    content: "\e970";
    color: #db2120;
}

.ex-icon--logo_dia:before {
    content: "\e900";
}

.ex-icon--logo_iso_dia:before {
    content: "\e901";
}

.ex-icon--dia_app .path1:before {
    content: "\e902";
    color: #db2120;
}

.ex-icon--dia_app .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: white;
}

.ex-icon--breadcrumb:before {
    content: "\e904";
}

.ex-icon--menu:before {
    content: "\e905";
}

.ex-icon--cargando:before {
    content: "\e906";
}

.ex-icon--aceptar:before {
    content: "\e907";
}

.ex-icon--radio_01_full:before {
    content: "\e908";
}

.ex-icon--radio_empty:before, label.radio i:not(.ex-icon--info):before {
    content: "\e909";
}

.ex-icon--radio_full:before, label.radio input:checked + span i:not(.ex-icon--info):before, label.radio--little input:checked + span i:not(.ex-icon--info):before {
    content: "\e96c";
}

.ex-icon--radio_02_empty:before, label.radio--little i:not(.ex-icon--info):before {
    content: "\e90a";
}

.ex-icon--radio_01_empty:before {
    content: "\e90b";
}

.ex-icon--checkbox_02_full .path1:before {
    content: "\e90c";
    color: #d8d8d8;
}

.ex-icon--checkbox_02_full .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: #2b2b2b;
}

.ex-icon--checkbox_full:before, label.checkbox input:checked + span i:before {
    content: "\e90e";
}

.ex-icon--checkbox_empty:before, label.checkbox i:before {
    content: "\e90f";
}

.ex-icon--swicht_off:before {
    content: "\e910";
}

.ex-icon--swicht_on .path1:before {
    content: "\e96d";
    color: #e6dbdb;
}

.ex-icon--swicht_on .path2:before {
    content: "\e96e";
    margin-left: -1em;
    color: white;
}

.ex-icon--pedido_gratis_50:before {
    content: "\e911";
}

.ex-icon--alerta_stop:before {
    content: "\e912";
}

.ex-icon--pago_seguro:before {
    content: "\e913";
}

.ex-icon--alerta_bandera:before {
    content: "\e914";
}

.ex-icon--pide_hoy:before {
    content: "\e915";
}

.ex-icon--comparte:before {
    content: "\e916";
}

.ex-icon--alerta_denegado:before {
    content: "\e917";
}

.ex-icon--otro_horario:before {
    content: "\e918";
}

.ex-icon--movil:before {
    content: "\e919";
}

.ex-icon--entrega_rapida:before {
    content: "\e91a";
}

.ex-icon--codigo_promocional:before {
    content: "\e91b";
}

.ex-icon--repite_compras:before {
    content: "\e91c";
}

.ex-icon--envios_48:before {
    content: "\e91d";
}

.ex-icon--alerta:before {
    content: "\e91e";
}

.ex-icon--puntos:before {
    content: "\e91f";
}

.ex-icon--close:before {
    content: "\e96f";
}

.ex-icon--arrow_left-02:before {
    content: "\e920";
}

.ex-icon--arrow_special:before {
    content: "\e921";
}

.ex-icon--arrow_righ-02:before {
    content: "\e922";
}

.ex-icon--arrow_right:before, .lSAction > .lSNext:before {
    content: "\e923";
}

.ex-icon--arrow_left:before, .lSAction > .lSPrev:before {
    content: "\e924";
}

.ex-icon--arrow_up:before {
    content: "\e925";
}

.ex-icon--arrow_down:before, .select2-container .select2-selection .select2-selection__arrow b:before {
    content: "\e926";
}

.ex-icon--tick:before {
    content: "\e927";
}

.ex-icon--plus:before {
    content: "\e928";
}

.ex-icon--borrar:before {
    content: "\e929";
}

.ex-icon--cancelar:before {
    content: "\e92a";
}

.ex-icon--anadir:before {
    content: "\e92b";
}

.ex-icon--edicion:before {
    content: "\e92c";
}

.ex-icon--papelera:before {
    content: "\e92d";
}

.ex-icon--reloj-off:before {
    content: "\e92e";
}

.ex-icon--reloj_on:before {
    content: "\e92f";
}

.ex-icon--zoom:before {
    content: "\e930";
}

.ex-icon--filtros:before {
    content: "\e931";
}

.ex-icon--comillas:before {
    content: "\e932";
}

.ex-icon--telefono:before {
    content: "\e933";
}

.ex-icon--bandera:before {
    content: "\e934";
}

.ex-icon--estatus-ok:before {
    content: "\e935";
}

.ex-icon--cerrar-sesion:before {
    content: "\e936";
}

.ex-icon--notificaciones:before {
    content: "\e937";
}

.ex-icon--club:before {
    content: "\e938";
}

.ex-icon--tarjeta:before {
    content: "\e939";
}

.ex-icon--direcciones:before {
    content: "\e93a";
}

.ex-icon--contrasena:before {
    content: "\e93b";
}

.ex-icon--mis-pedidos:before {
    content: "\e93c";
}

.ex-icon--solidario:before {
    content: "\e93d";
}

.ex-icon--comercio_justo:before {
    content: "\e93e";
}

.ex-icon--internacional:before {
    content: "\e93f";
}

.ex-icon--platos-preparados:before {
    content: "\e940";
}

.ex-icon--singluten:before {
    content: "\e941";
}

.ex-icon--bio:before {
    content: "\e942";
}

.ex-icon--dieteticos:before {
    content: "\e943";
}

.ex-icon--congelados:before {
    content: "\e944";
}

.ex-icon--folleto:before {
    content: "\e945";
}

.ex-icon--pescado:before {
    content: "\e946";
}

.ex-icon--camion:before {
    content: "\e947";
}

.ex-icon--moto:before {
  content: "\e994";
  color: #7c6767;
}

.ex-icon--cocinero:before {
    content: "\e948";
}

.ex-icon--carne:before {
    content: "\e949";
}

.ex-icon--pan:before {
    content: "\e94a";
}

.ex-icon--fruta:before {
    content: "\e94b";
}

.ex-icon--pollo:before {
    content: "\e94c";
}

.ex-icon--cuidado-hogar:before {
    content: "\e94d";
}

.ex-icon--mascotas:before {
    content: "\e94e";
}

.ex-icon--bebe:before {
    content: "\e94f";
}

.ex-icon--cuidado-personal:before {
    content: "\e950";
}

.ex-icon--bodega:before {
    content: "\e951";
}

.ex-icon--bebidas:before {
    content: "\e952";
}

.ex-icon--despensa:before {
    content: "\e953";
}

.ex-icon--frescos:before {
    content: "\e97a";
}

.ex-icon--aldia:before {
    content: "\e954";
}

.ex-icon--listas_05:before {
    content: "\e955";
}

.ex-icon--listas_03:before {
    content: "\e956";
}

.ex-icon--listas_02:before {
    content: "\e957";
}

.ex-icon--listas_01:before {
    content: "\e958";
}

.ex-icon--heart_full:before {
    content: "\e959";
}

.ex-icon--heart_empty:before {
    content: "\e95a";
}

.ex-icon--mis_listas:before {
    content: "\e95b";
}

.ex-icon--novedades:before {
    content: "\e95c";
}

.ex-icon--promos:before {
    content: "\e95d";
}

.ex-icon--carrito:before {
    content: "\e95e";
}

.ex-icon--carrito_vacio:before {
    content: "\e95f";
}

.ex-icon--search:before {
    content: "\e960";
}

.ex-icon--editar:before {
    content: "\e961";
}

.ex-icon--usuario:before {
    content: "\e962";
}

.ex-icon--tienda:before, .nav-container__main-nav .codigoPostal p:before {
    content: "\e963";
}

.ex-icon--codigo-postal:before {
    content: "\e964";
}

.ex-icon--idioma:before {
    content: "\e965";
}

.ex-icon--recetas:before {
    content: "\e966";
}

.ex-icon--blog:before {
    content: "\e967";
}

.ex-icon--oportunidades:before {
    content: "\e968";
}

.ex-icon--stars:before {
    content: "\e969";
}

.ex-icon--cp:before {
    content: "\e96a";
}

.ex-icon--edit:before {
    content: "\e96b";
}

.ex-icon--off .path1:before {
    content: "\e972";
    color: white;
}

.ex-icon--off .path2:before {
    content: "\e973";
    margin-left: -1em;
    color: black;
}

.ex-icon--instagram .path1:before {
    content: "\e974";
    color: black;
}

.ex-icon--instagram .path2:before {
    content: "\e975";
    margin-left: -1em;
    color: white;
}

.ex-icon--instagram .path3:before {
    content: "\e976";
    margin-left: -1em;
    color: black;
}

.ex-icon--instagram .path4:before {
    content: "\e977";
    margin-left: -1em;
    color: black;
}

.ex-icon--instagram .path5:before {
    content: "\e978";
    margin-left: -1em;
    color: black;
}

.ex-icon--youtube-2 .path1:before {
    content: "\e979";
    color: black;
}

.ex-icon--youtube-2 .path2:before {
    content: "\e97b";
    margin-left: -1em;
    color: white;
}

.ex-icon--youtube-2 .path3:before {
    content: "\e97c";
    margin-left: -1em;
    color: #dd1b2d;
}

.ex-icon--twitter-2 .path1:before {
    content: "\e97d";
    color: black;
}

.ex-icon--twitter-2 .path2:before {
    content: "\e97e";
    margin-left: -1em;
    color: white;
}

.ex-icon--twitter-2 .path3:before {
    content: "\e97f";
    margin-left: -1em;
    color: #00aced;
}

.ex-icon--facebook-2 .path1:before {
    content: "\e980";
    color: black;
}

.ex-icon--facebook-2 .path2:before {
    content: "\e981";
    margin-left: -1em;
    color: white;
}

.ex-icon--facebook-2 .path3:before {
    content: "\e982";
    margin-left: -1em;
    color: #3b5998;
}

.ex-icon--pinterest-2 .path1:before {
    content: "\e983";
    color: black;
}

.ex-icon--pinterest-2 .path2:before {
    content: "\e984";
    margin-left: -1em;
    color: white;
}

.ex-icon--pinterest-2 .path3:before {
    content: "\e985";
    margin-left: -1em;
    color: #dd1b2d;
}

.ex-icon--gmail-2 .path1:before {
    content: "\e986";
    color: black;
}

.ex-icon--gmail-2 .path2:before {
    content: "\e987";
    margin-left: -1em;
    color: white;
}

.ex-icon--gmail-2 .path3:before {
    content: "\e988";
    margin-left: -1em;
    color: #dc4e41;
}

.ex-icon--whatsapp:before {
    content: "\e989";
    color: #6da924;
}

.ex-icon--youtube:before {
    content: "\e98a";
    color: #d0021b;
}

.ex-icon--pinterest:before {
    content: "\e98b";
    color: #dd1b2d;
}

.ex-icon--twitter:before {
    content: "\e98c";
    color: #00aced;
}

.ex-icon--facebook:before {
    content: "\e98d";
    color: #3b5998;
}

.ex-icon--google-plus:before {
    content: "\e98e";
    color: #dc4e41;
}

html, body {
    height: 100%;
    min-width: 0 !important
}

main div, main section {
    box-sizing: border-box;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main p,
main ul,
main ol,
main a,
main span,
main label,
main blockquote {
    font-size: calc(var(--font-size) * 0.06rem);
    line-height: calc(var(--line-height) * 0.06rem);
    font-weight: calc(var(--font-weight) * 1);
    color: var(--text-color);
    font-family: var(--font-family);
    padding: 0;
}

main i {
    font-size: calc(var(--font-size) * 0.06rem);
    line-height: calc(var(--line-height) * 0.06rem);
    color: var(--text-color);
}

img {
    display: block;
    padding: 0;
    margin: 0;
    /*width: 100%;
  height: auto;*/
}

img.img-round-shadow {
    border-radius: 2rem;
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
    background: var(--white);
}

img.img-center {
    width: auto;
    margin: 0 auto;
}

img.img-round {
    border-radius: 2rem;
}

img.img-one-center {
    padding: 0.8rem;
    max-width: 47rem;
}

img.img-sn {
    width: auto;
    max-width: 100%;
}

img.logo-width-auto {
    width: auto;
    max-width: 390px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    img.logo-width-auto {
        width: 100%;
    }
}


.title01 {
    --font-size: 26;
    --line-height: 30;
    --font-weight: 700;
}

@media (min-width: 768px) {
    .title01 {
        --font-size: 26;
        --line-height: 30;
    }
}

@media (min-width: 1024px) {
    .title01 {
        --font-size: 26;
        --line-height: 30;
    }
}

.title02 {
    --font-size: 24;
    --line-height: 28;
    --font-weight: 100;
}

@media (min-width: 768px) {
    .title02 {
        --font-size: 24;
        --line-height: 28;
    }
}

.title03 {
    --font-size: 20;
    --line-height: 24;
    --font-weight: 100;
}

@media (min-width: 768px) {
    .title03 {
        --font-size: 20;
        --line-height: 24;
    }
}

.light,
.title03 .light {
    font-weight: 300;
    padding: 0;
}


.title04,
ul.list-anchor,
ol.list-anchor {
    --font-size: 16;
    --line-height: 19;
    --font-weight: 100;
}

@media (min-width: 768px) {

    .title04,
    ul.list-anchor,
    ol.list-anchor {
        --font-size: 16;
        --line-height: 20;
    }
}


.title05 {
    --font-size: 15;
    --line-height: 21;
    --font-weight: 100;
    font-style: italic;
}

@media (min-width: 768px) {

    .title05 {
        --font-size: 15;
        --line-height: 21;
    }
}


.lnk--border {
    font-weight: 300;
    text-decoration: underline;
}

@media (min-width: 1024px) {
    .lnk--border:hover {
        text-decoration: none;
    }
}

.lnk--small {
    --font-size: 14;
    --line-height: 16;
    --font-weight: 300;
}

@media (max-width: 374px) {
    .lnk--small {
        --font-size: 13;
        --line-height: 15;
    }
}

@media (min-width: 768px) {
    .lnk--small {
        --font-size: 15;
        --line-height: 17;
    }
}

.btn, button,
input[type='submit'], .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu a {
    --font-weight: 300;
    --color-background: var(--black);
    --text-color: var(--white);
    --border-color: var(--white);
    --font-size: 13;
    --line-height: 13;
    background: var(--color-background);
    border-color: var(--border-color);
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 0.8rem 1rem 0.6rem 1rem;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
}

@media (min-width: 768px) {
    .btn, button,
    input[type='submit'], .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu a, .button {
        padding: 0.8rem 1rem 0.6rem 1rem;
    }
}

.btn.active, button.active,
input.active[type='submit'], .nav-container__main-nav .nav-site ul li.link-menu a.active, .nav-container__main-nav .nav-site ol li.link-menu a.active, .active.button {
    --text-color: var(--text-hover);
    --font-weight: 700;
    border-left: 2px solid var(--text-hover);
}

.btn.active i, button.active i, input.active[type='submit'] i, .nav-container__main-nav .nav-site ul li.link-menu a.active i, .nav-container__main-nav .nav-site ol li.link-menu a.active i, .active.button i {
    color: var(--text-hover);
}

@media (max-width: 767px) {
    .btn.active, button.active,
    input.active[type='submit'], .nav-container__main-nav .nav-site ul li.link-menu a.active, .nav-container__main-nav .nav-site ol li.link-menu a.active, .active.button {
        border-left-width: 0.6rem;
        padding-left: 2.4rem;
    }
}

@media (min-width: 1024px) {
    .btn:hover, button:hover,
    input:hover[type='submit'], .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu a:hover, .button:hover {
        --color-background: var(--black);
        --text-color: var(--text-hover);
    }
}

.btn--small {
    --font-size: 13;
    --line-height: 16;
    padding: 0.8rem 2rem;
}

.btn--shadow {
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2);
}

.btn--big {
    --font-size: 17;
    --line-height: 21;
    padding: 1rem 2.3rem;
}

@media (min-width: 1200px) {
    .btn--big {
        --font-size: 19;
        --line-height: 23;
    }
}

.btn--large {
    --font-size: 15;
    --line-height: 26;
    padding: 1.2rem 2.4rem;
    min-width: 20.2rem;
    margin: 0 auto;
    display: table;
}

.btn--superlarge {
    --font-size: 15;
    --line-height: 26;
    padding: 1.2rem 4rem;
    min-width: 25.2rem;
    margin: 0 auto;
    display: table;
}

.btn--superlarge--02 {
    width: 100%;
    text-align: center;
    display: block;
}

@media (min-width: 768px) {
    .btn--superlarge--02 {
        max-width: 40rem;
    }
}

.btn--allproducts {
    display: block;
}

@media (min-width: 768px) {
    .btn--allproducts {
        min-width: 25.2rem;
        margin: 0 auto;
        display: table;
    }
}

.btn--allproducts span {
    display: block;
}

@media (min-width: 768px) {
    .btn--allproducts span {
        display: inline-block;
    }
}

.btn--block {
    width: 100%;
    text-align: center;
    display: block;
}

.btn--center {
    margin: 0 auto;
    display: table;
}

.btn--text-little {
    --font-size: 13;
    --line-height: 25;
}

@media (min-width: 1024px) {
    .btn--text-little {
        --font-size: 15;
        --line-height: 30;
    }
}

.btn--two-icons, .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu a {
    padding: 1.7rem 1.2rem;
    padding-left: 1rem;
    --incrementColumn: 0.7;
    --incrementRow: 0;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: start;
    align-items: center;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    grid-template-columns: 2.4rem auto 2.8rem;
    --color-background: var(--white);
    --text-color: var(--black);
    --border-color: var(--white);
}

@media (max-width: 374px) {
    .btn--two-icons, .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu a {
        padding: 1.5rem 0.9rem;
        grid-template-columns: 1.8rem auto 2.4rem;
        grid-column-gap: 0.5rem;
    }
}

.btn--two-icons i, .nav-container__main-nav .nav-site ul li.link-menu a i, .nav-container__main-nav .nav-site ol li.link-menu a i {
    --font-size: 22;
    --line-height: 22;
}

@media (max-width: 374px) {
    .btn--two-icons i, .nav-container__main-nav .nav-site ul li.link-menu a i, .nav-container__main-nav .nav-site ol li.link-menu a i {
        --font-size: 16;
        --line-height: 16;
    }
}

.btn--two-icons i.icon-arrow_right, .nav-container__main-nav .nav-site ul li.link-menu a i.icon-arrow_right, .nav-container__main-nav .nav-site ol li.link-menu a i.icon-arrow_right, .btn--two-icons .lSAction > i.lSNext:before, .nav-container__main-nav .nav-site ul li.link-menu a .lSAction > i.lSNext:before, .nav-container__main-nav .nav-site ol li.link-menu a .lSAction > i.lSNext:before {
    --font-size: 22;
    --line-height: 22;
}

@media (max-width: 374px) {
    .btn--two-icons i.icon-arrow_right, .nav-container__main-nav .nav-site ul li.link-menu a i.icon-arrow_right, .nav-container__main-nav .nav-site ol li.link-menu a i.icon-arrow_right, .btn--two-icons .lSAction > i.lSNext:before, .nav-container__main-nav .nav-site ul li.link-menu a .lSAction > i.lSNext:before, .nav-container__main-nav .nav-site ol li.link-menu a .lSAction > i.lSNext:before {
        --font-size: 16;
        --line-height: 16;
    }
}

@media (min-width: 1024px) {
    .btn--two-icons:hover, .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu a:hover {
        --color-background: var(--white);
        --text-color: var(--text-hover);
    }
}

.btn--icon {
    --font-size: 15;
    --line-height: 28;
    padding: 1.2rem 4rem;
    min-width: 23.4rem;
    text-align: center;
}

.btn--icon i {
    --font-size: 19;
    --line-height: 19;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 374px) {
    .btn--icon {
        padding: 1.2rem 3rem;
    }

    .btn--icon i {
        --font-size: 18;
        --line-height: 18;
    }
}

.btn--icon--right i {
    right: 1.5rem;
}

@media (max-width: 374px) {
    .btn--icon--right i {
        right: 1rem;
    }
}

.btn--icon--left i {
    left: 1.5rem;
}

@media (max-width: 374px) {
    .btn--icon--left i {
        left: 1rem;
    }
}

.btn--primary, button,
input[type='submit'] {
    --text-color: var(--white);
    border: 0.1rem solid var(--black);
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out, border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

@media (min-width: 1024px) {
    .btn--primary:hover, button:hover,
    input:hover[type='submit'] {
        --text-color: var(--white);
    }
}

.btn--primary--outline {
    position: relative;
    --text-color: var(--black);
    background: var(--white) !important;
    --border-color: var(--black);
    border: 0.1rem solid var(--border-color);
}

@media (min-width: 1024px) {
    .btn--primary--outline:hover {
        --border-color: var(--black);
        --text-color: var(--black);
    }
}

.btn--white {
    --color-background: var(--white);
    --text-color: var(--black);
    --border-color: var(--black);
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
}

@media (min-width: 1024px) {
    .btn--white:hover {
        --color-background: var(--white);
        --text-color: var(--black);
        --border-color: var(--black);
    }
}

.btn--white--outline {
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0);
    border: 0.1rem solid var(--border-color);
}

@media (min-width: 1024px) {
    .btn--white--outline:hover {
        box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
    }
}

.btn--white-text {
    --text-color: var(--white);
    padding: 1.4rem 2rem;
}

.btn--white-text--outline {
    --text-color: var(--white);
    background: none;
    border-width: 0.1rem;
    border-style: solid;
}

@media (min-width: 1024px) {
    .btn--white-text--outline:hover {
        box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
        --text-color: var(--black);
        --border-color: var(--black);
    }
}

.btn--upload-file {
    padding: 2.5rem 0.5rem;
    --font-size: 15;
    --line-height: 18;
    --font-weight: 700;
    border-radius: 2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.btn--upload-file i {
    display: block;
    --font-size: 40;
    --line-height: 40;
    margin-bottom: 0.6rem;
}

.btn--upload-file label {
    padding: 0;
}

.content-inner, .content-cludia {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    --increment: 2;
    padding-left: calc(var(--increment) * var(--space));
    padding-right: calc(var(--increment) * var(--space));
}

@media (min-width: 1024px) {
    .content-inner, .content-cludia {
        --increment: 1;
    }
}

.content-inner--little {
    max-width: 72.6rem;
}

.content-inner--super-little {
    max-width: 56rem;
}

.content-inner--medium {
    max-width: 92rem;
}

.content-inner--medium-02 {
    max-width: 105rem;
}

.content-inner--medium-03 {
    max-width: 122.5rem;
}

.content-inner--cart {
    max-width: 108rem;
}

.mod-user .content-inner--cart {
    padding: 0;
    max-width: 92rem;
}

@media (max-width: 767px) {
    .content-inner--mobile-no-padding {
        padding: 0;
    }
}


.btn {
    --font-weight: 300;
    --color-background: var(--black);
    --text-color: var(--white);
    --border-color: var(--white);
    --font-size: 13;
    --line-height: 13;
    background: var(--color-background);
    border-color: var(--border-color);
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    padding: 0.8rem 1rem 0.6rem 1rem;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
}

.inputGeneric {
    --border-color: var(--grey);
    --font-size: 16;
    --line-height: 19;
    --font-weight: 300;
    --color-background: var(--white);
    --text-color: var(--color-text-primary);
    position: relative;
    font-size: calc(var(--font-size) * 0.1rem);
    line-height: calc(var(--line-height) * 0.1rem);
    font-weight: calc(var(--font-weight) * 1);
    color: var(--text-color);
    font-family: var(--font-family-second);
    background: var(--color-background);
    outline: none;
    width: 100%;
    border: 0.1rem solid var(--border-color);
    padding: 1.2rem 0.8rem;
    -webkit-transition: color 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, background-position 0.25s ease-in-out, border-color 0.25s ease-in-out, border-radius 0.25s ease-in-out, height 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, background-position 0.25s ease-in-out, border-color 0.25s ease-in-out, border-radius 0.25s ease-in-out, height 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, background-position 0.25s ease-in-out, border-color 0.25s ease-in-out, border-radius 0.25s ease-in-out, height 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, background-position 0.25s ease-in-out, border-color 0.25s ease-in-out, border-radius 0.25s ease-in-out, height 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, padding 0.25s ease-in-out, background 0.25s ease-in-out, background-position 0.25s ease-in-out, border-color 0.25s ease-in-out, border-radius 0.25s ease-in-out, height 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

#footer {
    margin-top: 0 !important;
}

.footer-page {
    --border-color: #e5dbdb;
    margin-top: 0rem;
    position: relative;
    margin-bottom: 0rem;
}

.footer-page__inner a,
.footer-page__inner p,
.footer-page__inner ul,
.footer-page__inner ol {
    --text-color: var(--black);
}

.footer-page__inner a {
    --font-size: 14;
    --font-weight: 300;
    --line-height: 18;
}

@media (min-width: 1024px) {
    .footer-page__inner a:hover {
        --text-color: var(--black);
    }
}

.footer-page__suscribete {
    background: url("../img/ilustrado-big.svg") 0 0 repeat;
    background-size: cover;
    padding: 3rem 2rem;
    margin-bottom: 0rem;
}

.footer-page__suscribete .content-inner {
    --increment: 0;
}

@media (max-width: 767px) {
    .footer-page__suscribete {
        padding: 5rem 1% 5rem 1%;
    }

    .footer-page__suscribete .content-inner,
    .footer-page__suscribete .content-cludia {
        --increment: 0;
    }
}

.footer-page__suscribete .mod-white {
    padding: 2rem 2rem 0.5rem 2rem;
    box-shadow: 0 0 1.2rem 0 #be9e9d;
    margin-top: 0;
    background: var(--white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.formrow {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-bottom: 1.3rem;
}

@media (min-width: 768px) {
    .formrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .footer-page__suscribete .mod-white {
        display: block;
        padding: 2rem;
    }
}

.footer-page__suscribete .mod-white .inner-mail h2 {
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--rose);
}

.footer-page__suscribete .mod-white .inner-mail {
    background: url("../img/buscar.png") left 40px no-repeat;
    padding: 2rem 4rem 4rem 12rem;
    width: 70%;
    box-sizing: border-box;
    --text-color: var(--rose);
}

.footer-page__suscribete .mod-white .inner-mail p {
    --font-size: 16;
}

@media (max-width: 767px) {
    .footer-page__suscribete .mod-white .inner-mail {
        width: 100%;
        padding: 0;
        padding-bottom: 5rem;
        background-position: 0 bottom;
        background-size: 5rem;
    }

    .footer-page__suscribete .mod-white .inner-mail p {
        padding-left: 0;
        padding-top: 0rem;
        --font-size: 18;
    }

    .footer-page__suscribete .mod-white .codigoPostal .formrow {
        padding-bottom: 0;
    }
}

.footer-page__suscribete .mod-white .codigoPostal {
    width: 30%;
}

@media (max-width: 767px) {
    .footer-page__suscribete .mod-white .codigoPostal {
        width: 100%;
    }
}

.codigoPostal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .codigoPostal {
        border-bottom: none;
        margin-bottom: 0rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
    }
}

@media (min-width: 1024px) {
    .codigoPostal {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: baseline;
    }
}

.codigoPostal p {
    padding-right: 1rem;
    --font-family: var(--font-family-second);
    --font-size: 16;
    --text-color: var(--rose);
}

.codigoPostal form {
    width: 100%;
}

.codigoPostal .formrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: initial;
    padding-bottom: 1.5rem;
}

.codigoPostal .formrow .inputGeneric,
.codigoPostal .formrow input[type='text'],
.codigoPostal .formrow input[type='password'],
.codigoPostal .formrow input[type='number'],
.codigoPostal .formrow input[type='email'],
.codigoPostal .formrow input[type='tel'],
.codigoPostal .formrow input[type='search'],
.codigoPostal .formrow textarea,
.codigoPostal .formrow select {
    padding: 0.5rem 0.8rem;
    --font-size: 13;
    border-color: #b5b2b2;
    font-size: 16px;
}

.codigoPostal .formrow .btn,
.codigoPostal .formrow button,
.codigoPostal .formrow input[type='submit'],
.codigoPostal .formrow .button {
    background-color: var(--bg-btn);
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    margin: 6px 5px;
}


.footer-page__suscribete .mod-white .formsuscribir .inputGeneric,
.footer-page__suscribete .mod-white .formsuscribir input[type='text'],
.footer-page__suscribete .mod-white .formsuscribir input[type='password'],
.footer-page__suscribete .mod-white .formsuscribir input[type='number'],
.footer-page__suscribete .mod-white .formsuscribir input[type='email'],
.footer-page__suscribete .mod-white .formsuscribir input[type='tel'],
.footer-page__suscribete .mod-white .formsuscribir input[type='search'],
.footer-page__suscribete .mod-white .formsuscribir textarea,
.footer-page__suscribete .mod-white .formsuscribir select {
    --border-color: var(--light-peach);
}

.footer-page__suscribete .mod-white .formsuscribir .btn,
.footer-page__suscribete .mod-white .formsuscribir button,
.footer-page__suscribete .mod-white .formsuscribir input[type='submit'],
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ul li.link-menu a,
.nav-container__main-nav .nav-site ul li.link-menu .footer-page__suscribete .mod-white .formsuscribir a,
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ol li.link-menu a,
.nav-container__main-nav .nav-site ol li.link-menu .footer-page__suscribete .mod-white .formsuscribir a,
.footer-page__suscribete .mod-white .formsuscribir .button {
    display: block;
    --font-family: var(--vagroundedstd);
    --font-size: 16;
    --font-weight: 700;
    --text-color: var(--white);
    --line-height: 18;
    background-color: var(--bg-btn);
    width: 100%;
    margin-top: 1rem;
    padding: 1.3rem 1rem;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.footer-page__suscribete .mod-white .formsuscribir .btn .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir button .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir input[type='submit'] .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ul li.link-menu a .icon-arrow_right,
.nav-container__main-nav .nav-site ul li.link-menu .footer-page__suscribete .mod-white .formsuscribir a .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ol li.link-menu a .icon-arrow_right,
.nav-container__main-nav .nav-site ol li.link-menu .footer-page__suscribete .mod-white .formsuscribir a .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir .button .icon-arrow_right,
.footer-page__suscribete .mod-white .formsuscribir .btn .lSAction > .lSNext:before,
.footer-page__suscribete .mod-white .formsuscribir button .lSAction > .lSNext:before,
.footer-page__suscribete .mod-white .formsuscribir input[type='submit'] .lSAction > .lSNext:before,
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ul li.link-menu a .lSAction > .lSNext:before,
.nav-container__main-nav .nav-site ul li.link-menu .footer-page__suscribete .mod-white .formsuscribir a .lSAction > .lSNext:before,
.footer-page__suscribete .mod-white .formsuscribir .nav-container__main-nav .nav-site ol li.link-menu a .lSAction > .lSNext:before,
.nav-container__main-nav .nav-site ol li.link-menu .footer-page__suscribete .mod-white .formsuscribir a .lSAction > .lSNext:before,
.footer-page__suscribete .mod-white .formsuscribir .button .lSAction > .lSNext:before {
    --font-size: 12;
    --text-color: var(--warm-grey);
}

.footer-page__suscribete .mod-white .textinfo {
    width: 100%;
}

.footer-page__suscribete .mod-white .textinfo p {
    --font-size: 12;
    color: var(--rose);
    padding-bottom: 0;
}


.content-grid {
    background: var(--colorBg);
}

.content-grid.space-background {
    padding: 40px 0;
}

.content-grid.space-background .mod-products {
    background: var(--colorBg);
}

.content-grid.space-background .lSAction a {
    background: var(--colorBg);
}

.content-grid.mod-flash {
    background: #fff;
    padding: 1px 0;
    box-shadow: 10px 1px 20px rgba(0, 0, 0, 0.09);
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.content-grid.mod-flash .content-inner, .content-grid.mod-flash .content-cludia {
    --increment: 0.5;
}

.content-grid.mod-flash .content-inner .content-carrusel, .content-grid.mod-flash .content-cludia .content-carrusel {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.content-grid__similar, .content-tabs--tab, .contact-menu {
    --count-colums: var(--num-cols, 1);
    --incrementColumn: 1;
    --incrementRow: 1;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: start;
    align-items: stretch;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    -ms-grid-columns: repeat(auto-fill, minmax(calc(100% / var(--count-colums) - (var(--incrementColumn) * var(--space)) + calc(var(--incrementColumn) * var(--space) / var(--count-colums))), calc(100% / var(--count-colums) - (var(--incrementColumn) * var(--space)) + calc(var(--incrementColumn) * var(--space) / var(--count-colums)))));
    grid-template-columns: repeat(auto-fill, minmax(calc(100% / var(--count-colums) - (var(--incrementColumn) * var(--space)) + calc(var(--incrementColumn) * var(--space) / var(--count-colums))), calc(100% / var(--count-colums) - (var(--incrementColumn) * var(--space)) + calc(var(--incrementColumn) * var(--space) / var(--count-colums)))));
    --incrementColumn: var(--space-cols, 1);
    --incrementRow: var(--space-row, 1);
}

@media (min-width: 768px) {
    .content-grid__similar, .content-tabs--tab, .contact-menu {
        --count-colums: var(--num-cols-m, var(--num-cols, 1));
        --incrementColumn: var(--space-cols-m, var(--space-cols, 1));
        --incrementRow: var(--space-row-m, var(--space-row, 1));
    }
}

@media (min-width: 1024px) {
    .content-grid__similar, .content-tabs--tab, .contact-menu {
        --count-colums: var(--num-cols-l, var(--num-cols-m, var(--num-cols, 1)));
        --incrementColumn: var(--space-cols-l, var(--space-cols-m, var(--space-cols, 1)));
        --incrementRow: var(--space-row-l, var(--space-row-m, var(--space-row, 1)));
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .content-grid__similar.remove-last-on-tablet > div:nth-child(5), .remove-last-on-tablet.content-tabs--tab > div:nth-child(5), .remove-last-on-tablet.contact-menu > div:nth-child(5) {
        display: none;
    }
}

@media (min-width: 1200px) {
    .content-grid__similar, .content-tabs--tab, .contact-menu {
        --count-colums: var(--num-cols-xl, var(--num-cols-l, var(--num-cols-m, var(--num-cols, 1))));
        --incrementColumn: var(--space-cols-xl, var(--space-cols-l, var(--space-cols-m, var(--space-cols, 1))));
        --incrementRow: var(--space-row-xl, var(--space-row-l, var(--space-row-m, var(--space-row, 1))));
    }
}

.content-grid__similar--start {
    align-items: start;
}

.content-grid__similar > div, .content-tabs--tab > div, .contact-menu > div {
    width: 100%;
}

@media (max-width: 767px) {
    .content-grid__percent--2cols--mobile {
        --incrementColumn: 2;
        --incrementRow: 2;
        display: -ms-grid;
        display: grid;
        justify-content: initial;
        justify-items: start;
        align-items: center;
        grid-column-gap: calc(var(--incrementColumn) * var(--space));
        grid-row-gap: calc(var(--incrementRow) * var(--space));
        grid-template-columns: 2.7rem auto;
    }
}

@media (max-width: 767px) {
    .content-grid__percent--2cols--mobile-02 {
        --incrementColumn: 2;
        --incrementRow: 2;
        display: -ms-grid;
        display: grid;
        justify-content: initial;
        justify-items: start;
        align-items: center;
        grid-column-gap: calc(var(--incrementColumn) * var(--space));
        grid-row-gap: calc(var(--incrementRow) * var(--space));
    }
}

.content-grid__percent--2cols--mobile-percent {
    --sizeCol1: var(--wd-col-1-xs, 45);
    --incrementColumn: 1;
    --incrementRow: 1;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: start;
    align-items: stretch;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    --incrementColumn: var(--space-cols-m, var(--space-cols, 1));
    --incrementRow: var(--space-row-m, var(--space-row, 1));
    grid-template-columns: calc(var(--sizeCol1) * 1%) auto;
}

@media (min-width: 768px) {
    .content-grid__percent--2cols {
        --sizeCol1: var(--wd-col-1, 45);
        --incrementColumn: 1;
        --incrementRow: 1;
        display: -ms-grid;
        display: grid;
        justify-content: initial;
        justify-items: start;
        align-items: stretch;
        grid-column-gap: calc(var(--incrementColumn) * var(--space));
        grid-row-gap: calc(var(--incrementRow) * var(--space));
        --sizeCol1: var(--wd-col-1-m, var(--wd-col-1));
        --incrementColumn: var(--space-cols-m, var(--space-cols, 1));
        --incrementRow: var(--space-row-m, var(--space-row, 1));
        grid-template-columns: calc(var(--sizeCol1) * 1%) auto;
    }
}

@media (min-width: 1024px) {
    .content-grid__percent--2cols {
        --sizeCol1: var(--wd-col-1-l, var(--wd-col-1-m, var(--wd-col-1)));
        --incrementColumn: var(--space-cols-l, var(--space-cols-m, var(--space-cols, 1)));
        --incrementRow: var(--space-row-l, var(--space-row-m, var(--space-row, 1)));
    }
}

@media (min-width: 1200px) {
    .content-grid__percent--2cols {
        --sizeCol1: var(--wd-col-1-xl, var(--wd-col-1-l, var(--wd-col-1-m, var(--wd-col-1))));
        --incrementColumn: var(--space-cols-xl, var(--space-cols-l, var(--space-cols-m, var(--space-cols, 1))));
        --incrementRow: var(--space-row-xl, var(--space-row-l, var(--space-row-m, var(--space-row, 1))));
    }
}

.content-grid__percent--2cols > div {
    width: 100%;
}


.content-flex__similar {
    --count-colums: var(--num-cols, 1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.content-flex__similar > div {
    width: 100%;
}

.content-flex__similar > div img {
    width: auto;
    margin: 0 auto;
    max-width: 100%;
}

.content-flex__similar > div + div {
    padding-top: var(--space);
}

@media (min-width: 768px) {
    .content-flex__similar > div + div {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .content-flex__similar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        --count-colums: var(--num-cols-m, var(--num-cols, 1));
    }

    .content-flex__similar:nth-child(even) {
        flex-direction: row-reverse;
    }

    .content-flex__similar > div {
        width: calc((100% / var(--count-colums)) - (var(--space) / var(--count-colums)));
    }
}

@media (min-width: 1024px) {
    .content-flex__similar {
        --count-colums: var(--num-cols-l, var(--num-cols-m, var(--num-cols, 1)));
    }
}

@media (min-width: 1200px) {
    .content-flex__similar {
        --count-colums: var(--num-cols-xl, var(--num-cols-l, var(--num-cols-m, var(--num-cols, 1))));
    }
}


.mod-products {
    border-radius: 0rem;
    padding: 0.2rem;
    background: var(--white);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}

@media (max-width: 767px) {
    .mod-products {
        --border-color: #e5dbdb;
        border-bottom: solid 1px var(--border-color);
    }
}

@media (min-width: 768px) {
    .mod-products {
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: stretch;
        align-items: stretch;
    }
}

.mod-products img {
    border-radius: 0;
}

.mod-favorites .mod-products img {
    border-radius: 0;
}

@media (min-width: 768px) {
    .mod-products img {
        border-radius: 0;
    }
}

.mod-products--promo .mod-products__img i, .mod-products--discount .mod-products__img i {
    bottom: 4rem;
}

.mod-products__img {
    width: 100%;
    align-self: flex-end;
    padding-bottom: 1rem;
}

.mod-products__img .promo {
    position: absolute;
    bottom: 1rem;
    --font-size: 12;
    text-align: center;
    font-weight: 700;
    background: var(--white);
    width: 100%;
    border-top: 1px solid var(--very-light-pink-three);
    border-bottom: 1px solid var(--very-light-pink-three);
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    color: var(--red);
}

.mod-products__img i {
    --font-size: 22;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    padding: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
}

@media (max-width: 767px) {
    .mod-products__img {
        max-width: 13.2rem;
        position: relative;
    }

    .mod-favorites .mod-products__img {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .mod-products__img {
        position: relative;
    }
}

.mod-products__info {
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.mod-products__info a {
    font-family: var(--font-family-second);
    --font-size: 14;
    --font-weight: 300;
}

.mod-products__info a span {
    padding-top: 0.5rem;
    --font-size: 12;
    display: block;
    color: var(--rose);
}

@media (max-width: 767px) {
    .mod-products__info {
        width: calc(100% - 13.2rem);
        justify-content: flex-end;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mod-products__info .lnk--small {
        width: 100%;
        padding-left: 1rem;
    }

    .mod-products__info p.price {
        --font-size: 17;
        padding-right: 1rem;
    }
}

@media (min-width: 768px) {
    .mod-products__info {
        padding: 0;
        min-height: 12rem;
    }
}

.mod-products__info p {
    padding: 0;
    padding-top: 1rem;
}

@media (max-width: 374px) {
    .mod-products__info p {
        --font-size: 14;
        --line-height: 19;
    }
}

.mod-products__info .action-cart {
    position: absolute;
    bottom: 0rem;
    right: 0.3rem;
}

@media (max-width: 767px) {
    .mod-products__info .action-cart {
        position: static;
    }
}

@media (min-width: 768px) {
    .mod-products__info .action-cart {
        bottom: 0rem;
        right: 1rem;
    }
}

.mod-products__info .action-cart .select2-container--default {
    border-width: 0.08rem;
}

.mod-products__info .action-cart .select2-container--default .select2-selection {
    padding: 0.8rem 3rem 0.8rem 2.4rem;
}

.mod-info-product::after {
    content: "";
    clear: both;
    display: table;
}

.mod-info-product__inner__name {
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .mod-info-product__inner__name {
        padding-bottom: 0.5rem;
        width: calc(60% - (var(--space) * 2));
        float: right;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__name--center {
        float: none;
        margin: 0 auto;
    }
}

.mod-info-product__inner__name h1 {
    padding-bottom: 0.5rem;
}

.mod-info-product__inner__name h4 {
    --text-color: var(--color-text-secondary);
}

.mod-info-product__inner__name h4 a {
    font-size: 1.375em;
    line-height: 1.375em;
}

.mod-info-product__inner__gallery {
    position: relative;
    background: var(--white);
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
    border-radius: 2rem;
    padding: 0;
    overflow: hidden;
    margin-left: calc(var(--space) * -2);
    margin-right: calc(var(--space) * -2);
}

@media (min-width: 768px) {
    .mod-info-product__inner__gallery {
        padding: 0.8rem;
        margin: 0;
        width: 40%;
        float: left;
    }
}

.mod-info-product__inner__gallery--simple {
    padding: 0;
}

@media (min-width: 768px) {
    .mod-info-product__inner__gallery--simple {
        padding: 0.8rem;
    }
}

.mod-info-product__inner__gallery--simple img {
    border-radius: 0;
}

.mod-info-product__inner__gallery a {
    padding: 0;
}

.mod-info-product__inner__gallery-for {
    position: static;
}

.mod-info-product__inner__gallery-for a {
    display: none;
}

.mod-info-product__inner__gallery-for a:first-child {
    display: block;
}

.mod-info-product__inner__gallery-for .slick-dots {
    position: relative;
    bottom: 0;
    height: calc(var(--space) * 5);
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .mod-info-product__inner__gallery-for .slick-dots {
        height: calc(var(--space) * 8);
    }
}

.mod-info-product__inner__gallery-nav {
    display: none;
}

.mod-info-product__inner__gallery-nav.slick-slider {
    display: block;
}

@media (max-width: 767px) {
    .mod-info-product__inner__gallery-nav.slick-slider {
        display: none;
    }
}

@media (min-width: 1024px) {
    .mod-info-product__inner__gallery-nav.desktop-left .slick-track {
        margin: 0;
        transform: none !important;
    }
}

.mod-info-product__inner__description {
    padding-top: 2rem;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description {
        padding: 0;
        width: calc(60% - (var(--space) * 2));
        float: right;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__description--center {
        float: none;
        margin: 0 auto;
    }
}

.mod-info-product__inner__description__social {
    padding-bottom: calc(var(--space) * 3);
    --incrementColumn: 1;
    --incrementRow: 1;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: center;
    align-items: center;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    justify-items: stretch;
    align-items: start;
    grid-template-areas: "rating" "anchor" "share";
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__social {
        grid-template-areas: "rating share share" "anchor anchor anchor";
        padding-bottom: calc(var(--space) * 2);
    }
}

@media (min-width: 1200px) {
    .mod-info-product__inner__description__social {
        --incrementRow: 0.5;
        padding-bottom: calc(var(--space) * 1);
    }
}

.mod-info-product__inner__description__social--msr {
    justify-content: left;
    grid-template-areas: "share";
}

.mod-info-product__inner__description__social ul, .mod-info-product__inner__description__social ol {
    padding: 0;
}

.mod-info-product__inner__description__social ul.list-anchor, .mod-info-product__inner__description__social ol.list-anchor {
    grid-area: anchor;
}

.mod-info-product__inner__description__social ul.list-rating, .mod-info-product__inner__description__social ol.list-rating {
    grid-area: rating;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__social ul.list-rating, .mod-info-product__inner__description__social ol.list-rating {
        align-self: end;
    }
}

.mod-info-product__inner__description__social .mod-share {
    grid-area: share;
    padding-top: calc(var(--space) * 1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__social .mod-share {
        padding-top: 0;
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    .mod-info-product__inner__description__social .mod-share h4 {
        padding-bottom: 0;
        padding-right: 4rem;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__social .mod-share h4 {
        padding: 0;
        padding-right: 2rem;
    }
}

.mod-info-product__inner__description__related-treatments {
    padding-top: calc(var(--space) * 2);
}

@media (min-width: 1200px) {
    .mod-info-product__inner__description__related-treatments {
        padding-top: calc(var(--space) * 0.8);
    }
}

.mod-info-product__inner__description .mod-info-person {
    padding-top: calc(var(--space) * 2);
    padding-bottom: calc(var(--space) * 2);
}

@media (min-width: 1200px) {
    .mod-info-product__inner__description .mod-info-person {
        padding-top: calc(var(--space) * 0.5);
        padding-bottom: calc(var(--space) * 0.8);
    }
}

.mod-info-product__inner__description__buy {
    margin-top: 1rem;
    margin-left: calc(var(--space) * -2);
    margin-right: calc(var(--space) * -2);
    width: calc(100% + var(--space) * 4);
    border: 0.08rem solid var(--grey);
    border-radius: 2rem;
    overflow: hidden;
    padding: 1.5rem;
    --incrementColumn: 1;
    --incrementRow: 2;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: center;
    align-items: center;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy {
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
        margin: 0;
        margin-top: 1rem;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy.show-tablet {
        display: grid !important;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy.msr {
        margin: 0;
        margin-bottom: calc(var(--space) * 2);
    }
}

@media (min-width: 1200px) {
    .mod-info-product__inner__description__buy.msr {
        margin-bottom: calc(var(--space) * 1);
    }
}

.mod-info-product__inner__description__buy__info {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-top: none;
    border-radius: 0;
    margin: 0 -0.08rem;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy__info {
        margin: 0;
        border: none;
        border-radius: 0;
        justify-self: start;
    }
}

.mod-info-product__inner__description__buy__info ul, .mod-info-product__inner__description__buy__info ol {
    padding: 0;
    --text-color: var(--color-text-secondary);
}

.mod-info-product__inner__description__buy__info ul li, .mod-info-product__inner__description__buy__info ol li {
    padding-bottom: 0.9rem;
}

.mod-info-product__inner__description__buy__info ul li:last-child, .mod-info-product__inner__description__buy__info ol li:last-child {
    padding: 0;
}

.mod-info-product__inner__description__buy__price {
    background: var(--white);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy__price {
        justify-self: end;
    }
}

.mod-info-product__inner__description__buy__price.msr {
    background: var(--ice);
}

.mod-info-product__inner__description__buy__price p {
    --font-size: 22;
    --line-height: 27;
    padding-bottom: 0.5rem;
}

@media (max-width: 374px) {
    .mod-info-product__inner__description__buy__price p {
        --font-size: 19;
        --line-height: 24;
    }
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy__price p {
        --font-size: 28;
        --line-height: 34;
    }
}

.mod-info-product__inner__description__buy__price p.text--small {
    text-align: center;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy__price p.text--small {
        text-align: right;
    }
}

.mod-info-product__inner__description__buy__price .btn, .mod-info-product__inner__description__buy__price button,
.mod-info-product__inner__description__buy__price input[type='submit'], .mod-info-product__inner__description__buy__price .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .mod-info-product__inner__description__buy__price a, .mod-info-product__inner__description__buy__price .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .mod-info-product__inner__description__buy__price a, .mod-info-product__inner__description__buy__price .button {
    display: block;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mod-info-product__inner__description__buy__price .btn, .mod-info-product__inner__description__buy__price button,
    .mod-info-product__inner__description__buy__price input[type='submit'], .mod-info-product__inner__description__buy__price .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .mod-info-product__inner__description__buy__price a, .mod-info-product__inner__description__buy__price .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .mod-info-product__inner__description__buy__price a, .mod-info-product__inner__description__buy__price .button {
        padding: 1.3rem 2.3rem;
        min-width: 15rem;
    }
}

.mod-info-product__inner__description__buy--02 {
    margin-top: -3rem;
}

@media (min-width: 768px) {
    .mod-info-product__inner__description__buy--02 {
        display: none;
    }
}

.mod-info-product__inner__description__buy--02 .mod-info-product__inner__description__buy__price {
    padding-top: 3.2rem;
}

.mod-fixed-product {
    padding: 0;
    position: fixed;
    top: -20%;
    z-index: 999;
    -webkit-transition: top 0.25s ease-in-out;
    -moz-transition: top 0.25s ease-in-out;
    -ms-transition: top 0.25s ease-in-out;
    -o-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
}

.mod-fixed-product .content-inner, .mod-fixed-product .content-cludia {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    background: var(--white);
    z-index: 999;
    border: 0.1rem solid var(--grey);
    border-top: none;
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.25);
    border-radius: 0 0 2rem 2rem;
}

.mod-fixed-product__img {
    width: 5.9rem;
    background: var(--white);
    padding: 0;
}

.mod-fixed-product__img img {
    border-radius: 1rem;
}

.mod-fixed-product__info {
    padding: 0;
    width: calc(100% - 10rem);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 10rem;
}

.mod-fixed-product__info__title {
    width: 100%;
}

.mod-fixed-product__info__title p {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-fixed-product__info__buy {
    width: 100%;
}

.mod-fixed-product__info__buy .price {
    padding: 0;
}

.mod-fixed-product__info__buy .ajax-fancybox {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.mod-fixed-product__info__buy .action-cart {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mod-fixed-product__info__buy .action-cart select {
    margin: 0;
}

.mod-resume-product {
    --increment: 3;
    padding-top: calc(var(--increment-top, var(--increment)) * var(--space));
    padding-bottom: 1.7rem;
    --incrementColumn: 1;
    --incrementRow: 2;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: start;
    align-items: start;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    -ms-grid-columns: repeat(1, 1fr);
    grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 768px) {
    .mod-resume-product {
        grid-template-columns: 17rem auto;
    }
}

@media (min-width: 1024px) {
    .mod-resume-product {
        --increment: 2;
    }
}

@media (min-width: 1200px) {
    .mod-resume-product {
        --increment: 0.8;
    }
}

.mod-resume-product img {
    border-radius: 2rem;
}

.mod-resume-product h4 {
    --text-color: var(--color-text-secondary);
}

.mod-collapsable {
    padding-bottom: calc(var(--space) * 1.5);
}

@media (min-width: 768px) {
    .mod-collapsable {
        padding-bottom: calc(var(--space) * 1);
    }
}

@media (min-width: 1200px) {
    .mod-collapsable {
        padding-bottom: calc(var(--space) * 0.5);
    }
}

.mod-collapsable__content {
    display: none;
    padding-top: var(--space);
    padding-bottom: var(--space);
}

@media (min-width: 1200px) {
    .mod-collapsable__content {
        padding-top: calc(var(--space) * 0.8);
        padding-bottom: calc(var(--space) * 0.8);
    }
}

.mod-collapsable__content.open {
    display: block;
}

.mod-collapsable__content__row-info {
    padding-top: calc(var(--space) * 1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.mod-collapsable__content__row-info__img {
    border-radius: 2rem;
    border: 0.08rem solid var(--grey);
    overflow: hidden;
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info__img {
        width: 35%;
    }
}

.mod-collapsable__content__row-info__img img {
    border-radius: 2rem;
}

.mod-collapsable__content__row-info__text {
    padding-top: calc(var(--space) * 2);
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info__text {
        padding-top: 0.6rem;
        width: calc(65% - 4rem);
    }
}

.mod-search-header {
    z-index: 10;
}

.mod-search {
    padding: 1.7rem 0;
    -webkit-transition: padding 0.25s ease-in-out;
    -moz-transition: padding 0.25s ease-in-out;
    -ms-transition: padding 0.25s ease-in-out;
    -o-transition: padding 0.25s ease-in-out;
    transition: padding 0.25s ease-in-out;
    position: relative;
}

@media (min-width: 768px) {
    .mod-search {
        --color-center: var(--color-degradate-light);
        --color-laterals: var(--color-degradate-dark);
        padding: 2.1rem 0 3.2rem;
    }
}

.mod-search__inner {
    --incrementColumn: 1;
    --incrementRow: 0;
    display: -ms-grid;
    display: grid;
    justify-content: initial;
    justify-items: start;
    align-items: start;
    grid-column-gap: calc(var(--incrementColumn) * var(--space));
    grid-row-gap: calc(var(--incrementRow) * var(--space));
    -ms-grid-columns: 3rem auto 5rem;
    grid-template-columns: 3rem auto 5rem;
}

@media (min-width: 1024px) {
    .mod-search__inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }
}

.mod-search__inner .search-box {
    width: 100%;
}

@media (min-width: 1024px) {
    .mod-search__inner .search-box {
        width: 82%;
    }
}

.mod-search .formrow--tow-col {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}

.mod-search .formrow--reduce {
    padding: 0;
    -webkit-transition: padding 0.25s ease-in-out;
    -moz-transition: padding 0.25s ease-in-out;
    -ms-transition: padding 0.25s ease-in-out;
    -o-transition: padding 0.25s ease-in-out;
    transition: padding 0.25s ease-in-out;
    position: relative;
}

.mod-search .formrow--reduce a {
    --font-size: 13;
    --line-height: 13;
    position: absolute;
    top: 0;
    right: 0;
    width: 3.8rem;
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    -webkit-transition: color 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.mod-search--little {
    padding: 1rem 0;
}

.mod-search--little .formrow--tow-col {
    opacity: 0;
}

.mod-search--little input.animated {
    height: 3.6rem;
    --font-size: 17;
    --line-height: 24;
    padding: 0.5rem 1.5rem;
    padding-right: 3.5rem;
}

.tab-content {
    display: block;
    height: 0;
    overflow: hidden;
}

.tab-content.active {
    height: auto;
}

.tab-content:not(.active) {
    padding: 0;
}

.mod-info-error {
    width: 100%;
    border-radius: 2rem;
    border: 0.08rem solid var(--grey-light-02);
    padding: 3.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.mod-info-error p {
    --text-color: var(--color-text-secondary);
    text-align: center;
    padding: 0;
}

.mod-info-error p + p {
    padding-top: 2rem;
}

.mod-info-error p i {
    --text-color: var(--grey-light-02);
    --font-size: 48;
    --line-height: 48;
}

.mod-resume-promo {
    padding: 0.8rem;
    border-radius: 2rem;
    box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.25);
    background: var(--white);
    width: 100%;
    position: relative;
}

.mod-resume-promo__icon {
    position: absolute;
    z-index: 3;
    width: 4rem;
    height: 4rem;
    top: 0rem;
    right: 0rem;
    --font-size: 34;
    --line-height: 34;
    padding: 0;
    background: var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    --text-color: var(--brand-primary);
}

@media (min-width: 768px) {
    .mod-resume-promo__icon {
        width: 4.8rem;
        height: 4.8rem;
        --font-size: 41;
        --line-height: 41;
    }
}

.mod-resume-promo__photo {
    border-radius: 2rem 2rem 0 0;
    overflow: hidden;
}

.mod-resume-promo__excerpt {
    padding: 0.8rem;
    padding-top: 1.3rem;
    position: relative;
}

.mod-resume-promo__excerpt .btn, .mod-resume-promo__excerpt button,
.mod-resume-promo__excerpt input[type='submit'], .mod-resume-promo__excerpt .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .mod-resume-promo__excerpt a, .mod-resume-promo__excerpt .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .mod-resume-promo__excerpt a, .mod-resume-promo__excerpt .button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

@media (min-width: 768px) {
    .mod-resume-promo__excerpt .btn, .mod-resume-promo__excerpt button,
    .mod-resume-promo__excerpt input[type='submit'], .mod-resume-promo__excerpt .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .mod-resume-promo__excerpt a, .mod-resume-promo__excerpt .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .mod-resume-promo__excerpt a, .mod-resume-promo__excerpt .button {
        bottom: 0.8rem;
    }
}

.mod-resume-promo__discount {
    width: 100%;
}

.border-top {
    --border-color: var(--grey-light-03);
    border-top: 1px solid var(--border-color);
}

.border-bottom {
    --border-color: var(--grey-light-03);
    border-bottom: 1px solid var(--border-color);
}

.content-mods {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 0rem;
}

.content-mods.border-bottom {
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .content-mods {
        padding-top: 2rem;
        padding-bottom: 3rem;
        margin-bottom: 0rem;
    }

    section.content-mods.content-grid.bg--grey.content-tabs {
        padding-bottom: 25px !important;
    }

    .content-mods.border-bottom {
        margin-bottom: 2rem;
    }

    .content-mods .content-inner, .content-mods .content-cludia {
        --increment: 4;
    }
}

.content-mods .text-color-rose {
    --text-color: var(--rose);
}

.content-mods .secction-name__inner {
    width: 100%;
    border: none;
    padding-bottom: 1rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
}

.content-mods .secction-name__inner h2 {
    width: calc(100%);
    padding-left: 0;
    text-align: center;
    font-size: 24px;
    padding-bottom: 0;
}

.content-mods .secction-name__inner p {
    --font-size: 16;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .content-mods .secction-name__inner h2 {
        width: 100%;
        padding-left: 0;
    }
}

.content-mods .secction-name__inner .icon-arrow_right, .content-mods .secction-name__inner .lSAction > .lSNext:before {
    width: 90px;
    text-align: right;
}

@media (max-width: 767px) {
    .content-mods .secction-name__inner {
        flex-wrap: wrap;
    }

    .content-mods .secction-name__inner .lnk-link {
        padding-top: 1rem;
    }
}

.content-mods .mods--category {
    --grid-column: 6;
    grid-row: 1;
    background-color: #fff;
    padding: 0rem 0rem 2rem 0rem;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .content-mods .mods--category {
        padding-bottom: 0;
    }

    .content-mods .mods--category + .content-flex {
        padding-top: 2rem;
    }
}

.content-mods .mods--category li {
    padding: 1.6rem;
    border: solid 1px var(--black);
    width: calc((100% / var(--grid-column)) - 10px);
    margin: 0.3rem;
}

.content-mods .mods--category li.item-promo {
    width: 100%;
}

.content-mods .mods--category li.item-promo a {
    flex-direction: row;
    align-items: center;
}

.content-mods .mods--category li.item-promo a i {
    margin-bottom: 0;
    margin-right: 2rem;
}

@media (max-width: 767px) {
    .content-mods .mods--category li {
        --grid-column: 2;
        padding: 1rem;
    }

    .content-mods .mods--category li .name__label {
        --font-size: 13;
    }
}

.content-mods .mods--category li a {
    justify-content: center;
    flex-direction: column;
    display: flex;
    color: var(--black);
    text-align: center;
}

.content-mods .mods--category li a img {
    height: auto;
    width: 100%;
}

.content-mods .mods--category li a i {
    margin-bottom: 5px;
    color: var(--black);
    font-size: 4rem;
    margin-bottom: 1.8rem;
}

.content-mods .mods--category li a .name__label {
    font-family: var(--vagroundedstd);
    font-weight: 300;
}

.content-mods .mods--category-img li {
    --grid-column: 4;
    padding: 0;
    border: none;
    padding-bottom: 15px;

}

.content-mods .mods--category-img li .name__label {
    padding-top: 1rem;
    font-size: 14px;
    color: #0a0a0a;
}

@media (max-width: 767px) {
    .content-mods .mods--category-img li {
        --grid-column: 2;
    }
}

@media (min-width: 768px) {
    .content-mods .mods--category-img li {
        --grid-column: 4;
    }
}

@media (min-width: 1024px) {
    .content-mods .mods--category-img li {
        --grid-column: 6;
    }
}

.content-mods .mods--category-img-nav {
    justify-content: center;
    --count-colums: 6;
    --item-width: 11;
    flex-direction: row;
    flex-wrap: nowrap;
    width: calc((var(--item-width) * 1rem) * var(--count-colums) - (var(--space)));
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
}

.content-mods .mods--category-img-nav li {
    --grid-column: 12;
    min-width: 10rem;
}

.content-mods .mods--logos {
    grid-column: 5;
    grid-row: 1;
    background-color: #fff;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    padding: 2rem 2rem 0rem 2rem;
    margin-bottom: 0;
}

.content-mods .mods--logos li {
    width: auto;
    margin: 10px
}

.content-mods .mods--logos .secction-name {
    width: 100%;
    padding-bottom: 0;
    display: flex;
}

@media (max-width: 767px) {
    .content-mods .mods--logos li {
        width: calc(100% / 3 - 6px);
    }
}

.content-mods .mods--recetas {
    background-color: #fff;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 2rem 0 0 0;
}

.content-mods .mods--recetas .item {
    --space: 2rem;
    width: calc((100% / var(--count-colums)) - (var(--space)));
}

.content-mods .mods--recetas .mods__item-img {
    margin-bottom: 0.9rem;
}

.content-mods .mods--recetas .mods__item-category {
    --font-family: var(--NunitoSans);
    --font-size: 12;
    --font-weight: 800;
    --text-color: var(--rose);
    --padding-bottom: 7;
}

.content-mods .mods--recetas .mods__item-name {
    --font-family: var(--NunitoSans);
    --font-size: 16;
    --font-weight: 300;
    --text-color: var(--grey);
    padding-top: 0;
    --padding-bottom: 5;
}

.content-mods .mods--recetas .mods__item-tags {
    --font-family: var(--NunitoSans);
    --font-size: 14;
    --font-weight: 300;
    --text-color: var(--rose);
    --padding-bottom: 5;
}

.content-mods .mods--recetas .mods__item-preparation {
    --font-family: var(--NunitoSans);
    --font-size: 12;
    --font-weight: 300;
    --text-color: var(--rose);
    --padding-bottom: 0;
    text-align: right;
}

.content-mods .mods--recetas .mods__item-preparation i {
    --font-size: 18;
    position: relative;
    top: 3px;
}

.content-mods .mods--recetas .secction-name {
    width: 100%;
    padding-bottom: 0;
    display: flex;
}

@media (max-width: 767px) {
    .content-mods .mods--recetas {
        grid-column: 1;
        grid-row: 4;
    }
}

.content-mods .mods-inner-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}

@media (max-width: 767px) {
    .content-mods .mods-inner-scroll {
        width: 100%;
        padding: 0;
    }

    .content-mods .mods-inner-scroll .mods--recetas {
        --count-colums: 3;
        --item-width: 30;
        flex-direction: row;
        flex-wrap: nowrap;
        width: calc((var(--item-width) * 1rem) * var(--count-colums) - (var(--space)));
        justify-content: flex-start;
        align-items: flex-start;
    }

    .content-mods .mods-inner-scroll .mods--recetas .item {
        padding: 0 1rem;
        width: calc(var(--item-width) * 1rem);
        padding-bottom: 2rem;
    }
}

.content-mods .content-tabs .content-flex__similar {
    flex-direction: row;
}

.content-mods .content-tabs .mods--tabs {
    background-image: linear-gradient(to top, var(--header-degradate-top), var(--header-degradate-bottom) 20%);
    padding: 4rem 2rem;
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab {
    width: 25%;
    padding-left: 6rem;
    padding-right: 3.2rem;
}

@media (max-width: 767px) {
    .content-mods .content-tabs .mods--tabs .content-tabs--tab {
        width: 100%;
        padding: 0;
        --num-cols: 1;
    }
}

@media (max-width: 767px) {
    .content-mods .content-tabs .mods--tabs .content-tabs--tab .mods-inner-scroll {
        display: flex;
        overflow: none;
        width: 100%;
    }
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"] {
    display: block;
    background: none;
    border: none;
    --font-size: 16;
    padding-bottom: 3.8rem;
}

@media (max-width: 767px) {
    .content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"] {
        padding-bottom: 1.5rem;
    }
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"][aria-selected="true"] {
    color: var(--rose);
    --font-weight: 300;
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"][aria-selected="true"]:before {
    content: none;
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:hover, .content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:focus, .content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:active {
    color: var(--rose);
    --font-weight: 300;
}

.content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:hover:before, .content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:focus:before, .content-mods .content-tabs .mods--tabs .content-tabs--tab [role="tab"]:active:before {
    content: none;
}

.content-mods .content-tabs .mods--tabs .content-tabs--inner {
    width: 75%;
    padding-right: 3.2rem;
}

@media (max-width: 767px) {
    .content-mods .content-tabs .mods--tabs .content-tabs--inner {
        width: 100%;
        padding: 0;
    }
}

.content-mods .content-tabs .mods--tabs .mods-inner-scroll {
    max-height: 28rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.content-mods .mods--advantages {
    border: solid 1px #e2dfdf;
    padding: 3rem 2rem;
    flex-direction: row;
}

.content-mods .mods--advantages p {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 0;
    padding: 0 1.5rem;
    --font-family: var(--NunitoSans);
    --font-size: 14;
    --text-color: var(--rose);
}

.content-mods .mods--advantages p i {
    --font-size: 20;
    padding-right: 1rem;
}

.content-mods .mods--advantages.mods--advantages-second, .content-mods .mods--advantages.mods--cp, .content-mods .mods--advantages.mods--generics, .content-mods .mods--advantages.mods--friends, .content-mods .mods--advantages.mods--icons, .content-mods .mods--advantages.mods--cv {
    flex-wrap: wrap;
}

.content-mods .mods--advantages.mods--advantages-second .secction-name__inner, .content-mods .mods--advantages.mods--cp .secction-name__inner, .content-mods .mods--advantages.mods--generics .secction-name__inner, .content-mods .mods--advantages.mods--friends .secction-name__inner, .content-mods .mods--advantages.mods--icons .secction-name__inner, .content-mods .mods--advantages.mods--cv .secction-name__inner {
    width: 100%;
    padding-bottom: 1rem;
    margin-top: -4rem;
}

.content-mods .mods--advantages.mods--advantages-second .secction-name__inner h2, .content-mods .mods--advantages.mods--cp .secction-name__inner h2, .content-mods .mods--advantages.mods--generics .secction-name__inner h2, .content-mods .mods--advantages.mods--friends .secction-name__inner h2, .content-mods .mods--advantages.mods--icons .secction-name__inner h2, .content-mods .mods--advantages.mods--cv .secction-name__inner h2 {
    padding-left: 0;
    --text-color: var(--rose);
    background: #fff;
    padding: 0 2.3rem;
    width: auto;
    margin-top: -5px;
    position: relative;
}

.content-mods .mods--advantages.mods--advantages-second .secction-name__inner h3, .content-mods .mods--advantages.mods--cp .secction-name__inner h3, .content-mods .mods--advantages.mods--generics .secction-name__inner h3, .content-mods .mods--advantages.mods--friends .secction-name__inner h3, .content-mods .mods--advantages.mods--icons .secction-name__inner h3, .content-mods .mods--advantages.mods--cv .secction-name__inner h3 {
    padding-left: 0;
    --text-color: var(--rose);
    background: #fff;
    padding: 0 2.3rem;
}

.content-mods .mods--advantages.mods--advantages-second div, .content-mods .mods--advantages.mods--cp div, .content-mods .mods--advantages.mods--generics div, .content-mods .mods--advantages.mods--friends div, .content-mods .mods--advantages.mods--icons div, .content-mods .mods--advantages.mods--cv div {
    width: calc(100% / 3);
}

.content-mods .mods--advantages.mods--advantages-second div p, .content-mods .mods--advantages.mods--cp div p, .content-mods .mods--advantages.mods--generics div p, .content-mods .mods--advantages.mods--friends div p, .content-mods .mods--advantages.mods--icons div p, .content-mods .mods--advantages.mods--cv div p {
    flex-wrap: wrap;
    text-align: center;
    --font-family: var(--NunitoSans);
    --font-size: 16;
}

.content-mods .mods--advantages.mods--advantages-second div i, .content-mods .mods--advantages.mods--cp div i, .content-mods .mods--advantages.mods--generics div i, .content-mods .mods--advantages.mods--friends div i, .content-mods .mods--advantages.mods--icons div i, .content-mods .mods--advantages.mods--cv div i {
    display: block;
    text-align: center;
    width: 100%;
    --font-size: 40;
    padding-bottom: 1.5rem;
    padding-right: 0;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--advantages-second div, .content-mods .mods--advantages.mods--cp div, .content-mods .mods--advantages.mods--generics div, .content-mods .mods--advantages.mods--friends div, .content-mods .mods--advantages.mods--icons div, .content-mods .mods--advantages.mods--cv div {
        width: 100%;
    }

    .content-mods .mods--advantages.mods--advantages-second div p, .content-mods .mods--advantages.mods--cp div p, .content-mods .mods--advantages.mods--generics div p, .content-mods .mods--advantages.mods--friends div p, .content-mods .mods--advantages.mods--icons div p, .content-mods .mods--advantages.mods--cv div p {
        flex-wrap: nowrap;
        text-align: left;
        --font-family: var(--NunitoSans);
        --font-size: 16;
        justify-content: flex-start;
        padding: 2rem 0 0 0;
        align-items: center;
    }

    .content-mods .mods--advantages.mods--advantages-second div i, .content-mods .mods--advantages.mods--cp div i, .content-mods .mods--advantages.mods--generics div i, .content-mods .mods--advantages.mods--friends div i, .content-mods .mods--advantages.mods--icons div i, .content-mods .mods--advantages.mods--cv div i {
        display: inline-block;
        text-align: left;
        width: auto;
        --font-size: 40;
        padding-bottom: 0;
        padding-right: 0.5rem;
    }
}

.content-mods .mods--advantages.mods--advantages-third {
    flex-wrap: wrap;
}

.content-mods .mods--advantages.mods--advantages-third .secction-name__inner {
    width: 100%;
    padding-bottom: 1rem;
    margin-top: -4rem;
}

.content-mods .mods--advantages.mods--advantages-third .secction-name__inner h3 {
    padding-left: 0;
    --text-color: var(--rose);
    text-align: center;
    margin-bottom: 0;
    background: #fff;
    font-size: 24px;
    padding: 0 2.3rem;
}

.content-mods .mods--advantages.mods--advantages-third div {
    width: calc(100% / 4);
}

.content-mods .mods--advantages.mods--advantages-third div p {
    flex-wrap: wrap;
    text-align: center;
    --font-family: var(--NunitoSans);
    --font-size: 16;
}

.content-mods .mods--advantages.mods--advantages-third div i {
    display: block;
    text-align: center;
    width: 100%;
    --font-size: 40;
    padding-bottom: 1.5rem;
    padding-right: 0;
}

.content-mods .mods--advantages.mods--advantages-third div .ex-icon--envio-camion {
    --font-size: 50;
    padding-bottom: 0.9rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--advantages-third div {
        width: 100%;
    }

    .content-mods .mods--advantages.mods--advantages-third div p {
        flex-wrap: wrap;
        text-align: left;
        --font-family: var(--NunitoSans);
        --font-size: 16;
        justify-content: flex-start;
        padding: 0rem 0 0 0;
        align-items: center;
    }

    .content-mods .mods--advantages.mods--advantages-third div strong {
        width: calc(100% - 5rem);
        padding-left: 0.5rem;
    }

    .content-mods .mods--advantages.mods--advantages-third div span {
        padding-top: 1rem;
        display: block;
    }

    .content-mods .mods--advantages.mods--advantages-third div i {
        display: inline-block;
        text-align: left;
        width: auto;
        --font-size: 40;
        padding-bottom: 0;
        padding-right: 0.5rem;
    }
}

.content-mods .mods--advantages.mods--advantages-app, .content-mods .mods--advantages.mods--cp, .content-mods .mods--advantages.mods--generics, .content-mods .mods--advantages.mods--friends, .content-mods .mods--advantages.mods--cv {
    background: url("/assets/img/dia/app.png") 15% center no-repeat;
    background-size: 140px;
    margin-top: 2rem;
    padding: 4rem 2rem;
}

.content-mods .mods--advantages.mods--advantages-app .secction-name__inner, .content-mods .mods--advantages.mods--cp .secction-name__inner, .content-mods .mods--advantages.mods--generics .secction-name__inner, .content-mods .mods--advantages.mods--friends .secction-name__inner, .content-mods .mods--advantages.mods--cv .secction-name__inner {
    margin-top: -4.7rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--advantages-app .secction-name__inner, .content-mods .mods--advantages.mods--cp .secction-name__inner, .content-mods .mods--advantages.mods--generics .secction-name__inner, .content-mods .mods--advantages.mods--friends .secction-name__inner, .content-mods .mods--advantages.mods--cv .secction-name__inner {
        text-align: center;
    }
}

.content-mods .mods--advantages.mods--advantages-app .inner-app, .content-mods .mods--advantages.mods--cp .inner-app, .content-mods .mods--advantages.mods--generics .inner-app, .content-mods .mods--advantages.mods--friends .inner-app, .content-mods .mods--advantages.mods--cv .inner-app {
    width: 100%;
    text-align: center;
}

.content-mods .mods--advantages.mods--advantages-app .inner-app p, .content-mods .mods--advantages.mods--cp .inner-app p, .content-mods .mods--advantages.mods--generics .inner-app p, .content-mods .mods--advantages.mods--friends .inner-app p, .content-mods .mods--advantages.mods--cv .inner-app p {
    text-align: center;
    padding-bottom: 1rem;
}

.content-mods .mods--advantages.mods--advantages-app .inner-app img, .content-mods .mods--advantages.mods--cp .inner-app img, .content-mods .mods--advantages.mods--generics .inner-app img, .content-mods .mods--advantages.mods--friends .inner-app img, .content-mods .mods--advantages.mods--cv .inner-app img {
    display: inline-block;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--advantages-app, .content-mods .mods--advantages.mods--cp, .content-mods .mods--advantages.mods--generics, .content-mods .mods--advantages.mods--friends, .content-mods .mods--advantages.mods--cv {
        background-position: 0 center;
        background-size: 95px;
    }

    .content-mods .mods--advantages.mods--advantages-app .secction-name__inner, .content-mods .mods--advantages.mods--cp .secction-name__inner, .content-mods .mods--advantages.mods--generics .secction-name__inner, .content-mods .mods--advantages.mods--friends .secction-name__inner, .content-mods .mods--advantages.mods--cv .secction-name__inner {
        margin-top: -6rem;
    }

    .content-mods .mods--advantages.mods--advantages-app .secction-name__inner h3, .content-mods .mods--advantages.mods--cp .secction-name__inner h3, .content-mods .mods--advantages.mods--generics .secction-name__inner h3, .content-mods .mods--advantages.mods--friends .secction-name__inner h3, .content-mods .mods--advantages.mods--cv .secction-name__inner h3 {
        --font-size: 18;
        padding: 0 1rem;
    }

    .content-mods .mods--advantages.mods--advantages-app .inner-app, .content-mods .mods--advantages.mods--cp .inner-app, .content-mods .mods--advantages.mods--generics .inner-app, .content-mods .mods--advantages.mods--friends .inner-app, .content-mods .mods--advantages.mods--cv .inner-app {
        width: 100%;
        text-align: right;
    }

    .content-mods .mods--advantages.mods--advantages-app .inner-app p, .content-mods .mods--advantages.mods--cp .inner-app p, .content-mods .mods--advantages.mods--generics .inner-app p, .content-mods .mods--advantages.mods--friends .inner-app p, .content-mods .mods--advantages.mods--cv .inner-app p {
        text-align: right;
        padding: 0 0 1rem 0;
        justify-content: flex-end;
    }

    .content-mods .mods--advantages.mods--advantages-app .inner-app .item-app, .content-mods .mods--advantages.mods--cp .inner-app .item-app, .content-mods .mods--advantages.mods--generics .inner-app .item-app, .content-mods .mods--advantages.mods--friends .inner-app .item-app, .content-mods .mods--advantages.mods--cv .inner-app .item-app {
        display: block;
        margin: 0 0 0.5rem auto;
        padding-bottom: 0;
    }

    .content-mods .mods--advantages.mods--advantages-app .inner-app img, .content-mods .mods--advantages.mods--cp .inner-app img, .content-mods .mods--advantages.mods--generics .inner-app img, .content-mods .mods--advantages.mods--friends .inner-app img, .content-mods .mods--advantages.mods--cv .inner-app img {
        display: block;
        margin: 0 0 0rem auto;
    }
}

.content-mods .mods--advantages.mods--cp {
    background: url("/assets/img/dia/buscar.png") right center no-repeat;
    background-size: 140px;
    justify-content: flex-start;
    padding-bottom: 1rem;
    margin-right: 1rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp {
        margin-right: 0;
        background: none;
    }
}

.content-mods .mods--advantages.mods--cp div {
    width: 100%;
}

.content-mods .mods--advantages.mods--cp .codigoPostal {
    width: 100%;
}

.content-mods .mods--advantages.mods--cp .inner-cp {
    width: 60%;
}

.content-mods .mods--advantages.mods--cp .inner-cp p {
    display: block;
    --font-size: 16;
    padding-top: 0;
    padding-bottom: 1rem;
    text-align: left;
    padding-left: 0;
}

.content-mods .mods--advantages.mods--cp .inner-cp .btn:hover, .content-mods .mods--advantages.mods--cp .inner-cp button:hover,
.content-mods .mods--advantages.mods--cp .inner-cp input:hover[type='submit'], .content-mods .mods--advantages.mods--cp .inner-cp .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--cp .inner-cp a:hover, .content-mods .mods--advantages.mods--cp .inner-cp .nav-container__main-nav .nav-site ol li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--cp .inner-cp a:hover, .content-mods .mods--advantages.mods--cp .inner-cp .button:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp .inner-cp {
        width: 100%;
    }
}

.content-mods .mods--advantages.mods--generics {
    background: none;
    justify-content: flex-start;
    padding-bottom: 1rem;
    margin-right: 1rem;
    max-width: 80%;
    margin: 0 auto;
}

.content-mods .mods--advantages.mods--generics .secction-name__inner h2 {
    font-weight: 100;
    color: var(--rose);
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--generics .secction-name__inner h2 {
        --font-size: 28;
    }

    .content-mods .mods--advantages.mods--generics .secction-name__inner h2.title02 {
        --font-size: 24;
    }
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--generics {
        margin-right: auto;
        max-width: 100%;
    }
}

.content-mods .mods--advantages.mods--generics div {
    width: 100%;
}

.content-mods .mods--advantages.mods--generics .inner {
    width: 100%;
}

.content-mods .mods--advantages.mods--generics .inner h3 {
    color: var(--rose);
}

.content-mods .mods--advantages.mods--generics .inner p {
    display: block;
    --font-size: 18;
    padding-top: 0;
    padding-bottom: 1.5rem;
    text-align: center;
    padding-left: 0;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--generics .inner p {
        --font-size: 16;
    }
}

.content-mods .mods--advantages.mods--generics .inner .logos-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.content-mods .mods--advantages.mods--generics .inner .logos-items .img-folletos {
    max-width: 181px;
}

.content-mods .mods--advantages.mods--generics .inner .logos-items a {
    display: inline-block;
    margin: 8px;
    padding: 0;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--generics .inner .logos-items a {
        width: calc(50% - 16px);
    }
}

.content-mods .mods--advantages.mods--generics .inner .logos-items a:first-child {
    width: 100%;
}

.content-mods .mods--advantages.mods--friends {
    background: url("/assets/img/dia/invita-a-tus-amigos.png") right center no-repeat;
    background-size: 140px;
    justify-content: flex-start;
    padding-bottom: 2rem;
    margin-left: 1rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--friends {
        margin-left: 0;
        background-position: 95% center;
        background-size: 95px;
    }
}

.content-mods .mods--advantages.mods--friends .inner-friends {
    width: 60%;
}

.content-mods .mods--advantages.mods--friends .inner-friends h4 {
    --font-size: 18;
    font-weight: bold;
    padding-bottom: 2rem;
    color: var(--rose);
}

.content-mods .mods--advantages.mods--friends .inner-friends p {
    display: block;
    --font-size: 16;
    padding-top: 0;
    padding-bottom: 1rem;
    text-align: left;
    padding-left: 0;
}

.content-mods .mods--advantages.mods--friends .inner-btn {
    display: block;
    width: 100%;
    text-align: center;
}

.content-mods .mods--advantages.mods--friends .inner-btn .btn, .content-mods .mods--advantages.mods--friends .inner-btn button,
.content-mods .mods--advantages.mods--friends .inner-btn input[type='submit'], .content-mods .mods--advantages.mods--friends .inner-btn .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--friends .inner-btn a, .content-mods .mods--advantages.mods--friends .inner-btn .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--friends .inner-btn a, .content-mods .mods--advantages.mods--friends .inner-btn .button {
    display: inline-block;
    padding: 1rem 5rem 0.8rem 5rem;
    --font-size: 12;
    font-weight: bold;
    margin: 0 auto;
    border: solid 1px var(--instagram);
    background-color: var(--black-two);
}

.content-mods .mods--advantages.mods--friends .inner-btn .btn:hover, .content-mods .mods--advantages.mods--friends .inner-btn button:hover,
.content-mods .mods--advantages.mods--friends .inner-btn input:hover[type='submit'], .content-mods .mods--advantages.mods--friends .inner-btn .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--friends .inner-btn a:hover, .content-mods .mods--advantages.mods--friends .inner-btn .nav-container__main-nav .nav-site ol li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--friends .inner-btn a:hover, .content-mods .mods--advantages.mods--friends .inner-btn .button:hover {
    color: #fff;
}

.content-mods .mods--advantages.mods--icons {
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--icons {
        width: 100%;
    }
}

.content-mods .mods--advantages.mods--icons .inner {
    width: 100%;
    margin: 0 auto;
}

.content-mods .mods--advantages.mods--icons .inner .ul-item-icon {
    padding-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--icons .inner .ul-item-icon {
        justify-content: center;
    }
}

.content-mods .mods--advantages.mods--icons .inner .ul-item-icon li {
    width: 21rem;
    padding-bottom: 2rem;
    margin-left: 1.5vw;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--icons .inner .ul-item-icon li {
        width: calc(100% / 3 - 1.5vw);
    }
}

.content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span {
    padding-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span i {
    width: 5rem;
    padding-right: 1rem;
    padding-bottom: 0;
}

.content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span span {
    display: block;
    white-space: nowrap;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span i {
        display: block;
        padding-right: 0;
        text-align: center;
    }

    .content-mods .mods--advantages.mods--icons .inner .ul-item-icon li > span span {
        display: block;
        white-space: normal;
        text-align: center;
    }
}

.content-mods .mods--advantages.mods--cv {
    background: url("/assets/img/dia/trabaja-en-dia.png") 2rem center no-repeat;
    background-size: 140px;
    justify-content: flex-start;
    padding-left: 20rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    margin-left: 0rem;
    margin-top: 0rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cv {
        margin-left: 0;
    }
}

.content-mods .mods--advantages.mods--cv .inner-cv {
    width: 100%;
}

.content-mods .mods--advantages.mods--cv .inner-cv h4 {
    --font-size: 18;
    font-weight: bold;
    padding-bottom: 2rem;
    color: var(--rose);
}

.content-mods .mods--advantages.mods--cv .inner-cv p {
    display: block;
    --font-size: 16;
    padding-top: 0;
    padding-bottom: 1rem;
    text-align: left;
    padding-left: 0;
}

.content-mods .mods--advantages.mods--cv .inner-btn {
    display: block;
    width: 100%;
    text-align: center;
}

.content-mods .mods--advantages.mods--cv .inner-btn .btn, .content-mods .mods--advantages.mods--cv .inner-btn button,
.content-mods .mods--advantages.mods--cv .inner-btn input[type='submit'], .content-mods .mods--advantages.mods--cv .inner-btn .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--cv .inner-btn a, .content-mods .mods--advantages.mods--cv .inner-btn .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--cv .inner-btn a, .content-mods .mods--advantages.mods--cv .inner-btn .button {
    width: 100%;
    display: block;
    padding: 1.4rem 5rem 1.1rem 5rem;
    --font-size: 16;
    font-weight: bold;
    margin: 0 auto;
    border: solid 1px var(--instagram);
    background-color: var(--black-two);
    margin-bottom: 2rem;
}

.content-mods .mods--advantages.mods--cv .inner-btn .btn:hover, .content-mods .mods--advantages.mods--cv .inner-btn button:hover,
.content-mods .mods--advantages.mods--cv .inner-btn input:hover[type='submit'], .content-mods .mods--advantages.mods--cv .inner-btn .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--cv .inner-btn a:hover, .content-mods .mods--advantages.mods--cv .inner-btn .nav-container__main-nav .nav-site ol li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--cv .inner-btn a:hover, .content-mods .mods--advantages.mods--cv .inner-btn .button:hover {
    color: #fff;
}

.content-mods .mods--advantages.mods--cv .inner-btn p {
    text-align: center;
}

.content-mods .mods--advantages.mods--cv .inner-btn p a {
    --font-weight: 300;
    text-decoration: underline;
}

.content-mods .mods--advantages.mods--cv .inner-btn p a:hover {
    text-decoration: none;
}

.content-mods .mods--maps-ficha {
    width: 80%;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .content-mods .mods--maps-ficha {
        flex-wrap: wrap;
        width: 100%;
        margin: 0 -20px;
    }
}

@media (max-width: 767px) {
    .content-mods .mods--maps-ficha {
        flex-wrap: wrap;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
}

.content-mods .mods--maps-ficha .mod-grey {
    width: 30%;
    padding: 3.2rem 2.2vw 2.7rem 2.2vw;
    margin-right: 4rem;
    background-color: var(--bg-footer);
}

.content-mods .mods--maps-ficha .mod-grey .inner-html {
    width: 100%;
}

.content-mods .mods--maps-ficha .mod-grey h2 {
    --font-family: var(--vagroundedstd);
    --font-size: 20;
    text-align: center;
    font-weight: 100;
    color: var(--rose);
}

.content-mods .mods--maps-ficha .mod-grey h3 {
    text-align: center;
}

.content-mods .mods--maps-ficha .mod-grey ul, .content-mods .mods--maps-ficha .mod-grey ol {
    margin: 0 auto;
}

.content-mods .mods--maps-ficha .mod-grey ul li, .content-mods .mods--maps-ficha .mod-grey ol li {
    display: flex;
    justify-content: space-between;
    padding-right: 1.5rem;
    padding-bottom: 0;
    text-align: right;
    white-space: nowrap;
}

.content-mods .mods--maps-ficha .mod-grey ul li span, .content-mods .mods--maps-ficha .mod-grey ol li span {
    text-align: left;
    --font-size: 14;
    font-weight: bold;
    padding-left: 0rem;
    padding-bottom: 0;
    padding-right: 0.5rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .content-mods .mods--maps-ficha .mod-grey {
        width: 100%;
        margin-right: 0;
    }

    .content-mods .mods--maps-ficha .mod-grey ul, .content-mods .mods--maps-ficha .mod-grey ol {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .content-mods .mods--maps-ficha .mod-grey {
        width: 100%;
        margin-right: 0;
    }

    .content-mods .mods--maps-ficha .mod-grey ul, .content-mods .mods--maps-ficha .mod-grey ol {
        width: 80%;
    }
}

.content-mods .mods--maps-ficha .mods--maps-img {
    width: 65%;
    text-align: right;
}

.content-mods .mods--maps-ficha .mods--maps-img .inner-html {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .content-mods .mods--maps-ficha .mods--maps-img {
        background-color: var(--bg-footer);
        width: 100%;
        margin-top: 0;
        padding: 2rem;
    }
}

@media (max-width: 767px) {
    .content-mods .mods--maps-ficha .mods--maps-img {
        background-color: var(--bg-footer);
        width: 100%;
        margin-top: 0;
        padding: 2rem;
    }
}

.content-mods .mods--text {
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content-mods .mods--text {
        width: 100%;
    }
}

.content-mods .mods--text h2 {
    --font-size: 20;
    font-weight: 300;
    color: var(--black);
}

.content-mods .mods--text a {
    padding-right: 0rem;
    --font-family: var(--vagroundedstd);
    --font-size: 16;
    font-weight: 300;
    font-style: normal;
    color: var(--black);
}

.content-mods .mods--product .lSGallery {
    left: 0;
    right: auto !important;
}

.content-mods .mods--product .lSGallery li.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 25%;
    width: 66px;
    height: 5px;
    background-image: linear-gradient(to top, var(--brand-primary), var(--brand-primary-degradate));
}

.content-mods .mods--product .lSSlideOuter.vertical {
    padding-left: 10.5rem;
    padding-right: 0 !important;
}

.content-mods .mods--product .lSSlideOuter.vertical .lSGallery {
    left: 0;
    right: auto !important;
}

.content-mods .mods--product .lSSlideOuter.vertical .lSGallery li.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    width: 5px;
    height: 66px;
    background-image: linear-gradient(to top, var(--brand-primary), var(--brand-primary-degradate));
}

.content-mods .mods--product .mods-product--price h1 {
    --text-color: var(--red);
}

.content-mods .mods--product .mods-product--price h1 span {
    --text-color: var(--black);
}

.content-mods .mods--product .mods-product--price .price {
    --font-family: var(--NunitoSans);
    --font-size: 26;
    --font-weight: normal;
    --text-color: var(--brownish-grey-two);
    --padding-bottom: 20;
    display: flex;
}

.content-mods .mods--product .mods-product--price .price > span {
    --padding-bottom: 0;
}

.content-mods .mods--product .mods-product--price .price--weight {
    --font-size: 14;
    display: block;
    padding-bottom: 0;
}

.content-mods .mods--product .mods-product--price .price--before {
    margin-left: 2rem;
    --text-color: var(--red);
}

.content-mods .mods--product .mods-product--price .price--before:before {
    transform: none;
    border-color: var(--red);
    top: 1.2rem;
}

.content-mods .mods--product .mods-product--recomend {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.content-mods .mods--product .mods-product--recomend ul, .content-mods .mods--product .mods-product--recomend ol {
    display: flex;
    padding-bottom: 0;
    justify-content: flex-start;
    align-items: center;
}

.content-mods .mods--product .mods-product--recomend ul li, .content-mods .mods--product .mods-product--recomend ol li {
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 0;
}

.content-mods .mods--product .mods-product--recomend ul li img, .content-mods .mods--product .mods-product--recomend ol li img {
    max-width: 6rem;
}

.content-mods .mods--product .mods-product--recomend ul li a, .content-mods .mods--product .mods-product--recomend ol li a {
    --font-weight: 300;
    display: flex;
    align-items: center;
}

.content-mods .mods--product .mods-product--recomend ul li i, .content-mods .mods--product .mods-product--recomend ol li i {
    margin-right: 1rem;
    --font-size: 20;
}

.content-mods .mods--product .mods-product--info {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.content-mods .mods--product .mods-product--info p {
    --font-family: var(--NunitoSans);
    --font-size: 14;
    --text-color: var(--brownish-grey-two);
    --padding-bottom: 0;
}

.content-mods .mods--product .mods-product--info p + p {
    --padding-bottom: 1rem;
}

.content-mods .mods--product .mods-product--promo {
    padding-top: 2rem;
}

.content-mods .mods--product .mods-product--promo .tag-offer {
    background: var(--success);
    --font-family: var(--NunitoSans);
    color: var(--white);
    --font-size: 14;
    --font-weight: 800;
    display: inline-block;
    margin: 0 0.8rem 0 0;
    padding: 0.3rem 1.2rem 0.2rem;
}

.content-mods .mods--product .mods-product--promo .text-offer {
    color: var(--success);
    --font-family: var(--NunitoSans);
    --font-size: 14;
    --font-weight: 300;
}

.content-mods .mods--product .mods-product--promo .info-price {
    --font-size: 14;
    --font-family: var(--NunitoSans);
    margin-bottom: 2rem;
    --font-weight: 300;
    --text-color: var(--brownish-grey-two);
    display: flex;
    align-items: center;
}

.content-mods .mods--product .mods-product--promo .info-price i {
    margin-right: 0.5rem;
    --font-size: 24;
    --text-color: var(--grey);
}

.content-mods .mods--product .mods-product--promo .btn, .content-mods .mods--product .mods-product--promo button,
.content-mods .mods--product .mods-product--promo input[type='submit'], .content-mods .mods--product .mods-product--promo .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--product .mods-product--promo a, .content-mods .mods--product .mods-product--promo .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--product .mods-product--promo a, .content-mods .mods--product .mods-product--promo .button {
    background-color: var(--black-two);
    --font-family: var(--vagroundedstd);
    --font-size: 16;
    --font-weight: 800;
    --text-color: var(--white);
    padding: 1.3rem 7rem 1.3rem 7rem;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

@media (min-width: 1024px) {
    .content-mods .mods--product .mods-product--promo .btn:hover, .content-mods .mods--product .mods-product--promo button:hover,
    .content-mods .mods--product .mods-product--promo input:hover[type='submit'], .content-mods .mods--product .mods-product--promo .nav-container__main-nav .nav-site ul li.link-menu a:hover, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--product .mods-product--promo a:hover, .content-mods .mods--product .mods-product--promo .nav-container__main-nav .nav-site ol li.link-menu a:hover, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--product .mods-product--promo a:hover, .content-mods .mods--product .mods-product--promo .button:hover {
        opacity: 0.95;
        padding: 1.3rem 8rem 1.3rem 8rem;
    }
}

.content-mods .mods--table {
    overflow-x: auto;
}

.content-mods .mods--table table {
    float: none;
    width: 100%;
}

.content-mods .mods--table table td.title {
    font-weight: bold;
}

.content-mods .mods--table table td.title p {
    font-family: var(--vagroundedstd);
    --font-size: 20;
    color: #7c6767;
}

.content-mods .mods--table table td {
    border: 0;
    border-bottom: 2px solid #e2e2e2;
    padding: 3px 2rem;
    vertical-align: middle;
    font-family: var(--NunitoSans);
    --font-size: 16;
}

.content-mods .mods--table table td h4 {
    padding-top: 2rem;
}

.content-mods .mods--table table td p {
    padding: 3px;
    color: #7c6767;
    font-family: var(--NunitoSans);
    --font-size: 16;
}

.content-mods .mods--table table tr.noborder td {
    border: 0;
}

.content-mods .mods--table table td.header-quantity {
    width: 28%;
    text-align: center;
}

.content-mods .mods--table table td.header-quantity p {
    background: #e5e5e5;
    padding: 10px 5px;
}

.content-mods .mods--table .tabs-nutritionalinfo-manufact-informationcontent {
    clear: left;
}

.content-mods .mods--table .tabs-manufacture-table-div h4 {
    padding-bottom: 2rem;
}

.content-mods .mods--table .tabs-manufacture-table-div p {
    color: #7c6767;
    font-family: var(--NunitoSans);
    --font-size: 16;
    padding: 0 0 0.5rem 0;
    color: #7c6767;
}

.content-mods .mods--table .tabs-nutritionalinfo-table-div {
    border-bottom: 1px solid #e2e2e2;
    border-color: #e2e2e2;
    display: table;
    padding-bottom: 0px;
    padding-top: 0px;
}

.content-mods .mods--table .tabs-nutritionalinfo-table-div p {
    color: #7c6767;
    font-family: var(--NunitoSans);
    --font-size: 16;
    padding-top: 1rem;
    color: #7c6767;
}

.content-mods .mods--table .tabs-nutritionalinfo-table-div h6 {
    font-family: var(--vagroundedstd);
    --font-size: 20;
    color: #7c6767;
    padding-bottom: 1rem;
}

.content-mods .mods--table h4 {
    font-family: var(--vagroundedstd);
    --font-size: 24;
    color: #7c6767;
    padding-bottom: 3rem;
}

.content-mods .mods--table h4 + .tabs-nutritionalinfo-table-div {
    border: none;
}

.content-mods .mods--table .tabs-nutritionalinfo-manufact-value {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    min-width: 250px;
}

.content-mods .mods--table .tabs-nutritionalinfo-manufact-quantity {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    min-width: 90px;
}

.content-mods .mods--ciudades {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.content-mods .mods--ciudades li a {
    padding: 1.5rem 2rem;
    margin: 0rem 0.5rem;
    display: block;
    border: solid 1px var(--border-color);
    background-color: var(--white);
    --font-family: var(--vagroundedstd);
    --font-size: 14;
    color: var(--black);
    text-align: center;
}

@media (max-width: 767px) {
    .content-mods .mods--ciudades li {
        width: 50%;
    }
}

.content-mods .content-flex__similar_box {
    align-items: normal;
}

.content-mods .codigoPostal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .content-mods .codigoPostal {
        border-bottom: none;
        margin-bottom: 0rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
    }
}

@media (min-width: 1024px) {
    .content-mods .codigoPostal {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: baseline;
    }
}

.content-mods .codigoPostal p {
    padding-right: 1rem;
    --font-family: var(--font-family-second);
    --font-size: 16;
    --text-color: var(--rose);
}

.content-mods .codigoPostal form {
    width: 100%;
}

.content-mods .codigoPostal .formrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: initial;
    padding-bottom: 1.5rem;
}

.content-mods .codigoPostal .formrow .inputGeneric, .content-mods .codigoPostal .formrow input[type='text'],
.content-mods .codigoPostal .formrow input[type='password'],
.content-mods .codigoPostal .formrow input[type='number'],
.content-mods .codigoPostal .formrow input[type='email'],
.content-mods .codigoPostal .formrow input[type='tel'],
.content-mods .codigoPostal .formrow input[type='search'],
.content-mods .codigoPostal .formrow textarea, .content-mods .codigoPostal .formrow select {
    padding: 0.5rem 0.8rem;
    --font-size: 13;
    border-color: #b5b2b2;
}

.content-mods .codigoPostal .formrow .btn, .content-mods .codigoPostal .formrow button,
.content-mods .codigoPostal .formrow input[type='submit'], .content-mods .codigoPostal .formrow .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .codigoPostal .formrow a, .content-mods .codigoPostal .formrow .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .codigoPostal .formrow a, .content-mods .codigoPostal .formrow .button {
    background-color: var(--bg-btn);
}


.lnk-collapsable {
    --color-background-collapsable: #f2f0f0;
    --font-size: 24;
    --line-height: 24;
    width: 100%;
    --font-weight: 100;
    --color-background: var(--white);
    --text-color: var(--rose);
    background: var(--color-background-collapsable);
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    padding: 1.2rem 4rem 1.2rem 0;
    display: block;
    text-align: left;
    margin-bottom: 0;
    cursor: pointer;
    box-sizing: border-box;
}

.lnk-collapsable:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 2rem;
    left: 0;
    background-color: #e2e2e2;
}

.lnk-collapsable span {
    position: relative;
    background: var(--color-background-collapsable);
    padding-right: 1.4rem;
}

.lnk-collapsable i {
    position: absolute;
    right: 0;
    padding-right: 0;
    padding-left: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-background-collapsable);
    --font-size: 22;
    --line-height: 22;
}

.content-tabs .content-info .content-flex__similar.mods--html {
    width: 100% !important;
}

.content-tabs .content-info .content-flex__similar.mods--html .inner-html .title02 {
    font-size: 26px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    color: var(--rose);
}

.content-tabs .content-info .content-flex__similar.mods--html .inner-html {
    margin-right: 0;
    width: 100%;
    padding-top: 40px
}

@media (min-width: 1024px) {
    .lnk-collapsable:hover {
        --color-background: var(--color-background-collapsable);
        --text-color: var(--black);
    }
}

@media (min-width: 1024px) {
    .lnk-collapsable {
        --font-size: 24;
        --line-height: 26;
        padding: 1.2rem 0rem;
    }

    .lnk-collapsable i {
        padding-right: 0rem;
    }
}

.mod-collapsable {
    --space: 1;
    padding-bottom: calc(var(--space) * 1.5);
}

@media (min-width: 768px) {
    .mod-collapsable {
        padding-bottom: calc(var(--space) * 1);
    }
}

@media (min-width: 1200px) {
    .mod-collapsable {
        padding-bottom: calc(var(--space) * 0.5);
    }
}

.mod-collapsable__content {
    display: none;
    padding-top: var(--space);
    padding-bottom: var(--space);
}

@media (min-width: 1200px) {
    .mod-collapsable__content {
        padding-top: calc(var(--space) * 0.8);
        padding-bottom: calc(var(--space) * 0.8);
    }
}

.mod-collapsable__content.open {
    display: block;
}

.mod-collapsable__content__row-info {
    padding-top: calc(var(--space) * 1);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.mod-collapsable__content__row-info__img {
    border-radius: 2rem;
    border: 0.08rem solid var(--grey);
    overflow: hidden;
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info__img {
        width: 35%;
    }
}

.mod-collapsable__content__row-info__img img {
    border-radius: 2rem;
}

.mod-collapsable__content__row-info__text {
    padding-top: calc(var(--space) * 2);
}

@media (min-width: 768px) {
    .mod-collapsable__content__row-info__text {
        padding-top: 0.6rem;
        width: calc(65% - 4rem);
    }
}

.bg--grey {
    background: var(--bg-footer);
    border-top: solid 1px #cabebe;
    border-bottom: solid 1px #cabebe;
}

.content-info {
    align-items: center;
    flex-wrap: wrap;
    --text-color: var(--rose);
}

.mods--icons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mods--icons > div {
    --text-color: var(--grey);
    padding: 2rem 1rem;
}

@media (max-width: 767px) {
    .mods--icons > div {
        padding: 0;
    }
}

.mods--icons > div p {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mods--icons > div p span {
    display: block;
    padding-bottom: 0;
}

.mods--icons > div p i {
    display: block;
    --font-size: 31;
    text-align: center;
    padding-bottom: 1rem;
}

@media (max-width: 767px) {
    .mods--icons > div p i {
        text-align: left;
        display: inline-block;
        padding: 0;
        padding-right: 1rem;
    }
}

@media (max-width: 767px) {
    .mods--icons > div p {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-align: left;
    }
}

.mods--icons > div.inner-html .item h3 {
    --font-size: 24;
}

@media (max-width: 767px) {
    .mods--icons > div.inner-html .item h3 {
        --font-size: 20;
    }
}

.mods--icons > div.inner-html .item p {
    text-align: left;
    align-items: flex-start;
    --font-size: 18;
}

@media (max-width: 767px) {
    .mods--icons > div.inner-html .item p {
        --font-size: 16;
    }
}

@media (max-width: 767px) {
    .mods--icons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}


.hide {
    display: none !important;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none;
    }
}

.show-only-mobile {
    display: none !important;
}

@media (min-width: 768px) {
    .show-only-mobile {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .show-only-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .show-only-mobile {
        display: flex !important;
    }
}

.hide-tablet {
    display: block !important;
}

@media (min-width: 768px) {
    .hide-tablet {
        display: none !important;
    }
}

.show-tablet {
    display: none !important;
}

@media (min-width: 768px) {
    .show-tablet {
        display: block !important;
    }
}

.show-only-tablet {
    display: none !important;
}

@media (min-width: 768px) {
    .show-only-tablet {
        display: block !important;
    }
}

@media (min-width: 1024px) {
    .show-only-tablet {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .hide-desktop {
        display: none !important;
    }
}

.show-desktop {
    display: none !important;
}

@media (min-width: 1024px) {
    .show-desktop {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .hide-desktop-medium {
        display: none !important;
    }
}

.show-desktop-medium {
    display: none !important;
}

@media (min-width: 1200px) {
    .show-desktop-medium {
        display: block !important;
    }
}

.text-align--center {
    text-align: center;
}

.text-align--right {
    text-align: right;
}


.button, .button--neutral, .button--primary, .button--secondary, .button--border, .button--success, .button--danger, .button--info, .button--warning, .button--disabled {
    padding: 1.5rem 5rem;
    font-family: var(--vagroundedstd);
    --font-size: 16;
    --font-weight: bold;
    text-align: center;
    --text-color: var(--white);
}

.button--neutral {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--black-two);
    --color-background: $ color-background;
}

.button--neutral:hover, .button--neutral:focus {
    color: var(--red);
    --text-color: $ color-text-hover;
}

.button--neutral:active {
    color: var(--red);
    --text-color: $ color-text-hover;
}

.button--primary {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--black-two);
    --color-background: $ color-background;
}

.button--primary:hover, .button--primary:focus {
    color: var(--red);
    --text-color: $ color-text-hover;
}

.button--primary:active {
    color: var(--red);
    --text-color: $ color-text-hover;
}

.button--secondary {
    --text-color: $ color-text;
    color: var(--black);
    background-color: var(--white);
    --color-background: $ color-background;
    border: 1px solid var(--black);
}

.button--secondary:hover, .button--secondary:focus {
    color: var(--black);
    --text-color: $ color-text-hover;
}

.button--secondary:active {
    color: var(--black);
    --text-color: $ color-text-hover;
}

.button--border {
    --text-color: $ color-text;
    color: var(--black);
    background-color: var(--white);
    --color-background: $ color-background;
    border: 1px solid var(--black);
}

.button--border:hover, .button--border:focus {
    color: var(--black);
    --text-color: $ color-text-hover;
}

.button--border:active {
    color: var(--black);
    --text-color: $ color-text-hover;
}

.button--success {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--success);
    --color-background: $ color-background;
}

.button--success:hover, .button--success:focus {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--success:active {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--danger {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--danger);
    --color-background: $ color-background;
}

.button--danger:hover, .button--danger:focus {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--danger:active {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--info {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--info);
    --color-background: $ color-background;
}

.button--info:hover, .button--info:focus {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--info:active {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--warning {
    --text-color: $ color-text;
    color: var(--white);
    background-color: var(--warning);
    --color-background: $ color-background;
}

.button--warning:hover, .button--warning:focus {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--warning:active {
    color: var(--white);
    --text-color: $ color-text-hover;
}

.button--disabled {
    --text-color: $ color-text;
    color: var(--grey-tint-10);
    background-color: var(--grey-tint-80);
    --color-background: $ color-background;
    cursor: not-allowed;
}

.button--disabled:hover, .button--disabled:focus {
    color: var(--grey-tint-10);
    --text-color: $ color-text-hover;
}

.button--disabled:active {
    color: var(--grey-tint-10);
    --text-color: $ color-text-hover;
}

.button--small {
    padding-right: 1rem;
    padding-left: 1rem;
    --font-size: 12;
}

.button--full-width {
    display: block;
}

.button + .button--full-width {
    margin-left: 0;
}

.button--flat {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.info {
    color: var(--text);
}

.info::after {
    content: "";
    clear: both;
    display: table;
}

.btn-arrow {
    margin-top: 2rem;
    padding: 1.4rem 5rem 1rem;
    --font-size: 16;
    font-weight: bold;
}

.btn-arrow i {
    position: absolute;
    right: 5px;
    top: 10px;
    color: var(--warm-grey);
}


.content-mods .mods--advantages.mods--cp.mod--ayuda {
    width: 80%;
    margin: 0 auto 2rem auto;
    background: url("/assets/img/dia/buscar.png") 95% center no-repeat;
    background-size: 140px;
    padding-bottom: 2rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mod--ayuda {
        width: 100%;
        background: none;
    }
}

.content-mods .mods--advantages.mods--cp.mod--ayuda .text-big {
    --font-size: 18;
    text-align: center;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mod--ayuda .text-big {
        padding: 3rem 0rem 3rem 8rem;
        background: url("/assets/img/dia/buscar.png") 0 center no-repeat;
        background-size: 70px;
    }
}

.content-mods .mods--advantages.mods--cp.mod--ayuda .text-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 0rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mod--ayuda .text-icon {
        text-align: center;
    }
}

.content-mods .mods--advantages.mods--cp.mod--ayuda .text-icon span {
    padding-bottom: 0;
}

.content-mods .mods--advantages.mods--cp.mod--ayuda .text-icon i {
    display: inline-block !important;
    width: auto;
    padding-right: 1rem;
}

.content-mods .mods--advantages.mods--cp.mod--ayuda .inner-ayuda {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mod--ayuda .inner-ayuda {
        width: 100%;
    }
}

.content-mods .mods--advantages.mods--cp.mods--finandia {
    background: url("/assets/img/dia/app.png") 2rem center no-repeat;
    background-size: 140px;
    padding-bottom: 2rem;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods--finandia {
        width: 100%;
        background: url("/assets/img/dia/app.png") 2rem 2rem no-repeat;
        background-size: 80px;
    }

    .content-mods .mods--advantages.mods--cp.mods--finandia .inner-ayuda {
        padding-top: 5rem;
        padding-left: 0;
    }
}

.content-mods .mods--advantages.mods--cp.mods--finandia div {
    text-align: center;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods--finandia div {
        text-align: left;
    }
}

.content-mods .mods--advantages.mods--cp.mods--finandia p {
    padding-bottom: 1rem;
}

.content-mods .mods--advantages.mods--cp.mods--finandia .button {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods--finandia .button {
        margin: 0;
    }
}

.content-mods .mods.mods--button {
    align-self: flex-end;
    width: 30%;
}

@media (max-width: 767px) {
    .content-mods .mods.mods--button {
        width: 100%;
    }
}

.mods--html {
    display: block;
    --text-color: var(--rose);
    margin-top: 2rem;
}

.bg--grey {
    background: var(--bg-footer);
    border-top: solid 1px #cabebe;
    border-bottom: solid 1px #cabebe;
}

.mods--search {
    align-self: center;
}

.mods--search .tit-mobile {
    display: block;
}

.mods--search .tit-desktop {
    display: none;
}

@media (min-width: 1024px) {
    .mods--search {
        display: block;
    }

    .mods--search .tit-mobile {
        display: none;
    }

    .mods--search .tit-desktop {
        display: block;
    }
}

@media (max-width: 767px) {
    .mods--search .tit-mobile {
        display: none;
    }

    .mods--search i {
        --font-size: 26;
    }
}

.mods--search .inner-search .lnk-openSearch {
    --widthSearch: 5;
}

@media (min-width: 768px) {
    .mods--search .inner-search .lnk-openSearch {
        --widthSearch: 15;
    }
}

.mods--search .inner-search .lnk-openSearch span {
    color: var(--rose);
}

.mods--search .inner-search .lnk-openSearch span:after {
    background: #a3a3a3;
    z-index: 1;
    height: 2px;
    top: 42%;
}

.mods--search .inner-search .lnk-openSearch i {
    color: var(--color-text);
    --font-size: 31;
}

.mods--search .inner-search .tit-desktop {
    --font-family: var(--font-family-second);
    --font-size: 18;
}

.mods--search .inner-search .tit-mobile {
    --font-family: var(--font-family-second);
    --font-size: 17;
}

@media (max-width: 767px) {
    .mods--search .inner-search .tit-mobile {
        --widthSearch: 15;
        display: block;
    }
}

.content-info {
    align-items: center;
    flex-wrap: wrap;
    --text-color: var(--rose);
}

.content-info > div {
    width: 50%;
}

.content-info > div.width--70 {
    width: 70%;
}

@media (max-width: 767px) {
    .content-info > div.width--70 {
        width: 100%;
    }
}

.content-info > div.mods--button {
    align-self: flex-end;
    width: 30%;
}

@media (max-width: 767px) {
    .content-info > div.mods--button {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .content-info > div {
        width: 100%;
    }
}

.content-info .title-inner {
    width: 100%;
}

.content-info .title-inner p {
    --font-size: 18;
}

.content-info .title-inner h2 {
    font-family: var(--vagroundedstd);
    font-size: 32px;
    margin-bottom: 0;
    font-weight: 100;
    color: var(--rose);
}

.content-info .mods--icons .item {
    position: relative;
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.content-info .mods--icons .item h3 {
    margin-bottom: 10px;
}

.content-info .mods--icons .item:before {
    font-size: 2.1rem;
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 767px) {
    .content-info .mods--icons {
        width: 100%;
    }
}

.content-info .inner-img {
    align-self: center;
}

.content-info .mods--full {
    width: 100%;
    text-align: center;
}

.content-info .mods--full p {
    --font-size: 18;
}

.content-info .inner-img {
    width: 100%;
}

.content-info .inner-img .play-video {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}

.content-info .inner-img .play-video:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) url("/assets/img/css/icons/play-video.png") center center no-repeat;
}

.mods--icons {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mods--icons > div {
    --text-color: var(--grey);
    padding: 0rem 1rem 0rem 0rem;
}

@media (max-width: 767px) {
    .mods--icons > div {
        padding: 0;
    }
}

.mods--icons > div p {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.mods--icons > div p span {
    display: block;
    padding-bottom: 0;
}

.mods--icons > div p i {
    display: block;
    --font-size: 31;
    text-align: center;
    padding-bottom: 1rem;
}

@media (max-width: 767px) {
    .mods--icons > div p i {
        text-align: left;
        display: inline-block;
        padding: 0;
        padding-right: 1rem;
    }
}

@media (max-width: 767px) {
    .mods--icons > div p {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-align: left;
    }
}

.mods--icons > div.inner-html .item h3 {
    font-family: VAGRoundedStd;
    font-size: 24px;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: var(--rose);
}

@media (max-width: 767px) {
    .mods--icons > div.inner-html .item h3 {
        --font-size: 20;
    }
}

.mods--icons > div.inner-html .item p {
    text-align: left;
    align-items: flex-start;
    font-size: 18px;
    font-family: "NunitoSans";
    color: #7c6767;
}

@media (max-width: 767px) {
    .mods--icons > div.inner-html .item p {
        --font-size: 16;
    }
}

@media (max-width: 767px) {
    .mods--icons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.content-mods .content-flex__similar_box.mod-img--center {
    align-items: center;
}

.inner-img {
    width: 100%;
    text-align: center;
}

.inner-img .play-video {
    position: relative;
    display: inline-block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 0;
}

.inner-img .play-video:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) url("/assets/img/css/icons/play-video.png") center center no-repeat;
}

.mods---info-html {
    max-width: 900px;
    margin: 0 auto;
}

.mods---info-html p {
    --font-size: 18;
    line-height: 1.4em;
}

.mods---info-html ul li, .mods---info-html ol li {
    font-size: 1.8rem;
    line-height: 1.4em;
}

.content-trabaja-info .content-flex__similar {
    justify-content: flex-start;
    flex-direction: row;
}

.content-trabaja-info .content-flex__similar > div {
    --space: 30px;
    padding-right: 3rem;
    --count-colums: 3;
}

.content-trabaja-info .content-flex__similar > div .item-img {
    padding-bottom: 1rem;
}

.content-trabaja-info .content-flex__similar > div .item-text {
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-trabaja-info .content-flex__similar > div .item-text p {
    color: var(--rose);
}

.content-trabaja-info .content-flex__similar > div img {
    width: 100%;
    height: auto;
    margin: 0;
}


.mod-grey {
    background-image: linear-gradient(to top, var(--header-degradate-top), var(--header-degradate-bottom));
    padding: 3.2rem 7.2rem 2.7rem;
}

.form-contact {
    border: solid 1px #cabebe;
    background-color: var(--bg-footer);
    padding: 0;
}

.form-contact .form {
    padding: 2.4rem;
}

.form-contact .form-element + .form-element {
    margin-top: 2rem;
}


.content-mods .mods--advantages.mods--cp.mods---cliente-finandia {
    background: none;
    max-width: 815px;
    margin: -15px auto 0;
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia div {
    width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia {
        margin-top: -15px;
    }
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia {
        margin-top: 0px;
    }
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .tit-special {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
    --font-family: var(--vagroundedstd);
    --font-size: 18;
    font-weight: 100;
    line-height: 1.2em;
    text-align: center;
    --text-color: var(--rose);
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-img {
    width: 50%;
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-img p {
    text-align: left;
    width: 50%;
    font-weight: 600;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 2rem;
    display: block;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-img {
        width: 100%;
        display: flex;
        padding-bottom: 2rem;
    }

    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-img img {
        order: 0;
        width: 40%;
        height: auto;
    }

    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-img p {
        order: 1;
        padding-top: 1rem;
        --font-size: 18;
        color: var(--grey);
    }
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia {
    width: 50%;
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia p {
    display: block;
    padding: 0;
    padding-bottom: 1rem;
    text-align: left;
    --text-color: var(--grey);
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia label {
    display: none;
}

.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia .btn, .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia button,
.content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia input[type='submit'], .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia .nav-container__main-nav .nav-site ul li.link-menu a, .nav-container__main-nav .nav-site ul li.link-menu .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia a, .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia .nav-container__main-nav .nav-site ol li.link-menu a, .nav-container__main-nav .nav-site ol li.link-menu .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia a, .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia .form--finandia .button {
    width: 100%;
    padding: 1.2rem 1.2rem;
    --font-size: 16;
    line-height: 1em;
}

@media (max-width: 767px) {
    .content-mods .mods--advantages.mods--cp.mods---cliente-finandia .inner-finandia {
        width: 100%;
    }
}

.mods--list-numbers-border {
    max-width: 900px;
    margin: 0 auto;
}

.mods--list-numbers-border .text-inner {
    padding-left: 10rem;
}

.mods--list-numbers-border .text-inner .img-finandia {
    margin-bottom: 2rem;
    width: 60%;
}

.mods--list-numbers-border .text-inner p {
    display: block;
}

@media (max-width: 767px) {
    .mods--list-numbers-border .text-inner {
        padding-left: 0rem;
    }

    .mods--list-numbers-border .text-inner .img-finandia {
        width: 80%;
    }

    .mods--list-numbers-border .text-inner p {
        display: block;
    }
}

.mods--list-numbers-border ol li {
    position: relative;
}

@media (max-width: 767px) {
    .mods--list-numbers-border ol li {
        padding-left: 0rem !important;
        margin-left: 0;
        padding-top: 8rem !important;
        padding-bottom: 1rem !important;
    }

    .mods--list-numbers-border ol li:before {
        font-size: 4.4rem;
        text-align: center;
        width: 100%;
    }
}

.mods--list-numbers-border ol li:nth-child(1) {
    --widthItem: 255px;
}

.mods--list-numbers-border ol li:nth-child(2) {
    --widthItem: 333px;
}

.mods--list-numbers-border ol li:nth-child(3) {
    --widthItem: 327px;
}

.mods--list-numbers-border ol li strong {
    text-align: center;
    position: absolute;
    top: -1rem;
    left: calc(50% - var(--widthItem) / 2);
    padding: 0 2rem;
    background: #fff;
    color: var(--grey);
    width: var(--widthItem);
    --font-family: var(--nunitobans);
    --font-size: 18;
}

.mods--list-numbers-border ol li div {
    position: relative;
    border: solid 1px var(--light-peach);
    text-align: left;
    padding: 3rem 2rem 0.5rem;
}

.mods--list-numbers-border ol li div p {
    display: block;
    text-align: left;
}


.visibility-mobile-show {
    display: none;
}

@media only screen and (min-width: em(375, 16)) {
    .visibility-mobile-show {
        display: block;
    }
}

.visibility-mobile-hide {
    display: block;
}

@media only screen and (min-width: em(375, 16)) {
    .visibility-mobile-hide {
        display: none;
    }
}

.visibility-mobileBig-show {
    display: none;
}

@media only screen and (min-width: em(500, 16)) {
    .visibility-mobileBig-show {
        display: block;
    }
}

.visibility-mobileBig-hide {
    display: block;
}

@media only screen and (min-width: em(500, 16)) {
    .visibility-mobileBig-hide {
        display: none;
    }
}

.visibility-tablet-show {
    display: none;
}

@media only screen and (min-width: em(768, 16)) {
    .visibility-tablet-show {
        display: block;
    }
}

.visibility-tablet-hide {
    display: block;
}

@media only screen and (min-width: em(768, 16)) {
    .visibility-tablet-hide {
        display: none;
    }
}

.visibility-desktop-show {
    display: none;
}

@media only screen and (min-width: em(1024, 16)) {
    .visibility-desktop-show {
        display: block;
    }
}

.visibility-desktop-hide {
    display: block;
}

@media only screen and (min-width: em(1024, 16)) {
    .visibility-desktop-hide {
        display: none;
    }
}

.visibility-desktopMedium-show {
    display: none;
}

@media only screen and (min-width: em(1200, 16)) {
    .visibility-desktopMedium-show {
        display: block;
    }
}

.visibility-desktopMedium-hide {
    display: block;
}

@media only screen and (min-width: em(1200, 16)) {
    .visibility-desktopMedium-hide {
        display: none;
    }
}

.visibility-desktopBig-show {
    display: none;
}

@media only screen and (min-width: em(1400, 16)) {
    .visibility-desktopBig-show {
        display: block;
    }
}

.visibility-desktopBig-hide {
    display: block;
}

@media only screen and (min-width: em(1400, 16)) {
    .visibility-desktopBig-hide {
        display: none;
    }
}

.visibility-small-show {
    display: none;
}

@media only screen and (min-width: em(0, 16)) {
    .visibility-small-show {
        display: block;
    }
}

.visibility-small-hide {
    display: block;
}

@media only screen and (min-width: em(0, 16)) {
    .visibility-small-hide {
        display: none;
    }
}

.visibility-medium-small-show {
    display: none;
}

@media only screen and (min-width: em(600, 16)) {
    .visibility-medium-small-show {
        display: block;
    }
}

.visibility-medium-small-hide {
    display: block;
}

@media only screen and (min-width: em(600, 16)) {
    .visibility-medium-small-hide {
        display: none;
    }
}

.visibility-medium-show {
    display: none;
}

@media only screen and (min-width: em(768, 16)) {
    .visibility-medium-show {
        display: block;
    }
}

.visibility-medium-hide {
    display: block;
}

@media only screen and (min-width: em(768, 16)) {
    .visibility-medium-hide {
        display: none;
    }
}

.visibility-large-show {
    display: none;
}

@media only screen and (min-width: em(1024, 16)) {
    .visibility-large-show {
        display: block;
    }
}

.visibility-large-hide {
    display: block;
}

@media only screen and (min-width: em(1024, 16)) {
    .visibility-large-hide {
        display: none;
    }
}

.visibility-xlarge-show {
    display: none;
}

@media only screen and (min-width: em(1200, 16)) {
    .visibility-xlarge-show {
        display: block;
    }
}

.visibility-xlarge-hide {
    display: block;
}

@media only screen and (min-width: em(1200, 16)) {
    .visibility-xlarge-hide {
        display: none;
    }
}

.visibility-xxlarge-show {
    display: none;
}

@media only screen and (min-width: em(1440, 16)) {
    .visibility-xxlarge-show {
        display: block;
    }
}

.visibility-xxlarge-hide {
    display: block;
}

@media only screen and (min-width: em(1440, 16)) {
    .visibility-xxlarge-hide {
        display: none;
    }
}


.content-slider {
    margin-top: -1px;
    background: url(../img/fondo-dia.jpg) center center no-repeat;
    background-size: cover;
    height: 480px;
    padding-bottom: 0;
    box-sizing: border-box;
    padding-top: 0;
    background-position: right center !important;
}


.template-pages-layout-diaExpressLanding .dia-express-banner .content-inner::after {
    background-image: url(../img/fondo-dia.png);
    background-repeat: no-repeat;
    width: 460px;
    height: 100%;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    z-index: 1;
}

@media (max-width: 767px) {
    .content-mods--advantages {
        margin-top: 2rem;
        position: relative;
        z-index: 1;
    }

    .content-mods--advantages .content-inner {
        padding-top: 10px;
    }

    .content-mods--advantages .mods--advantages.mods--advantages-third .secction-name__inner {
        margin-top: -5rem;
    }
}

.is-mobile section.content-mods.content-grid {
    display: inline-block;
}

.template-pages-layout-diaExpressLanding .is-mobile .dia-express-banner .content-inner::after {
    display: none;
    opacity: 0;
}

.template-pages-layout-diaExpressLanding .landingexpress_searchresult {
    z-index: 2;
}

.content-slider-landing {
    margin-top: -1px;
}

.content-slider .content-inner {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 0;
}

.content-slider .content-inner .mod-white {
    width: 100%;
    text-align: center;
    max-width: 546px;
    padding: 0px;
    background-color: transparent;
    position: relative;
    z-index: 2;
    margin-top: 0px;
}

.content-slider .content-inner .mod-white i {
    font-size: 40px;
    margin: 20px 0 30px;
    display: inline-block;
}

.content-slider .content-inner .mod-white .ex-icon--tick {
    color: #7ed321;
}

.content-slider .content-inner .mod-white .ex-icon--alerta {
    color: #ecb815;
}

.content-slider .content-inner .mod-white .btn {
    width: 100%;
    background-color: var(--black-two);
    border: 1px solid var(--black-two);
    padding: 18px 14px 14px;
    font-family: VAGRoundedStd;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    margin: 20px 0 20px 0;
}

.content-slider .content-inner .mod-white .btn--link {
    background: none;
    border: none;
    font-family: NunitoSans;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    margin: 20px 0 20px 0;
    color: #4a4a4a;
}

.content-slider .content-inner .mod-white .btn--link-small {
    background: none;
    border: none;
    font-family: NunitoSans;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    margin: -10px 0 0 0;
    color: #4a4a4a;
}

.content-slider .content-inner .mod-white .btn--link:hover {
    text-decoration: none;
}

.content-slider .content-inner .mod-white .btn--link:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .content-slider .content-inner {
        --increment: 1;
    }

}

.content-slider .content-inner .mod-white .title01 {
    font-family: "VAGRoundedBT";
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--text-icon-hover);
    margin-bottom: 5px;
}

.content-slider .content-inner .mod-white .title02 {
    font-family: VAGRoundedBT;
    font-size: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #474c51;

}

.content-slider .content-inner .mod-white p {
    font-family: NunitoSans;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.content-slider .content-inner .mod-white .codigoPostal {
    padding: 0 40px;
}

.content-slider .content-inner .mod-white .codigoPostal .formrow {
    flex-wrap: wrap;

}

.content-slider .content-inner .mod-white .codigoPostal .formrow .btn {
    width: 100%;
    background-color: var(--black-two);
    border: 1px solid var(--black-two);
    padding: 18px 14px 14px;
    font-family: VAGRoundedStd;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    margin: 0;
}


.content-mods .mods--advantages.mods--advantages-third .secction-name__inner h3, .content-mods .secction-name__inner h2 {
    font-weight: normal;
}

.content-mods .mods--advantages.mods--advantages-third div i {
    font-size: 38.408px;
}

.mods.content-flex__similar.mods--advantages.mods--advantages-second.mods--advantages-third, section.content-mods.content-grid, .content-mods .secction-name__inner h2 {
    color: #7c6767;
}

.mods.content-flex__similar.mods--advantages.mods--advantages-second.mods--advantages-third div p strong {
    font-size: 16px;
}

.content-mods .mods--advantages.mods--advantages-third div .ex-icon--envio-camion {
    font-size: 50px;
}

.lnk-collapsable {
    font-size: 23px;
    font-weight: normal;
    color: #7c6767;
}


.mod-collapsable__content p {
    font-size: 17px;
    color: #7c6767;
}

.mod-collapsable__content li {
    font-size: 16px;
    padding-bottom: 0.5rem;
    font-family: "VAGRoundedStd";
}

#footer {
    margin-top: -5px !important;
}

i.ex-icon--tick {
    color: #7ed321;
    position: relative;
    z-index: 2;
    font-size: 40px;
    margin: 20px 0 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

i.ex-icon--alerta {
    color: #ecb815;
    position: relative;
    z-index: 2;
    font-size: 40px;
    margin: 20px 0 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.template-pages-layout-diaExpressLanding p.msg-status {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-family: NunitoSans;
    font-size: 21px;
}

.btn-style2 + .landingexpress.link_checknew {
    background-color: transparent !important;
    font-family: NunitoSans;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    margin: 20px 0 20px 0;
    color: #4a4a4a;
}

.btn-style2 + .landingexpress.link_checknew:hover {
    text-decoration: none;
}

.template-pages-layout-diaExpressLanding .landingexpress_searchresult form input[type="text"] {
    display: block;
    width: 100%;
    padding: 0px;
    max-width: 390px;
    margin: 0 auto;
    height: 48px;
    border-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px !important;
}

input#codigoPostal + button {
    margin-top: 10px;
    max-width: 392px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.landingexpress_searchresult div#globalMessages.cod-postal-msg {
    position: relative;
    top: 11px;
}

.content-inner, .content-cludia {
    box-sizing: border-box;
}

.item.ex-icon--listas_05 p {
    display: inline-block;
}

.content-mods .mods--advantages.mods--advantages-third div p {
    font-family: VAGRoundedStd;
}

.content-mods .mods--category-img {
    justify-content: center;
}

.more-links .lnk-seemore {
    font-family: VAGRoundedStd;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25em;
    letter-spacing: 2px;
    text-align: center;
    color: #0a0a0a;
}

.more-links {
    text-align: center;
}

.more-links .lnk-seemore .text-up {
    display: none;
}

.more-links .lnk-seemore.active .text-down {
    display: none;
}

.more-links .lnk-seemore.active .text-up {
    display: block;
}

.codigoPostal .btn {
    width: 100%;
    background-color: var(--black-two);
    border: 1px solid var(--black-two);
    padding: 18px 14px 14px;
    font-family: VAGRoundedStd;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    margin: 0;
}

.footer-page__suscribete .mod-white .inner-mail p {
    --font-size: 16;
    font-size: 16px;
    color: #7c6767;
}

.mods--icons > div.inner-html .item p {
    text-align: left;
    align-items: flex-start;
    font-size: 18px;
    line-height: 1.3em;
    font-family: "NunitoSans";
    color: #7c6767;
}

.more-links .lnk-seemore {
    font-family: VAGRoundedStd;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25em;
    letter-spacing: 2px;
    text-align: center;
    color: #7c6767;
}

.more-links .lnk-seemore span {
    color: #7c6767;
}

.mod-collapsable__content p.text-small {
    font-size: 14px;
}

.template-pages-layout-diaExpressLanding form.form_field-input > p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: NunitoSans;
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.mod-collapsable__content ol, .mod-collapsable__content ul {
    padding-left: 1.5rem;
}

.template-pages-layout-diaExpressLanding .landingexpress_searchresult {
    padding-bottom: 10px;
}

.content-info .mods--icons .item:before {
    color: #474c51;
}

.lnk-collapsable:hover {
    color: #000;
}

.mod-collapsable__content a {
    color: #0a0a0a;
    text-decoration: underline !important;
}

.mod-collapsable__content a:hover {
    text-decoration: none !important;
}

.template-pages-layout-diaExpressLanding .landingexpress_searchresult .boton, .template-pages-layout-diaExpressLanding .landingexpress_searchresult .landingexpress {
    margin-bottom: 30px;
}


div#express-available-but-not-now-message a.landingexpress.link_express,
div#check-other-cp-message a.landingexpress.link_checknew {
    background: none;
    border: none;
    font-family: NunitoSans;
    font-size: 24px !important;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: underline;
    margin: 20px 0 20px 0;
    color: #4a4a4a !important;
    background-color: transparent !important;
}


div#express-available-but-not-now-message p.msg-status.express {
    width: 100%;
}

.template-pages-layout-diaExpressLanding p.msg-status {
    width: 100%;
    line-height: normal;
}

div#classic-service-message a.landingexpress.link_classic, a.landingexpress.link_express, a.landingexpress.link_classic {
    cursor: pointer;
}

.content-mods .mods--advantages.mods--advantages-third .secction-name__inner h3 {
    color: #7c6767;
}

span.separation {
    display: inline-block;
    width: 100%;
    height: 10px;
}

div#classic-service-message {
    margin-top: -15px;
    display: inline-block;
}

@media (max-width: 719px) {

    .template-pages-layout-diaExpressLanding .dia-express-banner .content-inner::after {
        display: none;
        opacity: 0;
    }

    .page-DIAExpressLandingPage .navigation-wrapper, .template-pages-layout-diaExpressLanding .navigation-wrapper {
        display: none;
    }

    .lnk-collapsable:before {
        opacity: 0;
    }

    .mods.content-flex__similar.mods--advantages.mods--advantages-second.mods--advantages-third div p strong {
        font-size: 14px;
    }

    .template-pages-layout-diaExpressLanding .landingexpress_searchresult form input[type="text"] {
        width: 100% !important;
    }

    .content-mods .mods--advantages.mods--advantages-third .secction-name__inner h3 {
        font-size: 18px;
        padding: 0 1rem;
        font-family: VAGRoundedStd;
        color: #7c6767;
    }

    .content-mods .mods--advantages.mods--advantages-third div p {
        font-size: 14px;
    }

    .content-info .title-inner h2 {
        font-size: 24px;
    }

    .mods--icons > div.inner-html .item h3 {
        font-size: 18px;
    }

    .mods--icons > div.inner-html .item p {
        font-size: 14px;
        display: block;
    }

    .footer-page__suscribete .mod-white .inner-mail p {
        padding-left: 0;
        padding-top: 0rem;
        font-size: 17px;
        font-family: VAGRoundedStd;
    }

    .content-slider .content-inner .mod-white p {
        font-size: 16px;
    }

    .content-slider .content-inner .mod-white .title01 {
        font-size: 24px;
        margin-top: 20px;
    }

    .content-slider .content-inner .mod-white .title02 {
        font-size: 18px;
    }

    .template-pages-layout-diaExpressLanding form.form_field-input > p {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .content-mods .mods--advantages.mods--advantages-third {
        padding: 3rem 1rem 1rem;
    }

    .lnk-collapsable {
        font-size: 18px;
    }

    .template-pages-layout-diaExpressLanding .landingexpress_searchresult form input[type="text"]::placeholder {
        font-size: 18px !important;
    }

}

@media (max-width: 550px) {

    .template-pages-layout-diaExpressLanding .dia-express-banner form {
        position: relative;
        z-index: 2;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .template-pages-layout-diaExpressLanding .landingexpress_searchresult {
        position: absolute;
        width: 90%;
        left: 0;
        bottom: 0px;
        min-height: 300px;
        height: auto;
        padding: 15px;
        margin-left: 5%;
        margin-right: 5%;
        box-sizing: border-box;
    }

    .template-pages-layout-diaExpressLanding p.msg-status {
        font-size: 18px;
    }

    .content-mods .content-inner, .content-mods .content-cludia {
        padding-left: 2%;
        width: 96%;
        padding-right: 2%;
    }


    .mods.content-flex__similar.mods--advantages.mods--advantages-second.mods--advantages-third {
        padding-bottom: 10px;
    }
}

/******* NEW EXPRESS LANDING ********/

.template-pages-layout-diaExpressLayoutPage .navigation-wrapper {
    display: none;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.no-float {
    float: none !important;
}

.template-pages-layout-diaExpressLayoutPage #content {
    width: 100% !important;
    margin: -5px 0 0 0 !important;
    padding: 0 !important;
}

.template-pages-layout-diaExpressLayoutPage #content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.template-pages-layout-diaExpressLayoutPage .dia-express-banner {
    height: 460px;
    position: relative;
    overflow: hidden;
    display: flex;
}

.template-pages-layout-diaExpressLayoutPage .dia-express-banner .content-inner {
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult {
    width: 100%;
    max-width: 546px;
    padding: 40px;
    background-color: rgba(255, 255, 255, .95);
    margin: 0 auto;
    text-align: center;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult .title01 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-icon-hover);
    margin-bottom: 5px;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult p {
    font-family: NunitoSans;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    margin: 20px 0;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult .form_field-input {
    margin-bottom: 0;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult .form_field-input input[type="text"] {
    width: 100% !important;
    max-width: 390px;
    height: 46px;
    margin: 0 auto;
    font-size: 18px !important;
}

.template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult button {
    width: 100%;
    background-color: #3d3d3d;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.template-pages-layout-diaExpressLayoutPage .dia-express-banner .image-header-express {
    width: 100%;
}

.template-pages-layout-diaExpressLayoutPage .dia-express-banner .image-header-express div {
    width: 100%;
    height: 100%;
    display: flex;
}

.template-pages-layout-diaExpressLayoutPage .dia-express-banner .image-header-express img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.template-pages-layout-diaExpressLayoutPage .image-header-express--mobile {
    display: none;
}

.template-pages-layout-diaExpressLayoutPage .information_message {
    margin: 0;
    min-height: initial;
    text-align: center;
}

/* Alerts landing */
.template-pages-layout-diaExpressLayoutPage div#globalMessages.cod-postal-msg {
    position: static;
    margin: 10px 0;
}

.template-pages-layout-diaExpressLayoutPage .information_message.negative {
    color: #e6322d;
    font-weight: bold;
    font-size: 14px;
}

.template-pages-layout-diaExpressLayoutPage .information_message.negative span {
    display: none;
}

.template-pages-layout-diaExpressLayoutPage .information_message.negative p {
    color: #e6322d;
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.template-pages-layout-diaExpressLayoutPage #classic-service-message {
    margin: 0;
    display: block;
}

.template-pages-layout-diaExpressLayoutPage #express-available-message p.msg-status {
    display: block;
    width: 100%;
    margin: 30px auto;
    text-align: center;
    font-family: NunitoSans;
    font-size: 21px;
}

.template-pages-layout-diaExpressLayoutPage #express-available-message .landingexpress,
.template-pages-layout-diaExpressLayoutPage #classic-service-message .landingexpress {
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    background-color: #3d3d3d;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
}

@media (max-width: 768px) {

    .template-pages-layout-diaExpressLayoutPage .dia-express-banner .content-inner {
        display: block;
        padding: 0;
    }

    .template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult {
        padding: 30px;
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
    }

    .template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult p {
        font-size: 16px;
    }

    .template-pages-layout-diaExpressLayoutPage .image-header-express--desktop {
        display: none;
    }

    .template-pages-layout-diaExpressLayoutPage .image-header-express--mobile {
        display: block;
    }
}

@media (max-width: 576px) {
    .template-pages-layout-diaExpressLayoutPage .landingexpress_searchresult {
        width: initial;
        left: 20px;
        right: 20px;
        transform: none;
    }
}