/*
        Theme Name: Provekan x Wybie Studio
        Theme URI: https://www.wybiestudio.com
        Author: Yair Alvarez for Wybie Studio
        Author URI: https://www.yalvarez.com
        Description: Tema del sitio web para Provekan
        Version: 1.0
        License: GNU General Public License v2 or later
        License URI: https://www.gnu.org/licenses/gpl-2.0.html
        Tags:
        Text Domain: provekanxws
    */

    /*
        ESTILOS VARIABLES
    */

:root {

        /*
            FUENTES
        */

    --fuentePrincipal : filson-pro, sans-serif;

        /*
            PESOS DE FUENTE
        */

    --book    : 300;
    --regular : 400;
    --medium  : 500;
    --bold    : 700;
    --heavy   : 800;

        /*
            COLORES
        */

    --wybiestudio : #00ABBE;
    --rojo        : #ED1B2F;
    --azul        : #005BA6;
    --azulClaro   : #0076FF;
    --azulMar     : #46C9EC;
    --gris        : #AAAAAA;
    --naranja     : #FF4508;
    --amarillo    : #FF7600;
    --grisOscuro  : #58595B;
    --grisClaro   : #F1F2F2;
    --blanco      : #FFFFFF;
    --negro       : #333333;

    --whatsApp  : #14DB68;
    --facebook  : #1877F2;
    --googleRed : #EA4335;
    --instagram : #C13584;
    --insta     : #E1306C;
    --twitter   : #1DA1F2;
    --messenger : #0084FF;
}

    /*
        ESTILOS GLOBALES
    */

html {
    box-sizing : border-box;
    font-size  : 62.5%;
}

body {
    font-family : var(--fuentePrincipal);
    font-size   : 16px;
    font-size   : 1.6rem;
    line-height : 1.5;
    font-weight : var(--book);
    color       : var(--grisOscuro);
}

*, *:before, *:after {
    box-sizing : inherit;
}

h1, h2, h3, h4, h5 {
    font-family   : var(--fuentePrincipal);
    margin        : 0;
    padding       : 0;
    margin-bottom : 2rem;
}

h1 {
    font-size   : 6rem;
    line-height : 6.5rem;
}

h2 {
    font-size   : 4.8rem;
    line-height : 5.2rem;
}

h3 {
    font-size   : 3.6rem;
    line-height : 4.1rem;
}

h4 {
    font-size   : 2.4rem;
    line-height : 2.9rem;
}

h5 {
    font-size   : 2rem;
    line-height : 2.5rem;
}

p {
    margin        : 0;
    padding       : 0;
    margin-bottom : 2rem;
}

a {
    text-decoration : none;
}

b {
    font-weight : bold;
}

ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

img {
    max-width : 100%;
    height    : auto;
}

.titular {
    text-transform : uppercase;
    letter-spacing : .25rem;
}

.center {
    text-align: center;
}

.tel-emergencia {
    display       : block;
    border-radius : 3rem;
    font-size     : 3rem;
    color         : var(--rojo);
    font-weight   : bold;
    text-align    : center;
}

.contenedor {
    width    : 100%;
    margin   : 0 auto;
    overflow : hidden;
}

.boxed {
    max-width : 120rem;
    margin    : 0 auto;
}

@media (min-width : 1200px) {
    .boxed a:hover {
        transform  : scale(1.1);
        transition : ease-in-out .3s;
    }
}

    /*
        COLORES PARA TEXTO
    */
    
.azul {
    color : var(--azul);
}

.azul-claro {
    color : var(--azulClaro);
}

.rojo {
    color : var(--rojo);
}

.gris {
    color : var(--gris);
}

.gris-oscuro {
    color : var(--grisOscuro);
}

.gris-claro {
    color : var(--grisClaro);
}

.blanco {
    color : var(--blanco);
}

.naranja {
    color : var(--naranja);
}

