:root{--green:#123427;--green2:#1c4a37;--cream:#f5ead7;--gold:#d3ad65;--gold2:#f3d99b;--red:#a51f24;--ink:#1d1a16;--white:#fffdf8}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 50% -10%,#8b6b37 0,#274635 24%,#10281f 68%,#081711 100%);color:var(--white)}body{overflow-x:hidden}.shell{width:min(100%,540px);margin:auto;min-height:100vh;padding:16px 18px 28px;position:relative}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;position:relative;z-index:5}.brand-logo{width:192px;max-height:72px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.25))}.campaign-pill{font:700 11px/1 Arial,sans-serif;letter-spacing:.17em;border:1px solid rgba(211,173,101,.7);padding:9px 11px;border-radius:999px;color:#f4d99f;background:rgba(8,24,17,.32)}
.screen{display:none;position:relative;min-height:700px;padding:34px 24px 26px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(160deg,rgba(6,27,20,.94),rgba(24,64,45,.87));box-shadow:0 24px 65px rgba(0,0,0,.3);backdrop-filter:blur(16px);overflow:hidden}.screen.active{display:block;animation:fade .4s ease}.screen.center{text-align:center}.hero-screen{background:linear-gradient(155deg,rgba(7,29,20,.97),rgba(17,69,45,.92) 62%,rgba(87,52,18,.76));min-height:720px}.hero-glow{position:absolute;inset:-160px -110px auto;height:460px;background:radial-gradient(circle,rgba(239,197,108,.32),transparent 62%);pointer-events:none;animation:pulseGlow 4.5s ease-in-out infinite}.ambient-light{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(75px);opacity:.15;pointer-events:none;z-index:0}.light-a{background:#d6a43e;top:-120px;left:-100px;animation:driftA 9s ease-in-out infinite}.light-b{background:#a6262b;bottom:-160px;right:-100px;animation:driftB 11s ease-in-out infinite}.ornament{position:absolute;color:#f4dca3;opacity:.7;font-size:28px;animation:twinkle 2.8s ease-in-out infinite}.ornament-a{right:28px;top:126px}.ornament-b{left:24px;bottom:190px;animation-delay:1.2s}.eyebrow{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.19em;color:#e9c98c;text-transform:uppercase;margin:0 0 18px}h1,h2{margin:0 0 18px;line-height:.98}h1{font-size:50px;letter-spacing:-.04em}h1 em{font-weight:400;color:#edcf89}h2{font-size:34px}.lead{font:400 18px/1.55 Arial,sans-serif;color:#f4efe6;opacity:.94}.helper{font:15px/1.5 Arial,sans-serif;color:#e5ded2;margin:-7px 0 19px;opacity:.82}.experience-card{display:flex;align-items:center;gap:15px;margin:28px 0 22px;padding:16px 17px;border-radius:20px;background:linear-gradient(135deg,rgba(247,232,206,.98),rgba(238,217,180,.95));color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.18);transform:translateZ(0);animation:cardFloat 4s ease-in-out infinite}.experience-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#14392b;font-size:28px;box-shadow:inset 0 0 0 1px rgba(211,173,101,.45)}.experience-card strong,.experience-card span{display:block;font-family:Arial,sans-serif}.experience-card strong{font-size:19px;color:#7e171b;margin-bottom:4px}.experience-card span{font-size:13px;line-height:1.4;color:#4c4337}.primary,.ghost,.whatsapp,.tone{border:0;cursor:pointer}.primary{width:100%;padding:17px 20px;border-radius:999px;background:linear-gradient(#c53839,#971b21);color:white;font:700 16px Arial,sans-serif;box-shadow:0 10px 24px rgba(118,9,17,.32);transition:transform .18s ease,box-shadow .18s ease}.primary:active{transform:scale(.985)}.hero-cta{display:flex;align-items:center;justify-content:center;gap:10px}.hero-cta span{font-size:20px;transition:transform .2s ease}.hero-cta:hover span{transform:translateX(4px)}.hero-product{position:absolute;left:24px;right:24px;bottom:24px;height:126px;border-top:1px solid rgba(229,194,122,.24);display:flex;align-items:flex-end;gap:14px;padding-top:14px}.hero-product img{height:118px;width:auto;filter:drop-shadow(0 14px 16px rgba(0,0,0,.35));animation:bottleFloat 5s ease-in-out infinite}.product-copy{padding-bottom:11px}.product-copy small,.product-copy strong,.product-copy span{display:block}.product-copy small{font:700 9px/1.2 Arial,sans-serif;letter-spacing:.18em;color:#d5b36d}.product-copy strong{font-size:24px;color:#f4e1b8;margin:4px 0 2px}.product-copy span{font:12px Arial,sans-serif;color:#d8d0c2}.ghost{padding:14px 18px;border-radius:999px;color:#f5e4c7;background:transparent;border:1px solid rgba(245,228,199,.3);font:700 14px Arial,sans-serif}.full{width:100%;margin-top:10px}.micro{font:13px/1.5 Arial,sans-serif;color:#d7d0c4;text-align:center;margin-top:18px}.navrow{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-top:24px}label{display:block;font:700 13px/1.4 Arial,sans-serif;color:#f2d69e;margin:16px 0 7px}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);outline:none;border-radius:14px;background:rgba(255,255,255,.96);padding:14px 15px;color:#191713;font:16px/1.35 Arial,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}input:focus,textarea:focus{box-shadow:0 0 0 3px rgba(211,173,101,.22);border-color:#d3ad65}textarea{resize:vertical}.step-symbol{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:2px auto 24px;background:radial-gradient(circle at 50% 38%,#f6e7c8 0,#d6b475 38%,#8d6329 100%);box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 42px rgba(218,174,88,.18)}.step-symbol span{font-size:48px;color:#173d2d;text-shadow:0 2px 0 rgba(255,255,255,.25)}.fieldgrid label:first-child{margin-top:0}.reference-note{display:flex;gap:10px;align-items:flex-start;margin-top:17px;padding:13px 14px;border-radius:16px;background:rgba(229,199,137,.09);border:1px solid rgba(229,199,137,.18)}.reference-note span{font-size:19px}.reference-note p{margin:0;font:12px/1.45 Arial,sans-serif;color:#e4dac9}.tone-grid{display:grid;gap:12px;margin:24px 0}.tone{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;column-gap:12px;padding:15px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:white}.tone span{grid-row:1/3;font-size:30px}.tone strong{font:700 16px Arial,sans-serif}.tone small{font:12px Arial,sans-serif;opacity:.65;margin-top:3px}.tone.selected{background:rgba(211,173,101,.18);border-color:#d3ad65;box-shadow:0 0 0 1px rgba(211,173,101,.12)}.cuervo-signature{display:flex;align-items:center;gap:12px;margin:18px 0 5px;padding:10px 12px;border-top:1px solid rgba(211,173,101,.24);border-bottom:1px solid rgba(211,173,101,.24)}.cuervo-signature img{width:96px;height:42px;object-fit:contain}.cuervo-signature span{font:italic 12px/1.35 Georgia,serif;color:#e5d0a8}.orb{width:210px;height:210px;border-radius:50%;margin:52px auto 28px;background:radial-gradient(circle at 50% 40%,rgba(255,235,164,.85),rgba(211,173,101,.26) 38%,rgba(255,255,255,.05) 63%,transparent 65%);border:1px solid rgba(255,220,143,.35);display:grid;place-items:center;box-shadow:0 0 70px rgba(219,171,74,.32);animation:orbPulse 3.2s ease-in-out infinite}.gift{font-size:74px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28));animation:float 2s ease-in-out infinite}.progress{height:10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;margin:26px 0 0;background:rgba(0,0,0,.2)}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9d782d,#f4dca5);transition:width .4s ease}.creation-brand{margin:26px auto 0;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.86}.creation-brand img{width:118px;max-height:46px;object-fit:contain}.creation-brand span{font:italic 13px Georgia,serif;color:#e8d4ae}.video-card{position:relative;border-radius:24px;overflow:hidden;background:#111;aspect-ratio:9/13;margin-bottom:18px;box-shadow:0 20px 45px rgba(0,0,0,.3);border:1px solid rgba(224,192,124,.28)}.video-card>img:first-child{width:100%;height:100%;object-fit:cover}.video-brand{position:absolute;top:13px;left:13px;width:112px!important;height:48px!important;object-fit:contain!important;padding:5px 8px;background:rgba(10,19,13,.58);border-radius:12px;backdrop-filter:blur(8px)}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:rgba(255,255,255,.88);color:#173428;font:24px Arial,sans-serif}.caption{position:absolute;left:14px;right:14px;bottom:16px;border-radius:16px;padding:13px 14px;background:rgba(11,18,13,.78);font:700 16px/1.35 Arial,sans-serif;border:1px solid rgba(233,203,143,.22)}.script-card{padding:14px 16px;border-radius:18px;background:#f4ead8;color:#1b1814;margin-bottom:15px}.script-card span{text-transform:uppercase;font:700 10px Arial,sans-serif;letter-spacing:.16em;color:#89683a}.script-card p{font:15px/1.5 Arial,sans-serif;margin:8px 0 0}.whatsapp{width:100%;padding:16px 20px;border-radius:999px;background:#1fb75a;color:white;font:700 16px Arial,sans-serif;box-shadow:0 10px 25px rgba(5,100,45,.25)}.brand-close-card{margin-top:18px;padding:15px;border-radius:18px;text-align:center;background:linear-gradient(145deg,rgba(229,196,128,.13),rgba(255,255,255,.03));border:1px solid rgba(229,196,128,.18)}.brand-close-card img{width:126px;height:48px;object-fit:contain}.brand-close-card p{margin:4px 0 0;color:#ead5ad;font-style:italic}footer{padding:18px 4px 0;text-align:center;color:#d5c8b2}footer p{font:10px/1.5 Arial,sans-serif;margin:0}footer a{color:#e8ca92;text-decoration:none}.snow{position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;animation:snowShift 22s linear infinite}.snow-b{background-size:47px 47px;transform:translate(13px,9px);opacity:.08;animation-duration:31s}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes bottleFloat{50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes cardFloat{50%{transform:translateY(-4px)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.82) rotate(8deg)}}@keyframes pulseGlow{50%{opacity:.62;transform:scale(1.06)}}@keyframes orbPulse{50%{box-shadow:0 0 92px rgba(219,171,74,.43);transform:scale(1.02)}}@keyframes driftA{50%{transform:translate(70px,50px)}}@keyframes driftB{50%{transform:translate(-55px,-35px)}}@keyframes snowShift{to{background-position:40px 120px}}
@media(max-width:390px){.shell{padding:12px}.screen{padding:28px 18px;min-height:670px}h1{font-size:43px}h2{font-size:30px}.brand-logo{width:164px}.hero-product{left:18px;right:18px}.hero-product img{height:104px}.experience-card{margin-top:22px}}