/* =========================================================
   PROMO CHIPS — ported from the Servicios page so the home
   hero can show the same "mitad-mitad" promo strip.
   Loaded only by index.html. Safe to remove to revert.
   ========================================================= */

/* ============ Promo strip (straddles banner bottom) ============ */
  .pr-pricebar{
    position:relative;z-index:6;
    width:100%;
    margin:-110px 0 0;
    padding:0 24px clamp(16px,1.8vw,24px);
    display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.5vw,18px);
  }
  .pr-pchips{
    display:flex;gap:clamp(14px,1.9vw,26px);justify-content:center;align-items:stretch;
    width:100%;max-width:960px;margin:0 auto;
  }
  .pr-pchip{
    pointer-events:auto;text-decoration:none;
    position:relative;overflow:hidden;
    flex:1 1 0;max-width:300px;min-width:0;
    padding:26px 22px 24px;
    display:flex;flex-direction:column;align-items:center;gap:16px;
    border-radius:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.06);
    animation:chipIn .62s cubic-bezier(.2,.75,.2,1) both;
    transition:box-shadow .5s, filter .5s, transform .55s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
  }
  @keyframes chipIn{
    from{opacity:0}
    to{opacity:1}
  }
  /* spotlight: featured promo gets a soft gold halo (no resize — clean) */
  .pr-pchip--spot{
    z-index:3;
    box-shadow:0 20px 46px rgba(0,0,0,0.48), inset 0 0 0 1px rgba(239,200,94,0.55), 0 0 30px rgba(201,155,42,0.20);
  }
  .pr-pchip:not(.pr-pchip--spot){filter:saturate(0.97) brightness(0.97)}
  .pr-pchip:hover{
    filter:brightness(1.06);
    transform:translateY(-6px);
    box-shadow:0 34px 76px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(239,200,94,0.6), 0 0 52px rgba(201,155,42,0.3);
    z-index:4;
  }
  /* auto-calculated discount badge — bold percentage pill */
  .pr-pchip__badge{
    align-self:center;
    display:inline-flex;align-items:baseline;gap:2px;
    padding:7px 14px;border-radius:999px;line-height:1;
    font-family:"DM Sans","Inter",sans-serif;font-weight:700;letter-spacing:0.02em;
    text-transform:uppercase;white-space:nowrap;
    font-size:clamp(0.92rem,1.25vw,1.2rem);
    color:#2A1C04;
    background:linear-gradient(135deg, #F8DC93 0%, #ECC76C 45%, #C99B2A 100%);
    box-shadow:0 6px 18px rgba(150,110,28,0.4), inset 0 0 0 1px rgba(255,255,255,0.4);
  }
  .pr-pchip__badge::after{
    content:"OFF";font-family:"Inter",sans-serif;font-size:0.5em;font-weight:700;
    letter-spacing:0.08em;align-self:center;margin-left:2px;opacity:0.8;
  }
  /* "2da persona" style deal: custom badge text, no OFF suffix */
  .pr-pchip__badge--alt::after{content:none}
  .pr-pchip__note{
    position:relative;z-index:1;
    font-family:"Inter",sans-serif;font-size:11.5px;font-weight:600;
    letter-spacing:0.01em;line-height:1.35;margin:-6px 0 0;
    opacity:0.92;max-width:18ch;
  }
  .pr-pchip--peach .pr-pchip__note{color:#5A2A14}
  .pr-pchip--dark .pr-pchip__note{color:var(--gold-soft)}
  .pr-pchip__note b{font-weight:800;letter-spacing:-0.01em}
  .pr-pchip--peach .pr-pchip__note b{color:#3A1A08}
  /* Duo deal benefit strip: "2.ª persona −30% → S/133" */
  .pr-pchip__deal{
    position:relative;z-index:1;align-self:stretch;
    display:flex;align-items:center;gap:9px;
    padding:8px 11px;border-radius:11px;margin-top:2px;
    background:rgba(26,12,6,0.18);
    box-shadow:inset 0 0 0 1px rgba(58,26,12,0.22);
  }
  .pr-pchip__deal-off{
    flex:none;font-family:"Archivo Black",Impact,sans-serif;
    font-size:1.18rem;line-height:0.9;letter-spacing:-0.03em;color:#2A1404;
  }
  .pr-pchip__deal-txt{
    font-family:"Inter",sans-serif;font-size:10px;font-weight:700;
    letter-spacing:0.04em;line-height:1.2;text-transform:uppercase;color:#46220F;
  }
  .pr-pchip__deal-txt b{display:block;font-size:11.5px;font-weight:800;letter-spacing:0.01em}
  /* Duo two-price display: 1.ª vs 2.ª persona */
  .pr-pchip__duo{
    position:relative;z-index:1;align-self:stretch;margin-top:auto;
    display:flex;align-items:stretch;gap:6px;
  }
  .pr-pchip__duo-col{display:flex;flex-direction:column;gap:3px;flex:1;align-items:center;text-align:center;padding:0 4px}
  .pr-pchip__duo-col + .pr-pchip__duo-col{
    border-left:1px solid rgba(58,26,12,0.25);position:relative;
  }
  .pr-pchip__duo-lbl{
    font-family:"Inter",sans-serif;font-size:8.5px;font-weight:800;
    letter-spacing:0.14em;text-transform:uppercase;opacity:0.75;line-height:1.1;
  }
  .pr-pchip__duo-val{
    display:flex;align-items:baseline;gap:3px;justify-content:center;
    font-family:"Archivo Black",Impact,sans-serif;letter-spacing:-0.03em;
  }
  .pr-pchip__duo-val .c{font-size:0.66rem;opacity:0.8}
  .pr-pchip__duo-val .n{font-size:clamp(1.55rem,2vw,2rem);line-height:0.85}
  .pr-pchip__duo-col--two .pr-pchip__duo-val .n{color:#FFFFFF}
  .pr-pchip__duo-tag{
    margin-top:4px;
    font-family:"Inter",sans-serif;font-size:8.5px;font-weight:800;letter-spacing:0.03em;
    padding:2px 7px;border-radius:999px;line-height:1;
    background:#2A1404;color:#F6E4C8;
  }
  .pr-pchip__plus{color:var(--gold-soft);opacity:1;font-weight:inherit}
  .pr-pchip--peach .pr-pchip__plus{color:#3A1A0C}
  /* moving light sweep — continuous premium life */
  .pr-pchip::before{
    content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;z-index:0;pointer-events:none;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,0.22), transparent);
    transform:skewX(-16deg);
    animation:chipSheen 5.5s ease-in-out infinite;
  }
  .pr-pchip:nth-child(1)::before{animation-delay:0s}
  .pr-pchip:nth-child(2)::before{animation-delay:1s}
  .pr-pchip:nth-child(3)::before{animation-delay:2s}
  @keyframes chipSheen{
    0%{left:-70%}
    42%,100%{left:135%}
  }
  .pr-pchip--dark{background:linear-gradient(165deg,#16110F 0%,#0A0706 100%);color:#FFF3E2;}
  .pr-pchip--peach{background:linear-gradient(158deg,#EFA877 0%,#DD8459 58%,#C86E45 100%);color:#FFF6EC;}
  /* soft diagonal base sheen */
  .pr-pchip::after{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,0.14) 0%, transparent 50%);
  }
  .pr-pchip--dark::after{
    background:linear-gradient(135deg, rgba(239,200,94,0.12) 0%, transparent 46%);
  }
  .pr-pchip__name{
    position:relative;z-index:1;text-align:center;
    font-family:"Archivo Black",Impact,sans-serif;
    font-size:clamp(0.92rem,1.15vw,1.18rem);
    line-height:1.12;letter-spacing:0.005em;text-transform:uppercase;
  }
  .pr-pchip__price{
    position:relative;z-index:1;
    display:flex;align-items:baseline;gap:7px;margin-top:auto;
  }
  .pr-pchip__from{
    font-family:"Inter",sans-serif;font-size:clamp(8px,0.62vw,10px);font-weight:700;
    letter-spacing:0.18em;text-transform:uppercase;opacity:0.78;line-height:1.1;
    align-self:flex-end;margin-bottom:7px;
  }
  .pr-pchip__num{
    font-family:"Archivo Black",Impact,sans-serif;
    font-size:clamp(2.6rem,3.6vw,3.5rem);line-height:0.82;letter-spacing:-0.04em;
    font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;
  }
  .pr-pchip.is-exit .pr-pchip__name,
  .pr-pchip.is-exit .pr-pchip__price{opacity:0;transform:translateX(32px)}
  .pr-pchip.is-pre .pr-pchip__name,
  .pr-pchip.is-pre .pr-pchip__price{opacity:0;transform:translateX(-32px);transition:none}
  @media (prefers-reduced-motion:reduce){
    .pr-pchip{animation:none;opacity:1}
    .pr-pchip::before{display:none}
    .pr-pchip--spot{transform:none}
  }

  @media (max-width:900px){
    .pr-pricebar{margin-top:20px;padding:0 18px clamp(26px,4vw,38px);gap:12px}
    .pr-pchips{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px}
    .pr-pchip{flex:none;width:auto;max-width:none;padding:20px 16px 18px;gap:14px;justify-content:center}
    .pr-pchip__price{margin-top:0}
    .pr-pchip__duo{margin-top:0}
    .pr-pchip__num{font-size:clamp(2.2rem,7vw,3rem)}
  }
  @media (max-width:560px){
    .pr-pricebar{margin-top:16px;padding:0 14px 28px;gap:10px}
    .pr-pchips{gap:10px}
    .pr-pchip{padding:16px 12px 15px;gap:11px;border-radius:14px}
    .pr-pchip__name{font-size:clamp(0.82rem,3.6vw,1rem)}
    .pr-pchip__num{font-size:clamp(1.9rem,8.5vw,2.5rem)}
    .pr-pchip__badge{font-size:clamp(0.8rem,3.6vw,1rem);padding:6px 12px}
    .pr-pchip__duo-val .n{font-size:clamp(1.35rem,6vw,1.75rem)}
    .pr-pchip--spot{box-shadow:0 16px 36px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(239,200,94,0.5), 0 0 22px rgba(201,155,42,0.18)}
    .pr-pchip:hover{transform:translateY(-3px)}
  }

/* ===== Promo chips on the HOME hero (straddle the banner bottom) ===== */
.home-promos{ position:relative; z-index:6; background:transparent; padding-bottom:clamp(24px,3vw,52px); }
.home-promos .pr-pricebar{ margin-top:18px; }            /* por defecto: debajo (el JS lo sube a mitad-mitad cuando hay espacio) */
.home-promos__head{
  text-align:center; position:relative; z-index:6;
  padding:0 24px; margin:0 auto clamp(2px,1vw,10px);
}
.home-promos__eyebrow{
  font-family:"Inter",sans-serif; font-size:11px; font-weight:600;
  letter-spacing:0.34em; text-transform:uppercase; color:var(--gold);
}