.amarillo {
    color : var(--amarillo);
}

    /*
        PESOS DE FUENTE
    */

.book {
    font-weight : var(--book);
}

.bold {
    font-weight : var(--bold);
}

    /*
        BOTONES
    */

.btn-min {
    display       : inline-block;
    margin        : 0 auto 1rem auto;
    padding       : 1rem 2rem;
    border-radius : 3rem;
    font-size     : 1.4rem;
    font-weight   : var(--medium);
    text-align    : center;
}

.btn-gde {
    display       : inline-block;
    padding       : 2rem;
    border-radius : 3rem;
    font-weight   : var(--bold);
    text-align    : center;
}

.btn-azul {
    background-color : var(--azulClaro);
    color            : var(--blanco);
}

.btn-aqua {
    background-color : var(--azulClaro);
    color            : var(--blanco);
}

.btn-gris {
    background-color : var(--gris);
    color            : var(--blanco);
}

.btn-rojo {
    background-color : var(--rojo);
    color            : var(--blanco);
}

.btn-verde {
    background-color : var(--whatsApp);
    color            : var(--blanco);
}

.btn-naranja {
    background-color : var(--naranja);
    color            : var(--blanco);
}

.btn-amarillo {
    background-color : var(--amarillo);
    color            : var(--blanco);
}

.btn-negro {
    background-color : var(--negro);
    color            : var(--blanco);
}

    /*
        INICIA ESTILO DE ENCABEZADO
    */

logo {
    display         : flex;
    justify-content : center;
    padding         : 3rem 0;
}

logo a {
    width : 82.5%;
}

@media (min-width : 800px) {
    logo {
        grid-column : 1 / 2;
        grid-row    : 1 / 2;
        align-items : center;
    }

    logo a {
        display         : flex;
        justify-content : center;
        width           : 100%;
    }

    logo img {
        width : 80%;
    }

    .site-header {
        display               : grid;
        grid-template-columns : 25% 50% 25%;
        grid-template-rows    : 1fr;
        width                 : 100%;
        max-width             : 120rem;
    }
}

    /*
        TERMINA ESTILO DE ENCABEZADO
        INICIA ESTILO DE MENÚ PRINCIPAL
    */

.menu-principal {
    display : none;
}

@media (min-width : 800px) {
    .menu-principal {
        display         : flex;
        align-items     : center;
        justify-content : space-around;
        grid-column     : 2 / 3;
        grid-row        : 1 / 2;
    }

    .menu-principal .menu {
        display         : flex;
        justify-content : space-around;
    }
    
    .menu-principal li {
        margin-right   : 1.5rem;
        padding-bottom : .3rem;
    }

    .menu-principal li:last-of-type {
        margin-right : 0;
    }

    .menu-principal a {
        color       : var(--grisOscuro);
        font-weight : var(--regular);
        font-size   : 1.5rem;
    }

    .menu-principal .current_page_item {
        border-bottom : 3px solid var(--rojo);
    }
}

@media (min-width : 1200px) {
    .menu-principal li {
        margin-right   : 2rem;
        padding-bottom : .5rem;
    }

    .menu-principal a {
        font-size : 1.8rem;
    }
}

    /*
        TERMINA ESTILO DE MENÚ PRINCIPAL
        INICIA ESTILO DE MENÚ SOCIAL
    */

.menu-social {
    display : none;
}

.sr-text {
    display : none;
}

