/*
Theme Name:   Peñate Experience
Theme URI:    https://penate-experience.es/
Description:  Tema hijo de Hello Elementor para Peñate Experience.
Author:       Publimarketing Online
Template:     hello-elementor
Version:      1.0.2
Text Domain:  hello-elementor-child
*/

/* =====================================================================
   pex · Bloques de las salidas en carroza (banda «El precio incluye» del archivo, id #incluye-carroza).
   Vive en el tema hijo (style.css) y no en el CSS personalizado del kit porque el MCP de Elementor no puede
   escribir ese CSS. Si algun dia se puede, puede volver al kit.
   Están siempre en la plantilla 8868 como widgets nativos de V4 con las clases globales pe-solo-carroza y
   pe-solo-infantil. Se muestran con la clase que pone el plugin pex en body: pex-carroza (hay al menos una
   carroza publicada) y pex-infantil (solo junto a pex-carroza). En el editor de Elementor se ven siempre.
   Por que se oculta tambien desde aqui: la clase global trae display: none con el selector
   «.elementor .pe-solo-carroza», pero la seccion lleva ademas pe-seccion y «.elementor .pe-seccion»
   {display: flex} tiene la misma especificidad y va despues, asi que anulaba el ocultado y la banda salia
   en /eventos/anteriores/. Las reglas de ocultado de abajo (body:not(...) .pe-solo-*, especificidad 0,4,1)
   ganan a pe-seccion; las de mostrar (body.pex-* .pe-solo-*, 0,2,1) ganan a «.elementor .pe-seccion»
   (0,2,0). Ocultar y mostrar son excluyentes (una exige la clase en body, la otra su ausencia).
   Ambos contenedores son flex en su estado normal (e-flexbox), de ahi display: flex.
   ===================================================================== */
body:not(.pex-carroza):not(.elementor-editor-active):not(.elementor-editor-preview) .pe-solo-carroza { display: none; }
body:not(.pex-infantil):not(.elementor-editor-active):not(.elementor-editor-preview) .pe-solo-infantil { display: none; }
body.pex-carroza .pe-solo-carroza,
body.elementor-editor-active .pe-solo-carroza,
body.elementor-editor-preview .pe-solo-carroza { display: flex; }
body.pex-infantil .pe-solo-infantil,
body.elementor-editor-active .pe-solo-infantil,
body.elementor-editor-preview .pe-solo-infantil { display: flex; }
/* Rejilla de la banda: 4 columnas en escritorio, 2 en <=1024 y 1 en <=767 (reglas de Elementor). Entre 1025 y 1279 px
   cuatro columnas dejan los titulos de tarjeta en 3 lineas o mas, asi que ahi pasa a 2. Vive aqui porque el MCP de
   Elementor descarta los @media personalizados. DEPENDE DEL ID DE ELEMENTO 5fcc63d6 (el contenedor-rejilla): si se
   recrea la banda, hay que actualizarlo. Gana a la clase local de la rejilla (.elementor .e-..., 0,2,0) por el id
   #incluye-carroza (1,1,0), sin !important. */
@media (min-width: 1025px) and (max-width: 1279px) { #incluye-carroza .elementor-element-5fcc63d6 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Las tarjetas reutilizan pe-ficha, que sube, enrojece el borde y se anima al pasar el ratón: aquí no son enlaces, quedan quietas. */
.elementor #incluye-carroza .pe-ficha:hover { transform: none; border-color: var(--color-borde); box-shadow: none; transition: none; }