.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-c31ffa6:#C8A850;--e-global-typography-primary-font-family:"Cormorant";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Red Hat Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );font-family:"Red Hat Display", Sans-serif;font-size:20px;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );font-family:"Cormorant", Sans-serif;font-weight:500;}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-size:80px;font-weight:500;}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-size:70px;}.elementor-kit-5 h3{color:var( --e-global-color-primary );font-size:60px;}.elementor-kit-5 h4{color:var( --e-global-color-primary );font-size:50px;}.elementor-kit-5 h5{color:var( --e-global-color-primary );font-size:45px;}.elementor-kit-5 h6{color:var( --e-global-color-primary );font-size:40px;}.elementor-kit-5 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1522px;}.e-con{--container-max-width:1522px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1550px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}}@media(max-width:1240px){.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:340px;}.e-con{--container-max-width:340px;}}/* Start custom CSS *//* SECCION CARDS PROPIEDADES */

/*********** Card (sin overlay ni efectos al hover de la columna) ***********/
.nuevas-casas-card{
  display:flex;
  flex-direction:column;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0;
  overflow:visible;
}
/* Mata cualquier overlay de fondo de Elementor en la card (sección/columna/contenedor) */
.nuevas-casas-card .elementor-background-overlay{ 
  background:none !important; 
  opacity:0 !important; 
}
.nuevas-casas-card.e-con::before{         /* overlay de los contenedores (Flexbox) */
  content:none !important;
}

/*********** Imagen (contenedor de la foto) ***********/
.nuevas-casas-img{
  position:relative;
  overflow:hidden;                 /* recorta al radio */
  border-radius:18px;              /* tu radio */
  aspect-ratio:4/3;
  background:transparent !important;    /* sin fondos detrás de la foto */
}
.nuevas-casas-img img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* === MARCO DORADO INTERIOR, SOLO EN HOVER DE LA IMAGEN ===
   SÓLIDO, sin degradados, más pegado al borde */
.nuevas-casas-img::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;

  /* grosor del marco (ajusta: 1px o 2px) */
  padding:2px;

  /* DORADO sólido (sin degradado) */
  background:#C8A850 !important;

  /* vaciamos el centro: queda solo el anillo interior */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.nuevas-casas-img:hover::before,
.nuevas-casas-img:focus-within::before{ opacity:1; }

/*********** Botón sobre la imagen: SOLO en hover de la imagen ***********/
.btn-nuevas-casas{
  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
  z-index:3; display:block; width:50%; text-align:center;
  padding:14px 24px; font-size:16px; line-height:1.2; border-radius:999px;
  opacity:0; transition:opacity .25s ease; pointer-events:none;
}
.nuevas-casas-img:hover .btn-nuevas-casas,
.nuevas-casas-img:focus-within .btn-nuevas-casas{ opacity:1; pointer-events:auto; }

/*********** Textos debajo (sin caja) ***********/
.nuevas-casas-body{
  padding:14px 4px 0;
  background:transparent !important;
}
.nuevas-casas-body .elementor-heading-title,
.nuevas-casas-body .elementor-widget-heading a{
  font-size:16px; line-height:1.25; margin:0 0 8px 0; color:#111; text-decoration:none;
}
.nuevas-casas-body .meta{ font-size:13px; opacity:.8; margin:0 0 6px 0; }
.nuevas-casas-body .precio{ font-size:15px; font-weight:700; color:#1a1a1a; }

/*********** Fix del carrusel (Swiper) ***********/
.elementor-loop-container .swiper-slide{ height:auto !important; }
.elementor-loop-container .swiper-wrapper{ align-items:stretch !important; }
.elementor-loop-container .swiper-slide,
.elementor-loop-container .swiper-slide .elementor-section,
.elementor-loop-container .swiper-slide .elementor-container,
.elementor-loop-container .swiper-slide .elementor-column,
.elementor-loop-container .swiper-slide .elementor-widget-wrap,
.elementor-loop-container .swiper-slide .e-con,
.elementor-loop-container .swiper-slide .e-con-inner{
  overflow:visible !important;
}

/* Seguridad: si tuvieras overlay de "card clicable", que no tape nada */
.nuevas-casas-card .link-overlay,
.nuevas-casas-card a.e-link{ position:static !important; }

/*********** Móvil (opcional): mostrar CTA / marco siempre ***********/
@media (hover:none){
  /* comenta estas dos líneas si NO quieres CTA/marco siempre visibles en táctil */
  .nuevas-casas-img::before{ opacity:1; }
  .btn-nuevas-casas{ opacity:1; pointer-events:auto; }
}

/* ======= AJUSTE MÓVIL PARA QUE LA IMAGEN LLENE EL RECTÁNGULO ======= */
@media (max-width: 768px){
  /* quita cualquier padding/margen/borde residual del item y wrappers */
  .nuevas-casas-card,
  .nuevas-casas-card .elementor-widget-wrap,
  .nuevas-casas-card.e-con,
  .nuevas-casas-card .e-con-inner{
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  /* que el contenedor de imagen pegue a los bordes y no tenga márgenes extra */
  .nuevas-casas-img{
    width:100%;
    margin:0 !important;
    /* si la maqueta móvil te genera altura rara, fuerza ratio o altura: */
    aspect-ratio: 4 / 3;   /* cambia a 16/9 si lo prefieres */
  }

  .nuevas-casas-img img{
    width:100%; height:100%; object-fit:cover;
  }
}
/* MÓVIL: ocultar el marco dorado de la imagen */
@media (hover:none), (max-width:768px){
  .nuevas-casas-img::before,
  .nuevas-casas-img:hover::before,
  .nuevas-casas-img:focus-within::before{
    opacity:0 !important;
  }
}/* End custom CSS */