@import url("reset.css");
@import url("variables.css");
@import url("legal.css");
@import url("forms.css");
@import url("header.css");
@import url("footer.css");


/* Sobreescribir tema */

.body{
	font-family: 'helvetica', sans-serif;
}
.wp-custom-logo .site-container .custom-logo-link{
	aspect-ratio: auto;
}

.footer-widgets{
	display: none;
}

.site-inner{
	max-width: 100%;
	padding: 0;
}


/* Básicos */

h1, h2, h3, h4, h5{
	font-family: 'gazpacho', sans-serif;
	margin: 0;
	padding: 0;
}

p{
	margin: 0;
	padding: 0;
}

section{
	position: relative;
	/* padding: 2rem 0; */
}

.pt{
	padding-top: 4rem;
}
.plr{
	padding: 0 4rem;
}
.mt{
	margin-top: 4rem !important;
}

.line{
	width: 100%;
	height: 1px;
	background-color: white;
}

.container{
    width: 95%;
	position: relative;
    max-width: var(--max-width);
    margin: 0 auto;
}

.col-2{
	display: flex;
	align-items: center;
	gap: 2rem;
}
.col-2 .col{
	width: 50%;
}

.col-2:has(> .col-small) .col{
	width: 65%;
}
.col-2 .col.col-small{
	width: 35%;
}

.bgdark{
	background-color: var(--color-blue);
}
.bglight{
	background-color: var(--color-blue-light);
}
.bgred{
	background-color: var(--color-red);
}
.bgpink{
	background-color: var(--color-pink);
}

.bgdark h1, .bgdark h2, .bgdark h3, .bgdark h4,
.bgdark p, .bgdark a,
.bgred h1, .bgred h2, .bgred h3, .bgred h4,
.bgred p, .bgred a,
.bgpink h1, .bgpink h2, .bgpink h3, .bgpink h4,
.bgpink p, .bgpink a{
	color: white;
}

.logo img{
	height: 50px;
}

.btn, input.btn{
	padding: .5rem 2rem;
	border-radius: 50px;
	width: max-content;
}

.btn-blue {
	color: white;
	border: 1px solid var(--color-blue);
	background-color: var(--color-blue);
}
.btn-blue:hover{
	color: var(--color-blue);
	background-color: transparent;
}

.btn-blue-light, input.btn-blue-light{
	color: white;
	border: 1px solid var(--color-blue-light);
	background-color: var(--color-blue-light);
}
.btn-blue-light:hover, input.btn-blue-light:hover{
	color: var(--color-blue-light);
	border: 1px solid var(--color-blue-light);
	background-color: transparent;
}
.bgdark .btn-blue-light:hover{
	color: white;
	border: 1px solid white;
	background-color: transparent;
}

.btn-red{
	color: white;
	border: 1px solid var(--color-red);
	background-color: var(--color-red);
}
.btn-red:hover{
	color: var(--color-red);
	background-color: transparent;
}

.btn-pink{
	color: white;
	border: 1px solid var(--color-pink);
	background-color: var(--color-pink);
}
.btn-pink:hover{
	color: var(--color-pink);
	background-color: transparent;
}

.btn-more{
	display: flex;
	align-items: center;
	justify-content: center;

	padding: .5rem;

	background-color: white;
	border-radius: 100%;

	transition: all .2s ease-in-out;
}

.btn-more:hover{
	transform: scale(1.1);
}




@media (max-width: 1400px) {}

@media (max-width: 1200px) {}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.col-2{
		flex-direction: column;
		gap: 2rem;
	}
	.col-2 .col, .col-2 .col.col-small{
		width: 100%;
	}

	.container{
		width: 90%;
	}
}

@media (max-width: 576px) {}