:root{--paper:#f1f1ed;--ink:#131415;--red:#d5101c;--muted:#63666a;--border:#d3d5ce;--white:#fff;--soft:#b9bcc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}a,button,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e44650}button,a{touch-action:manipulation}[hidden]{display:none!important}.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}.skip-link{position:fixed;left:20px;top:-100px;z-index:80;background:#fff;padding:15px}.skip-link:focus{top:20px}.demo{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 5%;background:#0b0c0d;color:#b4b6ba;border-bottom:1px solid #2a2b2d;font:10px monospace;letter-spacing:1px}.demo button{padding:5px 0;min-height:24px;background:none;border:0;color:#fff;font:11px monospace}.demo-note{text-align:center}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 5%;background:#111214;color:#fff;border-bottom:1px solid #333}.brand{flex:none}.brand img{display:block;width:154px;height:87px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{padding:12px 0}.site-header nav button{min-height:44px;color:#fff;background:none;border:0;padding:10px 0}.site-header nav #count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;background:#333639;border-radius:50%;margin-left:7px;font-size:12px;font-weight:bold}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:30px;padding:16px 25px;min-height:48px;font-size:14px;font-weight:600;line-height:1.3;transition:background .18s,box-shadow .18s}.pill:hover{box-shadow:0 4px 18px #0002}.white{background:#fff;color:var(--ink)}.dark{background:var(--ink);color:#fff}.chat-link{background:#25272a;color:#fff;padding:6px 18px 6px 8px;border:1px solid #434649;white-space:nowrap}.cubi-mark{display:block;position:relative;flex-shrink:0;width:38px;height:auto;aspect-ratio:80/97;overflow:hidden;border-radius:7px;background:#171717}.cubi-mark img{position:absolute;width:135%;max-width:none;height:auto;left:-25%;top:-82.4742268%}.hero{background:#111214;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:6%;padding:64px 5% 0}.eyebrow{font:11px monospace;letter-spacing:1.6px;line-height:1.6;margin:0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:8px}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(54px,6.3vw,100px);letter-spacing:-.06em;line-height:1.01;font-weight:700;margin:26px 0;max-width:680px}em{font-style:normal;color:var(--red)}.hero-description{max-width:390px;font-size:16px;line-height:1.65;color:#c4c6c9;margin:28px 0 30px}.hero-visual{background:#f5f5f1;color:var(--ink);border:1px solid #dadcd6;border-radius:5px;overflow:hidden;transform:none}.hero-stage{display:flex;align-items:center;justify-content:center;padding:30px;aspect-ratio:1.22;min-height:0}.hero-stage img{display:block;width:100%;height:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply;transform:none}.hero-product{border-top:1px solid #d6d8d1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.hero-product h2{font-size:22px;font-weight:600;letter-spacing:-.025em;margin:7px 0}.hero-product .eyebrow{font-size:10px;color:var(--muted)}.hero-product p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}.hero-product p span{display:block}.hero-product button{padding:13px 18px;min-height:44px;font-size:13px;flex-shrink:0}.hero-line{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #35373a;margin-top:54px;color:#b4b6ba;font:10px monospace;letter-spacing:1px}.brand-story{display:grid;grid-template-columns:1fr 1fr;background:#202123;color:#fff;align-items:center;padding:48px 5%;gap:7%}.story-photo{width:100%;max-width:600px;margin:auto}.cubi-portrait{position:relative;overflow:hidden;width:100%;aspect-ratio:1;border-radius:3px;background:#1a1919}.cubi-portrait img{display:block;position:absolute;left:0;top:-66.666667%;width:100%;max-width:none;height:auto;transform:none}.story-copy h2,h2{font-size:clamp(34px,4.1vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.05em;margin:22px 0}.story-copy p:not(.eyebrow){max-width:410px;color:#c3c5c8;font-size:16px;line-height:1.7;margin:24px 0 28px}.finder{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8%;padding:88px 5%;background:#151618;color:#fff}.finder-copy>p:not(.eyebrow){max-width:440px;font-size:15px;line-height:1.7;color:#c0c3c7}.small{font-size:12px;line-height:1.65;color:var(--muted)}.finder .small{color:#b8bdc4;max-width:430px}.quiz{border:1px solid #46494f;background:#1c1e21;padding:30px}.step{font:11px monospace;letter-spacing:1px;color:#c1c6cc;margin:0}.quiz h3{font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:20px 0 18px}.choices{display:grid;gap:9px}.choices button{background:#282b30;border:1px solid #555a63;color:#fff;padding:16px 18px;min-height:50px;text-align:left;font-size:15px;line-height:1.4;border-radius:3px;transition:background .15s,border-color .15s}.choices button:hover{background:#34383e}.choices button.selected{background:#3d171e;border-color:#eb4f59}.quiz-question{margin-top:30px;border-top:1px solid #42464e;padding-top:4px}#recommendation{margin-top:28px;padding-top:26px;border-top:1px solid #545962}#recommendation p{font-size:13px;line-height:1.7;color:#c3c8ce}.recommend-list{display:grid;gap:9px;margin:18px 0}.recommend-list button{background:#fff;color:#161718;border:0;text-align:left;padding:15px;font-size:14px;font-weight:600;border-radius:3px;min-height:46px}#recQuote{background:var(--red);color:#fff;border:0;padding:14px 18px;min-height:46px;border-radius:25px;font-size:14px}.catalog{padding:80px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2{font-size:clamp(34px,4vw,60px);margin-bottom:0}.section-head>p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:3px;max-width:350px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:32px 0 26px}#filters{display:flex;gap:8px;flex-wrap:wrap}#filters button{background:transparent;border:1px solid #bfc3b8;padding:12px 18px;min-height:44px;border-radius:30px;font-size:13px}#filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}.search-label{flex-shrink:0}#search{width:230px;max-width:100%;padding:12px 0;border:0;border-bottom:1px solid #a8aca2;background:transparent;font-size:14px;min-height:44px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #d8dbd1;padding:20px;background:#fff;border-radius:3px;transition:border-color .2s}.card:hover{border-color:#9fa497}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:10px;line-height:1.6;letter-spacing:.4px;color:var(--muted)}.card-top b{color:#bc111b}.card-top span{text-align:right}.card-art{height:260px;display:flex;align-items:center;justify-content:center;padding:18px 6px}.card-art button{background:none;border:0;padding:0;width:100%;height:100%}.card-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.card h3{font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:12px 0}.card>p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 18px;min-height:43px}.card-bottom{border-top:1px solid #e0e2d9;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-bottom label{display:flex;align-items:center;gap:5px;min-height:44px;font-size:13px;cursor:pointer}.card-bottom input{accent-color:var(--red);width:16px;height:16px}.card-bottom button{background:var(--ink);color:#fff;border:0;border-radius:30px;padding:12px 15px;min-height:44px;font-size:13px}.catalog-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}.closing{text-align:center;padding:76px 5% 90px;border-top:1px solid #d0d3c9}.closing h2{font-size:clamp(42px,5.8vw,86px)}.closing>p:not(.eyebrow){max-width:500px;margin:25px auto 28px;font-size:15px;line-height:1.7;color:var(--muted)}footer{border-top:1px solid #c8ccc0;padding:26px 5% 110px;display:flex;justify-content:space-between;gap:20px;font:10px monospace;letter-spacing:.7px;line-height:1.6}#light{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.chat-toggle{position:fixed;right:24px;bottom:22px;z-index:20;display:flex;align-items:center;gap:11px;padding:7px 19px 7px 8px;background:var(--ink);color:white;border:1px solid #676b71;border-radius:36px;font-size:14px;font-weight:600;box-shadow:0 6px 24px #0003}.chat-toggle .cubi-mark{width:34px;height:auto}#chat{position:fixed;right:24px;bottom:98px;z-index:25;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #c3c7bd;border-radius:12px;background:#f5f5f1;box-shadow:0 16px 65px #0004}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--ink);color:#fff;border-top:3px solid var(--red);flex-shrink:0}.chat-identity{display:flex;align-items:center;gap:13px}.chat-identity b{font-size:16px}.chat-identity small{display:block;font-size:11px;margin-top:5px;color:#c0c4ca}.chat-head button,.modal-head button{background:none;border:0;color:inherit;font-size:18px;width:44px;height:44px;flex-shrink:0}#messages{height:280px;min-height:90px;flex:1 1 auto;overflow:auto;padding:18px;overscroll-behavior:contain}.msg{background:#e4e6dc;color:#222;padding:13px;border-radius:10px;margin-bottom:10px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{margin-left:22px;background:#272a2f;color:#fff}.quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px;flex-shrink:0}.quick button{border:1px solid #aeb4a7;background:none;border-radius:25px;padding:9px 12px;font-size:11px;min-height:36px}#chatForm{border-top:1px solid #ccd1c1;padding:12px;display:flex;gap:8px;flex-shrink:0}#chatInput{min-width:0;width:100%;background:none;border:0;padding:11px 6px;font-size:13px}#chatForm button{border:0;border-radius:25px;padding:11px 15px;background:var(--red);color:#fff;font-size:12px;font-weight:600;min-height:42px}dialog{width:min(940px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;margin:auto;border:0;border-radius:9px;padding:26px;background:#f5f5f1;color:var(--ink)}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #c7ccbd;margin-bottom:24px;padding-bottom:14px;font:12px monospace;letter-spacing:.5px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.detail-image{background:#fff;border:1px solid #e2e4db;padding:22px}.detail-image>img{display:block;width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply}.detail-layout h2{font-size:34px;font-weight:600;margin:15px 0;line-height:1.12}.detail-layout p{font-size:14px;line-height:1.65}.gallery-buttons{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:16px}.gallery-buttons button{background:#f4f5ee;border:1px solid #b9bfb1;padding:10px 13px;min-height:40px;font-size:12px;border-radius:3px}.gallery-buttons .active{background:var(--ink);border-color:var(--ink);color:white}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5;margin:24px 0}th,td{text-align:left;vertical-align:top;padding:13px 10px;border-bottom:1px solid #c9cebf}th{font-weight:600}td{color:#454950}.detail-layout th{padding-left:0;min-width:100px}.detail-layout td{padding-right:0}.detail-note{color:var(--muted);font-size:12px!important;line-height:1.6!important;margin:20px 0 0}.compare-wrap{overflow:auto;margin-top:20px}.compare-wrap table{margin:0 0 20px}.compare-wrap th:first-child{min-width:130px}.compare-wrap td,.compare-wrap thead th:not(:first-child){min-width:170px}.compare-wrap thead{background:#e5e8dd}.compare-wrap .small{font-size:11px;color:#53584d}#modalContent>h2{font-size:36px;margin:18px 0}#modalContent>p{font-size:14px;line-height:1.6}textarea{width:100%;min-height:200px;background:#fff;border:1px solid #aeb6a3;border-radius:3px;padding:16px;font-size:14px;line-height:1.7;resize:vertical}.modal-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;z-index:60;background:#24272b;color:white;border:1px solid #676e77;padding:14px 20px;border-radius:8px;font-size:13px;line-height:1.5;display:none}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-stage{max-height:460px}.hero-stage img{max-height:400px}}@media(max-width:1100px){.site-header{gap:20px;padding:18px 4%}.site-header nav{gap:18px;font-size:13px}.brand img{width:125px;height:70px}.chat-link{font-size:12px;padding-right:13px}.hero{padding:50px 4% 0;gap:4%}.hero-product{padding:18px;align-items:flex-start}.hero-product h2{font-size:19px}.hero-product button{padding:12px}.grid{gap:14px}.card{padding:16px}.card-art{height:225px}.toolbar{align-items:flex-start}.section-head{align-items:start}.section-head>p{max-width:250px}.hero-description{font-size:15px}}
@media(max-width:800px){.site-header{flex-wrap:wrap;gap:14px}.brand img{width:126px;height:70px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid #333;padding-top:6px;gap:12px;font-size:14px}.chat-link{font-size:12px}.hero{grid-template-columns:1fr;padding:44px 5% 0;gap:32px}.hero h1{font-size:clamp(52px,9vw,78px);margin:22px 0}.hero-description{max-width:480px;margin:24px 0}.hero-visual{width:100%;max-width:600px;margin:0 auto}.hero-stage{aspect-ratio:1.4;padding:26px}.hero-stage img{max-height:340px}.hero-product{align-items:center}.hero-line{margin-top:0;padding:20px 0;line-height:1.6;font-size:9px}.brand-story{grid-template-columns:1fr;padding:44px 5%;gap:34px}.story-photo{max-width:520px}.story-copy{max-width:550px}.story-copy h2{font-size:42px}.finder{grid-template-columns:1fr;padding:60px 5%;gap:28px}.finder-copy h2{font-size:42px}.finder-copy>p:not(.eyebrow){max-width:600px}.catalog{padding:60px 5%}.section-head{display:block}.section-head>p{max-width:100%;margin-top:20px}.toolbar{flex-direction:column;gap:20px}.search-label{width:100%}#search{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:220px}.card-top{flex-direction:column;gap:2px}.card-top span{text-align:left}.card-bottom{flex-wrap:wrap;gap:7px}.card h3{font-size:22px}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-image>img{height:270px}.detail-layout h2{font-size:31px}.closing{padding:60px 5%}.closing h2{font-size:52px}footer{font-size:9px}.demo{letter-spacing:.4px;font-size:9px}.demo-note{font-size:9px}.quiz{padding:25px}dialog{padding:20px}}
@media(max-width:480px){.demo{padding:9px 4%;gap:10px;align-items:center}.demo-note{max-width:120px;font-size:8px}.demo>span:first-child{max-width:80px}.demo button{font-size:10px;white-space:nowrap}.site-header{padding:13px 5%}.site-header .brand img{width:115px;height:65px}.chat-link .cubi-mark{width:30px;height:auto}.chat-link{padding:5px 10px 5px 5px;gap:6px;font-size:11px}.site-header nav{font-size:12px}.hero{padding-top:32px;gap:26px}.hero h1{font-size:clamp(45px,11vw,58px)}.hero-product{padding:16px;gap:12px;flex-wrap:wrap}.hero-product h2{font-size:21px}.hero-stage{aspect-ratio:1.15;padding:22px}.hero-stage img{max-height:290px}.hero-line span{max-width:48%}.story-copy h2,.finder-copy h2{font-size:36px}.story-copy p:not(.eyebrow){font-size:15px}.quiz{padding:22px}.quiz h3{font-size:21px}.grid{grid-template-columns:1fr}.card-top{flex-direction:row}.card-art{height:280px}.card{padding:20px}.card-bottom{flex-wrap:nowrap}.section-head h2{font-size:36px}.closing h2{font-size:40px}.chat-toggle{right:14px;bottom:16px;font-size:12px}.chat-toggle .cubi-mark{width:30px;height:auto}#chat{right:12px;bottom:84px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 102px)}.chat-head{padding:10px 13px}.chat-head .cubi-mark{width:30px;height:auto}.chat-identity small{font-size:10px}#messages{height:240px;padding:14px}.quick{gap:5px;padding:0 12px 10px}.quick button{padding:8px 10px;font-size:10px}#chatForm{padding:10px;gap:5px}#chatInput{font-size:16px;padding:8px 2px}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:17px}.modal-head{font-size:10px;margin-bottom:18px}.detail-image{padding:18px}.detail-image>img{height:240px}.detail-layout{gap:20px}.detail-layout h2{font-size:29px}footer{flex-direction:column;gap:9px;padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}#light{display:none}.reveal{opacity:1;transform:none}}
/* CUBI flotante: recorte real con transparencia, sin recuadro alrededor. */
.cubi-mark{background:transparent;border-radius:0;overflow:visible;aspect-ratio:1}
.cubi-mark img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.chat-toggle{width:220px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;display:flex;flex-direction:column;gap:0;right:18px;bottom:18px;transition:transform .18s}
.mascot-image{display:block;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 5px 4px #0003)}
.mascot-caption{display:block;background:#17191c;color:#fff;border:1px solid #565a61;border-radius:22px;padding:8px 13px;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap}
.chat-toggle:hover,.chat-toggle:focus-visible{transform:translateY(-3px)}
.chat-toggle[aria-expanded="true"]{visibility:hidden;pointer-events:none}
#chat{bottom:22px;max-height:calc(100dvh - 44px)}
.quick a{display:inline-flex;align-items:center;border:1px solid #aeb4a7;background:none;border-radius:25px;padding:9px 12px;font-size:11px;min-height:36px}
#recQuote{display:inline-flex}
@media(max-width:800px){.chat-toggle{width:180px;right:14px;bottom:14px}.mascot-image{width:180px;height:180px}}
@media(max-width:480px){.chat-toggle{width:145px;right:9px;bottom:12px}.mascot-image{width:145px;height:145px}.mascot-caption{font-size:10px;padding:7px 10px}#chat{bottom:12px;max-height:calc(100dvh - 24px)}.quick a{padding:8px 10px;font-size:10px}}
@media(max-height:500px){.chat-toggle{width:125px}.mascot-image{width:125px;height:125px}.mascot-caption{font-size:10px}#chat{bottom:12px;max-height:calc(100dvh - 24px)}}