.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-be419a1:#FBD843;--e-global-typography-primary-font-family:"Jost";font-weight:700;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-style:normal;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-style:normal;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#000000;--lightbox-ui-color:#FFFFFF;--lightbox-ui-color-hover:#BBBBBB;--lightbox-text-color:#FFFFFF;--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:40px;}@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 */@media (min-width: 768px) {
    .proceso-card:hover .proceso-info {
        opacity: 1;
        max-height: 500px;
        pointer-events: auto;
    }
}
 
.proceso-card.is-open .proceso-info {
    opacity: 1;
    max-height: 500px;
    pointer-events: auto;
}
 
.proceso-card.is-open .proceso-header {
    border-radius: 20px 20px 0 0;
}
.proceso-info {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
/* ===== CTA: ¿Queres trabajar con nosotros? ===== */
 
.cta-fila {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
}
.cta-texto {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
}
.cta-texto .elementor-heading-title {
    white-space: nowrap !important;
}
 
.cta-boton {
    flex: 0 0 auto !important;
    width: fit-content !important;
    min-width: 340px !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: -8px !important;                      /* centra la caja con el >>; negativo sube, positivo baja */
}
 
.cta-boton .elementor-widget-button,
.cta-boton .elementor-button-wrapper {
    width: 100% !important;
}
 
.cta-boton .elementor-button {
    width: 100% !important;
    min-height: 64px !important;
    padding: 18px 40px !important;
    justify-content: center !important;
    white-space: nowrap !important;
}
 
/* tablet y celular: el título y el botón van en columna */
@media (max-width: 1024px) {
    .cta-fila {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .cta-texto {
        width: auto !important;
        max-width: 100% !important;
    }
    .cta-boton {
        top: 0 !important;
    }
}

/* celular */
@media (max-width: 767px) {
    .cta-texto .elementor-heading-title {
        white-space: normal !important;   /* el título puede pasar a 2 líneas */
    }
    .cta-boton {
        width: 100% !important;
        min-width: 0 !important;          /* los 340px no entran en pantallas de 360px */
    }
    .cta-boton .elementor-button {
        padding: 18px 20px !important;
        white-space: normal !important;
    }
}

.hero-equipo-texto {
    width: 80%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
 
.hero-equipo-texto p {
    text-align: center !important;
}
 
.proyecto-titulo,
.proyecto-titulo .elementor-heading-title {
  transition: color 0.3s ease;
}
 
.proyecto-titulo:hover,
.proyecto-titulo:hover .elementor-heading-title {
  color: #FBD843 !important;
}
 
.boton-proyecto {
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: border-color 0.25s ease,
                border-width 0.25s ease,
                scale 0.25s ease;
}

/* sin subrayado ni color de link azul aunque el link esté en el texto, en un <a> o en el contenedor */
.boton-proyecto,
.boton-proyecto *,
.boton-proyecto *:hover {
    text-decoration: none !important;
}
.boton-proyecto a,
.boton-proyecto .elementor-heading-title a {
    color: inherit;
}

/* el efecto solo con mouse: en celular el hover se queda "pegado" después de tocar */
@media (hover: hover) {
    .boton-proyecto:hover {
        border: 2px solid #FFFFFF !important;
        scale: 1.04;
        z-index: 2;
    }
}
/* NUESTRO ENFOQUE: misma proporción en cualquier monitor grande.
   Funciona con el ID actual y también con la clase .nuestro-enfoque (ponésela al contenedor y después se puede borrar el ID) */
@media (min-width: 1025px) {
  .elementor .elementor-element-a3deab5,
  .elementor .nuestro-enfoque {
    width: 80% !important;
    max-width: 1200px !important; /* el ancho que tiene con 1348 px de pantalla */
  }
}

/* =========================================================
   HOME · CARRUSEL DE PROYECTOS
   - Tarjetas siempre enteras, se adapta al ancho de pantalla
   - Zoom al pasar el mouse: sobresale del alto del carrusel y
     corre a las vecinas (nunca las pisa)
   - Las tarjetas no seleccionadas se ven con una capa grisácea
   ========================================================= */
 
/* Título en negrita de cada tarjeta: pasa a amarillo cuando el mouse está sobre CUALQUIER parte de la tarjeta */
.home-carrusel-titulo-bold .elementor-heading-title,
.home-carrusel-titulo-bold .elementor-heading-title a {
  transition: color 0.3s ease;
}
@media (hover: hover) {
  .home-carrusel:hover .home-carrusel-titulo-bold .elementor-heading-title,
  .home-carrusel:hover .home-carrusel-titulo-bold .elementor-heading-title a {
    color: #FBD843 !important;
  }
}

/* Toda la tarjeta es clickeable: el link va en el título en negrita (link real, bueno para SEO)
   y se estira para cubrir la tarjeta entera. Si el título todavía no tiene link, no cambia nada */
.home-carrusel .home-carrusel-titulo-bold,
.home-carrusel .home-carrusel-titulo-bold .elementor-widget-container {
  position: static !important;      /* para que el link se estire hasta la tarjeta y no hasta el título */
}
.home-carrusel .home-carrusel-titulo-bold a {
  text-decoration: none !important;
  color: inherit;
}
.home-carrusel .home-carrusel-titulo-bold a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
 
/* El contenedor mide su propio ancho para decidir cuántas tarjetas entran */
.home-proyectos-wrapper {
  container-type: inline-size !important;
}
 
/* Pista del carrusel */
.home-proyectos-wrapper .home-proyectos-slider {
  --n: 1;        /* tarjetas visibles (lo cambia solo según el ancho) */
  --g: 40px;     /* espacio entre tarjetas */
  --hs: 1;       /* zoom al pasar el mouse (lo define cada ancho, abajo) */
  --ovx: 38px;   /* aire extra a los lados: debe ser menor que --g */
  --ovy: 64px;   /* aire extra arriba y abajo: ahí sobresale la tarjeta */
  --dim: rgba(64, 64, 64, 0.6);   /* capa grisácea de las tarjetas no seleccionadas */
  --cw: calc((100cqw - (var(--n) - 1) * var(--g)) / var(--n));  /* ancho de una tarjeta */
  --d: calc((var(--hs) - 1) * var(--cw) / 2);                   /* cuánto se corren las vecinas */
 
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - (var(--n) - 1) * var(--g)) / var(--n)) !important;
  gap: var(--g) !important;
  column-gap: var(--g) !important;
  row-gap: 0 !important;
  align-items: start !important;
 
  box-sizing: border-box !important;
  width: calc(100% + 2 * var(--ovx)) !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: var(--ovy) var(--ovx) !important;
  margin: calc(var(--ovy) * -1) calc(var(--ovx) * -1) !important;
 
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: var(--ovx);
  overscroll-behavior-x: contain;
  scrollbar-width: none;
 
  overflow-anchor: none;
}
.home-proyectos-wrapper .home-proyectos-slider::-webkit-scrollbar {
  display: none;
}
 
/* Tarjeta: el tamaño lo manda la grilla; misma forma que tu diseño (426 x 431) */
.home-proyectos-wrapper .home-proyectos-slider > .home-carrusel {
  position: relative;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  flex: none !important;
  aspect-ratio: 426 / 431 !important;
  scroll-snap-align: start;
  transform-origin: center center;
  overflow-anchor: none;
  transition: transform 0.3s ease !important;
}
 
/* Capa grisácea (invisible hasta que otra tarjeta esté seleccionada) */
.home-proyectos-wrapper .home-proyectos-slider > .home-carrusel::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 2;
  background: var(--dim);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
 
/* Efectos solo en dispositivos con mouse */
@media (hover: hover) {
  /* la tarjeta con el mouse crece y pasa al frente */
  .home-proyectos-wrapper .home-proyectos-slider > .home-carrusel:hover {
    transform: scale(var(--hs)) !important;
    position: relative;
    z-index: 3;
  }
  /* las de la derecha se corren a la derecha, las de la izquierda a la izquierda */
  .home-proyectos-wrapper .home-proyectos-slider > .home-carrusel:hover ~ .home-carrusel {
    transform: translateX(var(--d)) !important;
  }
  .home-proyectos-wrapper .home-proyectos-slider > .home-carrusel:has(~ .home-carrusel:hover) {
    transform: translateX(calc(var(--d) * -1)) !important;
  }
  /* las que no están seleccionadas se cubren con la capa grisácea */
  .home-proyectos-wrapper .home-proyectos-slider:has(> .home-carrusel:hover) > .home-carrusel:not(:hover)::after {
    opacity: 1;
  }
  /* con mouse el carrusel no se "imanta": se mueve con las flechas, una tarjeta por vez.
     Así el navegador nunca lo desplaza solo al agrandar una tarjeta */
  .home-proyectos-wrapper .home-proyectos-slider {
    scroll-snap-type: none !important;
    transition: none !important;
  }
}
 
/* Cuántas tarjetas entran y cuánto crece cada una según el ancho disponible */
@container (min-width: 650px)  { .home-proyectos-wrapper .home-proyectos-slider { --n: 2; --hs: 1.14; } }
@container (min-width: 1080px) { .home-proyectos-wrapper .home-proyectos-slider { --n: 3; --hs: 1.15; } }
@container (min-width: 1560px) { .home-proyectos-wrapper .home-proyectos-slider { --n: 4; --hs: 1.15; } }
@container (min-width: 2050px) { .home-proyectos-wrapper .home-proyectos-slider { --n: 5; --hs: 1.15; } }
@container (min-width: 2550px) { .home-proyectos-wrapper .home-proyectos-slider { --n: 6; --hs: 1.15; } }

/* =========================================================
   FICHA TÉCNICA DEBAJO DE LA CARD DEL CARRUSEL (solo desktop con mouse)
   En cada card hay un widget (Editor de texto, pestaña Texto) con la clase
   "home-carrusel-ficha" y esta lista:
     <ul>
       <li><strong>SUPERFICIE:</strong> 1000 M²</li>
       <li><strong>TIPOLOGÍA:</strong> HOTEL BOUTIQUE</li>
       <li><strong>UBICACIÓN:</strong> RAICES, SAN VICENTE</li>
       <li><strong>AÑO:</strong> EN CONSTRUCCIÓN</li>
     </ul>
   Al pasar el mouse, la card crece y la ficha se despliega debajo sobre fondo negro.
   En tablet y celular no se muestra.
   Va DESPUÉS del carrusel porque redefine el aire de abajo de la pista.
   ========================================================= */

/* por defecto (tablet y celular): oculta */
.home-proyectos-wrapper .home-proyectos-slider > .home-carrusel .home-carrusel-ficha {
  display: none !important;
}

@media (hover: hover) and (min-width: 1025px) {

  /* más aire ABAJO de la pista para que entre la ficha. El margen negativo lo compensa:
     el carrusel no ocupa más lugar en la página */
  .home-proyectos-wrapper .home-proyectos-slider {
    --ovb: 150px;
    padding: var(--ovy) var(--ovx) var(--ovb) !important;
    margin: calc(var(--ovy) * -1) calc(var(--ovx) * -1) calc(var(--ovb) * -1) !important;
  }

  /* solo en la page Proyectos (id 362); en la home no cambia nada:
     - margin-bottom: separación entre carruseles, sin esto la ficha tapa el título de abajo
     - padding a los lados: aire para que la card agrandada no quede pegada al borde de la pantalla;
       llega a 85px, que es donde empiezan los títulos */
  body.elementor-page-362 .home-proyectos-wrapper {
    margin-bottom: 120px !important;
    padding-left: clamp(40px, 4.5vw, 85px) !important;
    padding-right: clamp(40px, 4.5vw, 85px) !important;
  }

  .home-proyectos-wrapper .home-proyectos-slider > .home-carrusel .home-carrusel-ficha {
    display: block !important;
    position: absolute !important;
    top: 100%;
    bottom: auto;
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 6px !important;
    background: #000 !important;      /* desplegable negro */
    overflow: hidden;
    max-height: 0;                    /* cerrado: se despliega hacia abajo al hacer hover */
    opacity: 0;
    pointer-events: none;             /* el click sigue yendo al título */
    transition: max-height .35s ease, opacity .25s ease;
  }
  .home-proyectos-wrapper .home-proyectos-slider > .home-carrusel:hover .home-carrusel-ficha {
    max-height: 140px;
    opacity: 1;
  }

  /* todo en blanco; solo cambia el peso: etiqueta en negrita, dato en normal */
  .home-carrusel-ficha ul {
    list-style: none;
    margin: 0;
    padding: 12px 0 0;
  }
  .home-carrusel-ficha li,
  .home-carrusel-ficha p {
    margin: 0;
    font-size: 12px;                  /* la card está agrandada ~15 %, se ve de ~14px */
    line-height: 1.45;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
  }
  .home-carrusel-ficha strong,
  .home-carrusel-ficha b {
    font-weight: 700;
    color: #fff;
  }
}

/* =========================================================
   AJUSTES MOBILE (hasta 767px) — pegar al FINAL del CSS global
   Medido en 375px de ancho. Los .elementor-kit-6es con elementor-element-XXXX
   dependen del ID del widget: si recreás el widget, cambia.
   Lo ideal es ponerles una clase en Elementor y reemplazar el ID.
   ========================================================= */
@media (max-width: 767px) {

  /* Proyectos: títulos de cada carrusel (">>", CASAS, GRANDES PROYECTOS, RAICES DESARROLLO, DISEÑO INTERIOR) (70px) */
  .elementor-element-fc18ac2 .elementor-heading-title,
  .elementor-element-f78356e .elementor-heading-title,
  .elementor-element-c582e0f .elementor-heading-title,
  .elementor-element-3a67571 .elementor-heading-title,
  .elementor-element-03e072c .elementor-heading-title,
  .elementor-element-8185287 .elementor-heading-title,
  .elementor-element-c91e928 .elementor-heading-title,
  .elementor-element-813952e .elementor-heading-title,
  .elementor-element-57318dd .elementor-heading-title,
  .elementor-element-8b39d64 .elementor-heading-title,
  .elementor-element-9cecf5b .elementor-heading-title {
    font-size: clamp(30px, 10.5vw, 42px) !important;
    line-height: 1.05 !important;
  }

  /* Título grande de cada card: el tamaño lo define el bloque 11/11 */
  .home-carrusel-titulo-bold .elementor-heading-title {
    line-height: 1.15 !important;
  }

  /* Contacto: la tarjeta con los datos y el formulario estaba en fila (2 columnas) y se pisaban */
  .elementor-element-516d5be > .e-con,
  .elementor-element-516d5be > .elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* los datos de contacto (teléfono, mail, dirección) no se parten letra por letra */
  .elementor-element-a9b7d6f,
  .elementor-element-7a2a75c {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Menú desplegable (tablet y celular) */
@media (max-width: 1024px) {
  /* el panel ocupa todo el ancho y tiene fondo propio */
  .e-n-menu .e-n-menu-wrapper { background: #000 !important; }
  .e-n-menu .e-n-menu-content,
  .e-n-menu .e-n-menu-content > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    background: #000 !important;
  }
  /* los íconos de redes en una sola línea, alineados a la izquierda */
  .e-n-menu .e-n-menu-content .elementor-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
}
/* =========================================================
   CARDS CON FLIP + AGRANDAR (page Desarrollos: "Ventajas de invertir con nosotros")
   Clase a poner en cada CARD (contenedor): flip-card
   Dentro de cada card: un widget Encabezado (frente) y un widget Editor de texto (dorso).
   - Desktop con mouse: al pasar el mouse la card gira y se agranda.
   - Tablet y celular (táctil): lo hace con un toque (lo maneja el script de flip-cards-script.html).
   No se corren las cards vecinas: el agrandado es chico y entra en el espacio entre cards.
   La card en sí no se mueve; lo que gira y crece son sus dos caras (crecen de verdad, sin escalar,
   y el giro es un flip 2D que termina SIN ninguna transformación, para que las letras se vean nítidas). Así el mouse siempre
   está sobre una zona estable y no hay parpadeos al mover rápido.
   ========================================================= */

.flip-card {
  --crece-x: 4px;                    /* a los lados casi no crece: así queda aire con la card vecina (espacio entre cards: 15px) */
  --crece-y: 22px;                   /* arriba y abajo crece más (como en Figma): 130px -> 174px */
  --flip-fondo: #161616;             /* fondo de la card */
  --flip-borde: #dfdfdf;             /* color del borde */
  --flip-radio: 20px;                /* redondeo de las esquinas */
  position: relative !important;
  z-index: 1;                        /* valor numérico para que el z-index pueda bajar con retraso al soltar el mouse */
  height: 130px !important;          /* alto de la card cerrada */
  min-height: 0 !important;
  padding: 0 !important;
  /* la card en sí es transparente: el fondo y el borde los llevan las caras */
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;        /* anula el efecto 'grow' heredado de Elementor: escalar la card vuelve borrosas las letras */
  will-change: auto !important;
  transition: z-index 0s .5s !important;   /* el z-index baja recién cuando termina de volver */
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* las dos caras (encabezado y texto) ocupan toda la card, una encima de la otra */
.flip-card > .elementor-widget {
  position: absolute !important;
  inset: 0;
  width: auto !important;            /* con inset, el ancho lo marca la card (y crece al girar) */
  max-width: none !important;
  margin: 0 !important;
  padding: 14px !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--flip-fondo);
  border: 1px solid var(--flip-borde);
  border-radius: var(--flip-radio);
  /* giro: el frente se achica hasta 0 en la 1ª mitad y el dorso se abre en la 2ª (en reposo no hay transform) */
  transition: transform .25s ease-in .25s, inset .5s cubic-bezier(.4, .1, .2, 1) !important;
  transform: none !important;
}
.flip-card > .elementor-widget .elementor-widget-container { width: 100%; }
.flip-card > .elementor-widget-text-editor { transform: scaleX(0) !important; transition: transform .25s ease-in, inset .5s cubic-bezier(.4, .1, .2, 1) !important; }  /* el dorso arranca cerrado */
.flip-card > .elementor-widget-text-editor p { margin: 0; }

/* card girada (toque en tablet/celular) */
.flip-card.is-flipped { z-index: 5; transition: z-index 0s !important; }
.flip-card.is-flipped > .elementor-widget { inset: calc(var(--crece-y) * -1) calc(var(--crece-x) * -1); }
.flip-card.is-flipped > .elementor-widget-heading { transform: scaleX(0) !important; transition: transform .25s ease-in, inset .5s cubic-bezier(.4, .1, .2, 1) !important; }
.flip-card.is-flipped > .elementor-widget-text-editor { transform: none !important; transition: transform .25s ease-out .25s, inset .5s cubic-bezier(.4, .1, .2, 1) !important; }

/* desktop con mouse: gira al pasar el mouse */
@media (hover: hover) and (pointer: fine) {
  .flip-card:hover { z-index: 5; transition: z-index 0s !important; }
  .flip-card:hover > .elementor-widget { inset: calc(var(--crece-y) * -1) calc(var(--crece-x) * -1); }
  .flip-card:hover > .elementor-widget-heading { transform: scaleX(0) !important; transition: transform .25s ease-in, inset .5s cubic-bezier(.4, .1, .2, 1) !important; }
  .flip-card:hover > .elementor-widget-text-editor { transform: none !important; transition: transform .25s ease-out .25s, inset .5s cubic-bezier(.4, .1, .2, 1) !important; }
}

/* celular: las cards van una debajo de la otra, el agrandado es más chico para que no se salga */
@media (max-width: 767px) {
  .flip-card { --crece-x: 6px; --crece-y: 6px; }
}

/* tipografía fluida: en pantallas chicas las 3 cards quedan angostas y "ASESORAMIENTO" tocaba los bordes.
   El título baja de tamaño junto con el ancho de la ventana (20px máximo, 13px mínimo; en 1365px queda ~15.7px).
   En celular las cards ocupan todo el ancho, así que ahí no hace falta. */
@media (min-width: 768px) {
  .flip-card > .elementor-widget { padding: 10px !important; }
  .flip-card > .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(13px, 1.15vw, 20px) !important;
    line-height: 1.15 !important;
  }
  .flip-card > .elementor-widget-text-editor,
  .flip-card > .elementor-widget-text-editor p {
    font-size: clamp(12px, 1vw, 16px) !important;
    line-height: 1.35 !important;
  }
}
/* =========================================================
   DESARROLLOS: "Ventajas de invertir con nosotros" — tablet y celular
   PEGAR DESPUÉS del bloque de flip-cards (y de la regla de .ventajas-titulo), al final del CSS global.
   Medido en la página en vivo a 375, 768, 820, 1024 y 1100px.

   Clases opcionales (si las ponés en Elementor, reemplazan a los IDs):
     ventajas-fila  -> flexbox que contiene el título y las cards   (hoy: elementor-element-21335a7)
     ventajas-cards -> flexbox que contiene las 3 cards              (hoy: elementor-element-5e10b33)
   ========================================================= */

/* tablet y notebooks chicas (hasta 1100px): el título pasa arriba y las 3 cards abajo, a todo el ancho.
   En una sola fila las cards quedaban de ~94px y el texto se salía de la card. */
@media (max-width: 1100px) and (min-width: 768px) {
  .ventajas-fila, .elementor-element-21335a7 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 30px !important;
  }
  .ventajas-titulo {
    width: 100% !important;
    max-width: none !important;
  }
  .ventajas-titulo .elementor-heading-title {
    font-size: clamp(30px, 4.4vw, 40px) !important;
  }
  .ventajas-cards, .elementor-element-5e10b33 {
    width: 100% !important;
    max-width: none !important;
  }
  .ventajas-cards .flip-card, .elementor-element-5e10b33 .flip-card {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  /* las cards son más anchas que en desktop: la letra puede ser más grande */
  .flip-card > .elementor-widget-heading .elementor-heading-title {
    font-size: clamp(15px, 2vw, 18px) !important;
  }
  .flip-card > .elementor-widget-text-editor,
  .flip-card > .elementor-widget-text-editor p {
    font-size: clamp(13px, 1.7vw, 16px) !important;
  }
}


@media (min-width: 1025px) {
  .ventajas-titulo .elementor-heading-title {
    font-size: clamp(26px, 2.35vw, 40px) !important;
    line-height: 1.1 !important;
  }
}
/* =========================================================
   GALERÍA DE LAS PÁGINAS DE PROYECTO
   Clase a poner en el widget "Carrusel de imágenes" de la plantilla: galeria-proyecto
   (Avanzado -> Clases CSS, sin el punto).
   Todas las fotos del MISMO tamaño (formato 9:10, recortadas con "cover").
   Al pasar el mouse la foto se agranda un poco; al hacer click se abre el lightbox.
   ========================================================= */

.galeria-proyecto {
  margin-bottom: 60px;
}
.galeria-proyecto .swiper {
  overflow: hidden;
  padding: 30px 0;                   /* lugar para que la foto agrandada no se corte */
}
.galeria-proyecto .swiper-slide {
  width: 28vw !important;            /* ancho de TODAS las fotos en desktop */
  height: auto;
  display: flex;
  align-items: center;
  transform: none;
  transition: transform .35s ease;
}
.galeria-proyecto .swiper-slide a,
.galeria-proyecto .swiper-slide figure {
  display: block;
  width: 100%;
  margin: 0;
  cursor: zoom-in;
}
.galeria-proyecto .swiper-slide img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 9 / 10;              /* mismo formato para todas, sin importar cómo vino la foto */
  object-fit: cover;
}

/* hover: la foto se agranda (solo con mouse; en celular/tablet no hay hover) */
@media (hover: hover) {
  .galeria-proyecto .swiper-slide:hover {
    transform: scale(1.08);
    z-index: 3;
  }
}

/* flechas blancas, grandes, por encima de las fotos */
.galeria-proyecto .elementor-swiper-button {
  z-index: 5;
  color: #fff !important;
  font-size: 56px !important;
  opacity: 1 !important;
  filter: drop-shadow(0 1px 6px rgba(0,0,0,.45));   /* se ven también sobre fotos claras */
}
.galeria-proyecto .elementor-swiper-button svg,
.galeria-proyecto .elementor-swiper-button i {
  width: 1em !important;
  height: 1em !important;
  fill: #fff !important;
  color: #fff !important;
}

/* tablet */
@media (max-width: 1024px) {
  .galeria-proyecto .swiper-slide { width: 40vw !important; }
}
/* celular */
@media (max-width: 767px) {
  .galeria-proyecto .swiper-slide { width: 62vw !important; }
  .galeria-proyecto .elementor-swiper-button { font-size: 40px !important; }
}
/* =========================================================
   Menú del header en pantallas medianas (1025–1366 px):
   achica la separación y la letra para que entre en un renglón
   ========================================================= */
@media (min-width: 1025px) and (max-width: 1366px) {
  .elementor-location-header .e-n-menu {
    --n-menu-heading-wrap: nowrap !important;
    --n-menu-title-space-between: clamp(4px, 1.2vw, 24px) !important;
    --n-menu-title-padding: 8px clamp(6px, 1.4vw, 20px) !important;
  }
  .elementor-location-header .e-n-menu-heading {
    flex-wrap: nowrap !important;
  }
  .elementor-location-header .e-n-menu-title-text {
    font-size: clamp(13px, 1.2vw, 17px) !important;
    white-space: nowrap !important;
  }
}
/* =========================================================
   AJUSTES RESPONSIVE — revisión 2/11/2026
   Los .elementor-kit-6es con elementor-element-XXXX dependen del ID del bloque.
   ========================================================= */

/* 1) Fondo negro en todo el sitio (Astra dejaba #111 gris entre secciones) */
body,
#page,
.site-content,
.ast-container,
#primary,
.site-main {
  background-color: #000 !important;
}
/* cajas de video/imagen de los proyectos: negras mientras cargan */
.proyecto-ficha__caja,
.proyecto-memoria__caja {
  background: #000 !important;
}

/* 2) Header: en tablet y celular el widget del menú tomaba ~370px de ancho
      y empujaba la hamburguesa fuera de la pantalla */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-widget-n-menu {
    width: auto !important;
    max-width: none !important;
  }
}

