/* =============================================================
   GRANJA IGUARARO — VENTAS
   Ficha: boton de WhatsApp, caja de envio y atencion, barra fija de compra.
   Movil: barra de navegacion inferior y hoja del buscador.
   Boton flotante de WhatsApp. Se carga en todo el sitio.
   ============================================================= */

/* ---------- FICHA: WHATSAPP ---------- */
.gi-ficha-wa{margin-top:var(--s-3)}
.gi-ancla{display:block;position:relative;top:calc(var(--header-h) * -1 - 16px);visibility:hidden;height:0}

/* ---------- FICHA: CAJA DE CONFIANZA ---------- */
.gi-confianza{margin-top:var(--s-4);display:grid;gap:var(--s-3)}
.gi-sellos{display:grid;gap:var(--s-2)}
.gi-sello{
  display:flex;gap:var(--s-3);align-items:flex-start;
  padding:var(--s-3);
  background:var(--gi-superficie);border:1px solid var(--gi-linea);border-radius:var(--radio-sm);
}
.gi-sello-icono{flex:0 0 auto;color:var(--gi-acento)}
.gi-sello-icono .gi-icono{width:24px;height:24px}
.gi-sello-texto{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-small);color:var(--gi-texto-2)}
.gi-sello-texto strong{color:var(--gi-texto);font-size:.95rem}

.gi-cuidado{
  background:var(--gi-superficie);border:1px solid var(--gi-linea);border-radius:var(--radio-sm);
}
.gi-cuidado summary{
  list-style:none;cursor:pointer;padding:var(--s-3);
  font-weight:600;font-size:var(--fs-small);
  display:flex;justify-content:space-between;align-items:center;
}
.gi-cuidado summary::-webkit-details-marker{display:none}
.gi-cuidado summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--gi-acento)}
.gi-cuidado[open] summary::after{content:"−"}
.gi-cuidado p{padding:0 var(--s-3) var(--s-3);color:var(--gi-texto-2);font-size:var(--fs-small);max-width:none}

/* ---------- BOTON FLOTANTE DE WHATSAPP ---------- */
.gi-wa-flotante{
  position:fixed;right:var(--s-3);bottom:var(--s-3);z-index:var(--z-flotante);
  display:inline-flex;align-items:center;gap:var(--s-2);
  min-height:52px;padding:0 var(--s-4);
  background:#25D366;color:var(--gi-tinta);
  border-radius:var(--radio-pill);font-weight:700;font-size:var(--fs-small);
  box-shadow:0 6px 18px rgba(18,140,70,.35),0 2px 6px rgba(0,0,0,.16);
  transition:transform .18s var(--ease),background-color .18s var(--ease);
}
.gi-wa-flotante:hover{background:#20bd5a;color:var(--gi-tinta);transform:translateY(-2px)}
/* Glifo blanco; el texto va en tinta oscura porque blanco sobre #25D366 no llega a 3:1. */
.gi-wa-flotante .gi-icono{width:28px;height:28px;color:#fff;flex-shrink:0}
/* En movil solo el icono: no tapa contenido. */
.gi-wa-flotante-texto{display:none}
@media (max-width:767px){
  .gi-wa-flotante{width:52px;height:52px;min-height:52px;padding:0;justify-content:center}
}
@media (min-width:768px){
  .gi-wa-flotante-texto{display:inline}
}

/* ---------- BARRA INFERIOR MOVIL ----------
   Solo en movil. En la ficha de producto se sustituye por la barra de compra. */
.gi-bm,.gi-bm-buscar,.gi-barra-ficha{display:none}

@media (max-width:1023px){
  .gi-con-barra{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}

  .gi-bm{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(251,246,236,.97);border-top:1px solid var(--gi-linea);
  }
  .gi-bm-lista{display:grid;grid-template-columns:repeat(5,1fr)}
  .gi-bm-link{
    width:100%;min-height:64px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:var(--gi-texto-2);font-size:.7rem;font-weight:600;
  }
  .gi-bm-link:hover,.gi-bm-link.is-activo{color:var(--gi-acento)}
  .gi-bm-icono{position:relative;display:grid;place-items:center}
  .gi-bm-link .gi-icono{width:24px;height:24px}
  .gi-bm-num{
    position:absolute;top:-6px;right:-10px;
    min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;
    background:var(--gi-miel);color:var(--gi-tinta);
    border-radius:var(--radio-pill);font-size:10px;font-weight:800;line-height:1;
  }
  .gi-bm-num.is-vacio{display:none}

  /* El boton flotante sube sobre la barra. */
  .gi-con-barra .gi-wa-flotante{bottom:calc(var(--gi-bm-h,65px) + var(--s-4))}

  /* Hoja del buscador. */
  .gi-bm-buscar{
    position:fixed;inset:0;z-index:var(--z-modal);
    display:flex;align-items:flex-end;background:rgba(0,0,0,.6);
  }
  .gi-bm-buscar[hidden]{display:none}
  .gi-bm-buscar-caja{
    width:100%;display:flex;gap:var(--s-2);align-items:center;
    padding:var(--s-3) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom,0px));
    background:var(--gi-fondo);border-top:1px solid var(--gi-linea);
  }
  .gi-bm-cerrar{
    flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;
    border:1px solid var(--gi-linea);border-radius:var(--radio-sm);color:var(--gi-texto);
  }
  .gi-bm-cerrar .gi-icono{width:20px;height:20px}

  /* ---------- BARRA FIJA DE LA FICHA ---------- */
  .gi-ficha-barra .gi-bm{display:none}
  .gi-ficha-barra.gi-con-barra{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .gi-barra-ficha{
    display:flex;align-items:center;gap:var(--s-2);
    position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);
    padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom,0px));
    background:rgba(251,246,236,.97);border-top:1px solid var(--gi-linea);
  }
  .gi-barra-ficha-precio{flex:1 1 auto;min-width:0;font-family:var(--gi-font-display);font-size:1.4rem;line-height:1.1;color:var(--gi-texto)}
  .gi-barra-ficha-precio del{display:block;font-size:.8rem;color:var(--gi-texto-2)}
  .gi-barra-ficha-precio ins{text-decoration:none;color:var(--gi-acento)}
  .gi-barra-ficha-wa{flex:0 0 auto;width:48px;padding:0}
  .gi-barra-ficha-comprar{flex:0 0 auto;padding-inline:var(--s-5)}
  .gi-ficha-barra .gi-wa-flotante{display:none}
}

/* Barra fija: fondo opaco y, sin precio, texto compacto (cabe en una o dos lineas). */
@media (max-width:1023px){
  .gi-barra-ficha{background:var(--gi-fondo);box-shadow:0 -6px 18px rgba(90,60,0,.12)}
  .gi-barra-ficha--sin-precio .gi-barra-ficha-precio{font-family:var(--gi-font);font-size:.85rem;font-weight:700;line-height:1.2}
  .gi-barra-ficha--sin-precio .gi-barra-ficha-comprar{padding-inline:var(--s-4);white-space:nowrap}
}