/*
 Theme Name:   ListingPro Child - Aquí Cerca
 Theme URI:    aquicerca.app
 Description:  Tema hijo para ListingPro en aquicerca.app
 Author:       Tu Nombre o aquicerca.app
 Author URI:   aquicerca.app
 Template:     listingpro
 Version:      1.0.0
 Text Domain:  listingpro-child
*/

/* ==========================================================================
   Tus estilos personalizados para aquicerca.app van aquí abajo:
   ========================================================================== */
   
/* ================= IMPORTAR FUENTES ================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Playfair+Display:wght@700&display=swap');


/* ================= TIPOGRAFÍA GLOBAL ================= */
body, p, span, a, li, input, textarea {
    font-family: 'Poppins', sans-serif !important;
    color: #222222;
    line-height: 1.6;
}

/* Títulos de listado y secciones principales */
.single-listing h1,
.single-listing h2,
.single-listing h3,
.single-listing .lp-listing-title {
    font-family: 'Poppins', serif !important;
    font-weight: 800;
    color: #111111;
    margin-bottom: 12px;
}

/* Subtítulos y pequeños encabezados */
.single-listing .lp-listing-sub-title,
.single-listing .lp-listing-section-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    color: #333333;
}




/* ================= BOTONES ================= */
.lp-button, 
.single-listing .lp-button {
    font-family: 'Poppins', sans-serif !important;
    background-color: #4a90e2;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.lp-button:hover, 
.single-listing .lp-button:hover {
    background-color: #357abd;
    transform: translateY(-2px);
}






/* ================= SECCIONES ================= */
.single-listing .lp-listing-section {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

/* Información de contacto */
.single-listing .lp-listing-contact .lp-listing-contact-item {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem;
    margin-bottom: 10px;
    color: #333333;
    display: flex;
    align-items: center;
}

/* Iconos de contacto más visibles */
.single-listing .lp-listing-contact .lp-listing-contact-item i {
    color: #4a90e2;
    margin-right: 8px;
    font-size: 1.2rem;
}





/* ================= IMAGEN / HEADER ================= */
.single-listing .lp-listing-header {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.single-listing .lp-listing-header img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}





/* ================= RESEÑAS ================= */
.single-listing .lp-review-wrapper {
    font-family: 'Poppins', sans-serif !important;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.single-listing .lp-review-wrapper .lp-review-rating i {
    color: #f1c40f; /* estrellas doradas */
}



/* ============================
   Ajustes para MOVIL
   ============================ */
@media (max-width: 767px) {

    /* Cambiar tipografía global en móvil */
    body,
    .lp-single-page-content,
    .lp-listing-details,
    .lp-listing-top-title,
    .lp-listing-action-btns {
        font-family: 'Poppins', sans-serif !important;
    }

    /* Títulos del negocio más elegantes en móvil */
    .lp-listing-top-title h1,
    .lp-listing-top-title h2 {
        font-family: 'Playfair Display', serif !important;
        font-size: 28px !important;
        font-weight: 600 !important;
    }

    /* Botones (para que se adapten mejor) */
    .lp-listing-action-btns .lp-contact-btn,
    .lp-listing-action-btns .phone-number {
        font-family: 'Poppins', sans-serif !important;
        font-size: 15px !important;
        border-radius: 10px !important;
    }

    /* Color de texto más limpio en móvil */
    .lp-single-page-content p,
    .lp-listing-about p {
        color: #333 !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}




/* ==========================================
   🎁 NUEVO DISEÑO TARJETA DE OFERTA
   ========================================== */
.lp-listing-offer {
    background: #ffffff;
    border-radius: 18px;
    padding: 20px;
    margin: 25px 0;
    box-shadow: 0 8px 28px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
    gap: 18px;
    transition: all .3s ease;
    border: 1px solid #f2f2f2;
}

.lp-listing-offer:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0,0,0,.10);
}

/* Imagen cuadrada y protagonista (base) */
.offer-thumb img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
    border: 4px solid #ffffff;
}

/* TÍTULO */
.offer-title {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #222;
    display: block;
    margin-top: 10px;
}

/* DESCRIPCIÓN */
.offer-description p {
    color: #555;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.45;
}

/* BOTÓN */
.lp-copy-code {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2ecc71;
    padding: 12px 10px;
    border-radius: 10px;
    color: white !important;
    font-weight: 600;
    font-size: 14px;
    transition: background .25s ease;
}

.lp-copy-code:hover {
    background: #27ae60;
}

/* CONTADOR - estilo pastilla */
.offer-expiry {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    color: #444;
}

.offer-expiry strong {
    font-weight: 600;
}

/* Contenedor del countdown */
.flip-clock-wrapper {
    transform: scale(0.8);
    margin-left: 0px;
}

/* ==========================================
   📱 RESPONSIVE (MÓVIL)
   ========================================== */
@media (max-width: 768px) {
    /* imagen 220px en móvil */
    .offer-thumb img {
        height: 220px;
    }

    .offer-title {
        font-size: 20px;
        text-align: center;
    }

    .offer-description p {
        text-align: center;
    }

    .lp-copy-code {
        width: 100%;
        justify-content: center;
    }

    .offer-expiry {
        justify-content: center;
        margin-bottom: 12px;
    }

    .lp-listing-offer {
        padding: 16px;
        border-radius: 14px;
    }

    /* 👇 SOLO MÓVIL:
       mover un poco la imagen a la izquierda
       y bajar un poco el bloque debajo de la imagen */
    body .lp-listing-offer .offer-thumb {
        margin: -40px auto 0 !important;
        max-width: 240px !important;
        transform: translateX(-108px); /* ajusta -5, -8, etc si quieres menos */
    }

    .lp-listing-offer .clearfix {
        margin-top: 19px; /* ~5px más abajo que antes */
    }
}

/* 👉 Forzar el 50% a rojo */
body .lp-listing-offer .offer-tagline {
    color: #e53935 !important;
    border-color: #e53935 !important;
    margin-top: 9px; /* ~5px más abajo que antes */
    font-size: 13px !important;
}

/* 🔧 AJUSTE FINAL SOLO PC
   (imagen cuadrada de 200px, sin tocar nada más) */
body .lp-listing-offer .offer-thumb {
    width: 100% !important;
    max-width: 210px !important;   /* PC: 200px */
    margin: -40px auto 0 !important;
}

body .lp-listing-offer .offer-thumb img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* cuadrada */
    object-fit: cover !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
    border: 4px solid #ffffff !important;
}









/* =========================
   AQUICERCA – FEED OFERTAS (IG STYLE) (MOBILE FIRST)
   Colores CTA: #AF0F10 / #D71314
   ========================= */

/* Wrapper */
.acfeed-wrap{
  display: grid;
  gap: 14px;
}

/* Tarjeta */
.acfeed-card{
  background:#fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  overflow: hidden;
}

/* Reset márgenes default */
.acfeed-card p,
.acfeed-card h1,
.acfeed-card h2,
.acfeed-card h3{
  margin: 0 !important;
}

/* =========================
   HEADER (logo + nombre)
   ========================= */
   
.acfeed-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  gap:10px;
}