/* 3) Tarjetas de "Nuestro proceso" (Nosotros): cerradas no ocupan lugar */
@media (max-width: 1024px) {
  .proceso-card:not(.is-open) .proceso-info {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* 4) "Más que un equipo, somos familia" (Home): en tablet y celular la foto
      va arriba y el texto abajo, en tamaño legible (antes salía de 6–10px) */
@media (max-width: 1024px) {
  .gf-reveal { aspect-ratio: auto !important; height: auto !important; cursor: default; }
  .gf-reveal .gf-reveal__stage { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; }
  .gf-reveal .gf-reveal__media { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: var(--gf-img-ratio, 2.56); transform: none !important; }
  .gf-reveal .gf-reveal__img { width: 100% !important; height: 100% !important; object-fit: cover; }
  .gf-reveal .gf-reveal__img--open { opacity: 0 !important; }
  .gf-reveal .gf-reveal__title,
  .gf-reveal.is-open .gf-reveal__title { top: auto !important; bottom: 12px !important; left: 14px !important; transform: none !important; font-size: clamp(13px, 2.4vw, 20px) !important; }
  .gf-reveal .gf-reveal__panel,
  .gf-reveal.is-open .gf-reveal__panel { position: relative !important; inset: auto !important; width: 100% !important; opacity: 1 !important; transform: none !important; }
  .gf-reveal .gf-reveal__text,
  .gf-reveal.is-open .gf-reveal__text { position: relative !important; inset: auto !important; top: auto !important; left: auto !important; right: auto !important; font-size: clamp(15px, 2vw, 18px) !important; line-height: 1.55 !important; padding-top: 16px; }
}

/* 5) HOME (página 48) */
@media (max-width: 1024px) {
  /* "Nuestros clientes": tenía 75px de margen a la izquierda y se salía */
  .elementor-48 .elementor-element.elementor-element-f5f52ce { margin-left: 0 !important; }
  /* "CONTACTO" tenía ancho mínimo de 360px */
  .elementor-48 .elementor-element.elementor-element-e0dd0b0 { min-width: 0 !important; }
}
@media (max-width: 767px) {
  .elementor-48 .elementor-element.elementor-element-5a0261b .clientes-nuestros { font-size: clamp(30px, 11vw, 64px) !important; }
  .elementor-48 .elementor-element.elementor-element-5a0261b .clientes-clientes { font-size: clamp(42px, 15.5vw, 92px) !important; }
  /* "Descubrí nuestros PROYECTOS >>": "PROYECTOS" se cortaba */
  .elementor-48 .elementor-element.elementor-element-2ed58e4 > .elementor-widget { padding-left: 16px !important; padding-right: 16px !important; margin-left: 0 !important; width: 100% !important; max-width: 100% !important; }
  /* contadores (+18 / +500 / 3): uno debajo del otro */
  .elementor-48 .elementor-element.elementor-element-f149f98 { flex-direction: column !important; align-items: center !important; gap: 32px !important; height: auto !important; }
  .elementor-48 .elementor-element.elementor-element-f149f98 > .e-con { width: 100% !important; max-width: 100% !important; height: auto !important; justify-content: center !important; }
  .elementor-48 .elementor-element.elementor-element-f149f98 .elementor-widget-counter { width: 100% !important; max-width: 100% !important; }
  /* tarjeta de contacto: datos arriba, mapa abajo */
  .elementor-48 .elementor-element.elementor-element-f036107 { flex-direction: column !important; align-items: stretch !important; padding: 36px 20px !important; }
  .elementor-48 .elementor-element.elementor-element-f036107 > .e-con { width: 100% !important; max-width: 100% !important; }
}

/* 6) NOSOTROS (página 360) */
@media (max-width: 1024px) {
  /* portada: el bloque de texto tenía -40px de margen y "NOSOTROS" quedaba cortado */
  .elementor-360 .elementor-element.elementor-element-b44032b { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; padding-left: 24px !important; padding-right: 24px !important; }
  /* el texto va sobre la foto: sombra para que se lea */
  .elementor-360 .elementor-element.elementor-element-b44032b .elementor-widget { text-shadow: 0 2px 14px rgba(0,0,0,.75), 0 0 2px rgba(0,0,0,.6); }
  /* "Nuestro enfoque": título arriba y las 3 tarjetas debajo */
  .elementor-360 .elementor-element.elementor-element-a3deab5 { flex-direction: column !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 24px !important; gap: 24px !important; }
  .elementor-360 .elementor-element.elementor-element-748a6ff,
  .elementor-360 .elementor-element.elementor-element-7264a47 { width: 100% !important; max-width: 100% !important; }
  .elementor-360 .elementor-element.elementor-element-7264a47 { align-items: stretch !important; }
  .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con { flex: 1 1 0 !important; width: auto !important; max-width: none !important; height: auto !important; }
  /* historia: foto arriba y texto abajo */
  .elementor-360 .elementor-element.elementor-element-4fdf386 { flex-direction: column !important; width: 100% !important; max-width: 100% !important; padding: 0 24px !important; gap: 24px !important; margin-left: 0 !important; margin-right: 0 !important; }
  .elementor-360 .elementor-element.elementor-element-7b5c9d7 { width: 100% !important; max-width: 640px !important; min-height: 0 !important; height: auto !important; aspect-ratio: 4 / 3; background-size: cover !important; background-position: center 30% !important; }
  .elementor-360 .elementor-element.elementor-element-7ff5bdc,
  .elementor-360 .elementor-element.elementor-element-02ed96c { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; }
  /* proceso: las 5 tarjetas una debajo de la otra (se abren tocándolas) */
  .elementor-360 .elementor-element.elementor-element-b4d956a { width: 100% !important; max-width: 100% !important; padding: 0 24px !important; margin-left: 0 !important; margin-right: 0 !important; }
  .elementor-360 .elementor-element.elementor-element-8ecc127 { flex-direction: column !important; height: auto !important; gap: 16px !important; }
  .elementor-360 .elementor-element.elementor-element-8ecc127 > .e-con { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .elementor-360 .elementor-element.elementor-element-8ecc127 > .e-con > .e-con { width: 100% !important; max-width: 100% !important; }
  /* "Somos un grupo de jóvenes profesionales": foto, título y texto apilados, sin pisarse */
  .elementor-360 .elementor-element.elementor-element-fab8a8f { height: auto !important; min-height: 0 !important; padding-top: 48px !important; padding-bottom: 48px !important; }
  .elementor-360 .elementor-element.elementor-element-11a84e1 { height: auto !important; }
  .elementor-360 .elementor-element.elementor-element-3933963,
  .elementor-360 .elementor-element.elementor-element-bc9cc7d { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; }
  .elementor-360 .elementor-element.elementor-element-86f4272,
  .elementor-360 .elementor-element.elementor-element-86f4272 .elementor-heading-title { padding-left: 0 !important; padding-right: 0 !important; }
  .elementor-360 .elementor-element.elementor-element-86f4272 .elementor-heading-title { font-size: clamp(24px, 8.5vw, 40px) !important; }
  .elementor-360 .elementor-element.elementor-element-4003a18 { padding-left: .8em !important; }
  .elementor-360 .elementor-element.elementor-element-4003a18 .elementor-heading-title { font-size: clamp(28px, 9.5vw, 43px) !important; }
  /* equipo: el texto de la tarjeta abierta (roles y nombres) salía de 9px */
  .elementor-360 .ec-panel .ec-list__role,
  .elementor-360 .ec-panel .ec-list__name { font-size: clamp(12px, 1.7vw, 14px) !important; line-height: 1.35 !important; }
  .elementor-360 .ec-panel { overflow-y: auto !important; }
}
@media (max-width: 767px) {
  .elementor-360 .elementor-element.elementor-element-b44032b,
  .elementor-360 .elementor-element.elementor-element-a3deab5,
  .elementor-360 .elementor-element.elementor-element-4fdf386,
  .elementor-360 .elementor-element.elementor-element-b4d956a { padding-left: 16px !important; padding-right: 16px !important; }
}

/* 7) CONTACTO (página 366): datos arriba y formulario abajo, en una tarjeta más ancha */
@media (max-width: 1024px) {
  .elementor-366 .elementor-element.elementor-element-7a2a75c { min-width: 0 !important; }
  .elementor-366 .elementor-element.elementor-element-516d5be { flex-direction: column !important; align-items: stretch !important; width: auto !important; max-width: 640px !important; margin-left: auto !important; margin-right: auto !important; padding: 48px 40px !important; gap: 32px !important; }
  .elementor-366 .elementor-element.elementor-element-516d5be > .e-con { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
}@media (max-width: 767px) {
  .elementor-366 .elementor-element.elementor-element-516d5be { margin-left: 16px !important; margin-right: 16px !important; padding: 36px 20px !important; }
}

/* 8) DESARROLLOS (364) y PROYECTOS (362): títulos con ancho 100% + margen se salían 10px */
@media (max-width: 767px) {
  .elementor-364 .elementor-element.elementor-element-813a49c,
  .elementor-362 .elementor-element.elementor-element-5f84746 { width: auto !important; max-width: 100% !important; }
  .elementor-364 .elementor-element.elementor-element-6fb5f1c { padding-left: 16px !important; }
}

/* 9) Mail en las listas de contacto: en minúscula para que entre sin cortarse */
@media (max-width: 1024px) {
  .elementor-icon-list-item a[href^="mailto"] .elementor-icon-list-text {
    text-transform: lowercase !important;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 767px) {
  .elementor-icon-list-item a[href^="mailto"] .elementor-icon-list-text { font-size: 14px !important; }
}
/* =========================================================
   AJUSTES RESPONSIVE 2 — 2/11/2026 (pegar DEBAJO del bloque anterior)
   ========================================================= */

/* 10) Videos de portada (Home, Proyectos, Desarrollos): menos altos en celular y tablet
       para que el video horizontal se vea más completo */
@media (max-width: 1024px) {
  .elementor-48 [data-id="8c6bc64"],
  .elementor-362 [data-id="ea23d59"],
  .elementor-364 [data-id="dbce647"] { min-height: clamp(440px, 72vw, 640px) !important; height: auto !important; }
  .elementor-48 [data-id="70bfac2"], .elementor-48 [data-id="0448992"],
  .elementor-362 [data-id="9601a6f"], .elementor-362 [data-id="f727ea4"],
  .elementor-364 [data-id="af8f391"] { min-height: 0 !important; height: auto !important; }
}
@media (max-width: 767px) {
  .elementor-48 [data-id="8c6bc64"],
  .elementor-362 [data-id="ea23d59"],
  .elementor-364 [data-id="dbce647"] { min-height: clamp(420px, 125vw, 560px) !important; }
  /* Home: título 36px más arriba del borde inferior */
  .elementor-48 [data-id="0448992"] { padding-bottom: 36px !important; }
  /* Proyectos: el título ya no se corta abajo */
  .elementor-362 [data-id="f727ea4"] { padding-bottom: 28px !important; }
  /* Desarrollos: título alineado a la izquierda y abajo (como la Home, un poco más arriba),
     sin la barra separadora y con "LUGARES PARA VIVIR" en otro renglón */
  .elementor-364 [data-id="af8f391"] { display: flex !important; flex-direction: column !important; justify-content: flex-end !important; }
  .elementor-364 [data-id="16bd993"] { min-height: 0 !important; justify-content: flex-end !important; align-items: flex-start !important; padding-bottom: 80px !important; }
  .elementor-364 .elementor-element.elementor-element-f711a79 { margin-left: 30px !important; width: auto !important; max-width: calc(100% - 40px) !important; }
  .elementor-364 .elementor-element.elementor-element-f711a79 .elementor-heading-title { text-align: left !important; }
  .elementor-364 .titulo-sep { display: none !important; }
  .elementor-364 .titulo-resto { display: block !important; }
}

/* 11) "Más que un equipo, somos familia" (Home) en tablet y celular:
       se ve la foto con el título; al tocarla se despliega el texto debajo.
       Título y texto alineados a la derecha. */
@media (max-width: 1024px) {
  .gf-reveal { cursor: pointer !important; }
  .gf-reveal .gf-reveal__stage { container-type: inline-size !important; }
  .gf-reveal .gf-reveal__title,
  .gf-reveal.is-open .gf-reveal__title { left: auto !important; right: 14px !important; text-align: right !important; }
  .gf-reveal .gf-reveal__panel { max-height: 0 !important; opacity: 0 !important; overflow: hidden !important; transition: max-height .45s ease, opacity .3s ease !important; }
  .gf-reveal.is-open .gf-reveal__panel { max-height: 700px !important; opacity: 1 !important; }
  .gf-reveal .gf-reveal__text,
  .gf-reveal.is-open .gf-reveal__text { text-align: right !important; }
}
/* =========================================================
   AJUSTES 3 — pedidos de la diseñadora (3/11/2026)
   Pegar DEBAJO de los bloques anteriores del CSS global
   ========================================================= */

/* 12) Galería de los proyectos: la foto crece más con el mouse y se superpone a las de los costados */
@media (hover: hover) {
  .galeria-proyecto .swiper {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
    margin-top: -26px !important;      /* compensa el aire extra: la galería no se separa más del resto */
    margin-bottom: -26px !important;
  }
  .galeria-proyecto .swiper-slide { position: relative; }
  .galeria-proyecto .swiper-slide:hover {
    transform: scale(1.22) !important;
    z-index: 5 !important;
  }
}
/* 13) Celular (audios de la diseñadora 3/11):
       - franjas con botón: texto centrado y el botón centrado debajo (mismo tamaño)
       - pie: GIMENEZ / FAMILIA DE ARQUITECTOS más chicos, SEGUINOS EN NUESTRAS REDES mucho más chico
         y más aire entre la marca y SEGUINOS
       Empieza con "body" para que gane a los bloques 16 y 17 */
@media (max-width: 767px) {
  body .proyecto-franjas .proyecto-franja.con-boton { width: 100% !important; align-items: center !important; }
  body .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__boton { align-self: center !important; }
  body .elementor-location-footer [data-id="cc60d5d"] strong { font-size: 20px !important; }
  body .elementor-location-footer [data-id="cc60d5d"] p { font-size: 10.5px !important; }
  body .elementor-location-footer [data-id="10369b0"],
  body .elementor-location-footer [data-id="10369b0"] p { font-size: 11px !important; letter-spacing: .08em !important; line-height: 1.3 !important; }
}
/* 14) Franjas con botón (YouTube, tour virtual…) en celular: título y botón más chicos */
@media (max-width: 767px) {
  .proyecto-franjas .proyecto-franja.con-boton { gap: 16px !important; }
  .proyecto-franjas .proyecto-franja__chico { font-size: 13px !important; }
  .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__grande { font-size: 20px !important; }
}
/* 15) Galería de los proyectos en celular y tablet (sin mouse): la foto del medio
       queda agrandada; al pasar a la siguiente se achica y crece la nueva */
@media (hover: none) {
  .galeria-proyecto .swiper {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
    margin-top: -14px !important;
    margin-bottom: -14px !important;
  }
  .galeria-proyecto .swiper-slide { position: relative; transition: transform .4s ease !important; }
  .galeria-proyecto .swiper-slide.swiper-slide-active { transform: scale(1.2) !important; z-index: 5 !important; }
}
/* 16) Pedidos de la diseñadora (3/11, celular):
       - botón de las franjas más chico
       - pie: GIMENEZ más cerca del logo y FAMILIA DE ARQUITECTOS centrado debajo */
@media (max-width: 767px) {
  .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__boton {
    width: auto !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 8px 22px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
  }
  .elementor-location-footer [data-id="cc60d5d"] { margin-top: -14px !important; }
  .elementor-location-footer [data-id="cc60d5d"] p { margin-bottom: 0 !important; text-align: center !important; letter-spacing: .12em !important; line-height: 1.3 !important; }
  .elementor-location-footer [data-id="cc60d5d"] strong { display: block; letter-spacing: .04em !important; line-height: 1.1 !important; margin: 0 0 4px !important; }
}
/* 17) Celular: "SEGUINOS EN NUESTRAS REDES" pegado a los íconos */
@media (max-width: 767px) {
  .elementor-location-footer [data-id="10369b0"],
  .elementor-location-footer [data-id="10369b0"] p { margin-bottom: 0 !important; }
  .elementor-location-footer [data-id="5fab6c6"] { margin-top: 4px !important; }
}
/* 18) Celular (3/11): pie centrado de verdad y marca centrada entre el botón y SEGUINOS
       - SEGUINOS tenía -15px de margen a la izquierda y GIMENEZ 8px a la derecha: quedaban corridos
       - el espaciado entre letras deja un hueco al final: se compensa a la izquierda
       - la marca queda a la misma distancia del botón de arriba (~55px) que de SEGUINOS (~51px) */
@media (max-width: 767px) {
  body .elementor-location-footer [data-id="10369b0"],
  body .elementor-location-footer [data-id="cc60d5d"] { margin-left: 0 !important; margin-right: 0 !important; }
  body .elementor-location-footer [data-id="10369b0"] p { padding-left: .08em !important; }
  body .elementor-location-footer [data-id="cc60d5d"] p { padding-left: .12em !important; }
  body .elementor-location-footer [data-id="cc60d5d"] { margin-bottom: 52px !important; }
  body .proyecto-franjas.franjas-despues { margin-bottom: 20px !important; }
}
/* 19) Celular: mismo criterio que las franjas de los proyectos en los otros
       "título + botón" del sitio: título centrado y botón chico centrado debajo
       - Nosotros: "¿QUERÉS TRABAJAR CON NOSOTROS? >>" + "ENVIANOS TU CV Y PORTFOLIO" (clases cta-fila / cta-texto / cta-boton)
       - Desarrollos: "CONOCÉ NUESTRO DESARROLLO >>" + "DESCUBRÍ RAÍCES"
       - las ">>" en span "flechas" ya no quedan solas en otro renglón */
@media (max-width: 1024px) {
  .elementor-heading-title .flechas { display: inline !important; }
}
@media (max-width: 767px) {
  body .cta-fila { align-items: center !important; }
  body .cta-fila .cta-texto { align-items: center !important; width: 100% !important; }
  body .cta-fila .cta-texto .elementor-heading-title { text-align: center !important; }
  body .cta-fila .cta-boton { width: auto !important; min-width: 0 !important; align-self: center !important; }
  body .cta-fila .cta-boton .elementor-widget-button,
  body .cta-fila .cta-boton .elementor-button-wrapper { width: auto !important; }
  body .cta-fila .cta-boton .elementor-button { width: auto !important; min-height: 40px !important; padding: 10px 28px !important; font-size: 15px !important; border-radius: 12px !important; white-space: nowrap !important; }

  body .elementor-364 .elementor-element.elementor-element-0ee68e4,
  body .elementor-364 .elementor-element.elementor-element-533e7f7,
  body .elementor-364 .elementor-element.elementor-element-dbdf318 { align-items: center !important; justify-content: center !important; }
  body .elementor-364 .elementor-element.elementor-element-e78527a { width: 100% !important; }
  body .elementor-364 .elementor-element.elementor-element-8a7ec0f { width: auto !important; max-width: none !important; align-self: center !important; }
  body .elementor-364 .elementor-element.elementor-element-8a7ec0f .elementor-button { width: auto !important; min-height: 40px !important; padding: 10px 28px !important; font-size: 15px !important; border-radius: 12px !important; line-height: 1.2 !important; }
}
/* Contadores (Home/Nosotros): centrar el número completo con su "+" (antes se centraban solo los dígitos) */
.elementor-counter .elementor-counter-number-wrapper { justify-content: center !important; }
.elementor-counter .elementor-counter-number-prefix,
.elementor-counter .elementor-counter-number-suffix { flex: 0 0 auto !important; }
/* >> más grandes en todos los títulos del sitio (span "flechas") */
.elementor-heading-title .flechas{font-size:1.6em!important;line-height:0!important;vertical-align:-0.06em}

/* Desarrollos: título "CONOCÉ NUESTRO DESARROLLO" un poco más grande */
.elementor-364 .elementor-element.elementor-element-6fb5f1c .elementor-heading-title{font-size:clamp(56px,4.7vw,90px)!important;line-height:.9!important}
/* Nosotros, Nuestro enfoque: flip cards con su alto en tablet y celu
   (la regla responsive del 2/11 les ponía height:auto y quedaban de 2px) */
@media (max-width:1024px){
  .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card{height:130px!important;min-height:0!important}
}
/* Celu: las >> de los títulos un poco más chicas (1,3 en vez de 1,6 veces el texto) */
@media (max-width:767px){
  body .elementor-heading-title .flechas{font-size:1.3em!important}
}/* =========================================================
   CORRECCIONES DE LA DISEÑADORA (11/11 y 12/11), ya limpias
   - El desfase (renglón de abajo corrido a la derecha) va SOLO en las cards de los carruseles
     (lo hace el snippet "títulos desfasados en las cards") y en los títulos de CTA con botones
     (¿Qué querés que diseñemos juntos?, ¿Querés trabajar con nosotros?,
     franjas con botón de las páginas de proyecto). El resto de los encabezados va alineado, como en el Figma.
   - Portadas de los proyectos en compu: como en el Figma (12/11). En celu siguen como las arma el snippet de portada.
   - Portadas con video de Home y Proyectos: sin desfase. Desarrollos (Raíces) queda como está.
   ========================================================= */

/* ---------- TÍTULOS (todas las pantallas) ---------- */
/* títulos de 2 renglones (spans enfoque-light / enfoque-bold): alineados */
.elementor-heading-title .enfoque-bold{display:inline-block;margin-left:0}
/* salvo los CTA con botones: el renglón de abajo apenas corrido */
.elementor-element-d274cf5 .elementor-heading-title .enfoque-bold,
.elementor-element-791263e .elementor-heading-title .enfoque-bold,
.elementor-element-666930d .elementor-heading-title .enfoque-bold{margin-left:.7em}
/* Desarrollos, "Conocé nuestro desarrollo": alineado (pedido de la diseñadora 12/11) */
html body .elementor-element.elementor-element-e78527a .elementor-heading-title .enfoque-bold{margin-left:0!important}

/* ---------- PORTADAS ---------- */
/* Portadas con video (Home y Proyectos): sin desfase, los 2 renglones alineados a la izquierda, abajo. */
html body .elementor-48 .elementor-element-bcb1278 .elementor-heading-title > span:last-of-type,
html body .elementor-362 .elementor-element-e443a20 .elementor-heading-title > span:last-of-type{margin-left:0!important}
/* Portadas de los proyectos en compu y tablet: copiadas del Figma del 12/11, medidas proyecto por proyecto.
   Por defecto, los 2 renglones alineados a la izquierda y el de abajo arranca 1 letra (1em) más adentro.
   Cada proyecto puede cambiar: --pt-ind (cuánto arranca más adentro el de abajo), --pt-pre (cuánto arranca más adentro
   el de arriba) y, en los alineados a la derecha, --pt-fin (cuánto antes termina el de abajo).
   Casa FOA y Oficinas Offal quedan como las arma el snippet (ya coinciden con el Figma). */
@media (min-width:768px){
  html body:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-start!important;text-align:left!important}
  html body:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__prefijo{margin-left:var(--pt-pre,0)!important;margin-right:0!important}
  html body:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-left:var(--pt-ind,1em)!important;margin-right:var(--pt-fin,0)!important}
  html body:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo.sin-prefijo .proyecto-hero__nombre{margin-left:0!important}
  /* alineados a la derecha (Figma): el renglón de abajo termina junto con el de arriba o un poco antes */
  html body.proyecto-slug-casa-dorrego:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-casa-nm-interiorismo:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-remax-alianza:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-casa-arelauquen:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-estudio-gimenez:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-local-metal-grande:not(.proyecto-slug-casa-foa):not(.proyecto-slug-oficinas-offal) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-end!important;text-align:right!important}
  body.proyecto-slug-casa-dorrego{--pt-ind:0;--pt-fin:.3em}  /* CASA termina un poquito después que DORREGO */
  body.proyecto-slug-casa-nm-interiorismo{--pt-ind:0;--pt-fin:0}
  body.proyecto-slug-remax-alianza{--pt-ind:0;--pt-fin:1em}
  body.proyecto-slug-casa-arelauquen{--pt-ind:0;--pt-fin:1.6em}
  body.proyecto-slug-estudio-gimenez{--pt-ind:0;--pt-fin:1.6em}
  body.proyecto-slug-local-metal-grande{--pt-ind:0;--pt-fin:.8em}
  /* cuánto arranca más adentro el renglón de abajo, según el Figma */
  body.proyecto-slug-casa-nm{--pt-ind:1.5em}
  body.proyecto-slug-oficinas-basani{--pt-ind:2.25em}
  body.proyecto-slug-fincas-chacras{--pt-ind:1.45em}
  body.proyecto-slug-naves-de-valdevez{--pt-ind:1.7em}
  body.proyecto-slug-casa-orbita{--pt-ind:.5em}
  body.proyecto-slug-oficinas-dynamic{--pt-ind:1.45em}
  body.proyecto-slug-casa-chi{--pt-ind:1.5em}
  body.proyecto-slug-proyecto-ushuaia{--pt-ind:2em}
  body.proyecto-slug-condominios-villa-maria{--pt-ind:1.45em}
  body.proyecto-slug-reforma-galileo{--pt-ind:1.45em}
  body.proyecto-slug-proyecto-urbano-san-vicente{--pt-ind:1.3em}
  body.proyecto-slug-hotel-boutique{--pt-ind:.4em}
  body.proyecto-slug-raices-lugares-para-vivir{--pt-ind:1em}
  body.proyecto-slug-concurso-fertil{--pt-ind:0}
  body.proyecto-slug-concurso-fertil{--pt-pre:.8em}  /* FÉRTIL arranca un poco antes que CONCURSO */
  /* dónde va el título sobre la foto, según el Figma (en % de la foto: --tx desde el borde izq. o der., --ty desde arriba) */
  html body.proyecto-slug-casa-mirador .proyecto-hero .proyecto-hero__titulo{--ty:20!important}
  html body.proyecto-slug-casa-dorrego .proyecto-hero .proyecto-hero__titulo{--tx:9!important;--ty:19!important}
  html body.proyecto-slug-casa-terra .proyecto-hero .proyecto-hero__titulo{--ty:20!important}
  html body.proyecto-slug-casa-chi .proyecto-hero .proyecto-hero__titulo{--tx:6!important;--ty:30!important}
  html body.proyecto-slug-fincas-chacras .proyecto-hero .proyecto-hero__titulo{--tx:30!important;--ty:14!important}
  html body.proyecto-slug-casa-alma .proyecto-hero .proyecto-hero__titulo{--ty:19!important}
  html body.proyecto-slug-casa-arelauquen .proyecto-hero .proyecto-hero__titulo{--ty:20!important}
  html body.proyecto-slug-local-metal-grande .proyecto-hero .proyecto-hero__titulo{--tx:3!important;--ty:21!important}
  html body.proyecto-slug-proyecto-ushuaia .proyecto-hero .proyecto-hero__titulo{--tx:53!important;--ty:16!important}
  html body.proyecto-slug-stand-stromled .proyecto-hero .proyecto-hero__titulo{--ty:37!important}
  html body.proyecto-slug-raices-padel-club .proyecto-hero .proyecto-hero__titulo{--tx:6.5!important}
  html body.proyecto-slug-casa-nm-interiorismo .proyecto-hero .proyecto-hero__titulo{--tx:7!important;--ty:27!important}
  html body.proyecto-slug-the-point .proyecto-hero .proyecto-hero__titulo{--tx:63!important}
  html body.proyecto-slug-casa-orbita .proyecto-hero .proyecto-hero__titulo{--tx:2!important}
  html body.proyecto-slug-casa-costa-esmeralda .proyecto-hero .proyecto-hero__titulo{--ty:6!important}
  html body.proyecto-slug-reforma-galileo .proyecto-hero .proyecto-hero__titulo{--tx:.5!important}
  html body.proyecto-slug-raices-lugares-para-vivir .proyecto-hero .proyecto-hero__titulo{--tx:3.6!important}  /* RAÍCES corrido a la izq.; LUGARES PARA VIVIR queda donde estaba (8%) */  /* en el Figma REFORMA arranca casi en el borde */  /* en el cielo, sin pisar la casa */
  /* Hotel Boutique y Casa Órbita: en el Figma el título va abajo a la izquierda */
  html body.proyecto-slug-hotel-boutique .proyecto-hero .proyecto-hero__titulo{top:auto!important;bottom:12%!important}
  html body.proyecto-slug-casa-orbita .proyecto-hero .proyecto-hero__titulo{top:auto!important;bottom:10%!important}
}
/* Raíces Lugares para Vivir (todas las pantallas): al revés que el resto, RAÍCES en negrita y LUGARES PARA VIVIR en light */
html body.proyecto-slug-raices-lugares-para-vivir .proyecto-hero .proyecto-hero__titulo .proyecto-hero__prefijo{font-weight:700!important;font-style:normal!important}
html body.proyecto-slug-raices-lugares-para-vivir .proyecto-hero .proyecto-hero__titulo .proyecto-hero__nombre{font-weight:300!important;font-style:italic!important}
@media (max-width:767px){
  /* Costa Esmeralda en celu: COSTA arriba y ESMERALDA apenas corrida a la derecha */
  html body.proyecto-slug-casa-costa-esmeralda .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-start!important;text-align:left!important}
  html body.proyecto-slug-casa-costa-esmeralda .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__prefijo{margin:0!important}
  html body.proyecto-slug-casa-costa-esmeralda .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin:0 0 0 .7em!important}
}

