/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* CONTENEDOR */
.ubica_golmas{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin:24px 0;
  position: absolute;
  z-index: 999;
}

/* TARJETA 250x100 */
.golmas-card{
  width:260px;
  height:50px;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  text-decoration:none;
  color:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}

.golmas-card.is-dark{ background:#0E2231; }
.golmas-card.is-orange{ background:#FE5200; }

.golmas-card:is(:hover,:focus-visible){
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* PIN FIJO */
.golmas-pin{
  flex:0 0 auto;
  width:30px;              /* tamaño grande como en el arte */
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.14);   /* “pastilla” detrás del pin */
  color:#ffffff;
}
.is-orange .golmas-pin{ background:rgba(0,0,0,.18); }

.golmas-pin svg,
.golmas-pin img{ width:20px; height:20px; }

/* TEXTOS (dos líneas) */
.golmas-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;             /* permite que el texto ocupe el espacio restante */
  line-height:1.15;
}

.golmas-eyebrow{
  margin:0 0 4px 0;
  font-weight:800;
  font-size:10px;          /* “Ubícanos en:” grande */
}

.golmas-address{
  margin:0;
  font-weight:800;
  font-size:10px;          /* dirección destacada */
  line-height:1.05;
  display:-webkit-box;     /* por si la dirección es muy larga, corta a 2 líneas */
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

button#zerox-wa-quote {
    position: absolute;
    bottom: 82px;
    left: 87px;
}


button.single_add_to_cart_button.button.alt {
    display: none;
}

span.woocommerce-Price-amount.amount {
    display: none;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    width: 18%;
}




/*---------------------*/

/* ====== Sección a 2 columnas ====== */
.golmas-split{
  display:grid;
  grid-template-columns: 1fr 1fr;    /* izquierda | derecha */
  min-height: 420px;                 /* alto del bloque */
  width:100%;
  margin:0;                          /* sin espacios externos */
}

/* IZQUIERDA: imagen de fondo que cubre todo */
.golmas-split .gs-left{
  background-image: url("https://golmasport.com/wp-content/uploads/2025/08/1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: inherit;               /* iguala el alto de la sección */
}

/* DERECHA: fondo naranja a todo el alto */
.golmas-split .gs-right{
  background:#FE5200;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:28px;
  padding:40px 56px;                 /* respiración interna */
  min-height: inherit;
}

/* Ítems */
.gs-item{
  display:grid;
  grid-template-columns: 64px 1fr;
  gap:18px;
  align-items:center;
}
.gs-ico{
  width:64px; height:64px;
  display:grid; place-items:center;
}
.gs-ico img{ width:48px; height:48px; object-fit:contain; }

/* Tipografías requeridas */
.gs-copy h3{
  margin:0 0 6px 0;
  font-size:1.25em;     /* solicitado */
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2px;
}
.gs-copy p{
  margin:0;
  font-size:15px;       /* solicitado */
  line-height:1.4;
}

/* ====== Responsive ====== */
@media (max-width: 860px){
  .golmas-split{
    grid-template-columns: 1fr;      /* apila en móviles */
    min-height: 0;
  }
  .golmas-split .gs-left{ min-height: 300px; } /* alto del banner en móvil */
  .golmas-split .gs-right{ padding:28px 22px; }
  .gs-item{ grid-template-columns:56px 1fr; gap:14px; }
  .gs-ico{ width:56px; height:56px; }
  .gs-ico img{ width:42px; height:42px; }
}

/* ====== (Opcional) Full-bleed si está dentro de un contenedor estrecho ======
   Añade la clase .gs-bleed al <section> para que el fondo toque los bordes de la pantalla:
   <section class="golmas-split gs-bleed"> ... </section>
*/
.gs-bleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}



h1.product-title.product_title.entry-title {
    font-size: 30px;
    text-transform: uppercase;
}