/*
Theme Name: Hello Elementor Child
Theme URI: https://ppmalaga.es
Description: Child theme de Hello Elementor para PP Málaga.
Author: molo&CO
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Estilo destacado (Caja destacada) */
.entry-content .is-style-pp-destacado,
.wp-block-post-content .is-style-pp-destacado,
.page-content .is-style-pp-destacado,
.pp-article .is-style-pp-destacado,
.editor-styles-wrapper .is-style-pp-destacado {
  background-color: #F0F4F8;
  border-left: 4px solid #278BFF;
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
  margin: 1.6em 0;
  color: #102A43;
}

.miembro-carrusel img {
    aspect-ratio: 16 / 9!important;
    object-fit: cover;
}

.entry-content .is-style-pp-destacado p,
.wp-block-post-content .is-style-pp-destacado p,
.page-content .is-style-pp-destacado p,
.pp-article .is-style-pp-destacado p,
.editor-styles-wrapper .is-style-pp-destacado p {
  margin-bottom: 0;
}

label.wpforms-field-label-inline {
    color: white!important;
}
label.wpforms-field-label-inline a{
		text-decoration:underline;
}

/* Estilo para navegadores basados en WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0f2b52;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1d5aa6 0%, #278bff 100%);
  border-radius: 5px;
  border: 2px solid #0f2b52;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #278bff 0%, #1d5aa6 100%);
}

/* Estilo para Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #1d5aa6 #0f2b52;
}

#wpforms-form-49 label.wpforms-field-label-inline {
    color: black!important;
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    border-radius: 14px;
}

.aligncenter{
	width:100%!important;
}

.aligncenter img{
	margin:16px auto!important;
}

#cmplz-manage-consent .cmplz-manage-consent {
    font-size: 14px;
    right: 128px!important;
}


@media (min-width: 1024px) {
#menu-item-mv-1,#menu-item-mv-2,#menu-item-mv-3,#menu-item-mv-4 {
	display:none;
}
	}

/* ---------------------------------------------------------------------------
 * Carrusel de miembros (.miembro-carrusel): evitar que desborde a la derecha
 *
 * El carrusel vive dentro de un Loop Grid de Elementor. Sus pistas `1fr` son
 * en realidad `minmax(auto, 1fr)`, asi que el `.e-loop-item` conserva
 * `min-width: auto` y su minimo pasa a ser el ancho min-content de su
 * contenido. Al inicializar, Swiper duplica los slides para el modo loop
 * (3 reales -> 9) y les escribe anchos en linea, de modo que ese min-content
 * se dispara (~3140px). La pista del grid crece hasta ahi y el contenedor
 * boxed de Elementor (`--content-width: min(100%, 1024px)`, margenes auto) se
 * centra dentro, lo que empuja el widget ~1048px fuera de la pantalla.
 * Eso explica que el carrusel se vea bien al cargar y salte a la derecha un
 * segundo despues, cuando Swiper termina de inicializar.
 *
 * `min-width: 0` devuelve la pista a su reparto normal y Swiper mide el ancho
 * real del contenedor. El `:has()` lo limita a los loop items que contienen
 * este carrusel, para no tocar el resto de Loop Grids de la red.
 * ------------------------------------------------------------------------- */
.elementor-loop-container > .e-loop-item:has(.miembro-carrusel) {
  min-width: 0;
}