/* ---------- PÁGINAS DE PROYECTO ---------- */
/* el carrusel de fotos separado del footer cuando es lo último de la página (compu y celu) */
body.single-proyecto:not(:has(.franjas-despues)) .galeria-proyecto{margin-bottom:clamp(56px,7.3vw,140px)!important}
/* franjas con botón: el renglón chico ("CONOCÉ MÁS DE … EN NUESTRO") en un solo renglón en compu */
@media (min-width:1025px){
  html body .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__chico{white-space:nowrap!important}
}

/* ---------- CARDS DE LOS CARRUSELES ---------- */
/* cada renglón del nombre en 1 sola línea en todas las pantallas (ej. HOTEL BOUTIQUE en compu);
   si no entra, el snippet de las cards achica ese título */
html body .home-carrusel .elementor-widget-heading .elementor-heading-title{white-space:nowrap}

/* ---------- OTROS (todas las pantallas) ---------- */
/* Nosotros > Nuestro proceso: casi sin aire arriba y nada abajo; la card mide lo que su texto */
html body .proceso-card .proceso-info,
html body .proceso-card.is-open .proceso-info{height:auto!important;min-height:0!important;justify-content:flex-start!important;padding:6px 14px 12px!important}
/* desplegable abierto (hover en compu, toque en celu): un renglón de aire entre el inicio del desplegable y el texto.
   El desplegable sube 10 px por debajo del recuadro, por eso son 28 px (quedan ~18 px visibles, un renglón) */
