@font-face {
   font-family: 'ZoomiesTitulos';
   src: url('assets/fonts/titulos.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
   font-family: 'ZoomiesTexto';
   src: url('assets/fonts/texto.woff2') format('woff2');
   font-weight: 200;
   font-style: normal;
   font-display: swap;
   inline-size: 0;
 }


/* 2. PALETA. Colores extraídos de la presentación. */
:root{--brown:#3d2115;--blue:#79cfe2;--lime:#cede22;--lilac:#b59af0;--cream:#fdfacf;--red:#ff2a39;--body-font:ZoomiesTexto,Arial,sans-serif;--display-font:ZoomiesTitulos,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--body-font);line-height:1.5;font-size:28px}body.modal-open{overflow:hidden}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display-font);font-weight:400;letter-spacing:0.005em;line-height:1.05}em{font-weight:400}h1{font-size:clamp(64px,8vw,114px);margin-bottom:26px}h2{font-size:clamp(40px,5vw,66px);margin-bottom:24px}h3{font-family:var(--display-font);font-size:42px;line-height:1.1;margin:0}.eyebrow{display:block;font-size:20px;letter-spacing:.14em;font-weight:700;margin-bottom:22px}.header{height:96px;background:var(--brown);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);border-bottom:1px solid #ffffff25}.logo{width:200px}.cart-toggle{border:1px solid #ffffff50;color:inherit;background:none;display:flex;align-items:center;gap:12px;border-radius:40px;min-height:50px;padding:10px 18px}.cart-toggle svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.5}.count{background:var(--lime);color:var(--brown);display:inline-grid;place-items:center;border-radius:50%;min-width:28px;height:28px;font-size:20px;font-family:var(--body-font);letter-spacing:0}.hero{background:var(--brown);color:var(--blue);display:grid;grid-template-columns:1fr 1fr;min-height:640px;overflow:hidden}.hero-copy{padding:74px 0 58px max(5vw,24px);position:relative;z-index:1}.hero-copy p{color:var(--cream);font-size:30px;margin-bottom:30px}.button{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:60px;border:0;padding:18px 28px;border-radius:32px;font-weight:700;font-size:24px}.hero .button{width:320px}.lime{background:var(--lime)}.blue{background:var(--blue)}.lilac{background:var(--lilac)}.button.lime{color:var(--brown)}.brown{background:var(--brown);color:var(--cream)}.social-links{display:flex;gap:27px;margin-top:25px;color:var(--cream);font-size:24px}.social-links a{min-height:48px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff45}.hero-photo{position:relative;align-self:stretch;display:flex;align-items:flex-end;padding-top:70px}.hero-photo>img{width:100%;max-height:640px;object-fit:contain;object-position:bottom}.speech{position:absolute;top:45px;left:10%;z-index:1;transform:rotate(8deg);border-radius:50%;background:var(--lilac);color:var(--brown);padding:28px 38px;font-family:var(--display-font);font-size:35px;line-height:1.05;text-align:center}.photo-note{position:absolute;bottom:22px;right:25px;font-size:18px;letter-spacing:.14em;writing-mode:vertical-rl;color:var(--cream)}.ribbon{padding:20px 24px;display:flex;gap:52px;justify-content:center;background:var(--blue);white-space:nowrap;overflow:hidden;font-size:24px}.section{padding:85px max(5vw,24px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:28px;margin:0}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product{min-width:0}.product-photo{height:380px;border-radius:120px 120px 6px 6px;overflow:hidden;position:relative}.product-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.product:first-child .product-photo img{object-fit:contain;object-position:bottom}.product-tag{font-size:20px;letter-spacing:.12em;margin:22px 0 10px}.product-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-title span{font-size:26px}.product p{font-size:26px;margin:13px 0 22px}.add{width:100%;background:transparent;color:var(--brown);border:1px solid var(--brown);transition:background .15s}.add:hover{background:var(--brown);color:var(--cream)}.collection-note{font-size:24px;margin:32px 0 0;opacity:.9}.community{display:grid;grid-template-columns:1fr 1fr}.fur-panel{background:var(--brown) url('assets/fur.webp') center/cover;min-height:500px;display:grid;place-items:center;padding:40px}.oval{display:block;background:var(--lilac);font-family:var(--display-font);font-size:clamp(45px,5vw,70px);line-height:1.05;letter-spacing:0.005em;border-radius:50%;padding:70px 60px;text-align:center}.community-copy{background:var(--lime);padding:64px 10%}.community-copy p{max-width:450px;font-size:28px}.social-row{border-top:1px solid #3d211540;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:32px}.social-row:last-child{border-bottom:1px solid #3d211540}.social-row small{display:block;font-size:22px}.faq{max-width:1100px;margin:auto}.faq h2{font-size:55px}.faq details{border-bottom:1px solid #3d211530}.faq summary{padding:26px 0;cursor:pointer;font-size:30px;min-height:54px}.faq details p{font-size:26px;max-width:750px;padding-right:20px}footer{background:var(--brown);color:var(--cream);padding:48px max(5vw,24px);display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{margin:0;font-family:var(--display-font);font-size:34px}footer small{margin-left:auto;font-size:22px}.skip{position:fixed;top:-80px;z-index:20;background:var(--lime);padding:15px}.skip:focus{top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--brown);color:var(--cream);border:1px solid var(--cream);border-radius:28px;padding:18px 28px;z-index:5;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);width:max-content;font-size:24px}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{padding:0;border:0;color:var(--brown);background:var(--cream);max-height:100dvh}dialog::backdrop{background:#23140db3;backdrop-filter:blur(3px)}#cart{margin:0 0 0 auto;width:min(520px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:32px;overflow-y:auto}#cart[open]{display:flex;flex-direction:column}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-head h2{font-size:42px;margin:0;display:flex;align-items:center;gap:14px}.icon-button{background:transparent;border:1px solid #3d211540;width:50px;height:50px;border-radius:50%;flex-shrink:0}.cart-bottom{margin-top:auto;padding-top:24px;padding-bottom:env(safe-area-inset-bottom)}.total{display:flex;justify-content:space-between;gap:12px}.total strong{font-size:28px}.cart-bottom p{font-size:22px;margin-top:12px}.cart-bottom .button{width:100%}.text-button{border:0;background:none;color:inherit;text-decoration:underline;display:block;min-height:48px;margin:12px auto 0;font-size:22px}button:disabled{opacity:.4;cursor:not-allowed}.cart-item{display:grid;grid-template-columns:85px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #3d211530}.cart-item img{width:85px;height:100px;object-fit:cover;border-radius:8px}.cart-item h3{font-size:32px}.cart-item p{font-size:22px;margin:5px 0}.quantity{display:flex;align-items:center;gap:12px}.quantity button{min-width:48px;min-height:48px;border:1px solid #3d211530;border-radius:50%;background:none;color:inherit}.quantity .remove{margin-left:auto;border:0;border-radius:0;font-size:20px;text-decoration:underline}.empty{text-align:center;padding:45px 10px}.empty img{width:140px;height:140px;object-fit:cover;border-radius:50%;margin:0 auto 25px}#soldout{width:min(500px,calc(100% - 24px));border-radius:22px;background:var(--lilac);text-align:center;padding-top:40px;overflow-y:auto}.soldout-close{position:absolute;right:12px;top:12px}#soldout .eyebrow{margin:15px 0}#soldout h2{font-size:68px;margin-bottom:16px}#soldout-image{height:210px;width:230px;object-fit:cover;object-position:top;margin:auto;border-radius:100px 100px 0 0}.soldout-copy{background:var(--cream);padding:30px}.soldout-copy p{font-size:28px}.soldout-copy .small{font-size:20px}.soldout-copy .button{font-size:24px}.price-pending{font-size:20px!important;font-style:italic;opacity:.8}
@media(min-width:1440px){.hero-copy{padding-left:calc((100vw - 1296px)/2)}.hero-photo>img{max-width:720px}.products{gap:32px}.section{padding-left:max(5vw,calc((100vw - 1296px)/2));padding-right:max(5vw,calc((100vw - 1296px)/2))}}
/* 3. CELULAR: una sola columna, botones grandes. */
@media(max-width:700px){.header{height:80px;padding:0 20px}.logo{width:160px}.cart-word{display:none}.cart-toggle{gap:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 24px 0}.eyebrow{font-size:18px;margin-bottom:18px}h1{font-size:66px;margin-bottom:20px}.hero-copy p{font-size:26px;margin-bottom:23px}.hero .button{width:100%}.social-links{justify-content:center;margin-top:14px;gap:42px}.hero-photo{height:330px;padding:12px 12px 0;margin-top:8px}.hero-photo>img{height:100%;width:100%;object-fit:contain}.speech{top:28px;left:5%;padding:22px 28px;font-size:28px}.photo-note{right:13px;bottom:20px;font-size:16px}.ribbon{padding:16px 20px;justify-content:flex-start;gap:25px;font-size:22px}.section{padding:50px 22px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:48px}.section-heading>p{margin-top:18px;font-size:26px}.section-heading>p br{display:none}.products{grid-template-columns:1fr;gap:38px}.product-photo{height:380px;border-radius:130px 130px 6px 6px}.product-title h3{font-size:36px}.product-tag{margin-top:18px}.product p{margin:10px 0 16px;font-size:24px}.collection-note{font-size:22px}.community{grid-template-columns:1fr}.fur-panel{min-height:310px;padding:28px}.oval{font-size:49px;padding:44px 60px}.community-copy{padding:42px 24px}.community-copy h2{font-size:56px}.faq h2{font-size:40px}.faq summary{font-size:26px;padding:20px 0}footer{padding:35px 24px;gap:18px}footer p{font-size:28px}footer small{margin-left:0;width:100%}#cart{padding:26px 20px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:350px){h1{font-size:57px}.hero-photo{height:280px}.product-photo{height:285px}.soldout-copy{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 4. ICONOS. Área táctil amplia, nombres accesibles y SVG nítidos. */
.social-links{gap:12px}
.social-links .social-icon,.footer-socials .social-icon{width:52px;height:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;padding:12px}
.social-icon svg,.social-row svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.footer-socials{display:flex;gap:12px;align-items:center}
.social-row{gap:16px;font-size:30px}
.social-row>span:last-child{margin-left:auto}
/* 5. PNG DE PRODUCTO. Contain conserva el producto entero y su transparencia. */
.product-photo img,.product:first-child .product-photo img{object-fit:contain;object-position:center;padding:28px;transition:transform 180ms ease,filter 180ms ease}
.product-title{margin-top:22px}
@media(hover:hover) and (pointer:fine){
 .product:hover .product-photo img{transform:translateY(-4px) scale(1.015);filter:drop-shadow(0 10px 8px rgba(61,33,21,.16))}
 .social-icon:hover{background:var(--blue);color:var(--brown)}
}
.product:focus-within .product-photo img{filter:drop-shadow(0 10px 8px rgba(61,33,21,.16))}
@media(max-width:700px){.social-links{gap:16px}.footer-socials{margin-left:auto}.product-photo img,.product:first-child .product-photo img{padding:24px}}
@media(prefers-reduced-motion:reduce){.product:hover .product-photo img{transform:none}}