:root{
    /* Paleta propia de Maleta USA: oxblood/cuero (evoca la maleta
       de viaje real) + el mismo dorado --gold que unifica toda la
       marca Santfrancisco. Deliberadamente distinta del azul
       océano de Bote/Planchón y del navy de Soi Rx. */
    --brown-dark:#241014;
    --brown:#5c2430;
    --brown-soft:#8a5460;
    --gold:#d9a441;
    --gold-light:#f0c96a;
    --river-blue:#40161c;
    --cream:#faf6ee;
    --cream-soft:#f3ead9;
    --text-dark:#241a10;

    /* Alias --bc-* para el panel de chat de reservas/cotizaciones
       compartido (booking-chat.css) — mismo patron que odontologia/
       soirx.html, mapeado a la paleta oxblood/dorado propia de
       Maleta USA en vez del navy de Soi Rx. */
    --bc-dark:var(--brown-dark);
    --bc-gold:var(--gold);
    --bc-gold-light:var(--gold-light);
    --bc-bg:var(--cream);
    --bc-card-bg:#fff;
    --bc-text:var(--text-dark);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Poppins', sans-serif;background:var(--cream);color:var(--text-dark);line-height:1.65;overflow-x:hidden;}
  h1,h2,h3{font-family:'Playfair Display', serif;}
  img{max-width:100%;display:block;}
  a{color:inherit;}

  nav{
    position:sticky; top:0; z-index:100;
    background:rgba(36,16,20,0.95);
    backdrop-filter:blur(6px);
    padding:12px 6vw;
    display:flex; align-items:center; justify-content:space-between;
    box-shadow:0 2px 18px rgba(0,0,0,0.25);
    transition:box-shadow .3s ease;
  }
  nav.scrolled{box-shadow:0 6px 28px rgba(0,0,0,0.4);}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo-mark{width:40px;height:40px;border-radius:50%;background:rgba(240,201,106,0.12);border:2px solid var(--gold-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .logo-mark svg{width:20px;height:20px;stroke:var(--gold-light);}
  .logo-text{color:var(--gold-light);font-family:'Playfair Display', serif;font-weight:700;font-size:1.25rem;}
  .logo-text small{display:block;font-family:'Poppins',sans-serif;font-weight:400;font-size:0.65rem;color:var(--cream-soft);opacity:0.75;letter-spacing:0.5px;}
  .nav-actions{display:flex;align-items:center;gap:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
  @media (max-width:900px){nav{flex-wrap:wrap;row-gap:8px;}.nav-actions{position:static;transform:none;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;row-gap:8px;}}
  nav a.cta-nav-secondary{
    background:rgba(250,246,238,0.06);
    color:var(--gold-light);
    border:1.5px solid var(--gold-light);
    padding:9px 18px; border-radius:30px;
    text-decoration:none; font-weight:600; font-size:0.85rem;
    white-space:nowrap; transition:all .2s ease;
    display:inline-flex; align-items:center; gap:6px;
  }
  nav a.cta-nav-secondary svg{width:15px;height:15px;flex-shrink:0;}
  nav a.cta-nav-secondary:hover{
    background:var(--gold-light); color:var(--brown-dark);
    transform:translateY(-2px);
    box-shadow:0 4px 14px rgba(217,164,65,0.3);
  }
  nav a.cta-nav{
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--brown-dark); padding:10px 20px; border-radius:30px;
    text-decoration:none; font-weight:600; font-size:0.85rem;
    box-shadow:0 4px 14px rgba(217,164,65,0.35); transition:transform .2s; white-space:nowrap;
  }
  nav a.cta-nav:hover{transform:translateY(-2px);}
  nav a.cta-nav:hover .arrow, nav a.cta-nav-secondary:hover .arrow{transform:translateX(4px);}

  .icon{width:15px;height:15px;display:inline-block;vertical-align:-2px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

  .badge-location{
    display:inline-block; background:rgba(240,201,106,0.12); border:1px solid rgba(240,201,106,0.4);
    color:var(--gold-light); padding:6px 16px; border-radius:20px; font-size:0.78rem; letter-spacing:0.5px;
    text-transform:uppercase; margin-bottom:18px; font-weight:600;
  }
  .hero-content h1{font-size:clamp(2rem, 5.2vw, 2.9rem);line-height:1.15;margin-bottom:16px;text-shadow:0 4px 18px rgba(0,0,0,0.5);}
  .hero-content h1 em{font-style:normal;background:linear-gradient(135deg, var(--gold-light), var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .hero-content p{font-size:1.05rem;opacity:0.92;margin-bottom:28px;}
  .hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .btn-primary{
    display:inline-block; background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--brown-dark); padding:15px 34px; border-radius:32px; text-decoration:none;
    font-weight:700; letter-spacing:0.3px; box-shadow:0 10px 28px rgba(217,164,65,0.4);
    transition:transform .2s, box-shadow .2s; border:none; cursor:pointer; font-size:0.95rem;
    position:relative; overflow:hidden;
  }
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(217,164,65,0.55);}
  /* Barrido de brillo (shimmer) sutil y continuo — toque premium. */
  .btn-primary::after{
    content:""; position:absolute; top:0; left:-60%; width:35%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.65), transparent);
    transform:skewX(-20deg); animation:btnShimmer 3.6s ease-in-out infinite;
  }
  @keyframes btnShimmer{0%{left:-60%;}45%{left:130%;}100%{left:130%;}}
  .btn-secondary{
    display:inline-block; background:transparent; color:var(--cream); padding:15px 30px;
    border-radius:32px; text-decoration:none; font-weight:600; border:1.5px solid rgba(250,246,238,0.55);
    transition:background .2s; font-size:0.95rem;
  }
  .btn-secondary:hover{background:rgba(250,246,238,0.12);}
  .arrow{display:inline-block;transition:transform .3s ease;}
  .btn-primary:hover .arrow, .btn-secondary:hover .arrow{transform:translateX(4px);}

  .hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;min-height:74vh;color:var(--cream);}
  .hero-bg{position:absolute;inset:-20px;background:radial-gradient(circle at 20% 20%, #4a1e28 0%, #241014 55%, #16090c 100%);transition:transform .25s ease-out;}
  .hero-pattern{position:absolute;inset:0;width:100%;height:100%;opacity:.5;}
  .hero-bg::after{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(180deg, rgba(6,12,20,0.15) 0%, rgba(6,12,20,0.55) 100%);
  }
  .hero-content{position:relative;z-index:2;padding:60px 24px;max-width:760px;}

  /* Ruta de vuelo animada del hero — línea punteada en movimiento
     continuo + avioncito recorriendo la curva Miami->Santander. */
  .route-line{stroke-dasharray:5 7;animation:routeDash 2.4s linear infinite;}
  @keyframes routeDash{to{stroke-dashoffset:-24;}}

  /* Barra de confianza — diferenciales reales (no cifras inventadas),
     justo debajo del hero para reforzar credibilidad de inmediato. */
  .trust-strip{background:var(--brown-dark);padding:20px 6vw;border-top:1px solid rgba(240,201,106,0.15);border-bottom:1px solid rgba(240,201,106,0.15);}
  .trust-strip-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;}
  .trust-item{display:flex;align-items:center;gap:8px;color:var(--cream-soft);font-size:0.82rem;font-weight:600;opacity:.92;white-space:nowrap;}
  .trust-item .trust-emoji{font-size:1rem;}

  /* Ticker de tiendas — marquee infinito en CSS puro, sin dependencias. */
  .brand-ticker{background:var(--cream-soft);padding:22px 0;overflow:hidden;border-bottom:1px solid #e4dac6;}
  .brand-ticker-label{text-align:center;font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--brown-soft);font-weight:700;margin-bottom:14px;padding:0 20px;}
  .brand-track{display:flex;width:max-content;animation:brandScroll 28s linear infinite;}
  .brand-track a{white-space:nowrap;font-family:'Playfair Display',serif;font-weight:700;font-size:1.25rem;color:var(--brown);opacity:.5;padding:0 30px;position:relative;text-decoration:none;transition:opacity .2s ease,color .2s ease;}
  .brand-track a::after{content:"·";position:absolute;right:0;color:var(--gold);opacity:.8;}
  .brand-track a:hover{opacity:1;color:var(--brown-dark);}
  @keyframes brandScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .brand-ticker:hover .brand-track{animation-play-state:paused;}
  @media (max-width:560px){.brand-track a{font-size:1.05rem;padding:0 20px;}}

  .section{padding:70px 6vw; max-width:1100px; margin:0 auto;}
  .section-head{text-align:center;max-width:680px;margin:0 auto 40px;}
  .section-head .eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:0.78rem;color:var(--brown-soft);font-weight:600;margin-bottom:10px;}
  .section-head h2{font-size:2rem;color:var(--brown-dark);margin-bottom:12px;}
  .section-head p{color:#6b5a45;font-size:1rem;}

  .divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px auto 18px;}
  .divider .line{width:34px;height:1px;background:linear-gradient(90deg, transparent, var(--gold), transparent);}
  .divider .diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;}

  .about-text{max-width:720px;margin:0 auto;text-align:center;color:var(--brown);font-size:1.02rem;}

  .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto;}
  @media (max-width:760px){.features-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.features-grid{grid-template-columns:1fr;}}
  .feature-item{text-align:center;padding:20px 12px;border-radius:14px;background:#fff;border:1px solid #e4dac6;transition:transform .3s ease, box-shadow .3s ease;}
  .feature-item:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(43,29,18,0.14);}
  .feature-item .feature-icon{width:44px;height:44px;border-radius:50%;background:rgba(217,164,65,0.12);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
  .feature-item .feature-icon svg{width:22px;height:22px;stroke:var(--gold);}
  .feature-item span{font-size:0.84rem;font-weight:600;color:var(--brown-dark);line-height:1.35;display:block;}

  .steps-section{background:linear-gradient(180deg, var(--cream), var(--cream-soft));}
  .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1000px;margin:0 auto;}
  @media (max-width:760px){.steps-grid{grid-template-columns:1fr;}}
  .step-card{
    background:#fff;border-radius:16px;padding:34px 26px;text-align:center;
    box-shadow:0 10px 30px rgba(43,29,18,0.1);border:1px solid #f0e6d0;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .step-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px rgba(43,29,18,0.16);}
  .step-num{
    width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--brown-dark);font-family:'Playfair Display',serif;font-weight:700;font-size:1.25rem;
    display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 8px 18px rgba(217,164,65,0.35);
  }
  .step-card h3{font-size:1.15rem;color:var(--brown-dark);margin-bottom:8px;}
  .step-card p{font-size:0.88rem;color:#6b5a45;}

  /* "Qué puedes traer" — grilla de íconos (reemplaza la galería de
     fotos: todavía no hay fotos reales de este servicio). */
  .items-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:900px;margin:0 auto;}
  @media (max-width:760px){.items-grid{grid-template-columns:repeat(3,1fr);}}
  @media (max-width:480px){.items-grid{grid-template-columns:repeat(2,1fr);}}
  .item-chip{background:#fff;border:1px solid #e4dac6;border-radius:14px;padding:22px 10px;text-align:center;transition:transform .3s ease, box-shadow .3s ease;}
  .item-chip:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(43,29,18,0.12);}
  .item-chip .emoji{font-size:1.8rem;margin-bottom:8px;}
  .item-chip span{font-size:0.8rem;font-weight:600;color:var(--brown-dark);display:block;}
  .items-legal-note{text-align:center;font-size:0.8rem;color:#8a795f;margin-top:22px;max-width:600px;margin-left:auto;margin-right:auto;}

  /* Accesos directos a tiendas — grilla de tarjetas clicables que
     abren la tienda real en pestaña nueva. El icono es el favicon
     oficial del dominio (via el servicio publico de Google, sin
     alojar ni redibujar logos propios) — mismo criterio prudente que
     el ticker de arriba (nombres reales, sin recrear identidad visual
     de marca), pero con mas peso visual porque aca sí son enlaces
     utiles, no solo decoracion. */
  .store-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:980px;margin:0 auto;}
  @media (max-width:820px){.store-grid{grid-template-columns:repeat(4,1fr);}}
  @media (max-width:560px){.store-grid{grid-template-columns:repeat(3,1fr);gap:10px;}}
  .store-card{
    background:#fff;border:1px solid #e4dac6;border-radius:16px;padding:20px 10px 16px;
    text-align:center;text-decoration:none;position:relative;overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .store-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(92,36,48,0.18);border-color:var(--gold);}
  .store-card .store-icon-wrap{
    width:46px;height:46px;border-radius:50%;background:var(--cream-soft);
    display:flex;align-items:center;justify-content:center;margin:0 auto 10px;
    overflow:hidden;transition:background .3s ease;
  }
  .store-card:hover .store-icon-wrap{background:rgba(217,164,65,0.18);}
  .store-card .store-icon-wrap img{width:24px;height:24px;object-fit:contain;}
  .store-card .store-icon-wrap .store-fallback{font-size:1.2rem;}
  .store-card span{font-size:0.82rem;font-weight:600;color:var(--brown-dark);display:block;}
  .store-card .store-go{
    display:block;font-size:0.68rem;color:var(--gold);opacity:0;font-weight:700;
    margin-top:4px;transform:translateY(-4px);transition:opacity .25s ease, transform .25s ease;
  }
  .store-card:hover .store-go{opacity:1;transform:translateY(0);}
  .store-note{text-align:center;font-size:0.82rem;color:#8a795f;margin-top:26px;max-width:620px;margin-left:auto;margin-right:auto;line-height:1.5;}

  /* Garantía */
  .guarantee-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:820px;margin:0 auto;}
  @media (max-width:700px){.guarantee-grid{grid-template-columns:1fr;}}
  .guarantee-card{background:#fff;border:1.5px solid #e4dac6;border-radius:16px;padding:30px 26px;text-align:center;transition:transform .3s ease, box-shadow .3s ease;}
  .guarantee-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(43,29,18,0.14);}
  .guarantee-icon{font-size:2.2rem;margin-bottom:10px;}
  .guarantee-card h3{font-size:1.15rem;color:var(--brown-dark);margin-bottom:10px;}
  .guarantee-card p{font-size:0.86rem;color:#6b5a45;line-height:1.55;}

  /* Calculadora en vivo — mismos supuestos que el Escenario A del
     xlsx. Ver comentario del <head> para el detalle de la fórmula. */
  .calc-wrap{max-width:820px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(43,29,18,0.16);border-top:5px solid var(--gold);overflow:hidden;}
  .calc-plan-toggle{display:flex;border-bottom:1px solid #f0e6d0;}
  .calc-plan-btn{flex:1;padding:14px;background:var(--cream-soft);border:none;font-family:inherit;font-weight:700;font-size:0.86rem;color:var(--brown-soft);cursor:pointer;transition:background .2s ease,color .2s ease;}
  .calc-plan-btn.active{background:#fff;color:var(--brown-dark);box-shadow:inset 0 -3px 0 var(--gold);}
  .calc-plan-btn:hover{color:var(--brown-dark);}
  .calc-plan-pill{display:inline-block;font-family:'Poppins',sans-serif;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:rgba(217,164,65,0.16);color:var(--brown);padding:4px 10px;border-radius:12px;margin-left:8px;vertical-align:middle;}
  .calc-modalidad{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 24px;background:#fdf8ec;border-bottom:1px solid #f0e6d0;font-size:0.82rem;}
  .calc-modalidad-label{font-weight:700;color:var(--brown-soft);}
  .calc-modalidad label{display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--brown);}
  .calc-modalidad input{accent-color:var(--gold);}
  .calc-note.tienda-fisica{color:#9a6a1e;font-weight:600;}
  .calc-grid{display:grid;grid-template-columns:1fr 1fr;}
  @media (max-width:700px){.calc-grid{grid-template-columns:1fr;}}
  .calc-inputs{padding:36px 34px;border-right:1px solid #f0e6d0;}
  @media (max-width:700px){.calc-inputs{border-right:none;border-bottom:1px solid #f0e6d0;}}
  .calc-inputs h3{color:var(--brown-dark);font-size:1.2rem;margin-bottom:20px;}
  .calc-results{padding:36px 34px;background:var(--cream-soft);}
  .calc-results h3{color:var(--brown-dark);font-size:1.2rem;margin-bottom:20px;}
  .calc-item{display:flex;justify-content:space-between;align-items:center;padding:9px 6px;border-radius:8px;font-size:0.88rem;transition:background .2s ease, transform .2s ease;}
  .calc-item:hover{background:rgba(217,164,65,0.08);transform:translateX(3px);}
  .calc-item span:first-child{color:var(--brown-soft);}
  .calc-item span:last-child{font-weight:600;color:var(--brown-dark);}
  .calc-item.total{border-top:2px solid var(--gold);margin-top:8px;padding-top:14px;font-size:1.05rem;}
  .calc-item.total span:last-child{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--brown-dark);}
  .calc-item.split span:last-child{color:#2f6b5e;}
  .calc-note{font-size:0.76rem;color:#a3927a;margin-top:16px;line-height:1.5;}
  .calc-delivery-date{
    margin-top:12px;padding:12px 14px;border-radius:10px;
    background:rgba(217,164,65,0.1);border:1px solid rgba(217,164,65,0.3);
    font-size:0.82rem;color:var(--brown-dark);line-height:1.55;
  }
  .calc-delivery-date strong{color:var(--brown);}

  /* Filas de productos de la calculadora multi-item — permite
     cotizar varios artículos a la vez y comparte las 5 lb libres de
     recargo entre TODOS ellos (ventaja real frente a un competidor
     que cobra el recargo de peso por producto individual). */
  .calc-item-row{display:grid;grid-template-columns:1fr 90px 74px 30px;gap:8px;align-items:end;margin-bottom:12px;}
  @media (max-width:520px){.calc-item-row{grid-template-columns:1fr;gap:6px;padding-bottom:10px;border-bottom:1px dashed #e4dac6;margin-bottom:14px;}}
  .calc-item-row .mini-field{display:flex;flex-direction:column;gap:4px;}
  .calc-item-row label{font-size:0.68rem;font-weight:600;color:var(--brown-soft);text-transform:uppercase;letter-spacing:.02em;}
  .calc-item-row input{padding:9px 10px;border:1.5px solid #e4dac6;border-radius:7px;font-size:0.85rem;font-family:inherit;width:100%;}
  .calc-item-row input:focus{outline:none;border-color:var(--gold);}
  .calc-item-remove{background:none;border:1.5px solid #e4dac6;border-radius:7px;color:#b56;cursor:pointer;font-size:1rem;line-height:1;padding:8px 0;height:38px;}
  .calc-item-remove:hover{border-color:#c0392b;background:#fff2f1;}
  .calc-item-remove:disabled{opacity:.3;cursor:not-allowed;}
  .calc-add-btn{
    width:100%;padding:10px;margin-top:2px;background:none;border:1.5px dashed var(--gold);border-radius:9px;
    color:var(--brown);font-weight:600;font-size:0.82rem;cursor:pointer;font-family:inherit;transition:background .2s ease;
  }
  .calc-add-btn:hover{background:rgba(217,164,65,0.1);}
  .calc-savings{
    margin-top:14px;padding:11px 14px;background:rgba(47,107,94,0.1);border:1px solid rgba(47,107,94,0.28);
    border-radius:9px;font-size:0.8rem;color:#2f6b5e;font-weight:600;display:none;
  }
  .calc-savings.show{display:block;}

  /* Elige tu plan — Económico vs Exprés */
  .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:820px;margin:0 auto;}
  @media (max-width:700px){.plan-grid{grid-template-columns:1fr;}}
  .plan-card{background:#fff;border:1.5px solid #e4dac6;border-radius:16px;padding:30px 26px;transition:transform .3s ease, box-shadow .3s ease;}
  .plan-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(43,29,18,0.14);}
  .plan-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
  .plan-emoji{font-size:1.6rem;}
  .plan-card h3{font-size:1.3rem;color:var(--brown-dark);}
  .plan-tagline{font-size:0.88rem;color:var(--brown);margin-bottom:16px;line-height:1.5;}
  .plan-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:16px;}
  .plan-features li{font-size:0.84rem;color:#6b5a45;padding-left:22px;position:relative;line-height:1.4;}
  .plan-features li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;}
  .plan-badge{display:inline-block;background:rgba(217,164,65,0.14);color:var(--brown-dark);font-size:0.76rem;font-weight:700;padding:6px 14px;border-radius:20px;}
  .plan-card.expres{border-color:var(--gold);background:linear-gradient(180deg,#fff, #fdf8ec);}

  /* Cada plan vive en su propia <section> (ver arriba) para que Carlos
     pueda pausar/reactivar el plan Económico desde admin.html sin
     afectar el Exprés. plan-grid-solo centra una sola tarjeta en vez
     del grid de 2 columnas original. */
  .plan-grid-solo{grid-template-columns:1fr;max-width:520px;}
  .economico-paused-card{
    max-width:640px;margin:0 auto;background:#fdf8ec;border:1.5px dashed var(--gold);
    border-radius:16px;padding:26px 30px;text-align:center;
  }
  .economico-paused-card .emoji{font-size:1.8rem;display:block;margin-bottom:10px;}
  .economico-paused-card p{font-size:0.88rem;color:var(--brown);line-height:1.6;}

  /* Eventos especiales (Black Friday / Cyber Monday) */
  .events-card{
    max-width:900px;margin:0 auto;border-radius:20px;padding:40px 44px;
    background:linear-gradient(135deg, var(--brown-dark), var(--river-blue));
    color:var(--cream);box-shadow:0 20px 50px rgba(36,16,20,0.3);
    position:relative;overflow:hidden;
  }
  .events-card::before{
    content:"🛍️";position:absolute;right:28px;top:50%;transform:translateY(-50%);
    font-size:6rem;opacity:.12;
  }
  .events-text{position:relative;z-index:1;max-width:600px;}
  .events-text h2{color:#fff;font-size:1.7rem;margin:8px 0 12px;}
  .events-text p{color:var(--cream-soft);opacity:.92;font-size:0.94rem;margin-bottom:20px;}
  .events-dates{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
  .events-date-chip{
    background:rgba(240,201,106,0.14);border:1px solid rgba(240,201,106,0.4);
    border-radius:12px;padding:10px 18px;display:flex;flex-direction:column;gap:2px;
  }
  .events-date-chip strong{color:var(--gold-light);font-family:'Playfair Display',serif;font-size:1.05rem;}
  .events-date-chip span{font-size:0.76rem;color:var(--cream-soft);opacity:.85;}
  @media (max-width:600px){.events-card{padding:32px 26px;}.events-card::before{display:none;}}

  /* Sección comparativa "por qué somos mejores" */
  .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:0 auto;}
  @media (max-width:700px){.compare-grid{grid-template-columns:1fr;}}
  .compare-card{border-radius:16px;padding:30px 26px;}
  .compare-card.us{background:var(--brown-dark);color:var(--cream);box-shadow:0 16px 40px rgba(36,16,20,0.25);}
  .compare-card.them{background:#fff;border:1.5px solid #e4dac6;}
  .compare-card h3{font-size:1.15rem;margin-bottom:18px;}
  .compare-card.us h3{color:var(--gold-light);}
  .compare-card.them h3{color:#8a795f;}
  .compare-list{list-style:none;display:flex;flex-direction:column;gap:13px;}
  .compare-list li{font-size:0.86rem;line-height:1.5;padding-left:26px;position:relative;}
  .compare-card.us .compare-list li::before{content:"✓";position:absolute;left:0;color:var(--gold-light);font-weight:700;}
  .compare-card.them .compare-list li::before{content:"—";position:absolute;left:0;color:#b0a48f;font-weight:700;}
  .compare-card.them .compare-list li{color:#8a795f;}

  /* Testimonios (ilustrativos — ver comentario en el HTML) */
  .testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;}
  @media (max-width:820px){.testimonial-grid{grid-template-columns:1fr;max-width:480px;}}
  .testimonial-card{background:#fff;border:1px solid #e4dac6;border-radius:14px;padding:24px 22px;}
  .testimonial-stars{color:var(--gold);font-size:0.85rem;margin-bottom:10px;letter-spacing:1px;}
  .testimonial-card p{font-size:0.87rem;color:var(--brown);line-height:1.6;margin-bottom:14px;font-style:italic;}
  .testimonial-author{font-size:0.8rem;font-weight:700;color:var(--brown-dark);}
  .testimonial-author small{display:block;font-weight:400;color:var(--brown-soft);font-size:0.74rem;margin-top:1px;}

  /* Rastreo público de pedido */
  .track-wrap{max-width:520px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 16px 40px rgba(43,29,18,0.12);padding:30px 28px;border-top:5px solid var(--gold);text-align:center;}
  .track-row{display:flex;gap:10px;margin-top:16px;}
  @media (max-width:480px){.track-row{flex-direction:column;}}
  .track-row input{flex:1;padding:12px 14px;border:1.5px solid #e4dac6;border-radius:9px;font-size:0.9rem;font-family:inherit;}
  .track-row input:focus{outline:none;border-color:var(--gold);}
  .track-row button{
    background:linear-gradient(135deg, var(--gold-light), var(--gold));color:var(--brown-dark);border:none;
    padding:12px 22px;border-radius:9px;font-weight:700;font-size:0.85rem;cursor:pointer;font-family:inherit;white-space:nowrap;
  }
  .track-result{margin-top:18px;text-align:left;font-size:0.86rem;line-height:1.7;color:var(--brown);display:none;}
  .track-result.show{display:block;}
  .track-result .track-status{font-weight:700;color:var(--brown-dark);}
  .track-error{margin-top:14px;font-size:0.82rem;color:#c0392b;display:none;}
  .track-error.show{display:block;}

  .cta-banner{
    background:linear-gradient(135deg, var(--brown-dark), var(--river-blue));
    color:var(--cream);text-align:center;padding:60px 6vw;
  }
  .cta-banner h2{font-size:1.9rem;margin-bottom:14px;}
  .cta-banner p{opacity:0.85;margin-bottom:26px;max-width:520px;margin-left:auto;margin-right:auto;}

  .form-section{background:linear-gradient(180deg, var(--cream-soft), var(--cream));padding:70px 6vw 100px;}
  .form-wrap{max-width:640px;margin:0 auto;}
  .form-wrap .card{background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(43,29,18,0.16);padding:40px 36px;border-top:5px solid var(--gold);}
  .form-wrap .card h3{color:var(--brown-dark);font-size:1.4rem;margin-bottom:6px;}
  .form-wrap .card .subtitle{color:#8a795f;font-size:0.9rem;margin-bottom:26px;}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:0.85rem;font-weight:600;color:var(--brown);margin-bottom:7px;}
  .field .req{color:#c0392b;}
  .field input,.field select,.field textarea{
    width:100%;padding:12px 16px;border:1.5px solid #e4dac6;border-radius:9px;
    font-size:16px;font-family:inherit;background:#fdfbf7;
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,164,65,0.16);}
  .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media (max-width:560px){.row-2{grid-template-columns:1fr;} .form-wrap .card{padding:26px 20px;} .calc-inputs,.calc-results{padding:28px 22px;}}
  .contact-pref{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;}
  .contact-pref label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:0.85rem;background:var(--cream-soft);padding:8px 14px;border-radius:20px;cursor:pointer;}
  .contact-pref input[type="radio"]{width:auto;accent-color:var(--gold);}
  button.submit-btn{
    width:100%;padding:16px;margin-top:10px;background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--brown-dark);font-weight:700;font-size:1rem;border:none;border-radius:9px;cursor:pointer;
    box-shadow:0 10px 24px rgba(217,164,65,0.35);
  }
  .privacy-note{font-size:0.76rem;color:#a3927a;text-align:center;margin-top:16px;}
  .punctuality-note{font-size:0.82rem;color:#2f6b5e;font-weight:500;text-align:center;background:rgba(58,157,93,0.1);border:1px solid rgba(58,157,93,0.28);padding:10px 14px;border-radius:8px;margin-top:16px;}

  footer{background:var(--brown-dark);color:var(--cream-soft);padding:50px 6vw 26px;}
  .footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
  @media (max-width:760px){.footer-inner{grid-template-columns:1fr 1fr;}}
  @media (max-width:480px){.footer-inner{grid-template-columns:1fr;text-align:center;}}
  .footer-brand .flag-line{width:60px;height:4px;background:linear-gradient(90deg, #FCD116 34%, #003893 34%, #003893 67%, #CE1126 67%);margin:0 0 14px;border-radius:2px;}
  .footer-brand strong{color:var(--gold-light);font-family:'Playfair Display',serif;font-size:1.2rem;}
  .footer-brand p{font-size:0.86rem;opacity:0.75;margin-top:10px;max-width:340px;}
  .footer-col h5{font-size:0.82rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-light);margin-bottom:12px;}
  .footer-col p, .footer-col a{font-size:0.86rem;opacity:0.8;display:block;margin-bottom:6px;}
  .footer-col a:hover{opacity:1;color:var(--gold-light);}
  .footer-bottom{text-align:center;font-size:0.76rem;opacity:0.5;margin-top:36px;padding-top:20px;border-top:1px solid rgba(250,246,238,0.1);}

  @media (max-width:560px){.hero-content h1{font-size:2.1rem;}}

  .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.3,1), transform .8s cubic-bezier(.2,.7,.3,1);}
  .reveal.visible{opacity:1;transform:translateY(0);}
  .features-grid .feature-item.reveal:nth-child(2){transition-delay:.08s;}
  .features-grid .feature-item.reveal:nth-child(3){transition-delay:.16s;}
  .features-grid .feature-item.reveal:nth-child(4){transition-delay:.24s;}
  .items-grid .item-chip.reveal:nth-child(2n){transition-delay:.06s;}
  .items-grid .item-chip.reveal:nth-child(3n){transition-delay:.12s;}

  .mobile-cta{display:none;}
  @media (max-width:720px){
    .mobile-cta{
      display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;
      background:rgba(36,16,20,0.97);backdrop-filter:blur(8px);padding:12px 16px;
      box-shadow:0 -6px 24px rgba(0,0,0,0.35);
    }
    .mobile-cta a{flex:1;text-align:center;}
    body{padding-bottom:74px;}
  }

  .fab-cta{
    position:fixed;right:28px;bottom:28px;z-index:95;
    background:linear-gradient(135deg, var(--gold-light), var(--gold));
    color:var(--brown-dark);padding:15px 26px;border-radius:32px;text-decoration:none;
    font-weight:700;font-size:0.92rem;box-shadow:0 12px 30px rgba(217,164,65,0.45);
    display:inline-flex;align-items:center;opacity:0;pointer-events:none;
    transform:translateY(16px);transition:opacity .3s ease, transform .3s ease;
  }
  .fab-cta.visible{opacity:1;pointer-events:auto;transform:translateY(0);}
  .fab-cta:hover{transform:translateY(-3px);}
  @media (max-width:720px){.fab-cta{display:none;}}

  .whatsapp-fab{
    position:fixed;right:28px;bottom:96px;z-index:95;
    display:inline-flex;align-items:center;gap:9px;
    background:#25D366;color:#fff;font-weight:700;font-size:0.85rem;
    padding:13px 20px;border-radius:32px;text-decoration:none;
    box-shadow:0 10px 26px rgba(37,211,102,0.4);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(37,211,102,0.5);}
  .whatsapp-fab svg{flex-shrink:0;}
  @media (max-width:720px){
    .whatsapp-fab{right:16px;bottom:86px;padding:13px;border-radius:50%;box-shadow:0 8px 22px rgba(37,211,102,0.45);}
    .whatsapp-fab-text{display:none;}
  }

  .share-widget{margin-top:16px;}
  .share-label{color:#c9baa4;font-size:0.8rem;margin-bottom:8px;}
  .share-buttons{display:flex;gap:10px;flex-wrap:wrap;}
  .share-btn{
    display:inline-flex;align-items:center;gap:6px;background:rgba(240,201,106,0.1);
    border:1px solid rgba(240,201,106,0.35);color:var(--gold-light);font-size:0.8rem;font-weight:600;
    padding:8px 14px;border-radius:20px;cursor:pointer;text-decoration:none;
    font-family:inherit;transition:background .2s ease;
  }
  .share-btn:hover{background:rgba(240,201,106,0.2);}
  .share-btn .icon{width:13px;height:13px;margin-right:0;}