html body .proceso-card.is-open .proceso-info{padding-top:28px!important}
@media (hover:hover) and (min-width:1025px){
  html body .proceso-card:hover .proceso-info{padding-top:28px!important}
}
/* celu y tablet: la card se abre y se cierra con animación suave (antes saltaba de golpe) */
@media (max-width:1024px){
  html body .proceso-card .proceso-info{transition:max-height .45s ease,opacity .35s ease,padding .45s ease!important}
  html body .proceso-card.is-open .proceso-info{max-height:320px!important}
  /* el texto del desplegable con renglones parejos: el primero no sobresale y la última palabra no queda sola */
  html body .proceso-card .proceso-info p{text-wrap:balance}
}
/* compu: la fila de las cards reserva solo el lugar que necesita el desplegable más largo (antes 500 px fijos);
   se ajusta al ancho de la pantalla porque con cards más angostas el texto ocupa más renglones */
@media (min-width:1025px){
  html body .elementor-360 .elementor-element.elementor-element-8ecc127{height:clamp(330px,calc(860px - 31vw),560px)!important;min-height:0!important}
}
html body .proceso-card .proceso-info .elementor-widget-text-editor{margin:0!important}
html body .proceso-card .proceso-info p:last-child{margin-bottom:0!important}
/* Equipo (plugin Equipo Cards): "CARGO: Nombre" en un renglón; si no entra, el nombre baja entero */
.ec-grid .ec-list__role,
.ec-grid .ec-list__name{white-space:nowrap}
/* Casa FOA: títulos de los premios más chicos */
html body .proyecto-premios .proyecto-premio__titulo{font-size:clamp(24px,2.9vw,56px)!important}
/* Local Metal Grande: la foto de la memoria encuadrada en el cartel */
body.proyecto-slug-local-metal-grande .proyecto-memoria__caja img{object-position:32% 50%!important}