.acfeed-brand{
  display:flex;              /* 👈 importante (no inline-flex) */
  align-items:center;
  gap:10px;
  min-width:0;               /* para ellipsis */
  flex:1;                    /* 👈 que el lado izquierdo “tome” espacio */
  text-decoration:none!important;
  color:#111;
}

.acfeed-brandname{
  font-weight: 900;   /* 🔥 negritas */
  font-size: 15px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.acfeed-rating{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  flex:0 0 auto;            /* 👈 se queda pegado a la derecha */
}

.acfeed-rating strong{ font-weight:900; }
.acfeed-rating span{ font-weight:400; opacity:.85; }

.acfeed-rating{
  margin-left: auto;
}



/* =========================
   TOP: descuento + countdown
   ========================= */
.acfeed-top{
  margin: 6px 0 10px;
}

.acfeed-toprow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

/* Descuento (solo si existe) */
.acfeed-discount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 2px solid #D71314;
  color: #D71314;
  background: rgba(255,255,255,.95);
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
}

/* Countdown / estado */
.acfeed-countdown,
.acfeed-active{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fafafa;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

/* =========================
   IMAGEN (IG)
   ========================= */
.acfeed-media{
  margin-top: 0; /* pegado al top */
}

.acfeed-media-link{
  display:block;
}

.acfeed-img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
  display:block;
}

/* =========================
   CTA tipo Instagram (barra pegada)
   ========================= */
.acfeed-cta-wrap{
  margin: 3; /* pegado a la imagen */
}


.acfeed-cta{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid rgba(255,255,255);
  

  /* estilo IG: sin redondeado */
  border-radius: 0;
  border-left: 0;
  border-right: 0;

  text-decoration: none !important;
  font-weight: 900;
  color:#fff !important;
  background: linear-gradient(135deg, #AF0F10, #D71314);
}

.acfeed-cta:active{ transform: translateY(1px); }

/* =========================
   FILA: CÓDIGO + SHARE (misma línea)
   ========================= */
.acfeed-row{
  margin-top: 8px;
}

/* Bloque código */
.acfeed-code-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap: wrap;
  font-size: 14px;
}

