.elementor-696 .elementor-element.elementor-element-a7c43d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-696 .elementor-element.elementor-element-ed01c00{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-696 .elementor-element.elementor-element-ed01c00 img{width:15%;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-696 .elementor-element.elementor-element-d9cd90c{padding:60px 0px 0px 0px;}@media(max-width:1024px){.elementor-696 .elementor-element.elementor-element-d9cd90c{padding:60px 0px 0px 0px;}}@media(min-width:768px){.elementor-696 .elementor-element.elementor-element-a7c43d0{--width:65%;}}@media(max-width:1366px) and (min-width:768px){.elementor-696 .elementor-element.elementor-element-a7c43d0{--width:70%;}}@media(max-width:1200px) and (min-width:768px){.elementor-696 .elementor-element.elementor-element-a7c43d0{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-696 .elementor-element.elementor-element-a7c43d0{--width:90%;}}@media(max-width:1366px){.elementor-696 .elementor-element.elementor-element-d9cd90c{padding:40px 0px 0px 0px;}}@media(max-width:767px){.elementor-696 .elementor-element.elementor-element-ed01c00 img{width:28%;}.elementor-696 .elementor-element.elementor-element-d9cd90c{padding:30px 0px 0px 0px;}}/* Start custom CSS *//* Fuente de verdad del gap */
body.single .wp-block-gallery,
body.single .blocks-gallery-grid{
  --gap: 22px;
  gap: var(--gap) !important;
}

/* Asegura grid 2 columnas siempre en desktop/tablet */
body.single .wp-block-gallery,
body.single .blocks-gallery-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start;
}

/* Tarjeta base (tanto vertical como horizontal) */
body.single .wp-block-gallery .blocks-gallery-item,
body.single .wp-block-gallery figure,
body.single .blocks-gallery-grid .blocks-gallery-item,
body.single .blocks-gallery-grid figure{
  display: grid;
  place-items: stretch;
  overflow: hidden;
  border-radius: 18px;
  margin: 0 !important;
  width: auto !important;
}

/* Vertical: 2x2, misma altura visual */
body.single .wp-block-gallery .x-vertical,
body.single .blocks-gallery-grid .x-vertical{
  aspect-ratio: 4 / 5 !important;
}

/* Horizontal: ocupa 2 columnas (fila completa) */
@media (min-width: 768px){
  body.single .wp-block-gallery .x-horizontal,
  body.single .blocks-gallery-grid .x-horizontal{
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 9 !important; /* cámbialo a 3/2 si prefieres */
  }
}

/* Última vertical impar: centrada, del tamaño exacto de 1 columna */
@media (min-width: 768px){
  body.single .wp-block-gallery .x-last-odd,
  body.single .blocks-gallery-grid .x-last-odd{
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: calc((100% - var(--gap)) / 2) !important; /* = 1 columna exacta */
    aspect-ratio: 4 / 5 !important;
    align-self: start !important;
  }
}

/* Imágenes rellenan su tarjeta */
body.single .wp-block-gallery .x-vertical > *,
body.single .blocks-gallery-grid .x-vertical > *,
body.single .wp-block-gallery .x-horizontal > *,
body.single .blocks-gallery-grid .x-horizontal > *{
  width: 100% !important;
  height: 100% !important;
}
body.single .wp-block-gallery .x-vertical img,
body.single .blocks-gallery-grid .x-vertical img,
body.single .wp-block-gallery .x-horizontal img,
body.single .blocks-gallery-grid .x-horizontal img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 18px;
}

/* Móvil: 1 columna para todo */
@media (max-width: 767px){
  body.single .wp-block-gallery,
  body.single .blocks-gallery-grid{
    grid-template-columns: 1fr !important;
    --gap: 16px; gap: var(--gap) !important;
  }
  body.single .wp-block-gallery .x-last-odd,
  body.single .blocks-gallery-grid .x-last-odd{
    grid-column: auto !important;
    justify-self: stretch !important;
    max-width: none !important;
    width: 100% !important;
  }
}/* End custom CSS */