/* CAUSA30 — hoja de estilos principal
   Paleta: verde bosque + coral. Tipografía: Manrope (display) + Inter (texto). */

  :root{
    --verde:#1F5F4A;
    --verde-deep:#12332A;
    --verde-soft:#EAF1EE;
    --coral:#E8664A;
    --coral-deep:#C94F36;
    --cream:#F8F5EF;
    --card:#FFFFFF;
    --ink:#1B231F;
    --grey:#6B756F;
    --line:#E4DFD5;
    --radius-lg:28px;
    --radius-md:18px;
    --comm-orange:#FF9142;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;background:var(--cream);color:var(--ink);
    font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,.display{font-family:'Manrope',sans-serif;letter-spacing:-0.02em;margin:0;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}
  img{display:block;max-width:100%;}
  .wrap{max-width:480px;margin:0 auto;position:relative;}
  @media(min-width:900px){ .wrap{max-width:1080px;} }

  /* ---------- COVER DE BIENVENIDA (pantalla completa, una vez por sesión) ---------- */
  .welcome-cover{
    position:fixed;inset:0;z-index:500;
    background:radial-gradient(ellipse at top,#1A4538 0%,var(--verde-deep) 55%,#0D251F 100%);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:max(32px,env(safe-area-inset-top)) 28px max(32px,env(safe-area-inset-bottom));
    text-align:center;
    transition:transform .7s cubic-bezier(.4,.1,.2,1), opacity .6s ease;
  }
  .welcome-cover.closing{transform:translateY(-100%);opacity:0;pointer-events:none;}
  .welcome-cover.hidden{display:none;}

  .wc-logo-img{height:64px;width:auto;margin:0 auto;opacity:0;animation:fadeUp .6s ease .1s forwards;}

  .wc-shapes{position:relative;width:100px;height:80px;margin:36px auto 0;}
  .wc-lobe{
    position:absolute;top:0;width:50px;height:80px;
    border-radius:50px 50px 0 0;
    opacity:0;
  }
  .wc-lobe-a{
    left:50px;background:var(--coral);transform-origin:0 100%;
    animation:lobeConvergeA 1.1s cubic-bezier(.34,1.15,.4,1) .5s forwards;
  }
  .wc-lobe-b{
    left:0;background:#F0A190;transform-origin:100% 100%;
    animation:lobeConvergeB 1.1s cubic-bezier(.34,1.15,.4,1) .5s forwards;
  }
  @keyframes lobeConvergeA{
    0%{transform:translate(46px,-22px) rotate(-15deg);opacity:0;}
    40%{opacity:1;}
    100%{transform:translate(0,0) rotate(-45deg);opacity:1;}
  }
  @keyframes lobeConvergeB{
    0%{transform:translate(-46px,-22px) rotate(15deg);opacity:0;}
    40%{opacity:1;}
    100%{transform:translate(0,0) rotate(45deg);opacity:1;}
  }

  .wc-text{
    color:#DCE8E2;font-size:14px;line-height:1.6;max-width:320px;
    margin-top:28px;opacity:0;animation:fadeUp .6s ease 1.7s forwards;
  }
  .wc-slogan{
    color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;
    margin-top:14px;max-width:320px;line-height:1.25;
    opacity:0;animation:fadeUp .65s ease 2.1s forwards;
  }
  .wc-cta{
    margin-top:32px;background:var(--coral);color:#fff;
    padding:15px 32px;border-radius:100px;font-weight:800;font-size:13.5px;
    letter-spacing:.03em;text-transform:uppercase;
    display:inline-flex;align-items:center;gap:8px;
    box-shadow:0 10px 24px -8px rgba(232,102,74,.5);
    opacity:0;animation:fadeUp .6s ease 2.5s forwards;
  }
  .wc-arrow{display:inline-block;animation:bounceArrow 1.8s ease-in-out infinite;}
  @keyframes bounceArrow{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(4px);}
  }

  @media (prefers-reduced-motion: reduce){
    .welcome-cover{transition:none;}
    .wc-logo-img,.wc-text,.wc-slogan,.wc-cta{animation:none;opacity:1;}
    .wc-arrow{animation:none;}
    .wc-lobe-a{animation:none;opacity:1;transform:translate(0,0) rotate(-45deg);}
    .wc-lobe-b{animation:none;opacity:1;transform:translate(0,0) rotate(45deg);}
  }

  /* ---------- HERO (fondo oscuro para resaltar producto) ---------- */
  .hero{
    padding:26px 0 40px;
    background:radial-gradient(ellipse at top,#1A4538 0%,var(--verde-deep) 55%,#0D251F 100%);
    border-radius:0 0 36px 36px;
    position:relative;
    overflow:hidden;
  }
  .hero::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(circle at 30% 20%,rgba(232,102,74,.10),transparent 45%);
    pointer-events:none;
  }
  .promo-stamp{
    position:absolute;top:10px;left:12px;width:114px;height:114px;
    z-index:10;pointer-events:none;
    transform:rotate(-25deg) scale(2.2);opacity:0;
    animation:stampIn .55s cubic-bezier(.34,1.6,.5,1) .5s forwards;
  }
  @keyframes stampIn{
    0%{transform:rotate(-25deg) scale(2.2);opacity:0;}
    60%{transform:rotate(16deg) scale(0.92);opacity:1;}
    100%{transform:rotate(12deg) scale(1);opacity:1;}
  }
  .brand-center{text-align:center;margin-bottom:18px;opacity:0;animation:fadeUp .6s ease forwards;}
  .brand-logo{height:120px;width:auto;margin:0 auto;display:block;}
  .brand-center .word{
    font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;
    color:#fff;letter-spacing:-0.01em;
  }
  .brand-center .word span{color:var(--coral);}

  .intrigue{
    text-align:center;font-family:'Manrope',sans-serif;font-weight:700;
    font-size:22px;line-height:1.25;color:#fff;
    padding:0 40px;opacity:0;animation:fadeUp .6s ease .1s forwards;
  }
  .micro-eyebrow{
    display:block;text-align:center;font-size:11px;font-weight:700;
    color:#F0A190;text-transform:uppercase;letter-spacing:.09em;
    margin-top:12px;padding-bottom:26px;
    opacity:0;animation:fadeUp .6s ease 1.05s forwards;
  }
  .hero-slogan{
    text-align:center;font-family:'Manrope',sans-serif;font-weight:700;
    font-size:17px;color:var(--coral);padding:10px 40px 0;
    opacity:0;animation:fadeUp .65s ease .85s forwards;
  }
  @keyframes fadeUp{
    from{opacity:0;transform:translateY(14px);}
    to{opacity:1;transform:translateY(0);}
  }

  .carousel{
    position:relative;height:500px;
    display:flex;align-items:center;justify-content:center;
    opacity:0;animation:fadeUp .7s ease 1.15s forwards;
    touch-action:pan-y;cursor:grab;
  }
  .carousel:active{cursor:grabbing;}
  .p-card{
    position:absolute;width:280px;height:470px;border-radius:var(--radius-lg);
    background:var(--card);box-shadow:0 24px 50px -14px rgba(0,0,0,0.5);
    transition:all .5s cubic-bezier(.22,.9,.35,1);cursor:pointer;
    overflow:hidden;
  }
  .p-card-inner{display:flex;flex-direction:column;height:100%;}
  .p-card.center .p-card-inner{animation:floatCard 3.6s ease-in-out infinite;}
  @keyframes floatCard{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-7px);}
  }
  .p-card .art{flex:1;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;background-size:cover;background-position:center;}
  .p-card .art .badge{
    position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);
    backdrop-filter:blur(4px);font-size:10px;font-weight:700;color:var(--verde-deep);
    padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;
  }
  .p-card .art .badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--coral);}
  .p-card .info{padding:16px 18px 20px;background:var(--card);}
  .p-card .biz{font-size:11px;color:var(--grey);font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
  .p-card .name{font-family:'Manrope',sans-serif;font-weight:700;font-size:17px;margin-top:3px;}
  .p-card .price-row{display:flex;align-items:baseline;gap:8px;margin-top:8px;}
  .p-card .price{font-weight:700;font-size:15px;color:var(--verde-deep);}
  .p-card .aporte{font-size:12px;color:var(--coral-deep);font-weight:600;}
  .p-card.center{z-index:5;transform:translateX(0) scale(1);}
  .p-card.left{z-index:2;transform:translateX(-188px) scale(.82);opacity:.5;filter:saturate(.7) brightness(.85);}
  .p-card.right{z-index:2;transform:translateX(188px) scale(.82);opacity:.5;filter:saturate(.7) brightness(.85);}
  .p-card.hidden{opacity:0;pointer-events:none;transform:scale(.7);}

  .dots{display:flex;justify-content:center;gap:7px;margin-top:22px;opacity:0;animation:fadeUp .6s ease 1.25s forwards;}
  .dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .3s;}
  .dot.active{background:var(--coral);width:20px;border-radius:4px;}

  .hint-line{
    text-align:center;font-size:12px;color:#9FB6AC;padding:0 44px;line-height:1.55;
    opacity:0;animation:fadeUp .6s ease 1.35s forwards;
  }
  .hint-line span{display:block;margin-top:2px;color:#6E8A7D;}

  /* ---------- CINTILLO DE PATROCINADORES ---------- */
  .ticker{
    margin-top:24px;overflow:hidden;position:relative;
    background:rgba(255,255,255,.06);
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:11px 0;
    opacity:0;animation:fadeUp .6s ease 1.45s forwards;
  }
  .ticker::before,.ticker::after{
    content:'';position:absolute;top:0;bottom:0;width:36px;z-index:2;pointer-events:none;
  }
  .ticker::before{left:0;background:linear-gradient(90deg,#12332A,transparent);}
  .ticker::after{right:0;background:linear-gradient(-90deg,#12332A,transparent);}
  .ticker-track{
    display:flex;gap:30px;white-space:nowrap;width:max-content;
    animation:tickerScroll 24s linear infinite;
  }
  .ticker-track span{
    font-size:11.5px;font-weight:600;color:#C7D6CE;letter-spacing:.02em;
    display:flex;align-items:center;gap:8px;
  }
  .ticker-track span.dot{color:var(--coral);font-size:8px;}
  @keyframes tickerScroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  @media (prefers-reduced-motion: reduce){
    .ticker-track{animation:none;}
    .p-card.center .p-card-inner{animation:none;}
    .brand-center,.intrigue,.hero-slogan,.micro-eyebrow,.carousel,.dots,.hint-line,.ticker,.promo-stamp{animation:none;opacity:1;transform:rotate(12deg) scale(1);}
  }

  /* ---------- SECTION GENERIC ---------- */
  section{padding:40px 24px;}
  .eyebrow{
    font-size:11.5px;font-weight:700;color:var(--coral-deep);
    text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block;
  }
  .sec-title{font-size:26px;font-weight:800;color:var(--verde-deep);line-height:1.15;}

  /* ---------- COMO FUNCIONA (fusionado con el video) ---------- */
  .funciona{background:var(--verde-deep);color:#fff;border-radius:32px;margin:0 16px;padding:44px 24px 40px;}
  .funciona .eyebrow{color:#8FC4AC;}
  .funciona .sec-title{color:#fff;}
  .funciona-main-title{
  font-size:21px;line-height:1.35;color:#fff;text-transform:uppercase;letter-spacing:.01em;
}
.funciona-subtitle{
  font-size:12.5px;color:#C7D6CE;margin-top:8px;line-height:1.5;
}
.funciona-simple-text{
  font-size:12px;color:#C7D6CE;margin-top:16px;line-height:1.6;
}

  .ticker-wrap{
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .6s cubic-bezier(.22,.9,.35,1), opacity .5s ease;
  }
  .ticker-wrap.open{max-height:260px;opacity:1;margin-top:20px;}

  .ticker-controls{display:flex;justify-content:space-between;margin-top:14px;}
  .ticker-pause,.funciona-hide{
    background:none;border:none;color:#8FC4AC;font-size:11.5px;font-weight:700;
    display:flex;align-items:center;gap:4px;
  }

  .funciona-show-again{
    margin-top:18px;display:none;align-items:center;gap:6px;
    background:none;border:1px solid rgba(255,255,255,.25);color:#DCE8E2;
    padding:9px 18px;border-radius:100px;font-size:12px;font-weight:700;
  }
  .funciona-show-again.visible{display:inline-flex;}

  .funciona-video-btn{
    margin-top:22px;display:inline-flex;align-items:center;gap:8px;
    background:var(--coral);color:#fff;
    padding:13px 26px;border-radius:100px;font-size:13px;font-weight:700;
    box-shadow:0 10px 22px -10px rgba(232,102,74,.5);
  }

  .flow-ticker{
    overflow:hidden;position:relative;border-radius:16px;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
    padding:18px 0;
  }
  .flow-ticker::before,.flow-ticker::after{
    content:'';position:absolute;top:0;bottom:0;width:30px;z-index:2;pointer-events:none;
  }
  .flow-ticker::before{left:0;background:linear-gradient(90deg,var(--verde-deep),transparent);}
  .flow-ticker::after{right:0;background:linear-gradient(-90deg,var(--verde-deep),transparent);}

  .flow-track{
    display:flex;align-items:center;gap:0;width:max-content;
    animation:flowScroll 26s linear infinite;
  }
  .flow-track.paused{animation-play-state:paused;}
  @keyframes flowScroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }

  .flow-track{gap:14px;}
.flow-phrase{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:11.5px;color:#fff;
  text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;
}
.flow-dot{color:var(--coral);font-size:8px;}
  .flow-node.final{background:#8FC4AC;box-shadow:0 0 0 4px rgba(143,196,172,.2);}
  .flow-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.04em;}
  .flow-desc{font-size:11px;color:#C7D6CE;line-height:1.4;margin-top:3px;max-width:190px;}
  .flow-connector{width:36px;height:1px;background:linear-gradient(90deg,rgba(232,102,74,.6),rgba(232,102,74,.1));flex-shrink:0;}

  @media (prefers-reduced-motion: reduce){
    .flow-track{animation:none;}
  }

  /* ---------- MODAL ---------- */
  .modal-overlay{
    position:fixed;inset:0;background:rgba(18,25,22,.55);
    display:flex;align-items:flex-end;justify-content:center;
    opacity:0;pointer-events:none;transition:opacity .3s;z-index:50;
  }
  .modal-overlay.open{opacity:1;pointer-events:auto;}
  .modal-sheet{
    background:var(--cream);width:100%;max-width:480px;max-height:86vh;
    overflow-y:auto;border-radius:28px 28px 0 0;padding:14px 24px 40px;
    transform:translateY(30px);transition:transform .35s cubic-bezier(.22,.9,.35,1);
    position:relative;
  }
  .modal-overlay.open .modal-sheet{transform:translateY(0);}
  @media(min-width:900px){
    .modal-overlay{align-items:center;}
    .modal-sheet{max-width:520px;border-radius:28px;}
  }
  .modal-handle{width:38px;height:4px;background:var(--line);border-radius:4px;margin:6px auto 18px;}
  .modal-close{
    position:absolute;top:16px;right:20px;width:30px;height:30px;border-radius:50%;
    background:var(--verde-soft);color:var(--verde-deep);font-size:14px;font-weight:700;
  }

  .fund-card{
    background:var(--card);border-radius:var(--radius-lg);overflow:hidden;
    border:1px solid var(--line);margin-top:6px;
  }
  .fund-photo{
    height:150px;background:linear-gradient(135deg,#2A7057,#1F5F4A);
    background-size:cover;background-position:center;
    display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;
  }
  .fund-quote{font-size:14px;color:var(--grey);font-style:italic;line-height:1.55;margin-top:10px;max-width:360px;}
  .fund-story{margin-top:20px;display:flex;flex-direction:column;gap:16px;}
  .fund-story-text{font-size:14px;color:var(--ink);line-height:1.65;}
  .fund-story-photo{width:100%;border-radius:var(--radius-md);overflow:hidden;}
  .fund-story-photo img{width:100%;height:auto;display:block;}
  .fund-card{margin-top:20px;}
  .fund-body{padding:22px;}
  .fund-body h3{font-size:19px;font-weight:800;color:var(--verde-deep);}
  .fund-body p{font-size:13.5px;color:var(--grey);line-height:1.6;margin-top:10px;}
  .fund-meta{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:12.5px;color:var(--grey);}
  .fund-meta span b{color:var(--ink);font-weight:600;}
  .btn-ghost{
    margin-top:18px;display:inline-block;border:1.5px solid var(--verde-deep);
    color:var(--verde-deep);padding:11px 22px;border-radius:100px;font-weight:700;font-size:13px;
  }
  .pet-section-title{margin-top:34px;}
  .pet-scroll{
    display:flex;gap:14px;overflow-x:auto;margin-top:20px;padding-bottom:8px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  }
  .pet-scroll::-webkit-scrollbar{display:none;}
  .pet-card{
    min-width:200px;scroll-snap-align:start;background:var(--card);
    border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);
  }
  .flip-scene{height:220px;perspective:1000px;cursor:pointer;}
  .flip-inner{
    position:relative;width:100%;height:100%;
    transition:transform .6s cubic-bezier(.4,.2,.2,1);
    transform-style:preserve-3d;
  }
  .flip-scene.flipped .flip-inner{transform:rotateY(180deg);}
  .flip-front,.flip-back{
    position:absolute;inset:0;backface-visibility:hidden;
  }
  .flip-front img{width:100%;height:100%;object-fit:cover;}
  .flip-back{
    transform:rotateY(180deg);background:var(--verde-deep);color:#fff;
    padding:16px;display:flex;align-items:center;overflow-y:auto;
  }
  .flip-back p{font-size:12px;line-height:1.55;color:#DCE8E2;}
  .pet-info{padding:14px 16px 16px;}
  .pet-info .pname{font-weight:800;font-size:15.5px;}
  .tap-hint{font-size:10.5px;font-weight:500;color:var(--coral-deep);font-style:italic;}
  .pet-info .pmeta{font-size:11.5px;color:var(--grey);margin-top:2px;}
  .pet-info .pdesc{font-size:12.5px;color:var(--grey);margin-top:8px;line-height:1.5;}
  .pet-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
  .pet-actions .share{
    width:100%;padding:10px 8px;border-radius:100px;font-size:11px;font-weight:700;
    border:1.5px solid var(--line);color:var(--ink);
  }

  .adopt-flip{width:100%;height:38px;perspective:600px;}
  .adopt-flip-inner{
    position:relative;width:100%;height:100%;
    transition:transform .5s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;
  }
  .adopt-flip.flipped .adopt-flip-inner{transform:rotateY(180deg);}
  .adopt-front,.adopt-back{
    position:absolute;inset:0;backface-visibility:hidden;border-radius:100px;
    display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:700;background:var(--verde-deep);color:#fff;
    padding:0 10px;text-align:center;
  }
  .adopt-back{transform:rotateY(180deg);text-decoration:none;}

  /* where modal */
  .where-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
  .where-row:last-child{border-bottom:none;}
  .where-row .ic{font-size:16px;}
  .where-row .k{color:var(--grey);font-size:11.5px;display:block;}
  .where-row .v{font-weight:600;margin-top:2px;}

  .detail-sheet .modal-close{
    background:rgba(0,0,0,.4);color:#fff;
  }
  .detail-sheet{padding:0;}
  .detail-photo{
    width:100%;height:75vh;background-size:contain;background-repeat:no-repeat;
    background-position:center;background-color:var(--verde-deep);
    border-radius:28px 28px 0 0;
    touch-action:pan-y;cursor:grab;
  }
  .detail-content{padding:18px 24px 40px;text-align:center;}
  .detail-content .price-row{justify-content:center;}

  .story-block{
    margin-top:20px;padding-top:18px;border-top:1px solid var(--line);
  }
  .story-label{
    font-size:12px;color:var(--grey);font-weight:600;
    opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;
  }
  .story-label.show{opacity:1;transform:translateY(0);}
  .story-cause{
    font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;color:var(--verde-deep);
    margin-top:4px;
    opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;
  }
  .story-cause.show{opacity:1;transform:translateY(0);}

  /* ---------- RESULTADOS ---------- */
  .progress-flip{
    position:relative;width:100%;max-width:260px;aspect-ratio:1000/1320;
    margin:6px auto 0;perspective:1200px;
  }
  .progress-flip-inner{
    position:relative;width:100%;height:100%;
    transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);
  }
  .progress-flip.flipped .progress-flip-inner{transform:rotateY(180deg);}
  .progress-front,.progress-back{
    position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;
  }
  .progress-front{
    display:flex;flex-direction:column;padding:14px;cursor:pointer;
  }
  .progress-back{
    transform:rotateY(180deg);background:var(--verde-deep);color:#fff;
    padding:20px;display:flex;flex-direction:column;justify-content:center;
    cursor:pointer;text-align:left;
  }
  .results-tap-hint{color:var(--grey);font-size:11px;font-style:italic;margin-top:10px;}
  .receipt-btn-standalone{
    display:inline-block;margin-top:20px;background:var(--verde-deep);color:#fff;
    padding:13px 28px;border-radius:100px;font-weight:700;font-size:13px;
  }
  .rgrid{margin-top:22px;display:flex;flex-direction:column;}
  .rrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px;}
  .rrow:last-child{border-bottom:none;}
  .rrow .k{color:#9AA8A1;}
  .rrow .v{font-weight:700;}
  .rrow .v.money{color:var(--coral);font-family:'Manrope',sans-serif;font-size:16px;}
  .status-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(143,196,172,.15);color:#8FC4AC;padding:4px 12px;border-radius:100px;font-size:11.5px;font-weight:700;}
  .status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:#8FC4AC;}
  .receipt-link{display:block;text-align:center;margin-top:20px;font-size:12.5px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:12px;}

  /* ---------- VIDEO: LIGHTBOX (compartido por todos los video-trigger) ---------- */
  .video-lightbox{
    position:fixed;inset:0;background:#000;z-index:600;
    display:none;align-items:center;justify-content:center;
  }
  .video-lightbox.open{display:flex;}
  .yt-frame-wrap{width:100%;max-width:420px;aspect-ratio:9/16;margin:0 auto;}
  .yt-frame-wrap iframe{width:100%;height:100%;border:0;display:block;}
  .video-lightbox-close{
    position:absolute;top:20px;right:20px;z-index:201;
    width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);
    color:#fff;font-size:16px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
  }
  .video-lightbox-skip{
    position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
    z-index:201;background:rgba(255,255,255,.15);color:#fff;
    padding:11px 24px;border-radius:100px;font-size:12.5px;font-weight:700;
  }

  /* ---------- CINTILLO OSCURO: SUMAR A CAUSA30 (combinado) ---------- */
  .join-band{
    background:var(--verde-deep);border-radius:var(--radius-lg);
    padding:28px 26px;color:#fff;text-align:center;
  }
  .join-band h3{font-size:18px;font-weight:800;line-height:1.3;}
  .join-band p{font-size:13px;color:#C7D6CE;margin-top:8px;line-height:1.55;}
  .join-actions{display:flex;gap:10px;margin-top:20px;}
  .join-btn{
    flex:1;font-size:12.5px;font-weight:700;padding:12px 10px;border-radius:100px;
    text-align:center;
  }
  .join-btn.coral{background:var(--coral);color:#fff;}
  .join-btn.outline{border:1.5px solid rgba(255,255,255,.35);color:#fff;}
  @media(max-width:340px){
    .join-actions{flex-direction:column;}
  }
  .join-band-compact{padding:20px 22px;}
  .join-band-compact h3{font-size:15.5px;}
  .join-band-compact p{font-size:11.5px;margin-top:6px;}
  .join-band-compact .join-actions{margin-top:14px;}
  .join-band-compact .join-btn{font-size:11.5px;padding:10px 10px;}

  .join-receipt-block{
    margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);
  }
  .join-receipt-text{font-size:12.5px;color:#DCE8E2;line-height:1.5;}
  .join-receipt-link{
    display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;
    color:#fff;background:#25D366;padding:10px 20px;border-radius:100px;
  }

  .progress-art{
    width:100%;flex:1;
    border-radius:20px;background:linear-gradient(135deg,#2A7057,#1F5F4A);
    background-size:cover;background-position:center;
  }

  .countdown{
    display:flex;align-items:center;justify-content:center;gap:6px;
    margin-top:20px;
  }
  .cd-unit{
    background:var(--verde-deep);border-radius:12px;padding:10px 12px;
    min-width:50px;text-align:center;
  }
  .cd-num{
    display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;
    color:#fff;transition:transform .2s ease;
  }
  .cd-num.tick{transform:scale(1.18);}
  .cd-label{display:block;font-size:9px;color:#9FB6AC;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;}
  .cd-sep{font-weight:800;color:var(--line);font-size:16px;}

  .countdown-lg{margin-top:22px;}
  .countdown-lg .cd-unit{padding:14px 16px;min-width:60px;}
  .countdown-lg .cd-num{font-size:23px;}

  /* ---------- PROMO POP-UP (una sola vez, primera visita) ---------- */
  .promo-overlay{align-items:center;padding:20px;}
  .promo-sheet{
    background:var(--card);width:100%;max-width:360px;border-radius:26px;
    overflow:hidden;position:relative;
    transform:scale(.9);opacity:0;transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s;
  }
  .promo-overlay.open .promo-sheet{transform:scale(1);opacity:1;}
  .promo-close{
    position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;
    background:rgba(0,0,0,.35);color:#fff;font-size:14px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
  }
  .promo-art{
    width:100%;aspect-ratio:1000/1320;background-size:contain;background-repeat:no-repeat;background-position:center;
    background-color:#12332A;
    background-image:linear-gradient(160deg,#1A4538,#0D251F);
    display:flex;align-items:center;justify-content:center;font-size:40px;
  }
  .promo-body{padding:20px 22px 24px;text-align:center;}
  .promo-body h3{font-size:18px;font-weight:800;color:var(--verde-deep);}
  .promo-body p{font-size:13px;color:var(--grey);margin-top:8px;line-height:1.55;}
  .promo-cta{
    margin-top:16px;width:100%;background:var(--coral);color:#fff;
    padding:13px;border-radius:100px;font-weight:700;font-size:13.5px;
  }

  /* ---------- SOMBRA NARANJA INCLINADA (para banners) ---------- */
  .banner-shadow{position:relative;margin-top:16px;}
  .banner-shadow::before{
    content:'';position:absolute;
    left:-5px;right:11px;top:11px;bottom:-9px;
    background:var(--coral);border-radius:20px;
    transform:rotate(-3.5deg);z-index:0;
  }
  .banner-shadow > *{position:relative;z-index:1;}

  /* ---------- PATROCINADOR OFICIAL DEL MES ---------- */
  .sponsor-thanks{
    text-align:center;font-size:12.5px;color:var(--grey);
    margin-top:6px;padding:0 20px;line-height:1.5;
  }
  .sponsor-caption{
    text-align:center;font-size:11.5px;color:var(--grey);
    margin-top:10px;padding:0 24px;line-height:1.5;
  }

  /* ---------- BANNER CLICABLE (reemplaza cintillo de texto) ---------- */
  .banner-link{width:100%;display:block;border-radius:20px;overflow:hidden;}
  .banner-link img{width:100%;display:block;}
  .ads-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;}
  .ads-arrow{
    width:34px;height:34px;border-radius:50%;background:var(--verde-soft);
    color:var(--verde-deep);font-size:16px;font-weight:800;
    display:flex;align-items:center;justify-content:center;
  }
  .ads-dots{display:flex;gap:6px;}
  .ads-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--line);}
  .ads-dots .dot.active{background:var(--coral);width:18px;border-radius:4px;}

  /* ---------- DESCUBRE MÁS (texto rotativo + imagen visible rotando) ---------- */
  .discover-intro{
    display:block;font-size:11px;font-weight:600;color:var(--grey);
    text-transform:uppercase;letter-spacing:.06em;
  }
  .discover-dynamic-wrap{
    position:relative;height:32px;margin-top:6px;overflow:hidden;
  }
  .discover-dynamic{
    position:absolute;left:0;right:0;
    font-family:'Manrope',sans-serif;font-weight:800;font-size:21px;color:var(--verde-deep);
    transition:opacity .35s ease, transform .35s ease;
  }
  .discover-dynamic.fade-out{opacity:0;transform:translateY(-8px);}
  .discover-dynamic.fade-in-start{opacity:0;transform:translateY(8px);}
  @media (prefers-reduced-motion: reduce){
    .discover-dynamic{transition:none;}
  }

  .ad-rotator{
    position:relative;width:100%;max-width:600px;aspect-ratio:1000/1320;
    margin:20px auto 0;border-radius:16px;overflow:hidden;
    box-shadow:0 20px 40px -16px rgba(0,0,0,.35);cursor:pointer;
  }
  .ad-slide-img{
    position:absolute;inset:0;background-size:cover;background-position:center;
    opacity:0;transition:opacity .5s ease;
  }
  .ad-slide-img.active{opacity:1;}
  .ad-caption{margin-top:14px;max-width:280px;margin-left:auto;margin-right:auto;}
  .ad-caption-title{
    font-family:'Manrope',sans-serif;font-weight:800;font-size:14px;color:var(--verde-deep);
    opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;
  }
  .ad-caption-title.active{opacity:1;transform:translateY(0);}
  .ad-caption-text{
    font-size:12px;color:var(--grey);line-height:1.5;margin-top:4px;
    opacity:0;transform:translateY(6px);transition:opacity .4s ease .05s,transform .4s ease .05s;
  }
  .ad-caption-text.active{opacity:1;transform:translateY(0);}
  .ad-invite-link{
  display:block;margin:12px auto 0;font-size:12px;font-weight:700;
  color:var(--coral-deep);text-align:center;
}
.ad-exclusions-note{
  display:block;text-align:center;margin-top:8px;
  font-size:11px;color:var(--grey);text-decoration:underline;
}
    /* ---------- LEGADO DOMINICANO ---------- */
  .libro-mes{
    background:var(--card);border:1.5px solid var(--line);
    border-radius:var(--radius-lg);padding:28px 24px;
  }
  .libro-sub{font-size:13.5px;color:var(--grey);margin-top:8px;line-height:1.5;font-weight:600;}
  .libro-hint{font-size:12px;color:var(--coral-deep);margin-top:10px;font-style:italic;}
  .libro-toggle{
    margin-top:18px;display:inline-flex;align-items:center;gap:8px;
    background:var(--coral);color:#fff;
    padding:13px 26px;border-radius:100px;font-size:13px;font-weight:700;
    box-shadow:0 10px 22px -10px rgba(232,102,74,.5);
  }

  .libro-reveal{
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .6s cubic-bezier(.22,.9,.35,1), opacity .5s ease;
  }
  .libro-reveal.open{max-height:900px;opacity:1;margin-top:24px;}

  .libro-flip{
    position:relative;width:100%;max-width:340px;aspect-ratio:9/16;
    margin:0 auto;perspective:1200px;
    transform:translateY(24px);opacity:0;
    transition:transform .6s cubic-bezier(.34,1.15,.4,1) .15s, opacity .5s ease .15s;
  }
  .libro-reveal.open .libro-flip{transform:translateY(0);opacity:1;}
  .libro-flip-inner{
    position:relative;width:100%;height:100%;
    transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);
  }
  .libro-flip.flipped .libro-flip-inner{transform:rotateY(180deg);}
  .libro-flip-front,.libro-flip-back{
    position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;
  }
  .libro-flip-front{cursor:pointer;display:flex;flex-direction:column;overflow:hidden;}
  .libro-cover-yt{
  width:100%;flex:1;border-radius:16px;overflow:hidden;position:relative;
  box-shadow:0 20px 40px -16px rgba(0,0,0,.35);
}
.libro-cover-yt iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;border:0;pointer-events:none;
}
  .libro-tap-hint{
    text-align:center;font-size:10.5px;color:var(--grey);font-style:italic;margin-top:8px;
  }
  .libro-flip-back{
    transform:rotateY(180deg);background:var(--verde-deep);color:#fff;
    padding:18px;display:flex;flex-direction:column;justify-content:center;
    cursor:pointer;text-align:left;overflow-y:auto;
  }
  .libro-where-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;color:#fff;}
  .libro-where-list{margin-top:12px;}
  .libro-store{padding:10px 0;}
  .libro-store-name{font-weight:700;font-size:12.5px;color:#fff;}
  .libro-store-detail{font-size:11px;color:#DCE8E2;margin-top:3px;line-height:1.5;}
  .libro-store-divider{border-top:1px solid rgba(255,255,255,.15);margin:6px 0;}

  .libro-support{font-size:12.5px;color:var(--grey);margin-top:20px;}
  .libro-fund-name{font-size:18px;font-weight:800;color:var(--verde-deep);margin-top:4px;}
  .libro-fund-desc{font-size:12.5px;color:var(--grey);margin-top:8px;line-height:1.55;max-width:320px;margin-left:auto;margin-right:auto;}
  .libro-fund-link{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:700;color:var(--coral-deep);}

  @media (prefers-reduced-motion: reduce){
    .libro-flip,.libro-flip-inner{transition:none;}
  }
  /* ---------- COMPARTIR PROMOCIÓN ---------- */
  .share-promo-block{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);text-align:center;}
  .share-promo-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;color:var(--verde-deep);}
  .share-promo-text{font-size:12.5px;color:var(--ink);margin-top:8px;line-height:1.5;}
  .share-pulse-wrap-sm{
  position:relative;width:110px;height:110px;margin:18px auto 0;
  display:flex;align-items:center;justify-content:center;
}
.share-pulse-ring-sm{
  position:absolute;top:50%;left:50%;width:60px;height:60px;
  margin:-30px 0 0 -30px;border-radius:50%;
  border:2px solid #25D366;opacity:0;
}
.share-pulse-ring-sm-1{animation:sharePulseSm 2.8s ease-out infinite;}
.share-pulse-ring-sm-2{animation:sharePulseSm 2.8s ease-out .95s infinite;}
.share-pulse-ring-sm-3{animation:sharePulseSm 2.8s ease-out 1.9s infinite;}
@keyframes sharePulseSm{ 0%{transform:scale(1);opacity:.55;} 100%{transform:scale(1.9);opacity:0;} }

.share-pulse-btn-sm{
  position:relative;z-index:2;width:60px;height:60px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px -6px rgba(37,211,102,.55);
  transition:transform .15s ease;cursor:pointer;border:none;
  forced-color-adjust:none;
}
.share-pulse-btn-sm:active{transform:scale(.92);}

.share-pulse-cta-sm{
  margin-top:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:11.5px;
  color:#000;text-transform:uppercase;letter-spacing:.04em;
}

  .share-anim-overlay{
    position:fixed;inset:0;z-index:700;
    background:rgba(18,25,22,.94);
    display:none;flex-direction:column;align-items:center;justify-content:center;
    gap:26px;
  }
  .share-anim-overlay.active{display:flex;}
  .share-anim-icon-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;}
  .share-anim-product,.share-anim-heart{
    position:absolute;font-size:44px;line-height:1;
  }
  .share-anim-product{
    animation:shareProductOut .3s ease forwards;
  }
  .share-anim-heart{
    opacity:0;
    animation:shareHeartIn .5s ease .2s forwards;
  }
  @keyframes shareProductOut{
    0%{opacity:1;transform:scale(1);}
    100%{opacity:0;transform:scale(.5);}
  }
  @keyframes shareHeartIn{
    0%{opacity:0;transform:scale(.4);}
    60%{opacity:1;transform:scale(1.15);}
    100%{opacity:1;transform:scale(1);}
  }
  .share-anim-ring{
    position:absolute;top:0;left:0;width:100%;height:100%;
    border:2px solid var(--coral);border-radius:50%;
    opacity:0;
  }
  .share-anim-ring-1{animation:shareRingExpand .6s ease .4s forwards;}
  .share-anim-ring-2{animation:shareRingExpand .6s ease .48s forwards;}
  .share-anim-ring-3{animation:shareRingExpand .6s ease .56s forwards;}
  @keyframes shareRingExpand{
    0%{transform:scale(.4);opacity:.6;}
    100%{transform:scale(2.6);opacity:0;}
  }
  .share-anim-caption{
    color:#DCE8E2;font-size:13px;text-align:center;line-height:1.6;
    opacity:0;animation:fadeUp .5s ease .3s forwards;
  }

  /* ---------- FORMULARIOS ---------- */
  .causa-form{margin-top:16px;display:flex;flex-direction:column;gap:14px;}
  .causa-form label{font-size:12.5px;font-weight:600;color:var(--ink);}
  .causa-form input{
    margin-top:6px;width:100%;padding:13px 14px;border-radius:14px;
    border:1.5px solid var(--line);font-size:13.5px;font-family:inherit;background:#fff;
  }
  .causa-form input:focus{outline:none;border-color:var(--verde);}
  .form-success{display:none;text-align:center;padding:20px 0 8px;}
  .form-success.show{display:block;}
  .form-success .check{
    width:52px;height:52px;border-radius:50%;background:var(--verde-soft);color:var(--verde-deep);
    font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
  }
  .form-success p{font-size:13.5px;color:var(--grey);line-height:1.6;}

  /* ---------- FOOTER ---------- */
  footer{padding:44px 24px 60px;text-align:center;background:var(--cream);}
  footer .word{font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;color:var(--verde-deep);}
  .footer-scope{margin-top:20px;padding:0 16px;}
  .footer-scope h4{font-size:13px;font-weight:800;color:var(--verde-deep);}
  .footer-scope p{font-size:11.5px;color:var(--grey);margin-top:6px;line-height:1.55;}
  .footer-social-text{font-size:12px;font-weight:700;color:var(--coral-deep);margin-top:18px;}
  .footer-social{display:flex;justify-content:center;gap:10px;margin-top:10px;}
  .footer-social-icon{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:50%;
    background:var(--card);border:1px solid var(--line);
  }
  .footer-social-icon img{width:20px;height:20px;object-fit:contain;}
  footer .links{margin-top:14px;font-size:12px;color:var(--grey);display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  footer .credit{margin-top:18px;font-size:11.5px;color:#8B958E;}
  footer .credit a{color:var(--verde-deep);font-weight:600;text-decoration:underline;}
  footer .mail{margin-top:10px;font-size:12px;color:var(--grey);}
  footer .legal{margin-top:14px;font-size:10.5px;color:#A8AFA9;line-height:1.6;}

  @media(min-width:900px){
    .p-card.left{transform:translateX(-257px) scale(.82);}
    .p-card.right{transform:translateX(257px) scale(.82);}
  }

  /* ---------- ESTE MES APOYAMOS A... (círculo con ondas) ---------- */
  .fund-pulse-label{
    font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;color:var(--verde-deep);
    text-transform:uppercase;letter-spacing:.04em;
  }

  .fund-pulse-wrap{
    position:relative;width:140px;height:140px;margin:24px auto 0;
    display:flex;align-items:center;justify-content:center;
  }
  .fund-pulse-ring{
    position:absolute;top:50%;left:50%;width:76px;height:76px;
    margin:-38px 0 0 -38px;border-radius:50%;
    border:2px solid var(--coral);opacity:0;
  }
  .fund-pulse-ring-1{animation:fundPulse 2.8s ease-out infinite;}
  .fund-pulse-ring-2{animation:fundPulse 2.8s ease-out .95s infinite;}
  .fund-pulse-ring-3{animation:fundPulse 2.8s ease-out 1.9s infinite;}
  @keyframes fundPulse{
    0%{transform:scale(1);opacity:.55;}
    100%{transform:scale(1.9);opacity:0;}
  }

  .fund-pulse-btn{
    position:relative;z-index:2;width:76px;height:76px;border-radius:50%;
    background:var(--coral);color:#fff;font-size:28px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px -8px rgba(232,102,74,.5);
    transition:transform .15s ease;
  }
  .fund-pulse-btn:active{transform:scale(.92);}

  .fund-pulse-cta{
    margin-top:14px;font-family:'Manrope',sans-serif;font-weight:800;font-size:14.5px;
    color:#000;text-transform:uppercase;letter-spacing:.05em;
  }

  @media (prefers-reduced-motion: reduce){
    .fund-pulse-ring{animation:none;}
  }
/* ---------- COMUNIDAD CAUSA30 — cintillo negro en movimiento ---------- */

.community-ticker{
  background:#0a0a0a;
  border:1px solid rgba(255,145,66,.25);
  border-radius:16px;
  padding:15px 0;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  margin:20px 24px;
}
.community-ticker-track{
  display:flex;gap:36px;white-space:nowrap;width:max-content;
  animation:communityTickerScroll 13s linear infinite;
}
.community-ticker-track span{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:14.5px;
  color:var(--comm-orange);letter-spacing:.02em;
}
@keyframes communityTickerScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){ .community-ticker-track{animation:none;} }

.community-sheet{background:linear-gradient(180deg,#111,#000);border:1px solid rgba(255,145,66,.22);}
.community-sheet .modal-handle{background:rgba(255,145,66,.4);}
.community-sheet .modal-close{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);}

.community-kicker{font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.2em;color:var(--comm-orange);text-align:center;margin-top:4px;}
.community-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:21px;color:#fff;text-align:center;margin-top:12px;}
.community-copy{font-size:13px;color:rgba(255,255,255,.5);text-align:center;line-height:1.6;max-width:280px;margin:10px auto 0;}
.community-teaser{font-size:12.5px;color:rgba(255,255,255,.45);text-align:center;line-height:1.6;max-width:280px;margin:20px auto 0;}

.reg-toggle{display:flex;gap:6px;background:rgba(255,255,255,.05);border-radius:100px;padding:4px;max-width:220px;margin:18px auto 0;}
.reg-tab{flex:1;padding:9px;border-radius:100px;font-size:12px;font-weight:700;color:rgba(255,255,255,.4);background:none;border:none;font-family:inherit;cursor:pointer;}
.reg-tab.active{background:var(--comm-orange);color:#0a0a0a;}
.reg-input{display:block;width:100%;max-width:280px;margin:14px auto 0;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 16px;color:#fff;font-size:14px;text-align:center;font-family:'Inter',sans-serif;}
.reg-input::placeholder{color:rgba(255,255,255,.3);}
.reg-input:focus{outline:none;border-color:var(--comm-orange);}
.reg-submit{display:block;width:100%;max-width:280px;margin:16px auto 0;background:var(--comm-orange);color:#0a0a0a;font-weight:800;font-size:13.5px;padding:14px;border-radius:100px;border:none;font-family:inherit;cursor:pointer;}

.code-label{font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.4);text-align:center;margin-top:26px;font-weight:700;}
.code-value{font-family:'Manrope',sans-serif;font-weight:800;font-size:38px;letter-spacing:.03em;text-align:center;color:var(--comm-orange);margin-top:6px;text-shadow:0 0 30px rgba(255,145,66,.4);}
.code-sub{font-size:12.5px;color:rgba(255,255,255,.42);text-align:center;margin-top:6px;}
.community-question{font-family:'Manrope',sans-serif;font-weight:800;font-size:16.5px;color:#fff;text-align:center;margin-top:28px;}
.community-footnote{font-size:11.5px;color:rgba(255,255,255,.32);text-align:center;font-style:italic;margin-top:16px;}
.cta-highlight{
  display:block;
  background:linear-gradient(135deg, var(--coral), var(--coral-deep));
  color:#fff;
  font-weight:800;
  font-size:17px;
  line-height:1.35;
  padding:16px 20px;
  border-radius:18px;
  margin:18px auto;
  text-align:center;
  max-width:300px;
  box-shadow:0 14px 28px -10px rgba(232,102,74,.6);
  animation: ctaPop .8s cubic-bezier(.34,1.6,.5,1) both;
}
@keyframes ctaPop{
  0%{transform:scale(.4);opacity:0;}
  55%{transform:scale(1.15);opacity:1;}
  75%{transform:scale(.96);}
  100%{transform:scale(1);opacity:1;}
}
.remind-wrap{
  background:var(--card);
  border:1.5px solid var(--line);
  border-radius:var(--radius-lg);
  margin:20px 0 0;
  padding:28px 20px 24px;
  overflow:hidden;
}
/* ---------- RECUERDA CÓMO PARTICIPAR ---------- */
.remind-header{padding:0 4px 6px;text-align:center;position:relative;}
.remind-logo{width:42px;height:42px;margin:0 auto 16px;border-radius:12px;overflow:hidden;}
.remind-logo img{width:100%;height:100%;object-fit:contain;}
.remind-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep);}
.remind-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:27px;color:var(--verde-deep);margin-top:10px;line-height:1.15;}
.remind-copy{font-size:13.5px;color:var(--grey);max-width:320px;margin:14px auto 0;line-height:1.65;}
.remind-tagline{
  font-family:'Caveat',cursive;font-weight:700;font-size:19px;color:var(--verde-deep);
  margin:20px auto 0;line-height:1.35;transform:rotate(-2.5deg);max-width:220px;
}
.remind-tagline .underline{display:block;width:64%;height:3px;background:var(--coral);margin-top:4px;border-radius:3px;}
.remind-caption{text-align:center;font-size:12.5px;color:var(--coral-deep);font-weight:600;margin:0 24px;}

.remind-banners-wrap{margin:22px 0px 0;}
.remind-banners{position:relative;height:230px;border-radius:26px;overflow:hidden;box-shadow:0 16px 34px -16px rgba(18,51,42,.3);}
.remind-banner{
  position:absolute;inset:0;display:flex;align-items:center;padding:26px;gap:18px;
  transform:translateX(105%);opacity:0;transition:transform .65s cubic-bezier(.22,.9,.35,1), opacity .5s ease;
}
.remind-banner.active{transform:translateX(0);opacity:1;}
.remind-banner.exit-left{transform:translateX(-105%);opacity:0;}
.remind-banner.bg-1{background:radial-gradient(ellipse at 30% 20%, #F2B705, #C98A0C 70%);}
.remind-banner.bg-2{background:radial-gradient(ellipse at 30% 20%, #e8664a, var(--coral-deep) 70%);}
.remind-banner.bg-3{background:radial-gradient(ellipse at 30% 20%, #c9a24a, #8a6d2e 70%);}
.remind-banner::after{
  content:'';position:absolute;top:-40%;left:-60%;width:60%;height:180%;
  background:linear-gradient(75deg, transparent 40%, rgba(255,255,255,.12) 50%, transparent 60%);
  animation:sweepLight 7s ease-in-out infinite;
}
@keyframes sweepLight{0%{transform:translateX(0);}18%{transform:translateX(340%);}100%{transform:translateX(340%);}}

.remind-stamp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.remind-stamp{
  width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#fff;color:var(--verde-deep);
  display:flex;align-items:center;justify-content:center;
  font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;
  box-shadow:0 8px 18px -6px rgba(0,0,0,.45);
  transform:rotate(-24deg) scale(1.9);opacity:0;
  transition:transform .5s cubic-bezier(.34,1.6,.5,1), opacity .3s ease;
}
.remind-banner.active .remind-stamp{transform:rotate(-6deg) scale(1);opacity:1;}
.remind-step-word{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:14.5px;letter-spacing:.1em;
  color:#fff;text-transform:uppercase;
  opacity:0;transform:translateX(-6px);transition:opacity .4s ease, transform .4s ease;
}
.remind-banner.active .remind-step-word{opacity:1;transform:translateX(0);transition-delay:.2s;}

.remind-product-img{
  width:116px;height:116px;flex-shrink:0;border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 20px -8px rgba(0,0,0,.35);
  opacity:0;transform:scale(.82);
  transition:opacity .5s ease, transform .5s cubic-bezier(.34,1.2,.5,1);
}
.remind-banner.active .remind-product-img{opacity:1;transform:scale(1);transition-delay:.15s;animation:remindFloat 3.6s ease-in-out .65s infinite;}
.remind-product-img img{width:100%;height:100%;object-fit:contain;}
@keyframes remindFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-7px) scale(1);}}

.remind-banner-text{color:#fff;position:relative;z-index:2;}
.remind-banner-text > *{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease;}
.remind-banner.active .remind-banner-text > *{opacity:1;transform:translateY(0);}
.remind-banner.active .remind-stamp-row{transition-delay:.05s;}
.remind-banner.active .remind-banner-name{transition-delay:.5s;}
.remind-banner.active .remind-banner-line{transition-delay:.6s;}
.remind-banner-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;line-height:1.2;}
.remind-banner-line{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:8px;line-height:1.5;}

.remind-dots{display:flex;justify-content:center;gap:7px;margin-top:16px;}
.remind-dot{width:6px;height:6px;border-radius:50%;background:var(--line);transition:all .3s;}
.remind-dot.active{background:var(--coral);width:20px;border-radius:4px;}

.remind-closing{
  position:relative;margin:20px 0 0;height:230px;overflow:hidden;
  border-radius:26px;display:flex;align-items:center;
  background:radial-gradient(ellipse at 20% 30%, #1a4538, var(--verde-deep) 75%);
  box-shadow:0 16px 34px -16px rgba(18,51,42,.4);
}
.remind-closing-content{position:relative;z-index:2;padding:26px 22px;flex:1;}
.remind-closing-title{font-family:'Caveat',cursive;font-weight:700;font-size:23px;color:#fff;line-height:1.25;}
.remind-closing-sub{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:10px;}
.remind-closing-pet{width:155px;height:200px;flex-shrink:0;margin-right:8px;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2;}
.remind-closing-pet img{width:100%;height:100%;object-fit:contain;object-position:bottom;}
.remind-closing-badge{position:absolute;left:18px;bottom:16px;z-index:2;background:rgba(255,255,255,.14);color:#fff;border-radius:100px;padding:7px 14px;font-size:11px;font-weight:700;}

/* ---------- BANNER DE INSTALACIÓN (estilo Mobbin) ---------- */
.install-banner{
  position:fixed;top:0;left:0;right:0;z-index:950;
  background:#1c1c1c;color:#fff;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;gap:12px;
  transform:translateY(-100%);transition:transform .35s cubic-bezier(.22,.9,.35,1);
  box-shadow:0 6px 18px -6px rgba(0,0,0,.4);
}
.install-banner.show{transform:translateY(0);}
.install-banner-left{display:flex;align-items:center;gap:10px;min-width:0;}
.install-banner-icon{width:38px;height:38px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#fff;}
.install-banner-icon img{width:100%;height:100%;object-fit:cover;}
.install-banner-text{display:flex;flex-direction:column;line-height:1.3;min-width:0;}
.install-banner-title{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.install-banner-domain{font-size:11.5px;color:rgba(255,255,255,.55);}
.install-banner-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.install-banner-btn{background:var(--coral);color:#fff;font-weight:700;font-size:13px;padding:9px 18px;border-radius:100px;white-space:nowrap;}
.install-banner-close{color:rgba(255,255,255,.5);font-size:15px;padding:6px;}

.ios-tip{
  position:fixed;top:66px;left:16px;right:16px;z-index:951;
  background:#fff;color:var(--ink);border-radius:16px;padding:16px 18px;
  box-shadow:0 14px 30px -10px rgba(0,0,0,.3);
  display:none;font-size:13px;line-height:1.6;
}
.ios-tip.show{display:block;}
.ios-tip b{color:var(--verde-deep);}
/* ---------- ENVÍA TU COMPROBANTE Y ACTIVA TU REGALO ---------- */
.receipt-card{
  position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 20% 0%, #1a4538, var(--verde-deep) 70%);
  border-radius:28px;padding:32px 24px 28px;color:#fff;text-align:center;
  box-shadow:0 20px 44px -18px rgba(0,0,0,.4);
  margin:0 4px;
}
.receipt-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8FC4AC;}
.receipt-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:22px;margin-top:10px;line-height:1.25;}
.receipt-sub{font-size:13px;color:#C7D6CE;margin-top:10px;line-height:1.55;max-width:320px;margin-left:auto;margin-right:auto;}

.book-stage{margin:26px 0 8px;display:flex;justify-content:center;perspective:900px;}
.book{
  position:relative;width:130px;height:180px;
  transform:rotateY(-22deg) rotateX(2deg);
  transform-style:preserve-3d;
  animation:bookFloat 3.6s ease-in-out infinite;
}
.book-tablet{
  position:relative;width:220px;
  animation:bookFloat 3.6s ease-in-out infinite;
}
.book-tablet-img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(6px 14px 30px rgba(0,0,0,.5));
}
@keyframes bookFloat{0%,100%{transform:rotateY(-22deg) rotateX(2deg) translateY(0);}50%{transform:rotateY(-22deg) rotateX(2deg) translateY(-8px);}}
.book-cover{
  position:absolute;inset:0;border-radius:4px 8px 8px 4px;
  background:linear-gradient(155deg, #E8664A, #C94F36 60%, #8a3323);
  box-shadow:6px 14px 30px -8px rgba(0,0,0,.6), inset -6px 0 14px rgba(0,0,0,.25);
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;
}
.book-cover-eyebrow{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.75);font-weight:700;}
.book-cover-title{font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;line-height:1.15;margin-top:8px;}
.book-cover-sub{font-size:8.5px;color:rgba(255,255,255,.7);margin-top:6px;}
.book-spine{
  position:absolute;left:-8px;top:0;bottom:0;width:8px;
  background:linear-gradient(90deg, #6d2519, #8a3323);
  transform:rotateY(90deg);transform-origin:right;
  border-radius:4px 0 0 4px;
}
.book-ribbon{
  position:absolute;top:12px;right:-28px;z-index:3;
  background:#F2B705;color:#3d2a00;font-size:9px;font-weight:800;
  padding:5px 32px;transform:rotate(35deg);
  box-shadow:0 4px 10px -2px rgba(0,0,0,.4);
}

.receipt-reward-line{font-size:12.5px;color:#fff;font-weight:700;margin-top:18px;}
.receipt-reward-sub{font-size:11.5px;color:#C7D6CE;margin-top:4px;}

.receipt-cta{
  display:inline-flex;align-items:center;gap:10px;margin-top:22px;cursor:pointer;
  background:var(--coral);color:#fff;font-weight:800;font-size:14px;
  padding:15px 26px;border-radius:100px;
  box-shadow:0 14px 28px -10px rgba(232,102,74,.6);
}
.receipt-note{font-size:10.5px;color:rgba(255,255,255,.45);margin-top:14px;}

.receipt-coupon-slot{
  margin-top:20px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.18);
  font-size:11px;color:rgba(255,255,255,.5);
}
.camera-input{display:none;}
.receipt-thanks-check{
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);
  color:#8FC4AC;font-size:26px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
}
.camera-pulse-wrap{position:relative;width:110px;height:110px;margin:22px auto 0;display:flex;align-items:center;justify-content:center;}
.camera-pulse-ring{position:absolute;top:50%;left:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;border:2px solid var(--coral);opacity:0;}
.camera-pulse-ring-1{animation:sharePulseSm 2.8s ease-out infinite;}
.camera-pulse-ring-2{animation:sharePulseSm 2.8s ease-out .95s infinite;}
.camera-pulse-ring-3{animation:sharePulseSm 2.8s ease-out 1.9s infinite;}
.camera-pulse-btn{
  position:relative;z-index:2;width:66px;height:66px;border-radius:50%;
  background:var(--coral);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 22px -8px rgba(232,102,74,.6);
  cursor:pointer;
}
.camera-pulse-cta{margin-top:12px;font-family:'Manrope',sans-serif;font-weight:800;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.04em;}
.camera-live-overlay{
  position:fixed; inset:0; background:#000;
  display:none; flex-direction:column; align-items:center; justify-content:center;
  z-index:9999;
}
.camera-live-overlay.open{ display:flex; }
.camera-live-close{
  position:absolute; top:20px; right:20px; z-index:2;
  width:40px; height:40px; border-radius:50%; border:none;
  background:rgba(255,255,255,.15); color:#fff; font-size:18px; cursor:pointer;
}
.camera-live-stage{
  position:relative; width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
}
.camera-live-stage video{
  width:100%; height:100%; object-fit:cover;
}
.camera-live-shutter{
  position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
  width:72px; height:72px; border-radius:50%;
  background:#fff; border:4px solid rgba(255,255,255,.5);
  cursor:pointer;
}
.camera-live-preview{
  width:100%; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:20px; padding:20px; box-sizing:border-box;
}
.camera-live-preview img{
  max-width:100%; max-height:70vh; border-radius:12px; object-fit:contain;
}
.camera-live-preview-actions{
  display:flex; gap:12px; width:100%; max-width:320px;
}
.camera-live-preview-actions button{ flex:1; }
.confetti-burst{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;
}
.confetti-piece{
  position:absolute;top:-10px;width:8px;height:14px;opacity:0;
  animation:confettiFall 1.8s ease-in forwards;
}
@keyframes confettiFall{
  0%{opacity:1;transform:translateY(0) rotate(0deg);}
  100%{opacity:0;transform:translateY(340px) rotate(540deg);}
}
.libromes-card{
  background:#0a0a0a;border:1px solid rgba(255,145,66,.25);
  border-radius:24px;padding:28px 22px;text-align:center;
  position:relative;overflow:hidden;
}
.libromes-free-badge{
  position:absolute;top:14px;right:-32px;
  background:var(--comm-orange);color:#0a0a0a;
  font-family:'Manrope',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.05em;padding:5px 36px;
  transform:rotate(38deg);
  box-shadow:0 4px 10px -2px rgba(0,0,0,.4);
}
.libromes-eyebrow{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;
  color:var(--comm-orange);letter-spacing:.01em;
}
.libromes-title{
  font-family:'Inter',sans-serif;font-weight:500;font-size:13px;
  color:rgba(255,255,255,.5);margin-top:2px;text-transform:none;
}
.libromes-tagline{
  margin:18px auto 0;max-width:280px;background:var(--comm-orange);color:#0a0a0a;
  font-weight:800;font-size:14.5px;line-height:1.4;padding:14px 18px;border-radius:16px;
}
.libromes-body{
  display:flex;align-items:center;gap:18px;margin-top:22px;text-align:left;
}
.libromes-text{flex:1;}
.libromes-gift-line{font-size:14px;color:#fff;font-weight:700;line-height:1.5;}
.libromes-book-name{color:var(--comm-orange);font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;}
.libromes-bullets{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.libromes-bullets li{font-size:12px;color:rgba(255,255,255,.6);font-style:italic;padding-left:14px;position:relative;}
.libromes-bullets li::before{content:'•';position:absolute;left:0;color:var(--comm-orange);}
.libromes-book-tablet{width:110px;flex-shrink:0;}
.libromes-book-tablet img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(4px 10px 20px rgba(0,0,0,.5));
  animation:bookFloat 3.6s ease-in-out infinite;
}
.libromes-cta-line{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:#fff;
  margin-top:26px;
}
.libromes-cta-sub{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:8px;line-height:1.5;max-width:290px;margin-left:auto;margin-right:auto;}
.libromes-input{
  display:block;width:100%;max-width:290px;margin:16px auto 0;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.14);border-radius:14px;
  padding:13px 16px;color:#fff;font-size:14px;text-align:center;font-family:'Inter',sans-serif;
}
.libromes-input::placeholder{color:rgba(255,255,255,.3);}
.libromes-input:focus{outline:none;border-color:var(--comm-orange);}
.libromes-submit{
  display:block;width:100%;max-width:290px;margin:14px auto 0;
  background:var(--comm-orange);color:#0a0a0a;font-weight:800;font-size:13.5px;
  padding:14px;border-radius:100px;border:none;font-family:'Manrope',sans-serif;cursor:pointer;
}
.libromes-fineprint{font-size:11px;color:rgba(255,255,255,.35);margin-top:10px;font-style:italic;}
.libromes-footnote{font-size:12px;color:rgba(255,255,255,.45);margin-top:14px;}
.dog-pulse-wrap{
  position:relative;width:150px;height:150px;margin:26px auto 0;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.dog-pulse-ring{
  position:absolute;top:50%;left:50%;width:104px;height:104px;
  margin:-52px 0 0 -52px;border-radius:50%;
  border:2px solid var(--coral);opacity:0;
}
.dog-pulse-ring-1{animation:sharePulseSm 2.8s ease-out infinite;}
.dog-pulse-ring-2{animation:sharePulseSm 2.8s ease-out .95s infinite;}
.dog-pulse-ring-3{animation:sharePulseSm 2.8s ease-out 1.9s infinite;} .dog-pulse-ring-red{
  border-color:#FF2D2D;
  box-shadow:0 0 12px 2px rgba(255,45,45,.6);
  animation:sharePulseSm 2.8s ease-out 2.4s infinite;
}
.dog-pulse-photo{
  position:relative;z-index:2;width:104px;height:104px;border-radius:50%;
  overflow:hidden;box-shadow:0 10px 22px -8px rgba(0,0,0,.4);
  background:var(--verde-deep);
}
.dog-pulse-photo img{width:100%;height:100%;object-fit:cover;display:block;}

/* ---------- PINTA CON CAUSA — banner con flip (booklet Payhip) ---------- */
.pcc-flip{
  position:relative;width:100%;aspect-ratio:1000/1320;
  perspective:1200px;cursor:pointer;border-radius:20px;
}
.pcc-flip-inner{
  position:relative;width:100%;height:100%;
  transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);
}
.pcc-flip.flipped .pcc-flip-inner{transform:rotateY(180deg);}
.pcc-flip-front,.pcc-flip-back{
  position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;overflow:hidden;
}
.pcc-flip-front img{width:100%;height:100%;object-fit:cover;display:block;}
.pcc-flip-back{
  transform:rotateY(180deg);
  overflow:hidden;
}
.pcc-buy-link{
  display:block;width:100%;height:100%;
}
.pcc-flip-back img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.pcc-divider-bar{
  margin-top:18px;
  background:var(--coral);
  color:#fff;
  border-radius:16px;
  padding:16px 20px;
  font-size:13px;
  line-height:1.55;
  text-align:center;
  font-weight:600;
  box-shadow:0 10px 22px -10px rgba(232,102,74,.5);
}
.bonus-box{
  max-width:520px;
  margin:0 auto;
  background:#fff;
  border:2px dashed var(--coral);
  border-radius:20px;
  padding:26px 24px;
  text-align:center;
}
.bonus-tag{
  display:inline-block;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  font-size:11px;
  letter-spacing:0.5px;
  color:#fff;
  background:var(--coral);
  padding:5px 14px;
  border-radius:20px;
  margin-bottom:12px;
}
.bonus-box h3{font-size:19px;color:var(--green);margin-bottom:10px;}
.bonus-box p{font-size:13.5px;color:var(--ink-soft);margin-bottom:0;}
.bonus-deadline{margin-top:12px;font-size:11.5px;font-weight:700;color:var(--coral-deep);}
.pcc-cta-line{
  max-width:340px;
  margin:6px auto 0;
  animation:pccTextPulse 5s ease-in-out infinite;
  transform-origin:center;
}
.pcc-cta-line svg{width:100%;height:auto;display:block;}
.pcc-cta-line text{
  font-family:'Caveat',cursive;
  font-weight:700;
  font-size:22px;
  fill:var(--coral-deep);
}
@keyframes pccTextPulse{
  0%{transform:scale(1);}
  10%{transform:scale(1.06);}
  20%{transform:scale(1);}
  100%{transform:scale(1);}
}
@media (prefers-reduced-motion: reduce){
  .pcc-cta-line{animation:none;}
}
/* ============ SECCIÓN META ============ */
.meta-section{
  background:#0a0a0a;
  padding:0 0 48px 0;
  position:relative;
  overflow:hidden;
}
.meta-hero-img{width:100%;line-height:0;}
.meta-hero-img img{width:100%;display:block;}
.meta-inner{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:32px 22px 0 22px;}
.meta-title{
  text-align:center;color:#fff;
  font-size:23px;font-weight:800;line-height:1.3;
  margin-bottom:18px;
}
.meta-body{
  text-align:center;color:#C7D6CE;
  font-size:13.5px;line-height:1.65;
  margin-bottom:14px;
}
.meta-body b{color:#fff;}
.meta-quote{
  text-align:center;
  font-family:'Caveat',cursive;font-weight:700;font-size:21px;
  color:var(--coral);
  margin:20px 0;
  line-height:1.3;
}
.meta-sub{
  text-align:center;color:rgba(255,255,255,.5);
  font-size:12px;font-style:italic;
  margin-bottom:28px;
}
.meta-counter-box{
  background:#141414;
  border:1px solid rgba(232,102,74,.4);
  border-radius:20px;
  padding:26px 22px 22px 22px;
  text-align:center;
}
.meta-counter-label{
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:8px;
}
.meta-counter-nums{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:48px;color:#fff;line-height:1;
}
.meta-counter-nums span{color:var(--coral);}
.meta-counter-sub{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--coral);margin-top:10px;margin-bottom:18px;
}
.meta-progress-track{
  width:100%;height:6px;border-radius:20px;
  background:rgba(255,255,255,.1);
  overflow:hidden;
}
.meta-progress-fill{
  height:100%;width:0.4%;min-width:6px;
  border-radius:20px;
  background:var(--coral);
}
.meta-goals{margin-top:30px;display:flex;flex-direction:column;gap:0;}
.meta-goal-row{
  display:flex;align-items:center;gap:14px;
  border-top:1px solid rgba(255,255,255,.1);
  padding:18px 0;
}
.meta-goal-text-col{flex:1;min-width:0;text-align:left;}
.meta-goal-eyebrow{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:8px;
}
.meta-goal-row.primary .meta-goal-eyebrow{color:var(--coral);}
.meta-goal-row.secondary .meta-goal-eyebrow{color:#8FC4AC;}
.meta-goal-big{
  font-family:'Manrope',sans-serif;font-weight:800;
  color:#fff;line-height:1.15;font-size:21px;
}
.meta-goal-desc{
  font-size:12px;color:#C7D6CE;line-height:1.5;margin-top:6px;
}
.meta-goal-img-box{
  flex:0 0 64px;width:64px;height:64px;
  border-radius:12px;overflow:hidden;
  background:linear-gradient(135deg,#222,#0a0a0a);
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
}
.meta-goal-img-box img{width:100%;height:100%;object-fit:cover;display:block;}
.meta-goal-img-box .ph{font-size:22px;opacity:.45;}
.meta-cta-wrap{text-align:center;margin-top:34px;}
.meta-community-line{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:15px;color:var(--verde);
  margin-bottom:4px;
  letter-spacing:.01em;
}
.meta-community-sub{
  font-size:12px;color:var(--coral);
  margin-bottom:20px;
}
.meta-cta-btn{
  display:inline-block;
  background:var(--coral);color:#fff;
  font-family:'Manrope',sans-serif;font-weight:800;font-size:14.5px;
  padding:16px 30px;border-radius:100px;
  text-decoration:none;
  box-shadow:0 14px 28px -10px rgba(232,102,74,.55);
}
.go-to-meta{
  display:inline-block;
  margin-top:8px;
  color:var(--coral-deep);
  font-weight:700;
  text-decoration:underline;
}