.elementor-5691 .elementor-element.elementor-element-c8adccb > .elementor-background-overlay{background-color:#000000;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5691 .elementor-element.elementor-element-c8adccb > .elementor-container{max-width:1320px;min-height:52vh;}.elementor-5691 .elementor-element.elementor-element-c8adccb:not(.elementor-motion-effects-element-type-background), .elementor-5691 .elementor-element.elementor-element-c8adccb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://andresmartinezart.com/wp-content/uploads/2024/12/COVER-VIDEO-2-scaled.webp") 50% 50%;background-size:cover;}.elementor-5691 .elementor-element.elementor-element-c8adccb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-5691 .elementor-element.elementor-element-33610dd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5691 .elementor-element.elementor-element-33610dd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5691 .elementor-element.elementor-element-9a97a72 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5691 .elementor-element.elementor-element-9a97a72{text-align:center;}.elementor-5691 .elementor-element.elementor-element-9a97a72 img{width:8%;}.elementor-5691 .elementor-element.elementor-element-0359916 > .elementor-widget-container{margin:20px 0px 60px 0px;}.elementor-5691 .elementor-element.elementor-element-0359916{text-align:center;}.elementor-5691 .elementor-element.elementor-element-0359916 .elementor-heading-title{font-size:14px;font-weight:400;line-height:1px;letter-spacing:4px;word-spacing:1px;color:#FFFFFF;}.elementor-5691 .elementor-element.elementor-element-2b4a736 .ms-s-w{text-align:center;}.elementor-5691 .elementor-element.elementor-element-2b4a736 .ms-s-i i{font-size:20px;}.elementor-5691 .elementor-element.elementor-element-92c52dd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-5691 .elementor-element.elementor-element-92c52dd{min-width:0px;}.elementor-5691 .elementor-element.elementor-element-92c52dd > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-5691 .elementor-element.elementor-element-edb1aec .grid{margin:-0px;}@media(min-width:768px){.elementor-5691 .elementor-element.elementor-element-92c52dd{width:100%;}}@media(max-width:1024px){.elementor-5691 .elementor-element.elementor-element-0359916 .elementor-heading-title{font-size:17px;}}@media(max-width:767px){.elementor-5691 .elementor-element.elementor-element-2eaae67 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:15px;}.elementor-5691 .elementor-element.elementor-element-9a97a72 img{width:16%;}.elementor-5691 .elementor-element.elementor-element-0359916 .elementor-heading-title{font-size:10px;line-height:1em;letter-spacing:3.7px;word-spacing:0em;}}/* Start custom CSS for ms_gallery, class: .elementor-element-edb1aec *//* =====================================================================
   GALERÍA "PARED DE LADRILLOS" · widget ms_gallery
   Pegar en: Widget → Avanzado → CSS personalizado
   Opciones nativas del widget: dejarlas como están
   (Layout Grid · proporción 16:9 · 3 columnas escritorio / 2 móvil).
   No toca espaciado, esquinas ni hover: eso sigue en el widget.
   Requiere el <script> de galeria-brick-wall-script.html (random + fade-in).
   ===================================================================== */

/* 1 · CONTENEDOR ──────────────────────────────────────────────────────
   CSS Grid de 12 columnas. Reemplaza el posicionamiento absoluto que
   Masonry/Isotope escribe en línea en cada foto. */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  height: auto !important;
  --k: 2.25; /* ALTURA DE FILAS: subir = más altas · bajar = más panorámicas */
}
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid::before,
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid::after,
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-sizer {
  display: none !important;
}

/* 2 · CADA FOTO ───────────────────────────────────────────────────────
   Ocupa --s columnas (de 12) y todas las de una fila miden lo mismo de alto. */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item {
  --s: 4;
  box-sizing: border-box !important;
  display: flex !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: span var(--s, 4) !important;
  aspect-ratio: var(--s, 4) / var(--k, 2.25) !important;
}

/* Respaldo para Safari: si el navegador no respeta aspect-ratio en la rejilla,
   este bloque invisible da una altura parecida (80%) con CSS clásico.
   Con aspect-ratio funcionando, nunca interviene. */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item::before {
  content: "";
  display: block;
  flex: none;
  width: 0;
  padding-top: calc(var(--k, 2.25) / var(--s, 4) * 80%);
}

/* 3 · LA IMAGEN LLENA SU CELDA (recorta, nunca deforma) ───────────────── */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item > a {
  position: relative !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item .media-wrapper {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
}
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item .media-wrapper img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* 4 · PATRÓN ESCRITORIO Y TABLET ──────────────────────────────────────
   Ciclo de 17 fotos = 6 filas, cada una suma 12 columnas:
   4-4-4 · 3-6-3 · 5-3-4 · 6-6 · 3-4-5 · 6-3-3
   (el "+1" de cada número es por el .grid-sizer, que cuenta como hijo 1) */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+5),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+7),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+9),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+13),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+17),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+18) { --s: 3; }

.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+2),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+3),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+4),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+10),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+14) { --s: 4; }

.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+8),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+15) { --s: 5; }

.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+6),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+11),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+12),
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(17n+16) { --s: 6; }

/* 5 · MÓVIL: 2 fotos por fila, alternando 60/40 y 40/60 ───────────────
   Rejilla de 5 columnas. Ciclo de 4 fotos: 3-2 · 2-3 */
@media (max-width: 767px) {
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    --k: 1.4; /* altura de filas en móvil */
  }

  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(4n+2),
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(4n+5) { --s: 3; }

  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(4n+3),
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:nth-child(4n+4) { --s: 2; }

  /* Si la última foto queda sola en su fila, ocupa todo el ancho en 16:9 */
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:last-child:nth-child(4n+2),
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item:last-child:nth-child(4n+4) {
    --s: 5;
    --k: 2.8;
  }
}

/* 6 · FADE-IN AL CARGAR CADA FOTO ─────────────────────────────────────
   Requiere el script: él añade .fade-ready al grid y .is-loaded a cada foto
   cuando su imagen termina de cargar. Sin script, la galería se ve normal. */
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid.fade-ready .grid-item:not(.is-loaded) .media-wrapper {
  opacity: 0;
}
.elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item.is-loaded .media-wrapper {
  animation: msFadeIn .8s ease-out;
}
@keyframes msFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-5691 .elementor-element.elementor-element-edb1aec .grid-item.is-loaded .media-wrapper {
    animation: none;
  }
}/* End custom CSS */