@media (min-width : 800px) {
    .menu-social {
        display         : flex;
        align-items     : center;
        justify-content : space-around;
        grid-column     : 3 / 4;
        grid-row        : 1 / 2;
    }

    .menu-social .menu {
        display         : flex;
        justify-content : space-around;
        padding         : 0;
        margin          : 0;
    }

    .menu-social li {
        margin-right : .5rem;
    }

    .menu-social li:last-of-type {
        margin-right : 0;
    }

    .menu-social a {
        color       : var(--grisOscuro);
        font-family : "Font Awesome 5 Brands";
        font-size   : 2rem;
    }

    .menu-social a:hover {
        color : var(--azul);
    }

    .menu-social a:before {
        content : '';
        display : inline-block;
        width   : 3rem;
        height  : 3rem;
   
    }

    .menu-social a[href*="mailto"]:before {
        font-family : "Font Awesome 5 Free";
        content     : '\f0e0';
    }

    .menu-social a[href*="facebook.com"]:before {
        content : '\f09a';
    }
    
    .menu-social a[href*="me"]:before {
        content : '\f39f';
    }
    
    .menu-social a[href*="instagram.com"]:before {
        content : '\f16d';
    }

    .menu-social a[href*="twitter.com"]:before {
        content : '\f099';
    }
}

@media (min-width : 1200px) {
    .menu-social li {
        margin-right : 2rem;
    }
    
    .menu-social a {
        font-size : 3rem;
    }
}

    /*
        TERMINA ESTILO DE MENÚ SOCIAL
        INICIA ESTILO DE SLIDER
    */

.ads-slider {
    width      : 90%;
    margin     : 1.5rem auto 0 auto;
    text-align : center;
}

.ads-slider .bx-wrapper {
    display               : block;
    grid-template-columns : none;
    border                : none;
    box-shadow            : none;
    margin                : none;
}

.bx-viewport {
    border-radius : 1rem;
    box-shadow    : 0 0 1rem var(--grisClaro);
}

.ad-slide {
    max-height : 30rem;
    min-height : 30rem;
}

.bx-wrapper {
    margin-bottom : 0!important;
}

.bx-wrapper img {
    height    : 100%;
    width     : auto;
    max-width : none!important;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
}

.bx-controls {
    display     : flex;
    align-items : none;
    text-align  : none;
    padding     : 1rem 0;
    margin      : none;
    height      : auto;
}

.ads-slider .bx-wrapper .bx-pager {
    display     : flex;
    align-items : center;
    position    : relative;
    top         : 0;
    width       : auto;
    height      : auto;
    padding     : 0;
    margin      : 0 auto;
}

.bx-wrapper .bx-pager-item a {
    padding       : .75rem;
    border-radius : 100%!important;
    margin        : .75rem .75rem .75rem 1.15rem !important;
}

.bx-wrapper .bx-pager-item:first-of-type a {
    margin : .75rem .75rem .75rem 0rem !important;
}

.bx-wrapper .bx-pager-item:last-of-type a {
    margin : .75rem 0rem .75rem 1.15rem !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background-color : var(--rojo)!important;
}

@media (min-width : 800px) {
    .ads-slider {
        width  : 100%;
        margin : 0 auto;
    }

    .ads-slider h5 {
        display : none;
    }

    .ads-slider .bx-wrapper {
        display               : grid;
        grid-template-columns : 30fr 1fr;
    }

    .ad-slide {
        max-height : 50rem;
        min-height : 50rem;
    }

    .bx-wrapper img {
        width  : 100%;
        height : auto;
    }

    .bx-controls {
        display     : grid;
        align-items : center;
        text-align  : center;
        padding     : 0;
    }

    .ads-slider .bx-wrapper .bx-pager {
        display     : grid;
        align-items : none;
        margin      : 0;
    }

    .bx-wrapper .bx-pager-item:first-of-type a {
        margin : 0rem .75rem .75rem 1.15rem !important;
    }

    .bx-wrapper .bx-pager-item:last-of-type a {
        margin : .75rem .75rem 0rem 1.15rem !important;
    }
}

    /*
        TERMINA ESTILO DE SLIDER
        INICIA ESTILO DE SLICKNAV MENU
    */

.slicknav_menu {
    display          : flex;
    align-items      : center;
    flex-direction   : column;
    background-color : var(--grisClaro);
    padding          : 1rem 0 1rem 0;
}

