/*
==================================================================
Theme Name: Avifit
Version: 1.0
Author: Neobrand®
Author URI: https://neobrand.com
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avifit
==================================================================
*/

/* Variables */

:root {
	--black: #000000 !important;
	--white: #FFFFFF !important;
	--burdeos: #A3525B !important;
	--gris: #999797 !important;
	--gris-claro: #CCCCCC !important;
	--error: #d05454 !important;
	--success: #72A061 !important;
	--tipoUno: 'Montserrat', sans-serif;
	--tipoDos: 'Open Sans', sans-serif;
	--lateral: 25px;
	--swiper-navigation-size: 25px;
	--swiper-navigation-color: #000000 !important;
	--swiper-pagination-color: #000000 !important;
}

::selection {
	background-color: var(--black);
	color: var(--white);
	text-shadow: none;
}

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

p {
	color: var(--gris);
	font-weight: 300;
	font-size: 15px;
}

p strong{
	color: var(--black);
}

[data-panel]{
	display: none;
}

.menu a.active{
	color: var(--secondary);
}

.testimonios i.fa-star{
	color: #F6C343;
	font-size: 12px;
	margin-right: 2px;
}

.space{
	height: 66px;
	display: block;
	width: 100%;
}

table td{
	border: 1px solid var(--secondary);
	font-size: 13px;
}

table.horarios{
	text-align: center;
}

table.horarios tr td:first-child {
	background-color: var(--bs-light);
	border-left: none;
	opacity: 1;
	color: #212529;
	text-align: right;
	width: 80px;
}

table.horarios td{
	padding: 10px;
	background-color: var(--secondary);
	opacity: 0.3;
	border: 10px solid white;
	color: white;
	width: 16%;
	text-transform: uppercase;
	letter-spacing: 1px;
}

table.horarios td.active{
	opacity: 1;
}

table.horarios td.ext{
	background-color: var(--primary);
	opacity: 1;
}

.owl-item{
	overflow: hidden;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border:0px solid black;
}
.owl-prev:hover, .owl-next:hover {
	background-color: transparent !important;
}
.owl-prev:hover i, .owl-next:hover i {
	color: var(--secondary) !important;
}
.owl-prev i, .owl-next i {
	font-size: 40px;
	color: white;
}
.owl-prev { left: 10px; }
.owl-next { right: 10px; }

/*Contenido*/

.contenido h2 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
}

.contenido a {
	text-decoration: none;
	color: var(--secondary);
}

.contenido a:hover {
	color: var(--primary);
}

.contenido .wp-block-gallery.wp-block-gallery-is-layout-flex{
	display: flex;
	margin: 25px 0;
}

/* Animation */

.animate, .animate-wp-block-columns .wp-block-columns {
	opacity: 0;
	transform: scale(0.9);
	transition: all 560ms ease;
}

.animate.active, .animate-wp-block-columns .wp-block-columns.active {
	opacity: 1;
	transform: scale(1);
}

/*Contacto*/

section#contacto .wpcf7{
	width: 100%;
}

section#contacto input:not(.wpcf7-submit), section#contacto textarea{
	padding: 15px 20px;
	border: 1px solid var(--primary);
	border-radius: 10px;
	width: 100%;
}

section#contacto #map{
	display: flex;
	width: 100%;
	height: 500px;
}

section#contacto #formulario{
	position: relative;
	display: flex;
	width: 100%;
}

section#contacto #formulario form{
	transition: all 280ms ease;
}


section#contacto #formulario form > p{
	transition: all 280ms ease;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

section#contacto #formulario form .last > p{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
}

section#contacto #formulario .wpcf7-form-control-wrap{
	width: 100%;
}

section#contacto #formulario form .wpcf7-acceptance > span{
	margin-left: 0;
}

section#contacto #formulario form .wpcf7-acceptance > span label {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	max-width: 230px;
}

section#contacto #formulario form .wpcf7-acceptance > span label a{
	font-style: italic;
	color: var(--secondary);
}

section#contacto #formulario form input[type="checkbox"]{
	width: 20px !important;
	height: 20px !important;
}

section#contacto #formulario form input[type="submit"]:disabled{
	pointer-events: none;
	opacity: 0.5;
}

section#contacto #formulario form.submitting > p{
	opacity: 0.2;
}

section#contacto #formulario .wpcf7-spinner {
	position: absolute;
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	margin: 0;
}

section#contacto #formulario form .wpcf7-response-output {
	background-color: #6fd5df;
	color: white;
	margin: 25px 0 0 0;
	border: none;
	padding: 15px 20px;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
}

section#contacto #formulario form.sent .wpcf7-response-output {
	background-color: var(--success);
}

section#contacto #formulario form.invalid .wpcf7-response-output {
	background-color: var(--error);
}

.wpcf7-not-valid{
	border-color: red !important;
}

.wpcf7-not-valid-tip{
	display: none !important;
}