@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--orange:#FF5A1F;--black:#111111;--ink:#222222;--muted:#6B6B6B;--line:#EAEAEA;--pale:#FFF3ED;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:78px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--black);color:#fff;position:sticky;top:0;z-index:20}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.5px;color:#fff}.brand span{color:#fff;position:relative;display:inline-block}.brand span::before{content:"";position:absolute;left:0;top:2px;width:72%;height:4px;background:var(--orange);border-radius:1px}.nav{display:flex;gap:30px;font-size:13px;color:#e9e9e9}.nav a:hover,.footer-link:hover{color:var(--orange)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);color:#fff;font-weight:700;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .2s,background .2s;font-size:14px}.button:hover{transform:translateY(-2px);background:#e94b13}.button-small{padding:11px 18px;font-size:13px}.button-outline{background:transparent;color:var(--black);border:1px solid #D8D8D8}.button-outline:hover{color:#fff;border-color:var(--black);background:var(--black)}.section{padding:90px clamp(20px,7vw,110px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:590px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--orange);margin:0 0 18px}.hero h1,.section-heading h2,.order-copy h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-2.7px;margin:0 0 24px;color:var(--black);font-weight:800}.hero h1 span{color:var(--orange)}.lead{max-width:510px;color:#5F5F5F;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.microcopy{font-size:12px;color:#8B8B8B;margin-top:24px}.hero-art{height:425px;border-radius:28px;background:linear-gradient(135deg,#f5f2ed,#fff 48%,#f3e7dc);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ambient{position:absolute;width:330px;height:330px;border-radius:50%;background:#ffb17d;filter:blur(65px);opacity:.28;right:0;top:0}.stand{position:relative;width:225px;height:320px;border:5px solid rgba(255,255,255,.95);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.68));box-shadow:0 25px 50px #6b4a2b26,inset 0 0 0 1px #d6d6d6;border-radius:7px;transform:perspective(800px) rotateY(-7deg);display:flex;align-items:center;flex-direction:column;padding:20px 12px;color:#191919;text-align:center}.stand:after{content:"";position:absolute;bottom:-18px;left:18px;right:18px;height:20px;background:#ddd9d3;transform:skewX(-22deg);border-radius:0 0 5px 5px;z-index:-1}.stand-brand{font-weight:800;letter-spacing:2px;font-size:13px}.stand-title{font-size:19px;font-weight:700;line-height:1.2;margin:22px 0 12px}.stand-title b{color:var(--orange)}.fake-qr,.mini-qr,.card-qr{background-color:white;background-image:repeating-conic-gradient(#111 0% 25%,white 0% 50%);background-size:12px 12px;border:7px solid white;box-shadow:0 0 0 1px #ddd}.fake-qr{width:98px;height:98px;margin:4px 0 10px;position:relative}.fake-qr:before,.fake-qr:after{content:"";position:absolute;width:25px;height:25px;border:6px solid #111;background:#fff;top:0;left:0}.fake-qr:after{left:auto;right:0}.nfc-mark{font-size:26px;letter-spacing:-5px;font-weight:800;color:var(--orange);transform:rotate(90deg);height:25px}.stand small{font-size:7px;letter-spacing:1px;margin-top:6px}.art-caption{position:absolute;bottom:22px;left:24px;font-size:11px;color:#555;letter-spacing:.4px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:27px clamp(20px,7vw,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.benefits>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;border-right:1px solid var(--line);padding-left:16px}.benefits>div:last-child{border:0}.benefit-icon{grid-row:1/3;font-size:27px;color:var(--orange)}.benefits b{font-size:13px}.benefits small{font-size:12px;color:var(--muted)}.products-section{padding-top:100px;padding-bottom:100px}.section-heading{max-width:700px;margin-bottom:38px}.section-heading h2,.order-copy h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-1.7px;margin-bottom:15px}.section-heading>p:last-child{color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid #EDEDED;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #00000005;display:flex;flex-direction:column}.product-visual{height:245px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f7f5f1}.visual-base{background:linear-gradient(140deg,#f2e8db,#fff 65%)}.visual-premium{background:linear-gradient(140deg,#f0ece8,#fff 70%)}.visual-card{background:linear-gradient(140deg,#f8eee5,#fff 65%)}.mini-sign{width:130px;height:182px;border:4px solid #ffffffc9;background:#fff;box-shadow:0 16px 28px #0000001b,0 0 0 1px #dedede;border-radius:4px;display:flex;align-items:center;flex-direction:column;padding:12px 8px;transform:rotate(-2deg);text-align:center;color:#222}.mini-sign.square{width:155px;height:155px;transform:rotate(3deg);padding-top:10px}.mini-logo{font-size:28px;font-weight:800;color:#4285f4;line-height:1.1}.mini-sign b{font-size:11px;margin-top:10px}.mini-sign span{font-size:13px;color:#4285f4;font-weight:700}.mini-qr{height:47px;width:47px;background-size:8px 8px;margin:10px 0 6px}.mini-sign small{font-size:6px;letter-spacing:.5px}.mini-instagram{font-size:24px;color:#d94683}.mini-sign.square b{margin-top:4px}.mini-sign.square span{color:#c13584}.mini-sign.square .mini-qr{height:35px;width:35px;margin:6px}.nfc-card{width:230px;height:145px;background:linear-gradient(135deg,#fff,#f4f4f4);border:1px solid #fff;border-radius:12px;box-shadow:0 18px 35px #0000001b,0 0 0 1px #ddd;transform:rotate(-9deg);padding:18px;position:relative}.card-logo{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:1px}.card-logo span{color:var(--orange)}.card-lines{width:80px;height:5px;border-radius:4px;background:#eee;margin-top:18px;box-shadow:0 11px 0 #eee,0 22px 0 #eee}.card-wave{position:absolute;right:24px;top:48px;color:var(--orange);font-size:25px;transform:rotate(90deg);letter-spacing:-6px}.card-qr{position:absolute;right:17px;bottom:14px;width:34px;height:34px;background-size:6px 6px;border-width:4px}.product-info{padding:22px;display:flex;flex-direction:column;flex:1}.product-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--orange);margin:0 0 7px}.product-info h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px;color:var(--black);margin:0 0 8px}.product-info>p:not(.product-kicker){color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 24px}.product-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.product-bottom strong{font-family:Manrope,sans-serif;font-size:25px;color:var(--black)}.order-button{width:100%;padding:12px 15px}.price-note{font-size:11px;color:#777;margin-top:20px}.how-section{background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.how-section .section{padding-top:80px;padding-bottom:85px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:42px}.step{border-top:1px solid #ddd;padding-top:20px}.step>span{display:inline-flex;background:var(--pale);color:var(--orange);font-weight:800;font-size:12px;padding:7px 10px;border-radius:8px}.step h3{font-size:17px;margin:18px 0 6px;color:var(--black)}.step p{font-size:13px;color:var(--muted);margin:0;max-width:220px}.order-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;background:#fff}.order-copy{position:sticky;top:115px}.order-copy h2{font-size:clamp(34px,3.8vw,48px)}.order-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8}.contact-note{margin-top:28px;padding:15px;background:#fff7f2;border-radius:12px;color:#5e5149;font-size:12px}.contact-note span{color:var(--orange);font-weight:800;margin-right:8px}.order-form{border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 30px #00000006}.order-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#333;margin-bottom:17px}.order-form input,.order-form select,.order-form textarea{width:100%;padding:13px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#222;outline:none;font-weight:400;font-size:13px}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff5a1f17}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-button{width:100%;margin-top:2px}.form-footnote,.form-status{font-size:11px;color:#777;line-height:1.6}.form-status{color:#b43a12}.site-footer{background:var(--black);color:#fff;padding:38px clamp(20px,7vw,110px) 20px}.footer-top{display:flex;align-items:center;gap:22px;padding-bottom:30px;border-bottom:1px solid #333}.brand-footer{font-size:25px}.footer-top p{color:#aaa;font-size:13px;margin-right:auto}.footer-link{font-size:13px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:11px;color:#aaa}.footer-bottom a:hover{color:#fff}
@media(max-width:900px){.nav{gap:15px}.hero{gap:28px;min-height:520px}.hero-art{height:370px}.benefits{padding-left:24px;padding-right:24px}.benefits>div{padding-left:5px}.product-grid{gap:14px}.product-info{padding:17px}.order-section{gap:35px}.section{padding-left:35px;padding-right:35px}}
@media(max-width:680px){.site-header{height:68px;padding:0 18px;gap:12px}.brand{font-size:23px}.nav{display:none}.button-small{font-size:11px;padding:10px 13px}.section{padding:60px 20px}.hero{grid-template-columns:1fr;gap:28px;padding-top:54px}.hero h1{font-size:43px;letter-spacing:-1.8px}.lead{font-size:15px}.hero-art{height:340px}.benefits{grid-template-columns:1fr 1fr;padding:20px;gap:18px}.benefits>div{border-right:0;padding:0}.benefit-icon{font-size:23px}.products-section{padding-top:68px;padding-bottom:68px}.product-grid{grid-template-columns:1fr;gap:18px}.product-visual{height:250px}.product-info{padding:21px}.product-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.product-bottom .button{width:auto;white-space:nowrap;font-size:12px;padding:12px 14px}.steps{grid-template-columns:1fr 1fr;gap:25px 18px}.how-section .section{padding-top:65px;padding-bottom:65px}.order-section{grid-template-columns:1fr;gap:28px}.order-copy{position:static}.order-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{flex-wrap:wrap;gap:12px}.footer-top p{width:100%;order:3;margin:0}.footer-link{margin-left:auto}.footer-bottom{flex-wrap:wrap}.section-heading h2,.order-copy h2{letter-spacing:-1.2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Fotografías reales de catálogo y variantes de producto */
.product-photo{height:290px;padding:10px;background:#f4f4f4;}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px;}
.portrait-photo img{object-fit:contain;}
.square-photo img{object-fit:contain;}
.card-photo img{object-fit:contain;}
.variant-list{display:flex;flex-wrap:wrap;gap:6px;margin:-9px 0 22px;}
.variant-list span{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #ececec;border-radius:999px;color:#5d5d5d;font-size:10px;font-weight:600;background:#fff;}
.product-bottom{gap:12px;}
.product-bottom .button{font-size:12px;}
@media(max-width:680px){.product-photo{height:300px}.product-bottom{flex-direction:column;align-items:stretch}.product-bottom .button{width:100%;white-space:normal}}

.variant-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 18px 17px;background:#fff;}
.variant-thumb{min-width:0;border:1px solid #e8e8e8;border-radius:9px;background:#fff;padding:5px;cursor:pointer;color:#555;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:5px;}
.variant-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:45% 42%;border-radius:5px;background:#f4f4f4;}
.variant-thumb span{display:block;text-align:center;line-height:1.2;}
.variant-thumb:hover,.variant-thumb.is-active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);}

/* Galería PVC: miniaturas del mismo ancho que las de Esencial y Premium. */
.pvc-gallery{grid-template-columns:repeat(4,minmax(0,1fr));}
.variant-thumb img{object-fit:contain;}

/* V9: zoom de producto, pasos visuales y acceso a Instagram */
.product-photo img{cursor:zoom-in;transition:transform .25s ease}
.product-photo img:hover{transform:scale(1.025)}
.nav a[href*="instagram.com"]{color:var(--orange)}
/* Sección ilustrada: una experiencia visual e intuitiva, inspirada en la referencia del usuario */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:42px}
.step{border:1px solid #e9e7e4;border-radius:20px;padding:15px;background:#fff;box-shadow:0 12px 28px #00000007;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.step:hover{transform:translateY(-5px);box-shadow:0 18px 38px #00000010}
.step-visual{height:285px;border-radius:15px;margin-bottom:19px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f5f0,#eee8e0 55%,#fff)}
.step-visual:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#ff5a1f20;filter:blur(32px);right:-55px;top:-45px}
.demo-sign{position:absolute;left:12%;bottom:25px;width:42%;height:65%;background:linear-gradient(145deg,#fff,#f8f7f4);border:5px solid #ffffffd9;box-shadow:0 16px 28px #3a2d201f,0 0 0 1px #d9d5cf;border-radius:5px;transform:perspective(700px) rotateY(9deg) rotateZ(-3deg);display:flex;align-items:center;flex-direction:column;text-align:center;padding:14px 7px;color:#191919;z-index:1}
.demo-sign:after{content:"";position:absolute;bottom:-13px;left:15px;right:15px;height:13px;background:#d7d2ca;transform:skewX(-20deg);z-index:-1}
.demo-brand{font-size:clamp(9px,.9vw,13px);font-weight:900;letter-spacing:1px}.demo-brand span{position:relative;color:#171717}.demo-brand span:before{content:"";position:absolute;left:0;top:0;width:72%;height:2px;background:var(--orange)}
.demo-sign>b{font-size:clamp(11px,1.25vw,17px);line-height:1.1;margin-top:23px}.demo-nfc-icon{color:var(--orange);font-size:27px;letter-spacing:-8px;transform:rotate(90deg);margin-top:14px}.demo-sign small{font-size:6px;letter-spacing:.7px;margin-top:auto;padding-bottom:5px}
.demo-phone{position:absolute;right:8%;bottom:-12px;width:43%;height:77%;border:5px solid #383838;border-bottom:0;border-radius:25px 25px 0 0;background:#222;padding:5px 4px 0;box-shadow:0 15px 30px #0003;transform:rotate(5deg);z-index:2}
.phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:35%;height:7px;border-radius:10px;background:#292929;z-index:3}
.phone-screen{height:100%;border-radius:17px 17px 0 0;background:#fff;display:flex;align-items:center;flex-direction:column;padding:25px 7px 8px;text-align:center;gap:8px;color:#252525;overflow:hidden}
.screen-app{font-size:10px;letter-spacing:1px;font-weight:900}.screen-wave{font-size:28px;color:var(--orange);letter-spacing:-8px;transform:rotate(90deg);margin:5px 0}.phone-screen b{font-size:clamp(9px,1vw,13px);line-height:1.25}.phone-screen small{font-size:8px;color:#777}
.demo-bubble{position:absolute;right:12px;top:12px;background:#fff;border-radius:99px;padding:8px 12px;font-size:10px;font-weight:900;letter-spacing:1px;color:var(--orange);box-shadow:0 5px 16px #0000000c;z-index:4}
.step-qr{background:linear-gradient(145deg,#f4f0eb,#e9e3da 58%,#fff)}.demo-sign-qr{left:8%;width:42%;transform:perspective(700px) rotateY(7deg) rotateZ(2deg)}.demo-sign-qr>b{margin-top:18px}.demo-qr{width:47px;height:47px;margin-top:12px;border:5px solid white;outline:1px solid #ddd;background:repeating-conic-gradient(#171717 0 25%,#fff 0 50%) 0 0/9px 9px;position:relative}.demo-qr:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border:3px solid #111;box-shadow:23px 0 0 -1px #fff,23px 0 0 2px #111,0 23px 0 -1px #fff,0 23px 0 2px #111}
.camera-screen{background:#202020;color:white;justify-content:center;position:relative}.camera-screen small{color:#fff;background:#0008;border-radius:8px;padding:5px}.camera-focus{width:65px;height:65px;border:2px solid var(--orange);border-radius:9px;box-shadow:0 0 0 100px #0003}.camera-corner{position:absolute;inset:35% 18%;border:2px solid #ffffff66;border-radius:12px}
.step-result{background:linear-gradient(145deg,#f6f2ed,#e7ded4 60%,#fff)}.result-phone{right:24%;width:49%;height:82%;transform:rotate(-3deg)}.result-screen{gap:10px;padding-top:29px}.screen-google{font-weight:900;font-size:24px;color:#4285f4}.result-stars{font-size:15px;letter-spacing:1px;color:#e5a900}.review-button{border:1px solid #d6d6d6;border-radius:20px;font-size:8px;padding:7px 5px;width:100%;color:#3f6fbd;margin-top:10px}.result-orbit{position:absolute;right:10%;top:38%;width:48px;height:48px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:27px;font-weight:800;border-radius:50%;border:5px solid #fff;box-shadow:0 8px 20px #0002;z-index:4}
.step-number{display:inline-flex;background:none!important;color:var(--orange);font-weight:800;font-size:10px!important;letter-spacing:1.5px;padding:0!important;border-radius:0!important}.step h3{font-size:19px;margin:10px 0 8px;color:var(--black)}.step p{max-width:none;font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.image-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.88);display:none;align-items:center;justify-content:center;padding:28px;flex-direction:column}
.image-lightbox.is-open{display:flex}
.image-lightbox img{max-width:min(92vw,1000px);max-height:82vh;object-fit:contain;background:#f5f5f5;border-radius:12px;box-shadow:0 25px 80px #0008}
.image-lightbox p{color:#ddd;font-size:12px;margin:12px 0 0;text-align:center}
.lightbox-close{position:absolute;right:24px;top:18px;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;background:#fff;color:#111;cursor:pointer}
@media(max-width:900px){.steps{gap:14px}.step{padding:12px}.step-visual{height:245px}}
@media(max-width:680px){.steps{grid-template-columns:1fr}.step-visual{height:280px}.image-lightbox{padding:16px}.image-lightbox img{max-width:96vw;max-height:78vh}.nav{display:none}}


/* Ajustes solicitados: precios centrados, F de marca y movimiento de portada. */
.product-bottom strong{align-self:center;width:100%;text-align:center;display:block;}
.hero-art .stand{transition:transform .3s ease;}
.hero-art:hover .stand{transform:perspective(800px) rotateY(0deg) rotateZ(0deg) translateY(-4px);}
.stand-final-f{display:inline-block;position:relative;color:inherit}.stand-final-f::before{content:"";position:absolute;left:0;top:1px;width:72%;height:3px;background:var(--orange);}

/* Ajuste definitivo del logotipo: la F final permanece blanca; solo su trazo superior es naranja. */
.brand span,
.stand-final-f,
.card-logo span { color:#fff !important; position:relative; display:inline-block; }
.brand span::before,
.stand-final-f::before,
.card-logo span::before { content:""; position:absolute; left:0; top:1px; width:76%; height:4px; background:var(--orange); border-radius:0; z-index:2; pointer-events:none; }
.brand span::before { top:2px; height:4px; }
.stand-final-f::before { top:1px; height:2px; }
.card-logo span::before { top:0; height:2px; }

/* v14: logotipo oficial recortado de la referencia de marca; no reconstruir la F con texto. */
.brand { display:inline-flex; align-items:center; flex-shrink:0; }
.brand img { display:block; width:156px; height:auto; object-fit:contain; }
.brand-footer img { width:145px; }
@media (max-width: 640px) { .brand img { width:124px; } .brand-footer img { width:130px; } }

/* v16: producto real en la demostración NFC */
.step-nfc{background:linear-gradient(145deg,#f7f4ef,#ece5dc 58%,#fff)}.real-demo-product{position:absolute;left:5%;bottom:-4%;width:53%;height:94%;display:flex;align-items:center;justify-content:center;z-index:2;filter:drop-shadow(0 15px 14px #00000020);transition:transform .3s ease}.real-demo-product img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.step:hover .real-demo-product{transform:translateY(-5px) rotate(-1deg)}.step-nfc .phone-tilt{right:5%;width:43%;height:77%;transform:rotate(5deg);z-index:3}.step-nfc .demo-bubble{z-index:4}

/* v17: sección visual integrada a partir de la composición aprobada */
.how-image-section{background:#faf9f7;padding:0;border-top:1px solid #f0efed;border-bottom:1px solid #f0efed}
/* Cómo funciona: alinear la gráfica con el ancho útil del contenido principal (productos), sin ocupar más ni menos. */
.how-image-wrap{width:calc(100% - 2 * clamp(20px,7vw,110px));max-width:none;margin:0 auto;padding:clamp(10px,1.5vw,20px) 0;}
.how-image{display:block;width:100%;height:auto;border-radius:12px}
.how-image{display:block;width:100%;height:auto;border-radius:12px}
@media(max-width:680px){.how-image-wrap{padding:8px}.how-image{border-radius:8px}}


/* v18: bienvenida sobria con el logo original; aparece una vez por sesión */
.brand-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#050505;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}
.show-splash .brand-splash{opacity:1;visibility:visible;pointer-events:auto}
.brand-splash img{display:block;width:min(250px,48vw);height:auto;max-height:25vh;object-fit:contain}
.splash-progress{display:block;width:76px;height:2px;overflow:hidden;background:#292929;border-radius:3px;opacity:.8}
.splash-progress i{display:block;width:30%;height:100%;background:#FF5A1F;animation:splash-travel 1.05s ease-in-out infinite alternate}
@keyframes splash-travel{from{transform:translateX(0)}to{transform:translateX(235%)}}
@media(max-width:680px){.brand-splash{gap:20px}.brand-splash img{width:min(205px,56vw)}}
@media(prefers-reduced-motion:reduce){.brand-splash{transition:none}.splash-progress i{animation:none;width:100%}}


/* Portada panorámica solicitada: imagen completa y adaptable */
.hero-image-section{width:100%;margin:0;padding:0;overflow:hidden;background:#2a1710;line-height:0}
.hero-image{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:680px){.hero-image{width:100%;height:auto;object-fit:contain}}

/* Mejoras de revisión final: menú móvil accesible y Cómo funciona legible. */
.mobile-menu-toggle{display:none;border:1px solid #454545;background:#1b1b1b;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.mobile-menu-toggle span{font-size:15px;line-height:1}
.mobile-navigation{display:none}
.mobile-navigation[hidden]{display:none!important}
.how-mobile{display:none}
@media(max-width:900px){
  .site-header{position:sticky;top:0;z-index:1000;gap:10px;padding:0 14px;justify-content:space-between;min-height:64px}
  .site-header .brand img{max-width:124px;height:auto}
  .mobile-menu-toggle{display:inline-flex;margin-left:auto}
  .site-header>.nav{display:none}
  .site-header>.mobile-navigation:not([hidden]){display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:1001;background:#111;color:#fff;padding:12px 18px 18px;flex-direction:column;gap:0;border-top:1px solid #333;box-shadow:0 14px 22px #0002}
  .mobile-navigation a{padding:12px 4px;border-bottom:1px solid #333;font-size:14px}
  .mobile-navigation a:last-child{border-bottom:0;color:var(--orange)}
  .site-header>.button-small{padding:10px 12px;font-size:11px;gap:5px}
  .how-desktop{display:none}
  .how-mobile{display:block;padding:34px 20px 38px}
  .how-mobile .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:8px}
  .how-mobile h2{font-family:Manrope,sans-serif;font-size:clamp(27px,7vw,34px);line-height:1.12;letter-spacing:-1px;margin:0 0 10px;color:var(--black)}
  .how-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px}
  .how-mobile-step{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:17px 0;border-top:1px solid #e7e4e1;align-items:start}
  .how-mobile-step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:white;font-weight:800;font-size:14px}
  .how-mobile-step h3{font-size:16px;line-height:1.3;margin:0 0 5px;color:var(--black)}
  .how-mobile-step p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
  .how-mobile-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .how-mobile-benefits span{background:#fff;border:1px solid #eee5df;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;color:#4b4b4b}
}