.slicknav_icon {
    filter : invert(75%);
}

.slicknav_btn {
    background-color : transparent;
}

.slicknav_menu ul {
    margin     : 0;
    text-align : center;
}

.slicknav_nav {
    width : 100%;
}

.slicknav_menu .menu-item {
    background-color : var(--blanco);
    width            : 100%;
    margin           : 0;
}

.slicknav_menu .menu-item a {
    color       : var(--grisOscuro);
    padding     : 1rem;
    font-size   : 1.8rem;
    font-weight : var(--medium);
}

.slicknav_menu .menu-item a:hover {
    background-color : transparent;
}

@media (min-width : 800px) {
    .slicknav_menu {
        display : none;
    }
}

    /*
        TERMINA ESTILO DE SLICKNAV MENU
        INICIA ESTILO DE OPCIONES VCARD
    */

.vcard-options {
    display          : flex;
    flex-direction   : column;
    background-color : var(--blanco);
    text-align       : center;
}

.vcard-options h5 {
    margin-bottom : 1rem;
}

.vcard-options i {
    margin-right : 1rem;
    font-weight  : bold;
    transform    : scale(1.6);
}

.vcard-options a:nth-of-type(2) {
    margin-bottom : 2rem;
}

.horario {
    display   : flex;
    flex-wrap : wrap;
}

span.dia {
    width       : 50%;
    text-align  : right;
    font-weight : bold;
}

span.hora {
    width        : 50%;
    text-align   : left;
    padding-left : 1rem;
}

span.hora:last-of-type {
    margin-bottom : 2rem;
}

@media (min-width : 800px) {
    .vcard-options {
        display : none;
    }
}

    /*
        TERMINA ESTILO DE OPCIONES VCARD
        INICIA ESTILO DE SOCIAL BAR
    */

.social-bar {
    background-color : var(--grisClaro);
    display          : block;
    position         : fixed;
    width            : 100%;
    bottom           : 0;
    padding          : 2rem;
    z-index          : 10;
}

.social-bar .menu {
    display         : flex;
    justify-content : space-around;
    padding         : 0;
    margin          : 0;
}

.social-bar li {
    margin-right : 0;
}

.social-bar li:last-of-type {
    margin-right : 0;
}

.social-bar a {
    font-family : "Font Awesome 5 Brands";
    font-size   : 3rem;
}

.social-bar a[href*="mailto"]:before {
    font-family : "Font Awesome 5 Free";
    content     : '\f0e0';
    color       : var(--googleRed);
}

.social-bar a[href*="facebook.com"]:before {
    content : '\f09a';
    color   : var(--facebook);
}

.social-bar a[href*="me"]:before {
    content : '\f39f';
    color   : var(--messenger);
}

.social-bar a[href*="instagram.com"]:before {
    content : '\f16d';
    color   : var(--instagram);
}

.social-bar a[href*="twitter.com"]:before {
    content : '\f099';
    color   : var(--twitter);
}

@media (min-width : 800px) {
    .social-bar {
        display : none;
    }
}

    /*
        TERMINA ESTILO DE SOCIAL BAR
        INICIA ESTILO DE NOTIFICACIÓN
    */

.no-movil {
    display : none;
}

@media (min-width : 800px) {
    .no-movil {
        display          : block;
        background-color : var(--grisClaro);
        width            : 80%;
        margin           : 0 auto;
        text-align       : center;
        padding          : 2rem;
        border-radius    : 1rem;
        margin           : 0 auto 3rem auto;
        color            : var(--grisOscuro);
    }

    .no-movil i {
        font-size : 3rem;
        color     : var(--azulClaro);
        padding   : 1rem;
    }
}

    /*
        TERMINA ESTILO DE NOTIFICACIÓN
        INICIA ESTILO DE TARJETAS DE SERVICIOS
    */

.area-tarjetas {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    text-align      : center;
    margin-top      : 1.5rem;
    margin-bottom   : 3rem;
}