/* "Código:" NO negrita */
.acfeed-code-label{
  font-weight: 500;
  opacity: .85;
}

/* El código sí resalta y parece clickeable */
.acfeed-copy{
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.acfeed-copy:active{ transform: translateY(1px); }

/* Hint más corto y discreto */
.acfeed-copy-hint{
  font-size: 12px;
  opacity: .70;
}

/* Badge "Copiado" */
.acfeed-copied{
  opacity:0;
  transform: translateY(-2px);
  transition: all .2s ease;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.15);
}
.acfeed-copied.is-show{
  opacity:1;
  transform: translateY(0);
}

/* Icono compartir (si ya lo estás imprimiendo en PHP) */
.acfeed-shareicon{
  margin-left: auto; /* lo empuja a la derecha en la misma fila */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  text-decoration: none !important;
  color: #333;
}

.acfeed-shareicon:active{ transform: translateY(1px); }

/* =========================
   BODY: título + descripción
   ========================= */
.acfeed-body{
  margin-top: 10px;
}

.acfeed-title{
  font-size: 16px;
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 4px;
  color: #111;
}

.acfeed-desc{
  font-size: 14px;
  opacity: .85;
  line-height: 1.35;
  color: #111;
}

/* =========================
   Desktop (columna IG)
   ========================= */
@media (min-width: 769px){
  .acfeed-wrap{
    max-width: 520px;
    margin: 0 auto;
    gap: 18px;
  }
}

/* LOGO REDONDO (cuando .acfeed-logo ES el <img>) */
.acfeed-brand img.acfeed-logo{
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  flex: 0 0 36px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
}

/* Título de sección (perfil) */
#offers_deals .acprofile-title{
  font-weight: 900;
  font-size: 18px;
  margin: 6px 0 12px;
}

/* Misma línea: código + iconos */
#offers_deals .acfeed-code-line{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap !important;
}


/* Evita que el tab genere ancho extra */
#offers_deals{
  overflow: hidden !important;
}

/* Slick: que nada se salga */
#offers_deals .acprofile-offers-slider,
#offers_deals .acprofile-offers-slider .slick-list{
  overflow: hidden !important;
}

/* Que cada slide respete el ancho del contenedor */
#offers_deals .acprofile-offers-slider .slick-slide{
  height: auto;
}

/* Flechas dentro del slider (sin salirse) */
#offers_deals .acprofile-offers-slider .slick-prev,
#offers_deals .acprofile-offers-slider .slick-next{
  z-index: 5;
}
#offers_deals .acprofile-offers-slider .slick-prev{ left: 6px; }
#offers_deals .acprofile-offers-slider .slick-next{ right: 6px; }


/* Si no cabe, el “Toca para copiar” estorba -> lo escondemos en perfil móvil */
@media (max-width: 768px){
  #offers_deals .acfeed-copy-hint{ display:none !important; }
  #offers_deals .acfeed-copied{ white-space: nowrap; }
}



/* Oculta SOLO lo nativo dentro del tab (deja el tab vivo para montar el nuestro) */
#offers_deals .lp-listing-offers { display:none !important; }




/* ===============================
   AQUÍCERCA – PIN MAPA RESULTADOS (Leaflet / ListingPro)
   =============================== */

/* Quita el icono FA */
.leaflet-marker-icon .lpmap-icon-contianer i.fa.fa-map-marker{
  display: none !important;
}

/* Apaga la “gota” roja y cualquier capa/pseudoelemento del pin */
.leaflet-marker-icon .lpmap-icon-shape.pin{
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.leaflet-marker-icon .lpmap-icon-shape.pin:before,
.leaflet-marker-icon .lpmap-icon-shape.pin:after{
  content: none !important;
  display: none !important;
}

/* Aquí ponemos TU pin como imagen (en el área clickable) */
.leaflet-marker-icon .lpmap-icon-contianer{
  width: 46px !important;
  height: 46px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  background-image: url("https://aquicerca.app/wp-content/uploads/2026/01/pin-aquicerca.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;

  transform: none !important;
}

/* Ajuste de anclaje del pin (para que “apunte” bien) */
.leaflet-marker-icon{
  margin-left: -23px !important;
  margin-top: -46px !important;
}