/* Adaptación Tap &: estructura y base visual de esspacking.store, capturada 19-09-2026. */
@font-face{font-family:TapBrand;src:url('assets/dm-sans-marca.ttf') format('truetype');font-weight:100 900;font-display:swap}
.tap-word{font-family:TapBrand,Manrope,sans-serif;letter-spacing:-.08em;font-weight:650}.header .brand{font-size:43px;line-height:1}.header-cta{gap:18px}.hero{height:880px;min-height:800px;background:#f0eade}.hero-copy{position:relative;z-index:3;padding-top:188px;max-width:750px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(70px,7.4vw,108px);max-width:8.7em;line-height:.99;letter-spacing:-.073em}.hero h1 span{color:var(--gold)}.hero-description{max-width:380px}.hero-object{position:absolute;width:650px;height:700px;right:1.8%;top:115px;isolation:isolate}.hero-disc{position:absolute;width:530px;height:530px;border-radius:50%;background:#e4d9c4;top:95px;left:70px;border:1px solid #d6c9ae}.orbit-label{position:absolute;right:28px;top:10px;font-size:10px;letter-spacing:.19em;line-height:1.8}.tap-card{width:285px;height:180px;border-radius:13px;background:linear-gradient(135deg,#b7893d,#dfc58f 58%,#bc9554);color:#443820;box-shadow:0 22px 35px -20px #74654f70,inset 0 0 0 1px #f8e5b8;position:relative;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.tap-card .tap-word{font-size:38px;line-height:1}.tap-card small{font-size:8px;letter-spacing:.2em}.tap-card i{position:absolute;right:23px;bottom:23px;font:10px var(--body);border:1px solid #69522980;border-radius:4px;padding:2px 5px}.nfc-wave{width:45px;height:45px}.tap-card>.nfc-wave{position:absolute;right:20px;top:24px}.hero-card{position:absolute;z-index:3;left:6px;top:325px;width:330px;height:208px;transform:rotate(-18deg);animation:card-drift 7s ease-in-out infinite}.hero-card .tap-word{font-size:44px}.phone{position:absolute;right:62px;top:70px;width:260px;height:510px;background:#fbf8f0;border:7px solid #5a5144;border-radius:43px;transform:rotate(10deg);box-shadow:18px 30px 40px -25px #655b49a0,inset 0 0 0 2px #c2b69e;z-index:2;padding:19px 14px}.phone-camera{position:absolute;top:12px;left:calc(50% - 37px);width:74px;height:18px;background:#39362f;border-radius:20px}.phone-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.phone-content{padding:42px 4px 0;text-align:center}.mini-label{font-size:7px;letter-spacing:.13em}.phone-amp{font:65px TapBrand;display:block;line-height:1.25;color:var(--gold)}.phone-content h3{font:25px/.99 var(--heading);letter-spacing:-.055em}.phone-content p{font-size:9px;margin:14px 0 23px}.phone-action{background:#b18842;color:#fffcf6;font-size:10px;border-radius:5px;padding:15px 10px;display:flex;justify-content:space-between}.phone-row{font-size:10px;border-bottom:1px solid var(--line);padding:14px 5px;display:flex;justify-content:space-between}.phone-home{position:absolute;bottom:10px;left:calc(50% - 36px);width:72px;height:4px;background:#544c3f;border-radius:10px}.tap-notice{position:absolute;bottom:102px;right:14px;background:#fffcf6eF;border:1px solid #e6dfcf;border-radius:10px;box-shadow:0 18px 35px -24px #76684d;padding:16px 23px;display:flex;gap:13px;align-items:center;z-index:4;animation:notice-drift 5s ease-in-out infinite;font-size:12px}.tap-notice>span{border:1px solid #a8a889;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#6b764b}.tap-notice small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.art-caption{position:absolute;bottom:32px;left:85px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.facts-strip>div{gap:15px;font-size:23px;color:var(--gold)}.facts-strip>div span{font-size:12px;color:var(--ink)}.hero-bottom{z-index:4}.connection-visual{aspect-ratio:1/1.1;position:relative;background:#e9e2d3;overflow:hidden;display:grid;place-items:center}.connection-visual>.tap-card{transform:rotate(-12deg);z-index:2;top:-34px}.signal-rings{position:absolute;top:40%;left:50%;width:1px;height:1px}.signal-rings i{position:absolute;border:1px solid #b6945540;border-radius:50%;width:240px;height:240px;left:-120px;top:-120px;animation:ripple 5s ease-out infinite}.signal-rings i:nth-child(2){animation-delay:1.65s}.signal-rings i:nth-child(3){animation-delay:3.3s}.connection-label{position:absolute;left:25px;right:25px;top:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em}.connection-result{position:absolute;bottom:40px;left:35px;right:25px}.connection-result>span{font-size:8px;letter-spacing:.14em}.connection-result strong{display:block;font:40px var(--heading);letter-spacing:-.055em;color:var(--gold)}.ingredient-layout{gap:80px}.ingredient-copy h2{font-size:clamp(46px,5.2vw,74px)}.catalog{background:#eee8dc}.catalog h2{margin-bottom:45px}.catalog-card{padding:22px;background:var(--paper);gap:13px;overflow:hidden}.catalog-card h3{min-height:0;font-size:28px}.catalog-card p{min-height:50px}.catalog-card>.eyebrow{font-size:9px;letter-spacing:.06em;min-height:30px}.catalog-card>.btn{margin-top:auto;width:100%}.product-art{width:100%;aspect-ratio:1.25;background:#e9e2d3;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;margin-bottom:8px}.product-art .tap-card{width:69%;height:auto;aspect-ratio:1.586;padding:20px;transform:rotate(-12deg);z-index:2;transition:transform .6s}.product-art .tap-card .tap-word{font-size:28px}.product-art .tap-card .nfc-wave{width:30px;right:12px;top:12px}.product-art .tap-card small{font-size:6px}.product-art .tap-card i{bottom:14px;right:14px;font-size:7px}.product-art .tap-card.back{position:absolute;transform:rotate(8deg) translateY(-14px);background:#eee6d7;box-shadow:inset 0 0 0 1px #d8cbb8}.catalog-card:hover .product-art .tap-card:not(.back){transform:rotate(-5deg) translateY(-6px)}.plate{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(120deg,#f9f7ef,#e5dccb);border:1px solid #c6bba5;border-bottom:9px solid #c3b69a;box-shadow:15px 25px 25px -20px #75674e80;width:48%;aspect-ratio:.92;transform:rotate(-9deg);border-radius:5px;z-index:3}.plate .tap-word{font-size:27px}.plate small{font-size:7px}.plate .nfc-wave{width:34px;height:34px;color:var(--gold)}.kitmesa .plate,.kitnegocio .plate{position:absolute;width:39%;}.kitmesa .plate:nth-child(1),.kitnegocio .plate:nth-child(1){transform:translate(-40px,-24px) rotate(-14deg);z-index:1}.kitmesa .plate:nth-child(2),.kitnegocio .plate:nth-child(2){transform:translate(43px,-13px) rotate(10deg);z-index:2}.kitmesa .plate:nth-child(3),.kitnegocio .plate:nth-child(3){transform:translate(0,25px) rotate(-3deg)}.kitnegocio .plate:first-child{aspect-ratio:.65}.sticker{width:115px;height:115px;position:absolute;border-radius:50%;background:#f8f4e9;box-shadow:0 4px 8px #8c7c5820;display:flex;flex-direction:column;align-items:center;justify-content:center;font:26px TapBrand;letter-spacing:-.08em;border:1px solid #d6c8aa}.sticker .nfc-wave{width:26px;height:26px}.sticker:nth-child(1){transform:translate(-55px,-30px) rotate(-15deg)}.sticker:nth-child(2){transform:translate(52px,-4px) rotate(14deg)}.sticker:nth-child(3){transform:translate(-23px,51px) rotate(-5deg);background:#c6a260}.custom-art{flex-direction:column;background:#e2d6bf}.custom-art>span{font:150px/1 TapBrand;color:#9d762f}.custom-art small{font-size:8px;letter-spacing:.19em}.solution-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.solutions h2{font-size:clamp(54px,6vw,84px);min-height:2.1em}.solution-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:35px}.solution-tabs button{border:0;border-bottom:1px solid var(--line);min-height:58px;background:transparent;text-align:left;font:13px var(--body);display:flex;align-items:center;justify-content:space-between;color:var(--muted);cursor:pointer}.solution-tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold);font-weight:700}.solution-tabs button span{font-size:20px}.experience-preview{background:#ebe2d0;padding:45px;text-align:center;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d7cbb5;border-radius:120px 120px 10px 10px}.experience-preview .eyebrow{font-size:8px}.preview-mark{font:90px/1.4 TapBrand;color:var(--gold)}.preview-stars{font-size:19px;color:var(--gold);letter-spacing:5px;margin:15px 0}.experience-preview h3{font:38px/1.1 var(--heading);letter-spacing:-.06em;max-width:270px}.experience-preview p{font-size:12px;margin:18px 0}.preview-cta{padding:18px 22px;background:var(--ink);color:var(--paper);font-size:12px;width:100%;max-width:270px;margin-top:14px}.experience-preview small{font-size:8px;margin-top:30px;color:var(--muted)}.kitchen{background:#f0ebdf}.kitchen-title h2{max-width:900px}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.industry{border-bottom:1px solid #cfc7b7;padding:25px 0}.industry summary{display:flex;gap:20px;align-items:center;cursor:pointer;list-style:none;min-height:44px}.industry summary::-webkit-details-marker{display:none}.industry summary>span{font-size:10px;color:var(--gold)}.industry h3{font:26px var(--heading);letter-spacing:-.055em;flex:1}.industry summary>b{font-size:25px;font-weight:400;color:var(--gold)}.industry p{margin:18px 0 20px;font-size:13px;max-width:440px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #d8d0bf;padding:4px 9px;font-size:9px}.order-intro h2{font-size:clamp(50px,5.4vw,77px)}.order-layout{gap:90px}.order-intro{position:static}#order-art{margin-top:32px}#order-art .product-art{aspect-ratio:1.35}#order-art .tap-card{max-width:280px}.discount-scale{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:20px;gap:16px}.discount-scale>span{font-size:10px;color:var(--muted)}.discount-scale strong{display:block;font:32px var(--heading);letter-spacing:-.06em;color:var(--gold)}.order-small{font-size:10px!important;line-height:1.7!important;color:var(--muted);margin-top:18px!important}.order-card .field{margin-bottom:20px}.order-card select{width:100%;min-height:52px;background:#f4efe4;border:1px solid var(--line);border-radius:0;padding:12px;font:14px var(--body);color:var(--ink)}.order-card .field label{display:block;font-size:11px;margin-bottom:8px}.order-summary .total-row{border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.total-row strong{font-size:25px!important;color:var(--gold)}.buy-original{display:block;text-align:center;font-size:11px;text-decoration:underline;padding:18px 0 0;min-height:44px}.bespoke{background:#e9e1d1}.bespoke-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:30px}.bespoke-heading h2{font-size:clamp(44px,4.6vw,68px);max-width:760px}.bespoke-heading .btn{flex-shrink:0}.bespoke-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.bespoke-grid article{border-top:1px solid #cbbfa8;padding-top:22px}.bespoke-grid article>span{font-size:9px;color:var(--gold);letter-spacing:.12em}.bespoke-grid h3{font:23px/1.15 var(--heading);letter-spacing:-.04em;margin:18px 0}.bespoke-grid p{font-size:12px;color:var(--muted)}.bespoke-process{display:flex;gap:25px;align-items:center;justify-content:space-between;margin-top:60px;padding-top:30px;border-top:1px solid #cbbfa8;font-size:11px}.bespoke-process b{color:var(--gold);font-size:20px}.footer{background:#e9e1d1;color:var(--ink)}.footer .brand{font-size:50px}.footer-top>p{color:var(--ink)}.footer-fine{color:var(--muted)}.footer-fine a{color:var(--ink)}.footer-arrow{color:var(--ink)}.footer-bottom{border-color:#cbbfa8}.hostess-credit img{object-fit:contain}.wa-fab{z-index:20}.rev{transition-duration:.85s}.btn{transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ab771b;outline-offset:4px}@keyframes card-drift{50%{transform:translateY(-12px) rotate(-15deg)}}@keyframes notice-drift{50%{transform:translateY(-8px)}}@keyframes ripple{0%{transform:scale(.4);opacity:0}20%{opacity:1}100%{transform:scale(2.5);opacity:0}}
@media(min-width:1600px){.hero-object{right:9%}.hero-copy{padding-left:var(--pad)}}
@media(max-width:1150px) and (min-width:761px){.hero{height:800px;min-height:800px}.hero-object{right:-130px;transform:scale(.85);transform-origin:right center}.hero h1{font-size:80px}.hero-copy{max-width:630px}.hero-description{max-width:330px}.solution-layout,.ingredient-layout,.order-layout{gap:40px}.bespoke-heading{display:block}.bespoke-heading .btn{margin-top:25px}}
@media(max-width:760px){.header,.header.scrolled{height:80px;padding-inline:24px}.header .brand{font-size:34px}.header-cta{display:none}.hero{height:auto;min-height:0;padding-bottom:48px;overflow:hidden;display:flex;flex-direction:column}.hero-copy{padding:123px 24px 0;max-width:none;width:100%;order:0}.hero h1{font-size:clamp(48px,12.6vw,78px);line-height:1.02;letter-spacing:-.065em;margin:23px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em}.hero-description{font-size:12px;line-height:1.85;max-width:330px;margin-bottom:23px}.hero-copy>.btn{font-size:12px;min-height:54px}.hero-price{margin-top:24px;gap:16px}.hero-price>strong{font-size:24px}.hero-price>span{font-size:8px;line-height:1.7}.hero-object{position:relative;width:375px;height:400px;top:auto;right:auto;align-self:center;margin-top:20px;order:1;transform:none}.hero-disc{width:320px;height:320px;left:30px;top:40px}.phone{width:170px;height:335px;right:44px;top:10px;border-width:5px;border-radius:29px;padding:12px 10px}.phone-camera{width:46px;height:12px;left:calc(50% - 23px);top:8px}.phone-top{font-size:6px}.phone-content{padding:25px 0 0}.mini-label{font-size:5px}.phone-amp{font-size:43px}.phone-content h3{font-size:17px}.phone-content p{font-size:6px;margin:9px 0 14px}.phone-action{font-size:7px;padding:11px 6px}.phone-row{font-size:7px;padding:9px 3px}.phone-home{height:3px;width:48px;left:calc(50% - 24px);bottom:7px}.hero-card{width:212px;height:134px;left:18px;top:185px;padding:19px}.hero-card .tap-word{font-size:31px}.hero-card small{font-size:6px}.hero-card i{font-size:7px;bottom:16px;right:16px}.hero-card .nfc-wave{width:30px;height:30px;right:13px;top:14px}.tap-notice{right:17px;bottom:27px;padding:11px 13px;gap:9px;font-size:9px;border-radius:7px}.tap-notice small{font-size:7px}.tap-notice>span{width:22px;height:22px}.orbit-label{top:5px;left:22px;right:auto;font-size:7px}.art-caption{bottom:3px;left:32px;font-size:6px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:25px 24px 0;order:2}.hero-bottom .hero-caption{display:none}.hero-index{display:none}.discover{font-size:8px}.facts-strip{grid-template-columns:1fr 1fr;display:grid;padding:18px 20px;gap:16px}.facts-strip>div{padding:0;border:0;font-size:20px;gap:9px}.facts-strip>div span{font-size:9px}.section-pad{padding:64px 24px}.section-top{gap:12px}.section-note{display:none}.section-top .eyebrow{font-size:9px}.ingredient-layout{gap:35px}.connection-visual{aspect-ratio:1/1.12}.connection-visual>.tap-card{width:240px;height:151px}.connection-result{left:25px;bottom:26px}.connection-result strong{font-size:33px}.ingredient-copy h2{font-size:49px}.ingredient-copy p{font-size:13px}.catalog h2{font-size:46px;margin-bottom:30px}.catalog-grid{grid-template-columns:1fr;gap:22px}.catalog-card{padding:18px;gap:13px}.catalog-card h3{font-size:28px}.catalog-card p{min-height:0}.catalog-card>.eyebrow{min-height:0;font-size:9px}.catalog-card .product-art{aspect-ratio:1.4}.catalog-card>strong{font-size:32px}.catalog-card>.btn{margin-top:6px}.solution-layout{grid-template-columns:1fr;gap:35px}.solutions h2{font-size:54px;min-height:2.1em}.solution-tabs{margin-top:20px;gap:0 15px}.solution-tabs button{font-size:11px;min-height:54px}.experience-preview{padding:32px 27px;min-height:430px;border-radius:100px 100px 8px 8px}.experience-preview h3{font-size:34px}.preview-mark{font-size:65px}.industry-grid{grid-template-columns:1fr}.kitchen-title h2{font-size:46px}.industry{padding:20px 0}.industry h3{font-size:25px}.order-layout{gap:30px}.order-intro h2{font-size:49px}.order-intro>p{font-size:13px}.order-card{padding:24px 20px}.order-card select{font-size:16px}.order-card-top .eyebrow{font-size:10px}.unit-label{font-size:8px}.quick-quantities{grid-template-columns:repeat(4,1fr);display:grid;gap:6px}.quick-quantities button{font-size:9px;min-height:44px;padding:8px 3px}.order-summary>div{gap:15px}.order-summary span{font-size:11px}.order-summary strong{font-size:15px}.order-small{font-size:10px!important}.bespoke-heading{display:block}.bespoke-heading h2{font-size:44px}.bespoke-heading .btn{margin-top:30px}.bespoke-grid{grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:40px}.bespoke-grid h3{font-size:21px}.bespoke-grid p{font-size:11px}.bespoke-grid article>span{font-size:8px}.bespoke-process{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:35px}.bespoke-process span:last-child{grid-column:1 / -1}.faq-heading h2{font-size:49px}.faq-list summary{font-size:14px}.footer{padding-bottom:120px}.footer-top>p{font-size:38px;line-height:1.1}.footer-arrow{width:50px;height:50px;flex-shrink:0}.footer .brand{font-size:42px}.footer-bottom{font-size:12px}.footer-fine{font-size:9px;gap:22px}.footer-fine .hostess-credit{font-size:9px}.mobile-buy .btn{font-size:11px;min-height:46px;padding:12px 17px}.mobile-buy>div strong{font-size:16px}.mobile-buy>div>span{font-size:9px}.wa-fab{bottom:95px}.connection-visual{order:1}.ingredient-copy{order:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rev{opacity:1!important;transform:none!important}}
.order-card{padding-bottom:28px}.unit-price{overflow-wrap:anywhere}.unit-price.quote-price{font-size:48px;letter-spacing:-.055em}.order-summary #total{max-width:65%;text-align:right;line-height:1.25}.wa-fab{z-index:70}.order-visible .waFab{opacity:0;pointer-events:none}body[data-menu-abierto="1"] .mobile-buy{visibility:hidden}
@media(max-width:760px){.hero-card{left:35px}.mobile-buy{left:16px;right:90px;bottom:16px}.mobile-buy .btn{white-space:nowrap;padding:12px 10px;font-size:11px;gap:8px}.mobile-buy>div strong{font-size:15px}.mobile-buy>div>span{font-size:8px}.wa-fab{bottom:24px}.unit-price.quote-price{font-size:42px}.total-row #total{font-size:20px!important}}
.quick-quantities{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Selectores, preferencia de tema y firma — revisión solicitada 19/09. */
.theme-toggle{display:flex;align-items:center;gap:9px;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);cursor:pointer;font:11px var(--body)}.theme-toggle>span:first-child{font-size:22px;line-height:1}.theme-toggle:hover{background:var(--cream)}.header-actions{gap:20px}
.choice{position:relative;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--paper)}.choice>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;min-height:60px;cursor:pointer;list-style:none;font:600 15px var(--body)}.choice>summary::-webkit-details-marker{display:none}.choice-chevron{width:26px;height:26px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:21px;line-height:1;transition:transform .2s}.choice[open] .choice-chevron{transform:rotate(180deg)}.choice[open]{border-color:var(--gold)}.choice-options{padding:6px;border-top:1px solid var(--line);max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.choice-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px 12px;min-height:60px;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer}.choice-option strong{display:block;font:600 13px var(--body)}.choice-option small{display:block;font:10px/1.6 var(--body);color:var(--muted);margin-top:4px}.choice-option:hover,.choice-option[aria-pressed=true]{background:var(--cream)}.choice-option[aria-pressed=true] strong{color:var(--gold)}.choice-tick{opacity:0;color:var(--gold);font-size:18px}.choice-option[aria-pressed=true] .choice-tick{opacity:1}.choice summary:focus-visible,.choice-option:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.order-card select[hidden]{display:none}.credit-visible .waFab,.credit-visible .mobile-buy{opacity:0!important;visibility:hidden;pointer-events:none}.footer-fine{min-height:64px}.hostess-credit{white-space:nowrap}
html[data-theme=dark]{color-scheme:dark;--paper:#1A1D24;--cream:#21252E;--ink:#E8EAED;--muted:#98A0AD;--line:#363C48;--gold:#D7A453;--white:#2A2F3A;--deep:#21252E}
html[data-theme=dark] :is(.hero,.catalog,.kitchen,.order,.bespoke,.footer,.facts-strip){background:var(--cream);border-color:var(--line)}
html[data-theme=dark] :is(.header.scrolled,.mobile-menu,.catalog-card,.order-card,.mobile-buy,.tap-notice){background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.connection-visual,.product-art,.experience-preview,.hero-disc){background:#2A2F3A;border-color:var(--line)}
html[data-theme=dark] :is(.industry,.tags span,.bespoke-grid article,.bespoke-process,.footer-bottom,.footer-fine,.footer-top,.footer-arrow,.ingredient-spec>div,.facts-strip>div,.unit-label,.quantity-picker){border-color:var(--line)}
html[data-theme=dark] :is(.footer-bottom>span,.footer-fine,.section-note,.hero-description,.ingredient-copy p,.catalog-card p,.order-intro>p,.unit-copy,.quantity-help,.catalog-note){color:var(--muted)}
html[data-theme=dark] :is(.desktop-nav a,.header-cta,.menu-button,.mobile-menu a,.quantity-picker button){color:var(--ink)}
html[data-theme=dark] .menu-button span{background:var(--ink)}
html[data-theme=dark] :is(.btn-dark,.preview-cta,.quick-quantities button.selected){background:#E8EAED;color:#1A1D24;border-color:#E8EAED}
html[data-theme=dark] .btn-dark:hover{background:#D7A453;color:#1A1D24}
html[data-theme=dark] .phone{color:#302c24}html[data-theme=dark] .plate{color:#302c24}html[data-theme=dark] .sticker{color:#302c24}
html[data-theme=dark] .phone-amp,html[data-theme=dark] .plate .nfc-wave{color:#ab771b}
html[data-theme=dark] .phone-row{border-color:#d9d3c6}html[data-theme=dark] .tap-notice>span{color:#b5c38c}

@media(max-width:760px){.theme-toggle{padding:8px 10px;font-size:10px;gap:6px}.theme-toggle>span:first-child{font-size:19px}.header-actions{gap:12px}.choice>summary{font-size:15px;padding:15px;min-height:58px}.choice-option strong{font-size:13px}.choice-options{max-height:300px}.choice-option small{font-size:11px}.footer-fine{padding-bottom:24px}}

.tap-original-logo{display:block;width:110px;height:auto;max-width:100%}.header .tap-original-logo{width:110px}.footer .tap-original-logo{width:130px}.tap-card .tap-original-logo{width:105px}.hero-card .tap-original-logo{width:130px}.plate .tap-original-logo{width:82px}@media(max-width:760px){.header .tap-original-logo{width:86px}.hero-card .tap-original-logo{width:95px}}

/* ═══ Junta con Leo · 22-sep-2026 ═══════════════════════════════════
   Fotos reales, clientes, idiomas y pago con tarjeta apagado.
   Sin colores nuevos: se usan los tokens que ya tiene la pagina. */

/* Fotos de producto reales, dentro del mismo marco que tenia el dibujo */
.product-art.foto{padding:0}
.product-art.foto .product-photo{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;display:block}
/* Una sola imagen ilustrativa (la que mandó Leo, 22-sep): cada tarjeta la encuadra
   en su pieza para que el catálogo no repita el mismo cuadro cuatro veces. */
.product-art.foto{overflow:hidden}
.product-art.foto .product-photo[data-encuadre]{transform:scale(var(--s,1)) translate(var(--tx,0),var(--ty,0))}

/* Selector de idioma */
.lang-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);
  border-radius:999px;padding:2px;flex:none}
.lang-switch button{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.08em;
  padding:6px 9px;border:0;border-radius:999px;background:transparent;color:var(--muted);
  cursor:pointer;line-height:1;min-height:28px}
.lang-switch button.on{background:var(--ink,#302c24);color:#f5f2ea}
:root[data-theme="dark"] .lang-switch button.on{background:#E3A03A;color:#211916}
@media(max-width:900px){.lang-switch button{padding:6px 7px;font-size:10px}}

/* Que es Tap & — la experiencia, no el plastico */
.hero-que-es{margin-top:14px;max-width:46ch;font-size:14px;line-height:1.65;color:var(--muted)}
@media(max-width:760px){.hero-que-es{font-size:13px}}

/* Clientes */
.clientes h2{font-family:var(--heading);font-size:clamp(34px,7vw,64px);line-height:1.04;
  letter-spacing:-.04em;margin:18px 0 0}
.clientes-lead{margin:16px 0 34px;max-width:62ch;font-size:15px;line-height:1.7;color:var(--muted)}
.clientes-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.clientes-foto{margin:0;border:1px solid var(--line);overflow:hidden;background:#e9e2d3}
.clientes-foto img{display:block;width:100%;height:auto}
.clientes-foto figcaption{padding:12px 14px;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}
.clientes-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.clientes-lista li{border:1px solid var(--line);padding:20px;background:#f9f6ef}
.clientes-lista strong{display:block;font-family:var(--heading);font-size:24px;
  letter-spacing:-.03em;line-height:1.1}
.clientes-lista span{display:block;margin-top:4px;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted)}
.clientes-lista p{margin:12px 0 0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.clientes-lista em{display:inline-block;margin-top:12px;font-style:normal;font-size:11px;
  letter-spacing:.06em;padding:6px 10px;border:1px solid var(--line);border-radius:999px}
.clientes-pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.clientes-pasos article{border-top:2px solid var(--line);padding-top:14px}
.clientes-pasos b{font-family:var(--heading);font-size:19px;letter-spacing:-.02em}
.clientes-pasos p{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.clientes-taller{margin:34px 0 0;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);
  gap:24px;align-items:center;border:1px solid var(--line);padding:18px;background:#f9f6ef}
.clientes-taller img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1.1}
.clientes-taller figcaption b{display:block;font-family:var(--heading);font-size:26px;
  letter-spacing:-.03em;line-height:1.1}
.clientes-taller figcaption span{display:block;margin-top:10px;font-size:13.5px;
  line-height:1.65;color:var(--muted)}
:root[data-theme="dark"] .clientes-lista li,
:root[data-theme="dark"] .clientes-taller,
:root[data-theme="dark"] .clientes-foto{background:#2A2F3A;border-color:var(--line)}
@media(max-width:860px){
  .clientes-layout{grid-template-columns:1fr;gap:20px}
  .clientes-pasos{grid-template-columns:1fr;gap:12px}
  .clientes-taller{grid-template-columns:1fr;gap:16px}
  .clientes-foto img{aspect-ratio:1;object-fit:cover;object-position:44% 50%}
}

/* Pago con tarjeta: puesto y apagado hasta que existan las llaves */
#pay-card{margin-top:.75rem}
#pay-card[disabled]{opacity:.45;cursor:not-allowed}
.pay-card-aviso{margin:.55rem 0 0;font-size:.78rem;line-height:1.5;opacity:.7}

/* ── 22-sep (noche) · lo que pidió Leo ─────────────────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Las posibilidades, una tras otra, dentro de su marco de corchetes */
.hero-posibles{margin:-4px 0 26px;min-height:58px}
.hpo-marco{--c:var(--gold);position:relative;display:inline-flex;align-items:baseline;gap:.34em;
  padding:12px 20px;font:600 clamp(22px,2.3vw,30px)/1.1 var(--body);letter-spacing:-.02em;color:var(--ink);
  background:
    linear-gradient(var(--c),var(--c)) top left/14px 2px,linear-gradient(var(--c),var(--c)) top left/2px 14px,
    linear-gradient(var(--c),var(--c)) top right/14px 2px,linear-gradient(var(--c),var(--c)) top right/2px 14px,
    linear-gradient(var(--c),var(--c)) bottom left/14px 2px,linear-gradient(var(--c),var(--c)) bottom left/2px 14px,
    linear-gradient(var(--c),var(--c)) bottom right/14px 2px,linear-gradient(var(--c),var(--c)) bottom right/2px 14px;
  background-repeat:no-repeat;transition:width .4s}
.hpo-tap{display:inline-flex;align-self:center}.hpo-tap img{height:1.05em;width:auto;display:block;transform:translateY(.06em)}
.hpo-palabra{display:inline-block;white-space:nowrap;transition:opacity .28s ease,transform .28s ease}
.hpo-palabra.sale{opacity:0;transform:translateY(-10px)}
.hpo-palabra.entra{opacity:0;transform:translateY(10px);transition:none}
.hpo-palabra.final{color:var(--gold)}

/* La placa de mesa de la portada: flota como la tarjeta y reacciona al acercarte */
.hero-placa{position:absolute;left:30px;top:70px;width:210px;z-index:1;perspective:700px;
  animation:placa-drift 8s ease-in-out infinite}
.hpl-cuerpo{--rx:0deg;--ry:0deg;position:relative;border-radius:22px;padding:11px;
  background:linear-gradient(160deg,#fbfcfd,#e4e9ee);box-shadow:0 1px 0 #fff inset,0 9px 0 #c9d1d9,0 26px 34px -18px #5b6470a6;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-7deg);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.hpl-cara{background:#fff;border-radius:14px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;
  color:#1d1c1a;text-align:center;box-shadow:inset 0 0 0 1px #e3e8ed}
.hpl-icono{width:30px;height:24px;color:#1d1c1a}
.hpl-cara small{font:500 6.5px/1 var(--body);letter-spacing:.3em;color:#7b7266}
.hpl-cara strong{font:400 25px/1 Georgia,'Times New Roman',serif;letter-spacing:.01em}
.hpl-linea{width:34px;height:1.5px;background:var(--gold);margin:2px 0}
.hpl-acerca{font:600 9.5px/1.2 var(--body)}
.hpl-qr{display:block;width:58px;height:58px;fill:#111;stroke:none;stroke-width:0;background:#fff}.hpl-qr path{stroke:none}
.hpl-marca img{height:17px;width:auto;display:block;margin-top:2px}
.hpl-ondas{position:absolute;right:-26px;top:34%;width:40px;height:60px;pointer-events:none}
.hpl-ondas i{position:absolute;left:0;top:50%;width:var(--w);height:var(--w);margin-top:calc(var(--w)/-2);border-radius:50%;
  border:3px solid transparent;border-right-color:var(--gold);opacity:.55;transform:scale(.8);transition:opacity .4s,transform .4s}
.hpl-ondas i:nth-child(1){--w:22px;left:-4px}.hpl-ondas i:nth-child(2){--w:38px;left:-12px;opacity:.35}.hpl-ondas i:nth-child(3){--w:54px;left:-20px;opacity:.2}
.hero-placa.cerca .hpl-cuerpo{box-shadow:0 1px 0 #fff inset,0 9px 0 #c9d1d9,0 40px 44px -20px #5b6470c0}
.hero-placa.cerca .hpl-ondas i{animation:onda 1.4s ease-out infinite}
.hero-placa.cerca .hpl-ondas i:nth-child(2){animation-delay:.2s}.hero-placa.cerca .hpl-ondas i:nth-child(3){animation-delay:.4s}
@keyframes placa-drift{50%{transform:translateY(-10px)}}
@keyframes onda{0%{opacity:0;transform:scale(.6)}40%{opacity:.9}100%{opacity:0;transform:scale(1.25)}}
@media(max-width:760px){
  .hero-posibles{margin:0 0 22px;min-height:50px}
  .hpo-marco{font-size:21px;padding:10px 16px}
  .hero-placa{left:14px;top:14px;width:132px}
  .hpl-cuerpo{border-radius:15px;padding:7px}
  .hpl-cara{border-radius:10px;padding:10px 7px 8px;gap:3px}
  .hpl-icono{width:20px;height:16px}.hpl-cara small{font-size:4.5px}.hpl-cara strong{font-size:16px}
  .hpl-acerca{font-size:6.5px}.hpl-qr{width:46px;height:46px}.hpl-marca img{height:11px}
  .hero-object .orbit-label{display:none}
  .hpl-ondas{right:-20px;transform:scale(.7)}
}

/* Tap & Mesa: la foto sin fondo, completa, sobre el mismo fondo de las demás */
.product-art.foto .product-photo.sinfondo{object-fit:contain;padding:6% 5%}

/* El pedido en tres pasos */
.pasos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 4px;padding:0}
.pasos li{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
  border-top:2px solid var(--line);padding-top:9px}
.pasos b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);font-size:11px;flex:none}
.pasos li.on{color:var(--ink);border-top-color:var(--gold)}
.pasos li.on b{background:var(--gold);border-color:var(--gold);color:#fff}
.pasos li.hecho{border-top-color:var(--gold)}
.pasos li.hecho b{border-color:var(--gold);color:var(--gold)}
.cuenta-form .paso{border:0;margin:0;padding:0;min-width:0;display:grid;gap:.7rem}
.cuenta-form .paso[hidden]{display:none}
.cuenta-form legend{font:600 17px/1.2 var(--body);padding:0;margin-bottom:.3rem}
.cuenta-form label.mismos{display:flex;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;opacity:1;
  font-size:14px;line-height:1.4;cursor:pointer;padding:12px 14px;border:1px solid var(--line);min-height:44px}
.cuenta-form label.mismos input[type=checkbox]{width:20px;height:20px;min-height:0;min-width:0;padding:0;margin:1px 0 0;border:0;border-radius:0;background:none;flex:none;accent-color:var(--gold);appearance:auto;-webkit-appearance:checkbox}
.cuenta-form label.mismos span{flex:1}
.paso-atras{justify-self:center;min-height:44px}
@media(max-width:760px){.pasos li span{font-size:10px}.pasos li{gap:6px}}

/* ═══ Los productos · misma familia de render · 24-sep-2026 ═════════
   Las seis piezas viven sobre la misma mesa: una luz arriba a la izquierda,
   sombras cálidas que caen abajo a la derecha, y las mismas piezas físicas
   (la placa del hero y la tarjeta de Tap & Personal) armando cada kit.
   Todo mide en cqi para que la composición escale entera, sin recortarse. */
@property --elev{syntax:'<number>';inherits:true;initial-value:0}
.product-art{--cp-s:88 70 42;container-type:inline-size;
  background:
    radial-gradient(70% 62% at 28% 20%,rgb(255 252 244/.72),rgb(255 252 244/0) 72%),
    radial-gradient(85% 70% at 78% 108%,rgb(120 96 58/.11),rgb(120 96 58/0) 72%),
    #e9e2d3}
html[data-theme=dark] .product-art{--cp-s:6 8 12;
  background:
    radial-gradient(70% 62% at 28% 20%,rgb(255 255 255/.07),rgb(255 255 255/0) 72%),
    radial-gradient(85% 70% at 78% 108%,rgb(0 0 0/.22),rgb(0 0 0/0) 72%),
    #2A2F3A}
.product-art.cp{padding:0}
.cp-escena{position:absolute;inset:0;perspective:170cqi;perspective-origin:50% 28%}
.cp-plano{position:absolute;inset:0;--inc:16deg;--gir:0deg;
  transform:rotateX(var(--inc)) rotateZ(var(--gir));
  transition:transform 1.1s cubic-bezier(.22,.7,.18,1),--elev 1.1s cubic-bezier(.22,.7,.18,1)}
.cp-placa,.cp-tarjeta,.cp-hoja{position:absolute;left:calc(var(--x)*1cqi);top:calc(var(--y)*1cqi);
  width:calc(var(--w)*1cqi);transform:rotate(calc(var(--r)*1deg))}

/* La placa de mesa (la misma del hero, en em para que escale con su ancho) */
.cp-placa{font-size:calc(var(--w)*1cqi/21);border-radius:2.2em;padding:1.1em;
  background:linear-gradient(160deg,#fcfdfd,#e6eaee);
  box-shadow:inset 0 .1em 0 #fff,0 .85em 0 #cbd2d9,
    0 1.05em .45em -.2em rgb(var(--cp-s)/.26),
    calc(.9em + var(--elev)*.4em) calc(2.6em + var(--elev)*1.1em) calc(3.2em + var(--elev)*1.2em) -1.5em rgb(var(--cp-s)/.40)}
.cp-placa::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(128deg,rgb(255 255 255/.55),rgb(255 255 255/0) 34%)}
.cp-cara{background:#fff;border-radius:1.4em;padding:1.6em 1.2em 1.2em;display:flex;flex-direction:column;
  align-items:center;gap:.5em;color:#1d1c1a;text-align:center;box-shadow:inset 0 0 0 .1em #e3e8ed}
.cp-icono{width:3em;height:2.4em;color:#1d1c1a}
.cp-cara small{font:500 .65em/1 var(--body);letter-spacing:.3em;color:#7b7266;white-space:nowrap}
.cp-cara strong{font:400 2.5em/1 Georgia,'Times New Roman',serif;letter-spacing:.01em;white-space:nowrap}
.cp-linea{width:3.4em;height:.15em;background:var(--gold);margin:.2em 0}
.cp-acerca{font:600 .95em/1.2 var(--body);white-space:nowrap}
.cp-qr{width:4.6em;height:4.6em;color:#1d1c1a}
.cp-cara .cp-logo{height:1.7em;width:auto;display:block;margin-top:.2em}
.cp-ondas{position:absolute;right:-2.6em;top:34%;width:4em;height:6em;pointer-events:none}
.cp-ondas i{position:absolute;left:0;top:50%;width:var(--d);height:var(--d);margin-top:calc(var(--d)/-2);border-radius:50%;
  border:.3em solid transparent;border-right-color:var(--gold);opacity:.5}
.cp-ondas i:nth-child(1){--d:2.2em;left:-.4em}.cp-ondas i:nth-child(2){--d:3.8em;left:-1.2em;opacity:.32}.cp-ondas i:nth-child(3){--d:5.4em;left:-2em;opacity:.18}

/* La tarjeta NFC (la de Tap & Personal, en em) */
.cp-tarjeta{font-size:calc(var(--w)*1cqi/25.3);aspect-ratio:1.586;border-radius:1.3em;padding:2em;
  display:flex;flex-direction:column;justify-content:space-between;color:#443820;
  background:linear-gradient(135deg,#b7893d,#dfc58f 58%,#bc9554);
  box-shadow:inset 0 0 0 .1em #f8e5b8,0 .25em .35em -.1em rgb(var(--cp-s)/.30),
    calc(.6em + var(--elev)*.4em) calc(2.2em + var(--elev)*1em) calc(3.5em + var(--elev)*1em) -2em rgb(var(--cp-s)/.55)}
.cp-tarjeta.clara{background:linear-gradient(135deg,#f3ede1,#e9e0cf);color:#5c4e36;
  box-shadow:inset 0 0 0 .1em #d8cbb8,0 .25em .35em -.1em rgb(var(--cp-s)/.22),
    calc(.6em + var(--elev)*.4em) calc(2.2em + var(--elev)*1em) calc(3.5em + var(--elev)*1em) -2em rgb(var(--cp-s)/.40)}
.cp-tarjeta .cp-logo{width:10.5em;height:auto;display:block}
.cp-onda{position:absolute;right:1.2em;top:1.2em;width:3em;height:3em}
.cp-tarjeta small{font:500 .6em/1 var(--body);letter-spacing:.2em}
.cp-tarjeta i{position:absolute;right:1.4em;bottom:1.4em;font:normal .7em/1 var(--body);border:.1em solid #69522980;border-radius:.4em;padding:.2em .5em}

/* Tap & Mesa: una placa apoyada, con su señal */
.cp-mesa .cp-plano{--inc:18deg}
/* Kit Mesas: las seis en cascada, de la del fondo a la del frente */
.cp-kitmesa .cp-plano{--inc:20deg;--gir:-1deg}
/* Kit Negocio: cuatro placas detrás, las dos tarjetas al frente */
.cp-kitnegocio .cp-plano{--inc:20deg}

/* Kit Stickers: la hoja de 25, con uno que se está despegando */
.cp-stickers .cp-plano{--inc:26deg}
.cp-hoja{font-size:calc(var(--w)*1cqi/50);aspect-ratio:1;border-radius:1.6em;padding:1.8em;display:grid;
  grid-template-columns:repeat(5,1fr);gap:1.1em;
  background:linear-gradient(150deg,#fffdf8,#f2ecdf);
  box-shadow:inset 0 0 0 .1em rgb(255 255 255/.9),0 .3em .3em -.1em rgb(var(--cp-s)/.22),
    calc(.8em + var(--elev)*.5em) calc(2.4em + var(--elev)*1em) calc(3.6em + var(--elev)*1em) -1.6em rgb(var(--cp-s)/.40)}
.cp-hoja i,.cp-despegado{position:relative;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  font:600 3.4em/1 TapBrand,Manrope,sans-serif;color:#E3A03A;
  background:radial-gradient(circle at 34% 28%,#fffefa,#f5efe2 55%,#e9dfcb);
  box-shadow:inset 0 0 0 .07em #f8f3e8,inset 0 0 0 .1em #d2b57a,0 .04em 0 #d9ccb2,0 .1em .15em -.04em rgb(var(--cp-s)/.30)}
/* Cada sticker lleva el «&» de la marca, del mismo dorado del logo */
.cp-hoja i::before,.cp-despegado::before{content:'&';transform:translateY(.02em)}
/* El hueco que dejó el sticker 25: solo el suaje en la hoja */
.cp-hoja .cp-hueco{background:rgb(var(--cp-s)/.05);
  box-shadow:inset 0 0 0 .03em rgb(var(--cp-s)/.28),inset 0 .06em .12em rgb(var(--cp-s)/.10)}
.cp-hoja .cp-hueco::before{content:none}
/* …y el sticker 25, ya fuera de la hoja, apoyado en la mesa junto a su hueco */
.cp-despegado{position:absolute;inset:0;font-size:1em;
  transform:translate(calc(118% + var(--elev)*4%),calc(38% + var(--elev)*3%)) rotate(18deg);
  box-shadow:inset 0 0 0 .07em #f8f3e8,inset 0 0 0 .1em #d2b57a,0 .04em 0 #d9ccb2,
    calc(.12em + var(--elev)*.05em) calc(.2em + var(--elev)*.08em) calc(.3em + var(--elev)*.1em) -.04em rgb(var(--cp-s)/.40)}

/* A tu medida: su imagen, sobre la misma mesa y con la misma luz */
.cp-medida .cp-plano{--inc:12deg}
.cp-medida .cp-escena{mix-blend-mode:multiply}
/* El recorte fino quita unos pixeles sueltos de la esquina del archivo y la costura del borde */
.cp-foto{position:absolute;left:50%;top:50%;height:88%;width:auto;max-width:92%;transform:translate(-50%,-50%);clip-path:inset(.6% .5% .9% .6%)}
html[data-theme=dark] .cp-medida .cp-escena{mix-blend-mode:normal}
html[data-theme=dark] .cp-foto{border-radius:2cqi;box-shadow:1.4cqi 3cqi 4cqi -2cqi rgb(0 0 0/.55)}

/* Al pasar el cursor: la mesa gira apenas y las sombras se alargan */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .catalog-card:hover .cp-plano{--elev:1;transform:rotateX(calc(var(--inc) - 3deg)) rotateZ(calc(var(--gir) + .8deg)) translateY(-.8cqi)}
}
@media (prefers-reduced-motion:reduce){.cp-plano{transition:none}}