.area-tarjetas li {
    width : calc(50% - 1rem);
}

.imagen-tarjeta {
    position : relative;
    height   : 12.5rem;
    overflow : hidden;
}

.area-tarjetas li:nth-child(even) .imagen-tarjeta {
    border-radius : 1rem 0 0 1rem;
}

.area-tarjetas li:nth-child(odd) .imagen-tarjeta {
    border-radius : 0 1rem 1rem 0;
}

.imagen-tarjeta img {
    height    : 100%;
    width     : auto;
    max-width : none;
    position  : absolute;
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
}

.area-tarjetas li span {
    width   : 100%;
    padding : 1rem;
    display : block;
}

@media (min-width : 800px) {
    .area-tarjetas li {
        width  : calc(25% - 2.25rem);
        margin : 3rem 3rem 0 0;
    }
    
    .imagen-tarjeta {
        height     : 20rem;
        transition : ease-in-out .3s;
    }
    
    .area-tarjetas li:nth-child(even) .imagen-tarjeta,
    .area-tarjetas li:nth-child(odd) .imagen-tarjeta {
        border-radius : 1rem;
    }
    
    .area-tarjetas li:last-of-type {
        margin-right : 0;
    }
    
    .imagen-tarjeta:hover {
        transform : scale(1.05);
    }
}

    /*
        TERMINA ESTILO DE TARJETAS DE SERVICIOS
        INICIA ESTILO DE SECCIONES
    */

.aire {
    padding : 6rem 0;
}

.aire-alt {
    padding : 3rem 0;
}

@media (min-width : 800px) {
    .aire {
        padding : 3rem 0;
    }
}

.scc-gris {
    background-color : var(--grisClaro);
}

.scc-aqua {
    background : rgb(97,208,239);
    background : linear-gradient(180deg, rgba(97,208,239,1) 0%, rgba(4,185,226,1) 100%); 
}

.scc-wood {
    background : var(--blanco) url(img/provekanxws_bg_wood_comp.png) repeat-x center bottom;
}

.scc-gato {
    background            : var(--grisClaro) url(img/provekanxws_servicios-medicos_comp.png) repeat-x center top;
    background-position-x : -100.75rem;
    background-size       : 700%;
    padding-top           : 22rem !important;
}

@media (min-width : 800px) {
    .scc-gato {
        background-position-x : 50%;
        background-size       : auto;
        padding-top           : 3rem !important;
    }
}

.scc-negro {
    background-color : var(--negro);
    color            : var(--blanco);
}

.wrapped {
    display        : flex;
    align-items    : center;
    flex-direction : column;
}

@media (min-width : 800px) {
    .wrapped {
        flex-direction : row;
        align-content  : space-between;
    }
}

.img-uno {
    height    : auto;
    width     : 150%;
    max-width : none;
    transform : translate(-42%, 0%);
}

.img-dos {
    height    : auto;
    width     : 150%;
    max-width : none;
    transform : translate(3.5%, 0%);
}

.img-tres {
    height    : auto;
    width     : 150%;
    max-width : none;
    transform : translate(-40.2%, 0%);
}

.img-cuatro {
    height    : auto;
    width     : 150%;
    max-width : none;
    transform : translate(-44.45%, 0%);
}

@media (min-width : 800px) {
    .area-visual {
        display               : grid;
        position              : relative;
        grid-template-columns : repeat(2, 1fr);
        grid-template-rows    : repeat(10, 5rem);
    }

    .area-visual-alt {
        display               : grid;
        position              : relative;
        grid-template-columns : repeat(15, 1fr);
        grid-template-rows    : repeat(15, 4.4rem);
    }

    .area-visual-con {
        display               : grid;
        position              : relative;
        grid-template-columns : repeat(15, 1fr);
        grid-template-rows    : repeat(16, 3.125rem);
    }
    
    .imagen-fondo {
        height    : 100%;
        width     : auto;
        max-width : none;
        position  : absolute;
        top       : 50%;
        left      : 50%;
        transform : translate(-50%, -50%);
    }
}

