/*
Theme Name: GeneratePress Child
Author: 
Description: Your description goes here
Version: 1.0
Template: generatepress

This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/***GENERAL***/
html {
  scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, p, a, li{font-family: 'Poppins'; text-decoration: none}
p, li {
    text-align: justify;
}
.section{
	padding-right: 16px;
	padding-left: 16px
}
.section-wrap{
	max-width:1700px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
/***HEADER***/
.main-header {
    background-color: var(--blanco);
    box-shadow: 0 0 20px 0 #00000029;
	position: relative;
}
.main-header .inner-col{
    padding: 32px clamp(20px, 3%, 72px);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.menu-menu-principal-container{
    width:100%
}
#menu-menu-principal{
    list-style:none;
    margin:0;
    display:flex;
    gap: 3%;
    max-width: 100%;
    flex-wrap: wrap;
}
#menu-menu-principal a{
    text-decoration:none;
    font-weight: 700;
    font-size: clamp(16px, 1.3vw, 22px);
}
#menu-menu-principal li{
    text-align: center;
    display: flex;
    align-items: center;
	padding: 4px 26px;
}
.main-header .logo-col{
    width: 25%;
}
.main-header .menu-col{
    width: 73%;
    display: flex;
    align-items: center;
}
.main-header .logo-col img{
    margin-bottom: -66px;
	z-index: 1000;
    position: relative;
}
.main-header .current-menu-item:not(.menu-item-type-custom){
    background-color: var(--turquesa);
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}
@media(max-width: 1290px){
    #menu-menu-principal{
        gap: 0
    }
}
@media(max-width: 1110px) and (min-width: 1025px){
    .main-header .inner-col{
        padding-right:10px;
        padding-left: 10px
    }
}
@media(min-width: 1025px){
    .mobile-menu{
        display:none;
    }
}
@media(max-width: 1024px){
    .menu-col>.menu-menu-principal-container{
        display:none
    }
    .burger-menu {
        cursor: pointer;
        display: inline-block;
    }
    #burger-toggle{
        display:none
    }
    .burger-icon {
        transition: background-color 0.3s;
    }
    
    .menu-menu-principal-container {
        display: none;
        list-style: none;
        padding: 0;
    }
    
    .menu-items li {
        margin-bottom: 10px;
    }
    
    /* Mostrar el menú cuando el checkbox está seleccionado */
    #burger-toggle:checked + .burger-menu .menu-menu-principal-container {
        display: block;
    }
    
    /* Cambiar el aspecto del ícono cuando el checkbox está seleccionado */
    #burger-toggle:checked + .burger-menu .burger-icon {
        background-color: transparent;
    }
    .main-header .menu-col{
        justify-content:flex-end
    }
    .main-header .logo-col{
        width: 80%
    }
    .main-header .menu-col{
        width:20%
    }
	    .burger-icon img{
        width: 50px
    }
    .burger-menu .menu-menu-principal-container{
        position:absolute;
        right:0;
        background-color: var(--blanco);
        box-shadow: 1px 14px 20px 0 #0000003b;
        padding: 20px;
        z-index: 999;
        top: 160px
    }
    #menu-menu-principal-1{
        list-style:none;
        text-align:right;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    #menu-menu-principal-1 li{
        max-width: 150px;
        width: 100%;
        padding: 8px;
    }
}
@media(max-width: 600px){
    .main-header .logo-col{
        max-width: 190px
    }
    .main-header .inner-col{
        padding-bottom: 16px;
        padding-top: 16px
    }
    .main-header .logo-col img{
        margin-bottom: -40px;
    }
	.burger-menu .menu-menu-principal-container{
        top: 101px;
    }
}
@media(max-width: 450px){
    .main-header .logo-col{
        max-width: 150px;
    }
    .burger-icon img{
		width: 35px
	}
	.burger-menu .menu-menu-principal-container {
	    top:80px;
	}
}
/***botón de whatsapp flotante***/
.whatsapp-flotante {
    background-color: var(--verde);
    position:fixed;
    bottom: 9%;
    right: 5%;
    z-index:9999;
    padding: 20px;
    border-radius: 50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow: 0 0 20px 0 #00000069;
}
.whatsapp-flotante a{
    display:flex;
    justify-content:center;
    align-items:center
}
@media(max-width: 600px){
    .whatsapp-flotante{
        bottom: 12px;
        right: 12px;
        padding: 14px;
    }
    .whatsapp-flotante img{
        max-width: 36px;
    }
}
/***FOOTER***/
.main-footer {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top: -4%;
}
.main-footer .logo-col{
    margin-bottom: -105px;
    z-index:9
}
.main-footer .footer-inner{
    background-color: var(--amarillo);
    clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: clamp(90px, 13%, 190px);
    padding-bottom: clamp(80px, 12%, 190px);
    padding-right: 16px;
    padding-left: 16px;
}
.main-footer .info-col{
    max-width: 1400px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.main-footer .menu-col{
    width: 46%;
}
.main-footer .email-col{
    width:25%
}
.main-footer .social-col{
    width: 25%
}
#menu-menu-footer{
    margin:0;
    list-style:none;
    columns: 2
}
#menu-menu-footer a{
    text-decoration:none;
    font-weight: 600;
}
#menu-menu-footer li{
    margin-bottom: 12px;
    font-size: clamp(18px, 1.5vw, 20px);
}
.main-footer .email-col p{
    margin: 0;
    display: flex;
    gap: 4px;
    align-items: center;
    font-weight: 900;
}
.main-footer .email-col a{
    text-decoration:none;
    font-size: clamp(18px, 1.5vw, 20px);
}
.main-footer .social-col p{
    margin-bottom: 12px;
    font-weight: 900;
    font-size: clamp(18px, 1.5vw, 20px);
}
.main-footer .social-col .icons{
    max-width: 260px;
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
    width: 100%;
}
.main-footer .social-col .col-2 {
    margin-top: 20px
}
.main-footer .social-col .col-2 p{
    font-size: clamp(14px, 1.5vw, 18px);
}
.main-footer .social-col .col-2 img{
    max-width: 220px
}
@media(max-width: 1400px){
    .main-footer{
        margin-top: -8%;
    }
}
@media(max-width: 1100px){
    .main-footer .menu-col{
        width: 60%;
    }
    .main-footer .info-col{
        gap: 22px;
        justify-content: center;
    }
    .main-footer .email-col{
        width: 30%
    }
    .main-footer .social-col{
        width: 100%;
        justify-content: space-evenly;
        display: flex;
        flex-direction: row;
        align-items: center;
		gap: 20px;
    }
	.main-footer {
		margin-top: 0;
	}
}
@media(max-width: 1024px){
    .main-footer{
        margin-top: -4%;
    }
}
@media(max-width:800px){
    .main-footer .email-col{
        width:100%;
        display: flex;
        justify-content: center;
    }
    .main-footer .menu-col{
        width:100%;
        max-width: 370px
    }
    #menu-menu-footer{
        columns:1;
        text-align:center
    }
    #menu-menu-footer li{
        margin-bottom: 4px;
		text-align:center
    }
	.main-footer .footer-inner{
		clip-path: polygon(0 6%, 100% 0, 100% 94%, 0% 100%);
	}
	.main-footer .logo-col{
		max-width: 100px;
		margin-bottom: -70px;
	}
}
@media(max-width: 767px){
    .main-footer{
        margin-top: -13%;
    }
}
@media(max-width: 600px){
    .main-footer .social-col{
        flex-direction:column;
        gap:0;
        text-align:center
    }
    .main-footer .social-col .col-2 p{
        text-align:center;
        margin-bottom:0
    }
}