:root{--ink:#11161c;--cream:#f3f3eb;--lime:#caff5a;--blue:#67bfff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4262cd;outline-offset:4px}.announcement{background:var(--ink);color:white;text-align:center;font-size:12px;padding:11px 20px;letter-spacing:.05em}.announcement span{opacity:.65;margin-left:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid #11161c22;background:var(--cream)}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:52px;letter-spacing:-6px;line-height:.8}.brand b span{color:#4d72c5;font-size:28px;display:inline-block;vertical-align:top;letter-spacing:-2px}.brand strong{font-size:15px;line-height:1}nav{display:flex;gap:34px;font-size:14px}.pill,.outline{border:1px solid var(--ink);background:transparent;border-radius:28px;padding:13px 20px}.pill span{display:inline-grid;place-items:center;background:var(--lime);border-radius:50%;min-width:23px;height:23px;margin-left:8px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding:64px 5% 68px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:bold}h1{font-size:clamp(64px,7.8vw,126px);line-height:.95;letter-spacing:-.07em;margin:30px 0}em{font-style:normal;position:relative}h1 em:after{content:'';position:absolute;left:0;right:-10px;bottom:2px;height:12px;background:var(--lime);z-index:-1}p{line-height:1.6}.lead{max-width:430px;font-size:18px;line-height:1.55}.cta{display:inline-flex;justify-content:space-between;gap:24px;align-items:center;padding:19px 25px;border-radius:32px;background:var(--ink);color:white;border:0;font-size:14px;margin-top:15px}.cta span{font-size:23px}.hero-notes{font-size:12px;margin-top:34px}.hero-notes span{margin:0 16px}.hero-art{background:var(--blue);border-radius:40% 40% 5px 5px;position:relative;padding:24px 18px 12px;transform:rotate(2deg);max-width:580px}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:40% 40% 2px 2px;mix-blend-mode:multiply}.sticker{position:absolute;z-index:1;top:30px;right:-10px;background:var(--lime);width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:18px;font-weight:900;transform:rotate(12deg)}.art-label{display:flex;justify-content:space-between;padding:15px 8px;font-size:12px;font-weight:bold}.art-label span{font-weight:normal}.ticker{background:var(--lime);padding:23px 10px;text-align:center;letter-spacing:.1em;font-weight:bold;font-size:14px}.ticker span{margin:0 4%}.collections,.catalog{padding:78px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}h2{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.05em;margin:12px 0}.section-head>p{font-size:14px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-grid button{min-height:280px;border:0;text-align:left;padding:25px;background:#e3e9dd;color:var(--ink);border-radius:4px;transition:transform .2s}.collection-grid button:hover{transform:translateY(-5px)}.collection-grid button:nth-child(2){background:#bcc9fa}.collection-grid button:nth-child(3){background:#e4ccb6}.collection-grid button:nth-child(4){background:#ffc9a8}.collection-grid span{font-size:9px;letter-spacing:.07em}.collection-grid h3{font-size:29px;line-height:1.05;letter-spacing:-1px;margin:30px 0 16px}.collection-grid p{font-size:12px}.collection-grid b{font-size:12px;display:block;margin-top:25px}.catalog{background:white}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:12px;align-items:end}label{display:block;font-size:12px;font-weight:bold}input,select,textarea{display:block;width:100%;border:1px solid #ccc;border-radius:8px;background:white;padding:13px 11px;margin-top:8px;min-width:0}textarea{resize:vertical;min-height:80px}.filters button{border:0;background:var(--cream);padding:14px;border-radius:8px}.catalog-note{font-size:12px;color:#5b626a;margin:24px 0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}.product{background:transparent;border:0;padding:0;text-align:left;color:var(--ink)}.product-visual{overflow:hidden;position:relative;background:var(--cream);border-radius:6px}.product img{width:100%;aspect-ratio:1;object-fit:contain;display:block;transition:transform .25s}.product:hover img{transform:scale(1.035)}.product .plus{position:absolute;right:12px;bottom:12px;border-radius:50%;background:white;display:grid;place-items:center;width:32px;height:32px;font-size:21px}.product .meta{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#616775;margin:13px 0 7px}.product h3{font-size:15px;line-height:1.35;margin:0 0 9px}.product .price{font-size:12px;color:#555}.outline{display:block;margin:42px auto 0}.how{padding:85px 5%;display:grid;grid-template-columns:1fr 1fr;gap:9%}.how h2 em{color:#4977b8}.how article{display:flex;gap:26px;padding:24px 0;border-bottom:1px solid #11161c22}.how article b{font-size:12px;padding-top:6px}.how h3{margin:0;font-size:20px}.how article p{font-size:14px;color:#515861;margin-bottom:0}.social{padding:70px 5%;background:var(--blue);text-align:center}.social a{display:inline-block;border-bottom:1px solid;padding:12px 0;margin:22px 20px 0;font-size:14px}footer{padding:36px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer small,footer button{font-size:12px}footer button{background:transparent;border:0;text-decoration:underline}dialog{border:0;border-radius:16px;max-width:960px;width:92%;padding:36px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#11161ca6}dialog .close{float:right;border:0;background:var(--cream);border-radius:50%;width:34px;height:34px;font-size:24px}.custom-layout{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:32px}.custom-layout>img{width:100%;align-self:start;background:var(--cream);border-radius:10px}.custom-layout h2{font-size:30px}.custom-layout label{margin-top:16px}.name-proof{background:var(--lime);padding:15px;margin-top:20px;border-radius:8px;font-size:13px}.small{font-size:12px;color:#636b73}.cart-line{display:flex;align-items:center;gap:16px;border-top:1px solid #ddd;padding:18px 0}.cart-line img{width:76px;height:76px;object-fit:contain;background:var(--cream)}.cart-line div{flex:1}.cart-line h3{font-size:15px;margin:0}.cart-line p{font-size:12px;margin:5px 0}.cart-line button{border:0;background:var(--cream);padding:10px;border-radius:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:15px 24px;display:none;z-index:5}#results{font-size:13px}#info{max-width:620px}#info h2{font-size:36px}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(2,1fr)}nav{gap:18px}.hero{gap:25px}.sticker{width:75px;height:75px;font-size:14px}.ticker{font-size:10px}.ticker span{margin:0 2%}}@media(max-width:600px){.announcement span{display:block;margin:5px 0 0}header{padding:20px 5%}nav{display:none}.brand b{font-size:44px}.brand strong{font-size:12px}.pill{padding:9px 12px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:77px}.hero-art{margin:10px 6% 0}.lead{font-size:16px}.collections,.catalog{padding:45px 5%}.section-head{align-items:start;flex-direction:column}.collection-grid{gap:10px}.collection-grid button{padding:18px;min-height:250px}.collection-grid h3{font-size:25px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.product h3{font-size:13px}.filters{gap:12px}.how{grid-template-columns:1fr;padding:45px 5%;gap:15px}.social{padding:50px 5%}.custom-layout{grid-template-columns:1fr}.custom-layout>img{max-height:260px;object-fit:contain}dialog{padding:23px}.ticker{line-height:2}.hero-notes{margin-top:25px}footer{gap:25px}footer p{display:none}}

/* Colecciones ampliadas */
@media(min-width:901px){.collection-grid{grid-template-columns:repeat(3,1fr)}}.collection-grid button:nth-child(5){background:#c8e8ed}.collection-grid button:nth-child(6){background:#edc9eb}