.banner-izq,
.banner-der {
    display         : block;
    justify-content : center;
    padding         : 0 3rem 3rem 3rem;
}

.banner-alt,
.banner-con {
    padding    : 0 3rem 3rem 3rem;
    text-align : center;
    color      : var(--negro);
}

.banner-alt h1,
.banner-con h1 {
    margin      : 0;
    padding     : 0;
    line-height : 5.2rem;
}

@media (min-width : 800px) {
    .banner-izq {
        grid-column : 1 / 2;
        grid-row    : 1 / 4;
        display     : flex;
        z-index     : 5;
        padding     : 3rem 0 0 0;
    }

    .banner-izq img,
    .banner-der img {
        max-height : 10rem;
    }
    
    .banner-der {
        grid-column     : 2 / 3;
        grid-row        : 1 / 4;
        display         : flex;
        justify-content : center;
        z-index         : 5;
        padding-top     : 3rem;
    }

    .banner-alt {
        grid-column : 9 / 16;
        grid-row    : 2 / 6;
    }

    .banner-alt h1:first-of-type {
        margin-left : -15rem;
    }

    .banner-alt h1:last-of-type {
        margin-left : 15rem;
    }

    .banner-con {
        grid-column : 1 / 10;
        grid-row    : 2 / 4;
    }
}

.descripcion-izq,
.descripcion-der,
.descripcion-alt,
.descripcion-servicios,
.descripcion-con {
    padding     : 0 3rem 3rem 3rem;
    line-height : 2.5rem;
    text-align  : center;
}

.descripcion-servicios li {
    text-align : left;
    font-size  : 2.4rem;
}

.descripcion-servicios i {
    font-size  : 3.2rem;
    color      : var(--naranja);
    padding    : .5rem;
    width      : 6rem;
    text-align : center;
}

@media (min-width : 800px) { 
    .descripcion-izq {
        grid-column : 1 / 2;
        grid-row    : 4 / 8;
        padding     : 1.5rem 0;
        z-index     : 5;
        text-align  : left;
    }
    
    .descripcion-der {
        grid-column : 2 / 3;
        grid-row    : 4 / 9;
        padding     : 1.5rem 0;
        z-index     : 5;
    }
    
    .descripcion-alt {
        grid-column : 2 / 9;
        grid-row    :  7 / 13;
        text-align  : right;
        z-index     : 5;
    }

    .descripcion-servicios {
        grid-column : 10 / 15;
        grid-row    :  7 / 13;
        padding     : 0;
        text-align  : left;
        font-size   : 2.5rem;
        font-weight : var(--medium);
        z-index     : 5;
    }

    .descripcion-con {
        grid-column : 2 / 9;
        grid-row    : 4 / 6;
        z-index     : 5;
    }
}

.cta-izq,
.cta-der,
.cta-alt {
    text-align : center;
}

.cta-izq a,
.cta-der a {
    display : block;
    margin  : 0 3rem 1.5rem 3rem;
}

.cta-izq a:last-of-type,
.cta-der a:last-of-type {
    margin : 0 3rem;
}

.tel-der,
.tel-izq {
    text-align : center;
    padding    : 1.5rem 1.5rem 0 1.5rem;
}