/* ---------- COMPU Y TABLET ---------- */
@media (min-width:768px){
  /* el renglón bold no se parte (con el corrimiento, las >> bajaban solas) */
  .elementor-heading-title .enfoque-bold{white-space:nowrap}
  /* Casa FOA: franja final con botón del mismo tamaño que en las demás páginas */
  html body.proyecto-slug-casa-foa .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__grande{font-size:clamp(24px,3.5vw,67px)!important;padding-left:.7em!important;line-height:1.1!important}
}
@media (min-width:1025px){
  /* "¿QUÉ QUERÉS QUE / DISEÑEMOS JUNTOS >>" (Home y Proyectos) un poco más chico para que no pise los botones */
  html body .elementor-element.elementor-element-d274cf5 .elementor-heading-title,
  html body .elementor-element.elementor-element-791263e .elementor-heading-title{font-size:min(40px,2.35vw)!important}
}

/* ---------- CELULAR ---------- */
@media (max-width:767px){

  /* TÍTULOS */
  /* títulos de 2 renglones más chicos y alineados a la izquierda */
  html body .elementor .elementor-widget-heading .elementor-heading-title:has(.enfoque-bold){font-size:clamp(20px,6.6vw,28px)!important;line-height:1.1!important;text-align:left!important}
  /* los que iban centrados (CTA de Nosotros y Desarrollos): el bloque centrado, los renglones desfasados */
  html body .elementor-360 .elementor-element.elementor-element-666930d .elementor-heading-title,
  html body .elementor-364 .elementor-element.elementor-element-e78527a .elementor-heading-title{width:fit-content!important;margin-inline:auto!important}
  html body .elementor-364 .elementor-element.elementor-element-e78527a .elementor-heading-title{font-size:clamp(20px,6.2vw,28px)!important}
  /* Home: DESCUBRÍ NUESTROS / PROYECTOS >> */
  html body .elementor-48 .elementor-element.elementor-element-3908653 .elementor-heading-title{font-size:clamp(22px,6.8vw,30px)!important}
  html body .elementor-48 .elementor-element.elementor-element-9547019 .elementor-heading-title{font-size:clamp(30px,9.6vw,44px)!important}
  /* Desarrollos: VENTAJAS DE / INVERTIR CON / NOSOTROS (NOSOTROS baja, como pidió la diseñadora) */
  html body .elementor-364 .elementor-element.elementor-element-813a49c .elementor-heading-title .enfoque-bold{white-space:normal!important;max-width:9.5em}
  /* Contacto: título */
  html body .elementor-element.elementor-element-59631a6 .elementor-heading-title{font-size:clamp(36px,10.5vw,46px)!important}
  html body .elementor-element.elementor-element-7a2a75c .elementor-heading-title{font-size:clamp(26px,7.8vw,32px)!important}
  /* cards de los carruseles: nombre en 1 renglón */
  html body .home-carrusel .elementor-widget-heading:not(.home-carrusel-titulo-bold) .elementor-heading-title{font-size:min(26px,6.6cqw)!important;white-space:nowrap!important}
  html body .home-carrusel .home-carrusel-titulo-bold .elementor-heading-title{font-size:min(26px,6.2cqw)!important;white-space:nowrap!important}

  /* PORTADAS con video en 2 renglones, alineados a la izquierda y abajo, con el mismo margen en Home y Proyectos
     (24 px del borde izquierdo del video y 40 px de aire abajo) */
  /* Home: PASIÓN / POR LA ARQUITECTURA */
  html body .elementor-48 .elementor-element.elementor-element-bcb1278 .elementor-heading-title{font-size:clamp(24px,8.2vw,36px)!important;line-height:1.05!important}
  html body .elementor-48 .elementor-element.elementor-element-bcb1278 .elementor-heading-title > span:last-of-type{white-space:nowrap}
  /* Proyectos: CONOCÉ MÁS SOBRE / NUESTROS PROYECTOS */
  html body .elementor-362 .elementor-element.elementor-element-e443a20 .elementor-heading-title{font-size:clamp(20px,6.4vw,30px)!important;line-height:1.1!important}
  html body .elementor-362 .elementor-element.elementor-element-e443a20 .elementor-heading-title > span{white-space:nowrap}
  /* mismo margen en las dos */
  html body .elementor-48 .elementor-element.elementor-element-bcb1278,
  html body .elementor-362 .elementor-element.elementor-element-e443a20{margin:0 0 0 14px!important}
  html body .elementor-48 [data-id="0448992"],
  html body .elementor-362 [data-id="f727ea4"]{padding-bottom:40px!important}
  /* Desarrollos: RAÍCES / LUGARES PARA VIVIR (queda como está) */
  html body .elementor-364 .elementor-element.elementor-element-f711a79 .elementor-heading-title{font-size:clamp(22px,7.4vw,34px)!important;line-height:1.05!important}
  html body .elementor-364 .elementor-element.elementor-element-f711a79 .titulo-resto{white-space:nowrap;padding-left:1em!important}

  /* HOME */
  /* "Más que un equipo, somos familia" (plugin gf-reveal): flip foto ↔ texto con un toque */
  html body .gf-reveal .gf-reveal__stage{display:grid!important}
  html body .gf-reveal .gf-reveal__media,
  html body .gf-reveal .gf-reveal__panel{grid-area:1/1!important}
  html body .gf-reveal .gf-reveal__media{aspect-ratio:4/3!important;transform:none!important;transition:transform .25s ease-in .25s!important}
  html body .gf-reveal .gf-reveal__img:not(.gf-reveal__img--open){opacity:0!important}
  html body .gf-reveal .gf-reveal__img--open{opacity:1!important}
  html body .gf-reveal .gf-reveal__panel{max-height:none!important;opacity:1!important;transform:scaleX(0)!important;transition:transform .25s ease-in!important;background:#000;display:flex!important;align-items:center;border:1px solid #dfdfdf;border-radius:16px;box-sizing:border-box}
  html body .gf-reveal.is-open .gf-reveal__media{transform:scaleX(0)!important;transition:transform .25s ease-in!important}
  html body .gf-reveal.is-open .gf-reveal__panel{transform:none!important;transition:transform .25s ease-out .25s!important}
  html body .gf-reveal .gf-reveal__text,
  html body .gf-reveal.is-open .gf-reveal__text{text-align:left!important;font-size:13px!important;line-height:1.45!important;padding:16px!important}
  html body .gf-reveal .gf-reveal__title,
  html body .gf-reveal.is-open .gf-reveal__title{left:14px!important;right:auto!important;text-align:left!important;transition:opacity .2s!important}
  html body .gf-reveal.is-open .gf-reveal__title{opacity:0!important}
  /* "¿Qué querés que diseñemos juntos?" (Home y Proyectos): los 4 botones en 2 × 2 */
  html body .e-con:has(> .boton-proyecto){flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}
  html body .e-con:has(> .boton-proyecto) > .boton-proyecto{width:calc(50% - 6px)!important;max-width:150px!important;flex:0 0 calc(50% - 6px)!important;height:auto!important;aspect-ratio:1!important;min-height:0!important}
  /* Contacto (Home y página Contacto): datos más chicos, las 3 sedes en 1 renglón y un poco de interlineado */
  html body .elementor-element.elementor-element-e06063a .elementor-icon-list-text,
  html body .elementor-element.elementor-element-728b368 .elementor-icon-list-text{font-size:min(11.5px,2.95vw)!important;white-space:nowrap!important}
  html body .elementor-element.elementor-element-e06063a .elementor-inline-item,
  html body .elementor-element.elementor-element-728b368 .elementor-inline-item{margin:0!important;padding:0!important}
  html body .elementor-element.elementor-element-e06063a .elementor-inline-item a,
  html body .elementor-element.elementor-element-728b368 .elementor-inline-item a{padding:0!important}
  html body .elementor-element.elementor-element-e06063a .elementor-inline-item .elementor-icon-list-text,
  html body .elementor-element.elementor-element-728b368 .elementor-inline-item .elementor-icon-list-text{font-size:min(11px,2.6vw)!important;padding-left:0!important;letter-spacing:0!important}
  html body .elementor-element.elementor-element-e06063a .elementor-inline-item .elementor-icon-list-icon,
  html body .elementor-element.elementor-element-728b368 .elementor-inline-item .elementor-icon-list-icon{padding-right:4px!important}
  html body .elementor-element.elementor-element-e06063a .elementor-inline-item::before,
  html body .elementor-element.elementor-element-728b368 .elementor-inline-item::before{margin:0 6px!important}
  /* más interlineado entre los datos (va después de lo anterior) */
  html body .elementor-element.elementor-element-e06063a .elementor-icon-list-item,
  html body .elementor-element.elementor-element-728b368 .elementor-icon-list-item{padding-top:5px!important;padding-bottom:5px!important}
  /* Home: el bloque de contacto arranca alineado con el mapa */
  html body .elementor-48 .elementor-element.elementor-element-d950cc7{padding-inline:10px!important;box-sizing:border-box!important}

  /* NOSOTROS */
  /* portada: el texto "NOSOTROS / ¡Hola!…" abajo, para no tapar las caras */
  html body .elementor-360 .elementor-element.elementor-element-b44032b{justify-content:flex-end!important;padding-bottom:40px!important}
  /* Nuestro enfoque: una debajo de otra, sin ocupar todo el ancho */
  html body .elementor-360 .elementor-element.elementor-element-7264a47{flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important}
  html body .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card{width:min(100%,260px)!important;max-width:260px!important;flex:0 0 auto!important;height:130px!important}
  /* foto de la historia ("Somos cinco hermanos…") entera */
  html body .elementor-360 .elementor-element.elementor-element-7b5c9d7{aspect-ratio:941/1000!important;height:auto!important;min-height:0!important;background-size:cover!important;background-position:50% 50%!important}
  /* Nuestro proceso: cards más angostas, centradas */
  html body .elementor-360 .elementor-element.elementor-element-8ecc127 > .e-con.proceso-card{width:min(100%,280px)!important;max-width:280px!important;margin-inline:auto!important;align-self:center!important}
  /* "Somos un grupo de / jóvenes profesionales": título arriba, foto vertical, texto chico abajo
     (la foto vertical la pone el snippet "ajustes celu 11-11");
     JÓVENES PROFESIONALES en 1 renglón, corrido a la derecha de SOMOS UN GRUPO DE */
  html body .elementor-360 .elementor-element.elementor-element-3933963{order:-1!important}
  html body .elementor-360 .elementor-element.elementor-element-f9adb53{aspect-ratio:3/4!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:50% 50%!important;margin-top:12px!important}
  html body .elementor-360 .elementor-element.elementor-element-86f4272{align-self:stretch!important;width:100%!important}
  html body .elementor-360 .elementor-element.elementor-element-86f4272 .elementor-heading-title{text-align:left!important;font-size:clamp(17px,5vw,23px)!important}
  html body .elementor-360 .elementor-element.elementor-element-4003a18 .elementor-heading-title{text-align:left!important;font-size:clamp(17px,5.4vw,24px)!important;padding-left:.7em!important;line-height:1.05!important;white-space:nowrap!important}
  html body .elementor-360 .elementor-element.elementor-element-e8114b4{width:100%!important;max-width:none!important;margin:0!important}
  html body .elementor-360 .elementor-element.elementor-element-e8114b4,
  html body .elementor-360 .elementor-element.elementor-element-e8114b4 *{font-size:14px!important;line-height:1.45!important;text-align:left!important}

  /* DESARROLLOS */
  /* Ventajas de invertir: una debajo de otra, sin ocupar todo el ancho; el texto del dorso más chico */
  html body .elementor-364 .elementor-element.elementor-element-5e10b33{flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important}
  html body .elementor-364 .elementor-element.elementor-element-5e10b33 > .e-con.flip-card{width:min(100%,260px)!important;max-width:260px!important;flex:0 0 auto!important;height:130px!important}
  html body .elementor-364 .elementor-element.elementor-element-5e10b33 > .e-con.flip-card .elementor-heading-title{font-size:15px!important}
  html body .elementor-364 .elementor-element.elementor-element-5e10b33 > .e-con.flip-card .elementor-widget-text-editor,
  html body .elementor-364 .elementor-element.elementor-element-5e10b33 > .e-con.flip-card .elementor-widget-text-editor p{font-size:12.5px!important;line-height:1.4!important}

  /* PÁGINAS DE PROYECTO */
  /* Casa FOA: franja final con botón */
  html body.proyecto-slug-casa-foa .proyecto-franjas .proyecto-franja.con-boton .proyecto-franja__grande{font-size:20px!important;padding-left:.7em!important;line-height:1.1!important}
  /* ficha técnica: cada dato en 1 renglón, letra un poco más chica */
  html body .proyecto-ficha .proyecto-ficha__lista{font-size:min(14px,3.35vw)!important}
  html body .proyecto-ficha .proyecto-ficha__lista li{white-space:nowrap!important}
  /* galería: más aire entre lo de arriba y el carrusel */
  html body.single-proyecto .galeria-proyecto{padding-top:32px!important}
}

/* ---------- CELU: correcciones de la diseñadora del 12/11 (tarde) ---------- */
@media (max-width:767px){
  /* "Elegí el tipo de proyecto y te asesoramos" (Home y Proyectos): mucho más chico */
  html body .elementor-element.elementor-element-5e4e267 .elementor-heading-title,
  html body .elementor-element.elementor-element-a1e84fa .elementor-heading-title{font-size:min(15px,4vw)!important;line-height:1.35!important}
  /* centrado y en 2 renglones: ELEGÍ EL TIPO DE PROYECTO / Y TE ASESORAMOS */
  html body .elementor-element.elementor-element-5e4e267 .elementor-heading-title,
  html body .elementor-element.elementor-element-a1e84fa .elementor-heading-title{text-align:center!important;max-width:13.3em!important;margin-inline:auto!important}

  /* HOME: "Más que un equipo, somos familia" (flip)
     el título "MÁS QUE UN EQUIPO, SOMOS FAMILIA >>" arriba como encabezado (sale del pie de la foto), foto más baja
     y, al darla vuelta, el texto sobre la misma foto oscurecida */
  html body .gf-reveal{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
  html body .gf-reveal > .gf-reveal__stage{order:1!important;flex:0 0 100%!important;width:100%!important}
  html body .gf-reveal::before,html body .gf-reveal::after{order:0;display:block;width:auto!important;height:auto!important;margin:0 0 12px 0!important;font-family:Jost,sans-serif;font-size:min(17px,4.4vw);line-height:1.2;text-transform:uppercase;white-space:pre}
  html body .gf-reveal::before{content:"MÁS QUE UN EQUIPO, "!important;background:none!important;color:#fff;font-weight:400}
  html body .gf-reveal::after{content:"SOMOS FAMILIA"!important;color:#ffcc00;font-weight:700;padding-right:2.4em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 63'%3E%3Cpolygon fill='%23f3d300' points='0,0 62,26.5 62,37.5 0,63 0,46 35,32 0,17.5'/%3E%3Cpolygon fill='%23f3d300' points='77,0 139,26.5 139,37.5 77,63 77,46 112,32 77,17.5'/%3E%3C/svg%3E") no-repeat right center/1.8em .8em}
  html body .gf-reveal .gf-reveal__title{display:none!important}
  html body .gf-reveal .gf-reveal__media{aspect-ratio:3/2!important}
  html body .gf-reveal .gf-reveal__panel{background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),url("/wp-content/uploads/2026/11/Foto-equipo-HOME-1200x900.jpg-768x1024.webp") 50% 70%/cover no-repeat!important;overflow:hidden}

  /* NOSOTROS */
  /* portada: el texto "¡Hola!…" alineado con NOSOTROS */
  html body .elementor-360 .elementor-element.elementor-element-876034e{align-self:flex-start!important;margin-left:0!important;margin-right:0!important}
  /* Nuestro enfoque: pirámide invertida (2 arriba y 1 abajo, centrada) */
  html body .elementor-360 .elementor-element.elementor-element-7264a47{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;gap:12px!important}
  html body .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card{width:calc(50% - 6px)!important;max-width:200px!important;flex:0 0 calc(50% - 6px)!important;height:150px!important}
  html body .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card .elementor-heading-title{font-size:15px!important}
  html body .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card .elementor-widget-text-editor,
  html body .elementor-360 .elementor-element.elementor-element-7264a47 > .e-con.flip-card .elementor-widget-text-editor p{font-size:12px!important;line-height:1.35!important}
  /* equipos: al abrir uno, los demás en gris y el abierto en color */
  html body .ec-grid .ec-card__media img{transition:filter .35s ease!important}
  html body .ec-grid:has(.ec-card.is-open) .ec-card:not(.is-open) .ec-card__media img{filter:grayscale(1)!important}
  /* equipos: al cerrar, el texto desaparece en el acto (si se desvanecía, quedaba por detrás de las fotos
     y se veía entre las cards durante un instante) */
  html body .ec-grid .ec-card:not(.is-open) .ec-panel{transition:none!important;opacity:0!important;visibility:hidden!important}
  /* "Somos un grupo de jóvenes profesionales": más aire entre el título y la foto, y la foto más horizontal */
  html body .elementor-360 img[data-id="f9adb53"]{aspect-ratio:8/5!important;object-position:50% 68%!important;margin-top:26px!important}

  /* DESARROLLOS */
  /* video: RAÍCES | LUGARES PARA VIVIR en 1 renglón y centrado, como en la compu */
  html body .elementor-364 [data-id="16bd993"]{justify-content:center!important;padding-bottom:0!important}
  html body .elementor-364 .elementor-element.elementor-element-f711a79{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;width:100%!important}
  html body .elementor-364 .elementor-element.elementor-element-f711a79 .elementor-heading-title{text-align:center!important;white-space:nowrap!important;font-size:min(22px,5.6vw)!important}
  html body .elementor-364 .elementor-element.elementor-element-f711a79 .elementor-heading-title > span{display:inline!important;padding-left:0!important;margin:0!important}
  html body .elementor-364 .elementor-element.elementor-element-f711a79 .titulo-sep{display:inline!important;margin:0 .25em!important}
  /* CONOCÉ / NUESTRO DESARROLLO >> en 2 renglones; los títulos arrancan donde arrancan las cards */
  html body .elementor-364 .elementor-element.elementor-element-e78527a .elementor-heading-title{margin-inline:0!important;margin-left:calc(50vw - 150px)!important;font-size:min(24px,calc((50vw + 110px) / 13.8))!important}
  html body .elementor-364 .elementor-element.elementor-element-e78527a .elementor-heading-title .enfoque-bold{white-space:nowrap!important}
  html body .elementor-364 .elementor-element.elementor-element-6fb5f1c{margin-left:calc(50vw - 146px)!important}
  html body .elementor-364 .elementor-element.elementor-element-813a49c{margin-left:calc(50vw - 130px)!important}

  /* Oficinas Dynamic: en celu sin "En construcción", solo ENTREGA NOVIEMBRE 2026 (en compu queda como está) */
  html body.proyecto-slug-oficinas-dynamic .proyecto-estado .proyecto-estado__chico{display:none!important}

  /* PORTADAS DE PROYECTO: los 2 renglones como en la compu (Figma) */
  html body.proyecto-slug-casa-mirador .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-fincas-chacras .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-naves-de-valdevez .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-start!important;text-align:left!important}
  html body.proyecto-slug-casa-dorrego .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo,
  html body.proyecto-slug-local-metal-grande .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-end!important;text-align:right!important}
  html body.proyecto-slug-casa-foa .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:center!important;text-align:center!important}
  html body:is(.proyecto-slug-casa-mirador,.proyecto-slug-fincas-chacras,.proyecto-slug-naves-de-valdevez,.proyecto-slug-casa-dorrego,.proyecto-slug-local-metal-grande,.proyecto-slug-casa-foa) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo > span{margin-left:0!important;margin-right:0!important;transform:none!important}
  html body.proyecto-slug-casa-mirador .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-left:1em!important}
  html body.proyecto-slug-fincas-chacras .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-left:1.45em!important}
  html body.proyecto-slug-naves-de-valdevez .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-left:1.7em!important}
  html body.proyecto-slug-casa-dorrego .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-right:.3em!important}
  html body.proyecto-slug-local-metal-grande .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-right:.8em!important}
  /* Concurso Fértil: FÉRTIL arranca un poco antes que CONCURSO (como en la compu) */
  html body.proyecto-slug-concurso-fertil .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-start!important;text-align:left!important}
  html body.proyecto-slug-concurso-fertil .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo > span{margin-left:0!important;margin-right:0!important;transform:none!important}
  html body.proyecto-slug-concurso-fertil .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__prefijo{margin-left:.8em!important}
}

