/** Shopify CDN: Minification failed

Line 28:2 Unexpected "{"
Line 28:3 Expected identifier but found "%"
Line 28:56 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
/* ---- RESET/ajustes ---- */
.pf{border:1px solid black;}

/* Utilidades visibilidad */
.only-desktop { display:block !important; }
.only-mobile  { display:none  !important; }

/* Layout base y overlay */
.popup-signup-wrapper { position: fixed; inset: 0; z-index: 9999; }
.popup-signup-overlay { position:absolute; inset:0; background:rgba(0,0,0,.55); }

/* Modal (cuadrado) */
.popup-signup-modal {
  position: relative;
  width: min(920px, 92vw);
  margin: 6vh auto;
  background: var(--popup-bg, var(--color-background, #fff));
  {% comment %} Imagen de fondo opcional para el modal {% endcomment %}
  background-image: var(--popup-bg-image, none);
  background-size: cover;
  background-position: center;
  border: 0;
  border-radius: var(--popup-radius, 0px);
  overflow: hidden; /* Para que las imágenes respeten el radio */
  box-shadow: 0 12px 32px rgba(0,0,0,.2);
}

/* Botón cerrar */
.popup-signup-close{
  position:absolute; top:10px; right:12px;
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px;
  background: rgba(255,255,255,.96);
  color:#111;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  font-size: 13px; line-height: 1;
  font-weight: 500;
  text-transform: lowercase;
  cursor:pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: box-shadow .2s ease, transform .08s ease, background-color .2s ease, border-color .2s ease;
  z-index: 1;
}
.popup-signup-close .icon-x{ display:block; }

/* Grid contenido */
.popup-signup-content { 
  display:grid; 
  grid-template-columns: 1fr 1fr; 
  gap: 0; 
  align-items: stretch;
}

/* Columna izquierda */
.popup-signup-left{
  /* definimos pad lateral como variable para calcular el full-bleed de la imagen móvil */
  --side-pad: 24px;
  padding: 24px var(--side-pad) 20px;
  display:flex; flex-direction:column; gap:14px;
  align-items: center;
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}

/* Kicker texto */
.popup-kicker,
.popup-kicker-img{ margin:0; }
.popup-kicker{
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: clamp(1.4rem, 5.5vw, 3rem);
  line-height: 1.05;
}

/* Logos */
.popup-kicker-img{
  max-width: min(80%, 420px);
  height:auto; display:block;
}
.popup-kicker-img--mobile{
  max-width: 88% !important;
  width: 88% !important;
  height: auto !important;
}

/* Título */
.popup-title{
  font-family: var(--font-heading-family, "Satoshi", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  font-weight: 400;
  font-style: normal;
  font-size: clamp(20px, 2.4vw, 25px);
  line-height: 0.91;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  margin: 6px 0 0;
}
.popup-subtitle{ margin: 2px 0 10px; opacity:.9; }

/* CTA */
.popup-cta-wrap{ display:flex; flex-direction:column; gap:8px; width:100%; max-width:460px; margin: 0 auto; }
.popup-submit {
  display:inline-flex; justify-content:center; align-items:center; gap:8px;
  padding:14px 16px;
  border: 0; border-radius: 8px;
  background: #25D366; color:#111; cursor:pointer; text-decoration:none;
  text-transform: uppercase; font-weight:700;
}
.popup-submit:hover{ filter: brightness(0.95); }
.popup-secondary-note{ opacity:.8; }

/* Columna derecha */
.popup-signup-right { position:relative; min-height: 280px; }
.popup-image { width:100%; height:100%; object-fit: cover; display:block; }

/* El <picture> de la derecha debe cubrir toda la celda */
.popup-media-cover{
  position:absolute; inset:0; display:block;
}
.popup-media-cover > img{
  width:100%; height:100%; display:block; object-fit:cover;
}

/* Imagen móvil superior */
.popup-image-mobile {
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit: cover !important;
  display:block !important;
  border:0;
  border-radius: 0; /* el radio lo gestiona el wrapper para las esquinas superiores */
  margin: 0 !important;
}

html.popup-lock, body.popup-lock { overflow: hidden !important; }

/* ======== RESPONSIVE: MÓVIL/TABLET ======== */
@media (max-width: 1024px){
  .popup-signup-content{ grid-template-columns: 1fr; }
  .popup-signup-right{ display:none !important; }

  .popup-signup-left{
    max-width: 92vw;
    padding-top: 18px; /* mantenemos el top */
    /* los laterales siguen siendo var(--side-pad) = 24px */
  }

  /* full-bleed SOLO en la imagen móvil */
  .popup-image-mobile-wrap{
    display:block;
    width: calc(100% + (var(--side-pad) * 2));
    margin-left: calc(var(--side-pad) * -1);
    margin-right: calc(var(--side-pad) * -1);
    margin-top: 0;
    border-top-left-radius: var(--popup-radius, 0px);
    border-top-right-radius: var(--popup-radius, 0px);
    overflow: hidden;
  }

  .only-desktop { display:none !important; }
  .only-mobile  { display:block !important; }
}