@media (min-width : 800px) {
    .cta-izq {
        grid-column : 1 / 2;
        grid-row    : 9 / 11;
        z-index     : 5;
        display     : flex;
        align-items : baseline;
        margin      : 0 auto;
    }
    
    .cta-der {
        grid-column : 2 / 3;
        grid-row    : 9 / 11;
        z-index     : 5;
        display     : flex;
        align-items : baseline;
        margin      : 0 auto;
    }

    .cta-izq a,
    .cta-der a {
        display : block;
        margin  : none;
    }

    .cta-izq a:last-of-type,
    .cta-der a:last-of-type {
        margin : 0;
    }

    .cta-alt {
        grid-column : 7 / 11;
        grid-row    : 14 / 16;
        z-index     : 5;
    }
    
    .tel-der {
        grid-column : 2 / 3;
        grid-row    : 8 / 10;
        padding     : 1.5rem;
        z-index     : 5;
    }
    
    .tel-izq {
        grid-column : 1 / 2;
        grid-row    : 8 / 10;
        padding     : 1.5rem;
        z-index     : 5;
    }
}

.sucursales {
    display        : flex;
    padding        : 0 3rem;
    flex-direction : column;
}

.sucursales li {
    text-align    : center;
    margin-bottom : 3rem;
}

.sucursales li:last-of-type {
    margin-bottom : 0rem;
}

.sucursales i {
    margin-right : 1rem;
    font-weight  : bold;
    transform    : scale(1.6);
}

.sucursales h4 {
    margin-bottom : .5rem;
}

.sucursales p {
    margin-bottom : 1.5rem;
}

@media (min-width : 800px) {
    .sucursales {
        grid-column     : 2 / 9;
        grid-row        : 8 / 16;
        flex-direction  : row;
        justify-content : space-between;
        padding         : 0;
        z-index         : 5;
    }

    .sucursales li {
        width         : calc(50% - 1.5rem);
        padding       : 1.5rem;
        margin-bottom : none;
    }

    .sucursales p {
        font-size     : 1.4rem;
        margin-bottom : 1rem;
    }
}

    /*
        TERMINA ESTILO DE SECCIONES
        INICIA ESTILO DE MARCAS DE ALIMENTO
    */

.alimento li {
    margin : 2rem 0;
}

.alimento img {
    height : 4rem;
}

@media (min-width : 800px) {
    .alimento li {
        width      : calc(100% / 6);
        margin     : 0 1.5rem;
        text-align : center;
    }

    .alimento li:first-of-type {
        margin-left : 0;
    }

    .alimento li:last-of-type {
        margin-right : 0;
    }

    .alimento img {
        height : 3rem;
    }
}

    /*
        TERMINA ESTILO DE MARCAS DE ALIMENTO
        INICIA ESTILO DE PIE DE PÁGINA
    */

.site-footer {
    background-color : var(--grisClaro);
    width            : 100%;
    padding          : 3rem;
    text-align       : center;
    display          : flex;
    flex-direction   : column;
    position         : absolute;
    z-index          : 10;
}

.site-footer logo {
    margin-bottom : 1.5rem;
    padding       : 0;
}

.site-footer logo img {
    max-height : 4rem;
}

.site-footer span {
    color     : var(--gris);
    font-size : 1.2rem;
}

.copyright:first-of-type {
    margin-bottom : 3rem;
}

.copyright a {
    color : var(--wybiestudio);
}

@media (min-width: 800px) {
    .site-footer {
        flex-direction  : row;
        justify-content : center;
    }

    .site-footer logo {
        margin-bottom : 0rem;
    }

    .site-footer logo img {
        max-height : 5rem;
    }

    .site-footer span {
        line-height : 5rem;
    }

    .copyright:first-of-type {
        margin-bottom : 0rem;
    }
}

    /*
        TERMINA ESTILO DE PIE DE PÁGINA
    */
/*

    section .btn-gde {
        display: none!important;
    }*/

    .aviso {
        text-align: justify;
        padding: 0 1.5rem;
        font-size: 1.4rem;
    }

    @media (min-width : 800px) {
        .aviso {
            padding: 0;
        }
    }

.aviso h3 {
    text-transform: uppercase;
    font-size: 2rem;
    margin: 1.5rem 0 0 0;
    color: var(--azul);
}





.aviso a {
    color: var(--rojo);
}