/* Animaciones de entrada de los bloques del contenido.
   Solo actuan cuando <html> lleva la clase "dodox-anim" (la pone un script en el <head>
   si el navegador lo soporta y el visitante no ha pedido reducir el movimiento).

   - CANDIDATOS: lo que aparece con fundido y desplazamiento.
   - CONTENEDORES: bloques que se animan como una unidad; lo que hay dentro no se anima
     por separado (tarjetas, imagenes, botones, formularios, widgets de terceros...).
   Las dos listas tienen que coincidir con las de anim.js. */

html.dodox-anim main :is(h1, h2, h3, h4, p, ul, ol, blockquote, table, .wp-block-separator, .wp-block-image, .wp-block-cover, .wp-block-buttons, .wp-block-gallery, .wp-block-details, .dodox-lp-card, .dodox-lp-why__card, .dodox-lp-step, .dodox-lp-gallery__item, .dodox-lp-form-card, .dodox-lp-faq__item, .dodox-lp-band__inner, .dodox-svc-card, .dodox-sector, .dodox-stat, .dodox-method-step, .dodox-faq__item, .dodox-logos, .dodox-ba, .dodox-reviews-widget):not(:where(.wp-block-image, .wp-block-cover, .wp-block-buttons, .wp-block-gallery, .wp-block-details, .dodox-lp-card, .dodox-lp-why__card, .dodox-lp-step, .dodox-lp-gallery__item, .dodox-lp-form-card, .dodox-lp-faq__item, .dodox-lp-band__inner, .dodox-svc-card, .dodox-sector, .dodox-stat, .dodox-method-step, .dodox-faq__item, .dodox-logos, .dodox-ba, .dodox-reviews-widget, .ti-widget, .fluentform, .rt-grid-item, .wp-block-navigation, .dodox-closed) *):not(.dodox-done) {
	transition: opacity 0.75s cubic-bezier(0.2, 0.7, 0.3, 1), translate 0.75s cubic-bezier(0.2, 0.7, 0.3, 1);
	transition-delay: var(--dodox-reveal-delay, 0ms);
}

html.dodox-anim main :is(h1, h2, h3, h4, p, ul, ol, blockquote, table, .wp-block-separator, .wp-block-image, .wp-block-cover, .wp-block-buttons, .wp-block-gallery, .wp-block-details, .dodox-lp-card, .dodox-lp-why__card, .dodox-lp-step, .dodox-lp-gallery__item, .dodox-lp-form-card, .dodox-lp-faq__item, .dodox-lp-band__inner, .dodox-svc-card, .dodox-sector, .dodox-stat, .dodox-method-step, .dodox-faq__item, .dodox-logos, .dodox-ba, .dodox-reviews-widget):not(:where(.wp-block-image, .wp-block-cover, .wp-block-buttons, .wp-block-gallery, .wp-block-details, .dodox-lp-card, .dodox-lp-why__card, .dodox-lp-step, .dodox-lp-gallery__item, .dodox-lp-form-card, .dodox-lp-faq__item, .dodox-lp-band__inner, .dodox-svc-card, .dodox-sector, .dodox-stat, .dodox-method-step, .dodox-faq__item, .dodox-logos, .dodox-ba, .dodox-reviews-widget, .ti-widget, .fluentform, .rt-grid-item, .wp-block-navigation, .dodox-closed) *):not(.is-visible):not(.dodox-done) {
	opacity: 0;
	translate: 0 22px;
}

/* ---- Zoom suave en las fotos al pasar el raton (las paginas de servicio ya tienen el suyo) ---- */
html.dodox-anim main .wp-block-image:not(.dodox-lp-section *) > img,
html.dodox-anim main .wp-block-image:not(.dodox-lp-section *) > a > img {
	transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.3, 1);
}

html.dodox-anim main .wp-block-image:not(.dodox-lp-section *):hover > img,
html.dodox-anim main .wp-block-image:not(.dodox-lp-section *):hover > a > img {
	transform: scale(1.04);
}

/* Las fotos con esquinas redondeadas (5px en toda la web) se recortan en su marco para que el zoom no se salga. */
html.dodox-anim main .wp-block-image.has-custom-border:not(.dodox-lp-section *):not(.is-style-rounded) {
	overflow: hidden;
	border-radius: 5px;
}

html.dodox-anim main .wp-block-image.has-custom-border:not(.dodox-lp-section *):not(.is-style-rounded) > img {
	display: block;
}

/* Con "reducir movimiento" activado la clase dodox-anim no se pone nunca (ver dodox-animaciones.php),
   asi que nada de lo anterior actua. */