/* ---------- CELU: correcciones de la diseñadora del 13/11 ---------- */
@media (max-width:767px){
  /* HOME, "Más que un equipo": encabezado en 2 renglones (MÁS QUE UN EQUIPO, / SOMOS FAMILIA),
     las >> adentro de la foto (abajo a la derecha) y sin el borde blanco del dorso */
  html body .gf-reveal::before{flex:0 0 100%!important;margin:0!important;font-size:clamp(17px,5.6vw,24px)!important;line-height:1.1!important;font-weight:300!important;font-style:italic}
  html body .gf-reveal::after{margin:0 0 14px 0!important;padding-right:0!important;background:none!important;font-size:clamp(22px,7.4vw,32px)!important;line-height:1.05!important}  /* SOMOS FAMILIA más grande que MÁS QUE UN EQUIPO, (todo ~15 % más chico, pedido 13/11) */
  html body .gf-reveal .gf-reveal__stage{position:relative!important}
  html body .gf-reveal .gf-reveal__stage::after{content:"";position:absolute;right:14px;bottom:12px;width:36px;height:16px;z-index:6;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 63'%3E%3Cpolygon fill='%23f3d300' points='0,0 62,26.5 62,37.5 0,63 0,46 35,32 0,17.5'/%3E%3Cpolygon fill='%23f3d300' points='77,0 139,26.5 139,37.5 77,63 77,46 112,32 77,17.5'/%3E%3C/svg%3E") no-repeat center/contain}
  html body .gf-reveal .gf-reveal__panel{border:0!important}
  html body .gf-reveal .gf-reveal__text,
  html body .gf-reveal.is-open .gf-reveal__text{padding-bottom:36px!important}

  /* NOSOTROS, "Somos un grupo de jóvenes profesionales": menos aire arriba (las cards de proceso empujan al abrirse,
     así que no se pisan), más aire entre el título y la foto, y título y pie de foto alineados con el borde de la foto */
  html body .elementor-360 .elementor-element.elementor-element-8ecc127{padding-bottom:20px!important}
  html body .elementor-360 .elementor-element.elementor-element-fab8a8f{padding-top:8px!important;padding-bottom:16px!important;margin-bottom:0!important}
  html body .elementor-360 .elementor-element.elementor-element-e8114b4 p:last-child{margin-bottom:0!important}
  /* un poco más de interlineado entre SOMOS UN GRUPO DE / JÓVENES PROFESIONALES */
  html body .elementor-360 .elementor-element.elementor-element-4003a18{margin-top:6px!important}
  html body .elementor-360 .elementor-element.elementor-element-86f4272,
  html body .elementor-360 .elementor-element.elementor-element-4003a18{margin-left:-10px!important}
  html body .elementor-360 img[data-id="f9adb53"]{margin-top:40px!important}
  html body .elementor-360 .elementor-element.elementor-element-e8114b4{margin-left:-10px!important;width:calc(100% + 10px)!important}

  /* DESARROLLOS: "Conocé nuestro desarrollo" centrado, así las >> no quedan pegadas al borde */
  html body .elementor-364 .elementor-element.elementor-element-e78527a .elementor-heading-title{margin-left:auto!important;margin-right:auto!important}

  /* PORTADAS DE PROYECTO */
  /* Naves de Valdevez: a la derecha */
  html body.proyecto-slug-naves-de-valdevez .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{left:auto!important;right:calc(var(--pad) + var(--foto) * .06)!important}
  /* Oficinas Basani: a la izquierda, desfasado como el resto */
  html body.proyecto-slug-oficinas-basani .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{right:auto!important;left:calc(var(--pad) + var(--foto) * .06)!important;align-items:flex-start!important;text-align:left!important}
  html body.proyecto-slug-oficinas-basani .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo > span{margin:0!important}
  html body.proyecto-slug-oficinas-basani .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-left:1.5em!important}
  /* Raíces Hotel Boutique: abajo, como en la compu */
  html body.proyecto-slug-hotel-boutique .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{top:auto!important;bottom:12%!important;transform:none!important}
  /* Casa FOA (Baños públicos) y Arelauquen: a la derecha y a media altura de la foto.
     FOA con los renglones centrados entre sí; Arelauquen desfasado como en la compu (ARELAUQUEN termina antes que DISEÑO INTERIOR) */
  html body:is(.proyecto-slug-casa-foa,.proyecto-slug-casa-arelauquen) .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  html body.proyecto-slug-casa-foa .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:center!important;text-align:center!important}
  html body.proyecto-slug-casa-arelauquen .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo{align-items:flex-end!important;text-align:right!important}
  html body.proyecto-slug-casa-arelauquen .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo > span{margin:0!important}
  html body.proyecto-slug-casa-arelauquen .proyecto-hero .proyecto-hero__titulo.proyecto-hero__titulo.proyecto-hero__titulo .proyecto-hero__nombre{margin-right:1.6em!important}
}

