/* Animate
----------------------*/
@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.encabezado { opacity: 0; }
.encabezado.animateActive { animation: fade .5s 1 ease-in forwards; animation-delay: .3s; }

.subencabezado :is(.wp-block-heading, .wp-block-buttons) { opacity: 0; }
.subencabezado .animateActive :is(.wp-block-heading, .wp-block-buttons) { animation: fade .5s 1 ease-in forwards; }
.subencabezado .animateActive .wp-block-heading { animation-delay: .3s; }
.subencabezado .animateActive .wp-block-buttons { animation-delay: .5s; }

.introduccion :is(.wp-block-heading, p) { opacity: 0; }
.introduccion .animateActive :is(.wp-block-heading, p) { animation: fade .5s 1 ease-in forwards; }
.introduccion .animateActive .wp-block-heading { animation-delay: .3s; }
.introduccion .animateActive p { animation-delay: .5s!important; }

.especialidades .wp-block-columns { opacity: 0; }
.especialidades .wp-block-columns.animateActive { animation: fade .5s 1 ease-in forwards; animation-delay: .3s; }

.galeria .wp-block-column { opacity: 0;  }
.galeria .animateActive .wp-block-column { animation: fade .5s 1 ease-in forwards; }
.galeria .animateActive .wp-block-column:nth-child(1) { animation-delay: .3s; }
.galeria .animateActive .wp-block-column:nth-child(2) { animation-delay: .5s; }

:is(.titulo, .contacto) :is(.wp-block-heading, p, .wp-block-buttons) { opacity: 0; }
:is(.titulo, .contacto) .animateActive :is(.wp-block-heading, p, .wp-block-buttons) { animation: fade .5s 1 ease-in forwards; }
:is(.titulo, .contacto) .animateActive .wp-block-heading { animation-delay: .3s; }
:is(.titulo, .contacto) .animateActive p { animation-delay: .5s!important; }
:is(.titulo, .contacto) .animateActive .wp-block-buttons { animation-delay: .7s; }

.especialistas .wp-block-columns { opacity: 0; }
.especialistas .wp-block-columns.animateActive { animation: fade .5s 1 ease-in forwards; animation-delay: .3s; }

.formulario :is(.wp-block-heading, p, .wp-block-contact-form-7-contact-form-selector) { opacity: 0; }
.formulario .animateActive :is(.wp-block-heading, p, .wp-block-contact-form-7-contact-form-selector) { animation: fade .5s 1 ease-in forwards; }
.formulario .animateActive .wp-block-heading { animation-delay: .3s; }
.formulario .animateActive p { animation-delay: .5s!important; }
.formulario .animateActive .wp-block-contact-form-7-contact-form-selector { animation-delay: .7s; }

footer .wp-block-column { opacity: 0; }
footer .animateActive .wp-block-column { animation: fade .5s 1 ease-in forwards; }
footer .animateActive .wp-block-column:nth-child(1) { animation-delay: .3s; }
footer .animateActive .wp-block-column:nth-child(2) { animation-delay: .5s; }
footer .animateActive .wp-block-column:nth-child(3) { animation-delay: .7s; }

/* @end */