.elementor-371 .elementor-element.elementor-element-13e0e78 .elementor-heading-title{font-size:75px;color:#FFFFFF;}.elementor-371 .elementor-element.elementor-element-8ea121c{grid-column:span 1;grid-row:span 2;}.elementor-371 .elementor-element.elementor-element-8ea121c .wcab-cat-n{display:inline;}.elementor-371 .elementor-element.elementor-element-catbarra{grid-column:span 1;grid-row:span 1;}.elementor-371 .elementor-element.elementor-element-catbarra.elementor-element{--align-self:flex-start;}.elementor-371 .elementor-element.elementor-element-catbucle{--grid-columns:3;grid-column:span 1;grid-row:span 1;}.elementor-371 .elementor-element.elementor-element-catbucle.elementor-element{--align-self:flex-start;}.elementor-371 .elementor-element.elementor-element-catbucle .elementor-pagination{text-align:center;font-weight:600;margin-top:16px;}body:not(.rtl) .elementor-371 .elementor-element.elementor-element-catbucle .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-371 .elementor-element.elementor-element-catbucle .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-371 .elementor-element.elementor-element-catbucle .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-371 .elementor-element.elementor-element-catbucle .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-371 .elementor-element.elementor-element-8ea121c.elementor-element{--align-self:flex-start;}.elementor-371 .elementor-element.elementor-element-catbarra.elementor-element{--align-self:flex-start;}.elementor-371 .elementor-element.elementor-element-catbucle{--grid-columns:2;grid-column:span 2;}}@media(max-width:767px){.elementor-371 .elementor-element.elementor-element-13e0e78 .elementor-heading-title{font-size:48px;}.elementor-371 .elementor-element.elementor-element-8ea121c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;grid-column:span 2;grid-row:span 1;}.elementor-371 .elementor-element.elementor-element-catbarra{grid-column:span 2;grid-row:span 1;}.elementor-371 .elementor-element.elementor-element-catbucle{--grid-columns:1;}}/* Start custom CSS *//* ---- Vista de LISTA del catálogo ------------------------------------------
   El plugin solo decide el ancho: cuando está elegida la lista, marca SU widget de bucle
   (el que va con ID de consulta `wcab_catalogo`) con `wcab-bucle is-lista` y lo pone a una
   columna. Cómo se recoloca la tarjeta por dentro es cosa de esta plantilla, que es quien
   sabe qué contenedores tiene: por eso vive aquí y no en el CSS del plugin.
   Ojo con el ámbito: `.wcab-bucle.is-lista` solo existe en el catálogo, así que estas reglas
   no alcanzan a los destacados de la portada ni a ningún otro bucle de la web. */
.wcab-bucle.is-lista .e-loop-item > .e-con{flex-direction:row;align-items:stretch}
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:first-child{flex:0 0 34%;max-width:320px;
	position:relative}
/* Y la de texto, con el ancho que sobra. Sin esto vale el 100 % de la tarjeta —es lo que
   trae `.e-con` de Elementor, `width:var(--width)` con `--width:100%`— y, empujada por la
   foto, se sale por la derecha: como la tarjeta recorta, el texto se veía cortado. */
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:last-child{flex:1 1 0;width:auto;min-width:0}
/* Y el hueco que sobre va SIEMPRE en medio, nunca encima del texto. Con «igualar altura»
   puesto en el widget de bucle, las tarjetas cortas crecen hasta la más alta; si la columna
   de texto reparte ese sobrante con `space-between` o lo empuja hacia abajo, el contenido
   queda descolgado y deja un claro enorme arriba. Así el texto arranca pegado al borde y es
   el pie —precio y botón— el que se va al fondo. */
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:last-child{justify-content:flex-start}
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:last-child > :last-child{margin-top:auto}
/* El chip de duración va en absoluto y cuelga 20 px POR DEBAJO de la foto: en rejilla eso
   cae sobre el texto y queda bien, pero en lista la foto llega hasta el borde inferior de la
   tarjeta, así que el chip se salía y la tarjeta lo recortaba. Aquí se sube dentro de la foto.
   Se apunta SOLO a la columna de la foto, que es donde vive el chip. Apuntar a las dos
   columnas parecía inofensivo —«sobre un elemento estático, `top` no hace nada»— pero es
   falso aquí: los bloques de Elementor ya vienen en `position:relative`, así que ese `top`
   empujaba 14 px hacia abajo todo el texto de la tarjeta. */
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:first-child{position:relative}
.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:first-child > .e-con{top:14px;bottom:auto}
@media(max-width:640px){
	.wcab-bucle.is-lista .e-loop-item > .e-con{flex-direction:column}
	.wcab-bucle.is-lista .e-loop-item > .e-con > .e-con:first-child{flex:none;max-width:none}
}

/* ---- Ancho del bloque del catálogo ----------------------------------------
   El contenedor que lleva `wcab-cat-cols` (el de las dos columnas) se había quedado sin
   ancho máximo en esta plantilla, así que en escritorio se iba a todo lo ancho de la
   pantalla mientras el resto del sitio queda encajado. En la página /actividades/ ese mismo
   contenedor sí lo tiene, puesto desde el editor (Ancho máximo = variable Container).
   Aquí se hace con CSS para no tocar la estructura; si prefieres verlo en el panel, pon el
   Ancho máximo en el contenedor desde Elementor y borra estas dos líneas. */
.wcab-cat-cols{max-width:var(--Container,1140px);margin-inline:auto}

/* ---- Filas de la rejilla del catálogo ----
   La primera, del alto de la barra de resultados; la segunda, el resto. Va aquí y no en
   los ajustes del contenedor porque Elementor VALIDA los estilos de estos contenedores al
   guardar desde el editor y, si una propiedad no le cuadra, descarta la definición entera
   de la clase: el bloque se quedaba como una caja flex y los filtros, la barra y el
   listado salían en fila. Con tres clases gana a la del propio contenedor. */
.elementor-371 .elementor-element.elementor-element-catwrapper{grid-template-rows:auto 1fr}
@media(max-width:1024px){
	.elementor-371 .elementor-element.elementor-element-catwrapper{grid-template-rows:auto}
}/* End custom CSS */