/** Shopify CDN: Minification failed

Line 9:0 All "@import" rules must come first

**/
/* JDC — Puerta de entrada: bandas a pantalla completa que reparten el tráfico */
/* el ancho completo se logra con márgenes negativos: esto evita la barra horizontal, solo donde está la puerta */
body:has(.jdc-pta){overflow-x:clip}
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&display=swap');

.jdc-pta{--head:'Archivo',system-ui,sans-serif;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;
  width:auto;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;margin-bottom:0;padding:0}
.jdc-pta__d{position:relative;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none;min-height:calc(var(--h,85) * 1svh - var(--jdc-head,0px));isolation:isolate}

.jdc-pta__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.jdc-pta__d:hover .jdc-pta__img{transform:scale(1.045)}
.jdc-pta__ph{position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#1c1c1c,#3a3a3a)}
.jdc-pta__img--m{display:none}

/* velo para que el texto se lea sobre cualquier foto */
.jdc-pta__d::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,calc(var(--dim,.35) + .22)) 0%,rgba(0,0,0,var(--dim,.35)) 45%,rgba(0,0,0,calc(var(--dim,.35) * .45)) 100%)}

.jdc-pta__c{position:relative;padding:clamp(26px,4.5vw,62px);color:#fff;display:flex;flex-direction:column;align-items:flex-start;max-width:min(640px,88%)}
.jdc-pta__d--centro{align-items:center;text-align:center}
.jdc-pta__d--centro .jdc-pta__c{align-items:center;max-width:720px}

.jdc-pta__sub{font-family:var(--head);font-weight:600;font-size:clamp(11px,.85vw,14px);letter-spacing:.24em;text-transform:uppercase;margin:0 0 10px;opacity:.92}
.jdc-pta__h{font-family:var(--head);font-weight:900;text-transform:uppercase;font-size:clamp(28px,3.2vw,56px);line-height:.94;margin:0 0 8px;letter-spacing:-.01em}
.jdc-pta__txt{font-family:var(--head);font-weight:600;font-size:clamp(13px,1vw,17px);line-height:1.45;margin:0 0 20px;opacity:.9;max-width:44ch}
.jdc-pta__btns{display:flex;flex-wrap:wrap;gap:12px}

.jdc-pta__btn{display:inline-flex;align-items:center;gap:9px;background:transparent;color:#fff;font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(12px,.8vw,15px);padding:clamp(13px,.9vw,17px) clamp(26px,1.8vw,34px);border:1.5px solid #fff;border-radius:2px;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.jdc-pta__btn::after{content:'→';font-weight:500;font-size:.9rem;line-height:1;transition:transform .22s ease}
.jdc-pta__d:hover .jdc-pta__btn,.jdc-pta__btn:hover{background:#fff;color:#111;transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,0,0,.22)}
.jdc-pta__d:hover .jdc-pta__btn::after{transform:translateX(4px)}
.jdc-pta__btn--solido{background:#fff;color:#111}
.jdc-pta__d:hover .jdc-pta__btn--solido{background:transparent;color:#fff}

@media(max-width:760px){
  .jdc-pta{grid-auto-flow:row;grid-auto-columns:auto}
  .jdc-pta__d{min-height:calc((100svh - var(--jdc-head,0px)) * var(--hm,50) / 100)}
  .jdc-pta__d:not(:last-child){margin-bottom:-1px}
  /* la foto de computador solo se esconde si esa banda tiene una propia de celular */
  .jdc-pta__d:has(.jdc-pta__img--m) .jdc-pta__img--d{display:none}
  .jdc-pta__img--m{display:block}
  .jdc-pta__c{padding:24px 20px 30px;max-width:none}
  .jdc-pta__h{font-size:clamp(1.8rem,8vw,2.5rem)}
  .jdc-pta__btn{padding:13px 24px;font-size:13px}
}