/* ---------- CELU (13/11): menos aire entre bloques en todas las páginas ----------
   Cada bloque traía márgenes de compu (50, 60, 70, 80, 90 y 120 px). En celu quedan entre 20 y 40 px. */
@media (max-width:767px){
  /* HOME */
  html body .elementor .elementor-element.elementor-element-2ed58e4.elementor-element-2ed58e4{margin-top:36px!important;margin-bottom:20px!important}  /* Descubrí nuestros proyectos */
  html body .elementor .elementor-element.elementor-element-d28fc8d.elementor-element-d28fc8d{margin-bottom:36px!important}  /* carrusel */
  html body .elementor .elementor-element.elementor-element-66d058e.elementor-element-66d058e{margin-bottom:28px!important}  /* Más que un equipo */
  html body .elementor .elementor-element.elementor-element-f5f52ce.elementor-element-f5f52ce{margin-bottom:0!important}  /* Nuestros clientes */
  html body .elementor .elementor-element.elementor-element-f149f98.elementor-element-f149f98{margin-top:20px!important;margin-bottom:36px!important}  /* contadores */
  html body .elementor .elementor-element.elementor-element-f036107.elementor-element-f036107{margin-top:28px!important;margin-bottom:0!important;padding-top:16px!important;padding-bottom:24px!important}  /* contacto */
  /* CONTACTO (la página): el bloque arranca justo debajo del menú */
  html body .elementor .elementor-element.elementor-element-516d5be.elementor-element-516d5be{margin-top:105px!important;margin-bottom:0!important;padding-top:16px!important;padding-bottom:24px!important}
  /* PROYECTOS: títulos de cada carrusel y carruseles (en celu no hay ficha al pasar el mouse, no hace falta el lugar de abajo) */
  html body .elementor .elementor-element.elementor-element-0e302bb.elementor-element-0e302bb,html body .elementor .elementor-element.elementor-element-db751e6.elementor-element-db751e6,html body .elementor .elementor-element.elementor-element-a75eac1.elementor-element-a75eac1,html body .elementor .elementor-element.elementor-element-ab5cabb.elementor-element-ab5cabb{margin-top:36px!important;margin-bottom:20px!important}
  html body .elementor .elementor-element.elementor-element-398d79b.elementor-element-398d79b,html body .elementor .elementor-element.elementor-element-12beb71.elementor-element-12beb71,html body .elementor .elementor-element.elementor-element-0a34ddd.elementor-element-0a34ddd,html body .elementor .elementor-element.elementor-element-236deba.elementor-element-236deba{padding-bottom:0!important;margin-bottom:0!important}
  html body .elementor .elementor-element.elementor-element-9c48fe7.elementor-element-9c48fe7{margin-top:40px!important;margin-bottom:36px!important}  /* contadores */
  html body .elementor .elementor-element.elementor-element-8637c8f.elementor-element-8637c8f{margin-bottom:24px!important}  /* Elegí el tipo de proyecto (antes del footer) */
  /* "¿Qué querés que diseñemos juntos?" (Home y Proyectos): menos aire entre el título, los botones y el texto de abajo */
  html body .elementor .e-con.e-con:has(> .boton-proyecto){padding-top:0!important;padding-bottom:0!important}
  html body .elementor .e-con.e-con:has(> .elementor-element-5e4e267),
  html body .elementor .e-con.e-con:has(> .elementor-element-a1e84fa){margin-top:16px!important;padding-top:0!important}
  /* NOSOTROS */
  html body .elementor .elementor-element.elementor-element-4fdf386.elementor-element-4fdf386,html body .elementor .elementor-element.elementor-element-b4d956a.elementor-element-b4d956a{margin-top:32px!important}  /* historia y Nuestro proceso */
  html body .elementor .elementor-element.elementor-element-2018256.elementor-element-2018256{margin-bottom:24px!important}  /* ¿Querés trabajar con nosotros? */
  /* DESARROLLOS */
  html body .elementor .elementor-element.elementor-element-0ee68e4.elementor-element-0ee68e4,html body .elementor .elementor-element.elementor-element-21335a7.elementor-element-21335a7{margin-bottom:32px!important}
  html body .elementor .elementor-element.elementor-element-9063d30.elementor-element-9063d30{display:none!important}  /* contenedor vacío del script de las cards (el script sigue andando) */
  /* PÁGINAS DE PROYECTO: menos aire entre la galería y la franja de abajo */
  html body.single-proyecto .proyecto-franjas.franjas-despues{margin-top:36px!important}
  /* FOOTER: menos aire arriba del logo en las páginas que NO son de proyecto
     (en las de proyecto queda igual, para que la galería no quede pegada al logo cuando se agranda una foto) */
  html body:not(.single-proyecto) .elementor-location-footer .elementor-element.elementor-element-f5d83a1.elementor-element-f5d83a1{padding-top:14px!important}
  html body .elementor .elementor-element.elementor-element-516d5be.elementor-element-516d5be{padding-bottom:40px!important}  /* Contacto: el formulario no queda pegado al footer */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost';
	font-display: auto;
	src: url('https://gimenezfamiliadearquitectos.com.ar/wp-content/uploads/2026/09/Jost-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */