/*
 Theme Name:   Listingpro Child
 Theme URI:    http://studio.cridio.com/listingpro/
 Description:  Listingpro Child Theme
 Author:       cridio team
 Author URI:   http://cridio.com/
 Template:     listingpro
 Version:      1.0.0
 Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  listingpro
*/

/* =============================================
   BANNER HOME MOBILE: sin imagen (acelera LCP)
   ============================================= */
@media (max-width: 767px) {
  .home .header-container.lp-header-bg {
    background-image: none !important;
    background-color: #6e3f0c;
  }
  /* Fijar banner en 220px desde el primer pintado (anti-CLS):
     misma altura que le pone el theme al activar el modo app */
  .home .lp-home-banner-contianer.lp-home-banner-with-loc {
    height: 220px !important;
    overflow: hidden;
  }
  /* Quitar el velo negro para mostrar el naranja real */
  .home .lp-header-overlay {
    background-color: transparent !important;
  }
  /* Caja del buscador: translúcida sobre el naranja */
  .home .lp-search-bar {
    background: rgba(0, 0, 0, 0.25) !important;
  }
}

/* Formularios EmailMeForm (iframe): más altos en mobile */
@media (max-width: 767px) {
  iframe[src*="emailmeform"] {
    height: 950px !important;
  }
}

/* =============================================
   ANTI-CLS: reservar proporción de imágenes
   ============================================= */

/* Tarjetas destacadas: imagen vertical 272x300 */
.lp-grid-box img,
img[src*="-272x300"] {
  aspect-ratio: 272 / 300;
  height: auto;
}

/* Tarjetas con imagen horizontal (ej. Destacadas 372x240) */
img[src*="-372x240"] {
  aspect-ratio: 372 / 240;
  height: auto;
}

/* Logo del header */
.lp-logo img,
img[src*="logo-web-vivamancora"] {
  aspect-ratio: 261 / 38;
  height: auto;
}

/* Miniaturas de playas */
.city-thumb img {
  aspect-ratio: 270 / 200;
  height: auto;
}