.elementor-kit-87{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-87 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   VITRAL · CSS global del sitio (dirección B «Revista»)
   Vive en: Elementor > Ajustes del sitio > CSS personalizado.
   Copia de referencia: carpeta del proyecto, vitral-kit.css
   Actualizado: 17 sep 2026. Sustituye al CSS anterior (clases s-… y
   la mayoría de v-…), que pertenecía al diseño viejo.
   ============================================================ */
:root{
  --v-tinta:#1C2125; --v-crema:#FCFAF2; --v-suave:#C2C0BA;
  --v-tenue:#8A9095; --v-linea:#2E3438; --v-acento:#2997AA;
}

/* 1. Ancho de lectura: el contenido de cada sección se centra a 1240 px.
      Un contenedor con la clase v-sangre va de borde a borde. */
.elementor > .e-con.e-parent{
  --padding-inline-start:max(78px, calc((100% - 1240px) / 2));
  --padding-inline-end:max(78px, calc((100% - 1240px) / 2));
}
.elementor > .e-con.e-parent.v-sangre{ --padding-inline-start:0px !important; --padding-inline-end:0px !important; }
@media (max-width:1024px){
  .elementor > .e-con.e-parent{ --padding-inline-start:40px; --padding-inline-end:40px; }
}
@media (max-width:767px){
  .elementor > .e-con.e-parent{ --padding-inline-start:22px; --padding-inline-end:22px; }
}

/* 2. Encabezado de Astra: a todo el ancho y alineado con el contenido */
.site-header{ margin-left:0 !important; margin-right:0 !important; width:100% !important; }
.site-header .ast-primary-header-bar .ast-container,
.site-header .ast-primary-header-bar .site-primary-header-wrap{
  max-width:none !important;
  padding-left:max(39px, calc((100% - 1240px) / 2)) !important;
  padding-right:max(39px, calc((100% - 1240px) / 2)) !important;
}
@media (max-width:1024px){
  .site-header .ast-primary-header-bar .ast-container,
  .site-header .ast-primary-header-bar .site-primary-header-wrap{ padding-left:20px !important; padding-right:20px !important; }
}

/* 3. Tipografía y botones */
.elementor .elementor-heading-title{ text-wrap:balance; }
.elementor .elementor-widget-text-editor p:last-child{ margin-bottom:0; }
.elementor .elementor-button{ transition:background-color .25s ease, border-color .25s ease, color .25s ease; }
.elementor .elementor-button:focus-visible{ outline:2px solid var(--v-acento); outline-offset:3px; }

/* 4. Galería con filtros */
.elementor .elementor-gallery-title{
  background:transparent !important; padding:10px 0 !important; margin:0 24px 40px 0 !important;
  border-bottom:1px solid transparent; transition:color .25s ease, border-color .25s ease;
}
.elementor .elementor-gallery-title--active{ border-bottom-color:var(--v-acento); }

/* 5. Fotos. Encuadre: cada foto suelta se muestra COMPLETA, en su proporción
      original, sin recorte (el encuadre de Red no se toca). */
[data-elementor-type="wp-page"] .elementor-widget-image img,
[data-elementor-type="container"] .elementor-widget-image img{
  height:auto !important; width:100%;
}
.elementor .elementor-widget-image .elementor-widget-container{ overflow:hidden; }
.elementor .elementor-widget-image img{ transition:transform .9s ease; }
.elementor .elementor-widget-image:hover img{ transform:scale(1.025); }

/* 6. Pie de página (plantilla «Vitral — Pie») */
.elementor .v-parrafo p{ margin:0 0 1em; }
.elementor .v-parrafo p:last-child{ margin-bottom:0; }
.elementor .v-pie{ align-items:flex-start !important; }
.elementor .v-pie__col{ gap:18px !important; }
.elementor .v-pie-logo img{ width:150px; max-width:60%; height:auto; transform:none !important; }
.elementor .v-pie__marca .v-parrafo{ max-width:38ch !important; }
.elementor .v-pie-lista{ list-style:none; margin:0; padding:0; }
.elementor .v-pie-lista li{ margin:0 0 8px; }
.elementor .v-pie-lista a, .elementor .v-parrafo a{
  color:var(--v-suave); text-decoration:none; border-bottom:1px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
.elementor .v-pie-lista a:hover, .elementor .v-parrafo a:hover{ color:var(--v-acento); border-bottom-color:var(--v-acento); }
.elementor .v-pie-legal{ align-items:center !important; }
.elementor .v-pie__der .elementor-widget-container{ text-align:right; }
@media (max-width:767px){
  .elementor .v-pie-legal{ flex-direction:column !important; gap:6px !important; }
  .elementor .v-pie__der .elementor-widget-container{ text-align:left; }
}

/* 7. Detalles */
::selection{ background:var(--v-acento); color:var(--v-crema); }
html{ scroll-behavior:smooth; }
[id]{ scroll-margin-top:110px; }

/* 8. Preguntas (acordeón anidado): la pregunta toma el color del propio widget.
      Sin esto, el color global de encabezados de Astra (crema) pisa al H3
      y en fondo crema no se lee. 17 sep 2026. */
.elementor-widget-n-accordion .e-n-accordion-item-title-text{ color:inherit; }


/* Galeria sin velo: las fotos se ven limpias */
.elementor .elementor-gallery-item__overlay{ display:none !important; }

/* === HUECOS DE FOTO (Nosotros) === */
/* Espacios reservados para fotos: guardan la forma vertical (4:5)
   que van a tener las fotos reales. Mientras tengan el recuadro
   por defecto de Elementor se ven como un hueco plano; al elegir
   una foto en Elementor, se muestra normal y recortada igual. */
.elementor .v-hueco img{
  width:100% !important; height:auto !important; max-height:none !important;
  aspect-ratio:4/5 !important; object-fit:cover !important; display:block;
}
.elementor .v-hueco img[src*="placeholder"]{ opacity:0; }
.elementor .v-hueco:has(img[src*="placeholder"]) .elementor-widget-container{
  position:relative; background:#ECE9E1; border:1px dashed #C9C4B8; border-radius:2px;
}
.elementor .v-hueco:has(img[src*="placeholder"]) .elementor-widget-container::after{
  content:"Foto"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:Poppins,sans-serif; font-size:10px; font-weight:400; letter-spacing:.22em;
  text-transform:uppercase; color:#8A9095; pointer-events:none;
}/* End custom CSS */