/* Propuesta visual independiente: no modifica la tienda publicada. */
:root{--ink:#263b32;--muted:#6c756e;--cream:#faf7f0;--line:#e8e9e2;--coral-dark:#b9362b}
body{background:#fffefb}h1,h2,h3{letter-spacing:-.8px}.wrap{max-width:1320px;padding-left:42px;padding-right:42px}.announcement{background:#263b32;height:32px;font-size:11px;letter-spacing:.8px}.announcement a{display:none}header{position:relative;top:0}.header-main{height:105px;gap:28px}.search{border-radius:40px;background:#f6f5f0;border:0;max-width:630px;height:49px}.search input{padding-left:23px}.header-main+.wrap{height:52px;font-size:13px}.logo{transform:scale(.9)}.all-cats{border-right:0}.button{background:#f26052;color:#fff;border:1px solid #f26052;border-radius:100px;padding:15px 24px;font-weight:700;font-size:13px;box-shadow:none}.button:hover{background:#cf473a;transform:translateY(-2px)}.button.secondary{background:transparent;border:1px solid #bec5bc;color:#263b32}.hero{margin-top:26px;min-height:440px;border-radius:24px;background:#f7f0df;display:grid;grid-template-columns:1.06fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:49px 18px 42px 44px;z-index:2}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:100px;background:#fff9ed;color:#68582b;font-size:10px;letter-spacing:1.6px}.hero .eyebrow svg{width:16px;height:16px}.hero h1{font-size:clamp(34px,4.05vw,57px);letter-spacing:-2.7px;line-height:1.12;margin:22px 0 18px}.hero h1 em{font-style:normal;color:#d7493c}.hero-copy>p{font-size:14px;line-height:1.8;color:#596357}.hero-links{gap:12px;margin-top:26px}.hero .demo-note{font-size:10px;margin-top:18px;color:#727763}.hero-art{position:relative;min-width:0;margin:18px 18px 18px 0;border-radius:100px 18px 18px 18px;overflow:hidden}.hero-art:before,.hero-art:after{display:none}.hero-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;border-radius:0;transform:none;mix-blend-mode:normal}.hero-sticker{position:absolute;left:20px;right:20px;bottom:20px;top:auto;transform:none;border:1px solid #fff8;background:#fffffff0;padding:16px 20px;box-shadow:none;border-radius:14px;font-size:11px;color:#617064;width:auto}.hero-sticker b{font-size:15px;color:#263b32;display:block;margin-bottom:4px}.hero-dots{display:none}.trust{background:transparent;border:0;border-bottom:1px solid var(--line);padding:24px 12px;margin:0;gap:20px}.trust-item{font-size:11px}.trust svg{color:#b75e43}.section{margin:44px 0}.section-heading{margin-bottom:25px}.section-heading h2{font-size:27px;letter-spacing:-1px}.section-heading p{font-size:13px;margin-top:9px}.text-link{font-size:12px;color:#395044}.categories{gap:14px}.category{border:1px solid #e9e9e1;background:white;border-radius:16px;padding:17px 8px;gap:12px;transition:transform .2s,box-shadow .2s}.category:hover{transform:translateY(-4px);box-shadow:0 8px 20px #263b320a}.cat-circle{height:66px;width:66px;background:#f5f1e7;font-size:31px}.category:nth-child(2) .cat-circle{background:#fff0e8}.category:nth-child(3) .cat-circle{background:#f8f1c7}.category:nth-child(4) .cat-circle{background:#eef3e7}.category b{font-size:13px}.category small{font-size:10px;margin-top:6px}.product-grid{gap:20px}.product-card{background:white;border:1px solid #e9ebe4;border-radius:18px;padding:0;overflow:hidden;box-shadow:none;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #263b320c}.product-visual{margin:0;border-radius:0;background:#f8f8f4;height:230px;padding:27px}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-info{padding:20px}.product-info h3{font-size:14px;line-height:1.55;letter-spacing:0;min-height:44px}.brand-label{font-size:9px;letter-spacing:1.2px;color:#71796e}.product-meta{font-size:10px}.product-bottom{margin-top:20px;gap:8px}.price{font-size:20px;color:#263b32}.add-btn{background:#f26052;color:white;border:0;border-radius:100px;padding:9px 12px;font-size:11px}.add-btn:hover{background:#cf473a}.add-btn svg{width:15px;height:15px}.wish{background:white;border:1px solid #ededE5;border-radius:50%;right:13px;top:13px;width:33px;height:33px;padding:7px;z-index:2}.wish svg{width:17px;height:17px}.tag{top:18px;left:16px;background:#fffdf5;color:#6b715e;font-size:8px;letter-spacing:1px;padding:6px 9px;border-radius:30px}.tabs{background:#f2f3ed;border-radius:30px;padding:4px;gap:2px}.tab{border:0;background:transparent;border-radius:30px;font-size:12px;padding:10px 18px}.tab.active{background:#fff;color:#273e31;box-shadow:0 2px 7px #00000008}.promos{gap:22px}.promo{border-radius:20px;padding:34px;background:#f4eee0}.promo:nth-child(2){background:#fce9e2}.promo h3{font-size:30px}.promo p{font-size:13px}.reviews{background:#f5f6f0;padding:45px 0}.reviews h2{font-size:28px}.review{border-radius:16px;border:0;background:white}.newsletter{background:#f1d955;padding:36px 0}.newsletter h2{font-size:25px}.newsletter input{border-radius:100px}.newsletter button{border-radius:100px}footer{background:#263b32;color:#f8f8ee;padding-top:45px}footer .logo{border-radius:8px}footer p,footer small,footer a{color:#dae0d5}.footer-bottom{border-top-color:#ffffff25}.filters,.detail-image,.summary{border-radius:18px}.detail-image{background:#f7f7f1}.detail-copy h1{font-size:35px}
@media(max-width:800px){.wrap{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;min-height:0;margin-top:18px}.hero-copy{padding:30px 24px 18px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-art{min-height:275px;margin:0 15px 15px;border-radius:16px}.hero-copy>p{font-size:13px}.hero-links{flex-wrap:wrap}.hero-sticker{bottom:14px;left:14px;right:14px;padding:13px}.header-main{height:auto;padding-top:12px;padding-bottom:13px;gap:14px}.search{margin-left:0}.section-heading h2{font-size:23px}.categories{grid-template-columns:repeat(3,1fr);gap:10px}.category{padding:13px 4px}.cat-circle{width:52px;height:52px;font-size:25px}.category small{font-size:9px}.product-grid,.catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:180px;padding:25px 15px}.product-info{padding:13px}.product-info h3{font-size:12px}.product-bottom{flex-wrap:wrap;margin-top:12px}.price{font-size:18px}.tag{font-size:6px;left:8px}.wish{right:8px}.section{margin:32px 0}.section-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.trust{padding:20px 0;gap:15px}.promo{padding:25px}.hero .demo-note{margin-bottom:8px}.tabs{margin:0}.reviews{padding:35px 0}.newsletter h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.hero-art>img{mask-image:none}.hero h1{letter-spacing:-1.6px}.header-main+.wrap{overflow-y:hidden;scrollbar-width:none}.header-main+.wrap::-webkit-scrollbar{display:none}.trust-strip{border-bottom:1px solid var(--line);background:transparent}
@media(max-width:800px){.hero h1{font-size:34px;letter-spacing:-1.4px}.hero-copy{padding:25px 22px 18px}.hero-links{display:flex;flex-wrap:nowrap;gap:8px}.hero-links .button{padding:12px 14px;font-size:11px}.hero-links .button svg{width:16px}.hero-copy .demo-note{display:none}.hero-copy>p{margin-bottom:15px;line-height:1.7}.hero-art{min-height:245px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{margin:17px 0}.header-main+.wrap{height:45px}}
.newsletter,.newsletter h2,.newsletter p{color:#263b32}.footer-bottom,.footer-bottom span{color:#c8d2c7}
/* Colores originales de marca en barra superior y pie de página. */
.announcement{background:#f26052;color:#fff}
footer{background:#fff;color:#282b29}
footer a,footer small{color:inherit}
footer p,.footer-bottom,.footer-bottom span{color:#747772}
.footer-bottom{border-top-color:#e9e9e3}
/* Campaña a ancho completo: imagen exclusiva y texto HTML accesible. */
.campaign-hero{position:relative;isolation:isolate;width:100%;min-height:510px;background:#f26052;overflow:hidden}.campaign-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.campaign-inner{max-width:1320px;margin:auto;padding:62px 42px;min-height:510px;display:flex;align-items:center}.campaign-copy{width:53%;max-width:650px}.campaign-eyebrow{display:inline-block;border:1px solid #603c2638;padding:9px 13px;border-radius:40px;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#462b21;background:#fff4d733}.campaign-copy h1{font-size:clamp(40px,4.3vw,66px);font-weight:800;line-height:1.06;letter-spacing:-2.8px;color:#fffdf2;margin:23px 0 21px}.campaign-copy h1 em{font-style:normal;color:#422b25}.campaign-copy p{font-size:15px;line-height:1.8;color:#422b25;margin:0 0 28px}.campaign-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.campaign-actions .button{background:#263b32;border-color:#263b32;padding:16px 23px;color:white;font-size:13px;display:inline-flex;gap:22px;align-items:center}.campaign-actions .button:hover{background:#15291f;border-color:#15291f}.campaign-actions .button span{font-size:22px;line-height:1}.campaign-link{font-weight:700;font-size:12px;color:#422b25;text-decoration:underline;text-underline-offset:5px}.campaign-signature{display:block;font-size:9px;font-weight:700;letter-spacing:3px;margin-top:31px;color:#422b25}.campaign-hero+.wrap .trust-strip{margin-top:0}
@media(min-width:1800px){.campaign-hero,.campaign-inner{min-height:600px}.campaign-bg{object-fit:cover}}
@media(max-width:1000px) and (min-width:701px){.campaign-inner{padding:42px 30px;min-height:450px}.campaign-hero{min-height:450px}.campaign-copy{width:52%}.campaign-copy h1{font-size:44px;letter-spacing:-2px}.campaign-copy p{font-size:13px}.campaign-actions{gap:15px}.campaign-bg{object-position:56% center}}
@media(max-width:700px){.campaign-hero{min-height:650px}.campaign-inner{min-height:0;padding:29px 24px 305px;display:block}.campaign-copy{width:100%;max-width:none}.campaign-copy h1{font-size:40px;letter-spacing:-1.8px;margin:19px 0 14px}.campaign-copy p{font-size:13px;line-height:1.65;margin-bottom:20px}.campaign-copy p br{display:none}.campaign-eyebrow{font-size:8px;letter-spacing:1.4px;padding:7px 10px}.campaign-actions{gap:15px}.campaign-actions .button{font-size:12px;padding:13px 17px;gap:12px}.campaign-link{font-size:11px}.campaign-signature{font-size:8px;margin-top:22px;letter-spacing:2px}.campaign-bg{top:auto;bottom:0;height:295px;object-fit:cover;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,#000 12%)} }
@media(max-width:1000px) and (min-width:701px){.campaign-bg{object-position:right center}.campaign-copy{width:52%}.campaign-copy h1{font-size:39px}}
@media(min-width:701px) and (max-width:1000px){.campaign-hero{min-height:580px}.campaign-inner{min-height:580px;align-items:flex-start;padding:32px 32px 300px}.campaign-copy{width:100%;max-width:none}.campaign-copy h1{font-size:42px;margin:16px 0 12px}.campaign-copy h1 br{display:none}.campaign-copy p{margin-bottom:18px}.campaign-signature{margin-top:19px}.campaign-bg{top:auto;bottom:0;height:290px;object-fit:cover;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,#000 15%)}}
@media(min-width:701px) and (max-width:1000px){.campaign-copy h1 em{margin-left:.2em}}
/* Ajustes de color, aviso animado y acceso directo de atención. */
.campaign-copy p,.campaign-signature,.campaign-link,.campaign-eyebrow{color:#fff;text-shadow:0 1px 2px #67291e35}.campaign-eyebrow{border-color:#ffffff70;background:#ffffff0d}.campaign-actions .button{background:#e8c50c;border-color:#e8c50c;color:#282b29}.campaign-actions .button:hover{background:#f4d735;border-color:#f4d735;color:#282b29}.campaign-link:hover{color:#fff;text-decoration-thickness:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement{height:35px;display:flex;gap:0;position:relative;overflow:hidden}.announcement-window{flex:1;overflow:hidden;min-width:0}.announcement-track{display:flex;width:max-content;animation:arca-announcement 30s linear infinite;will-change:transform}.announcement-group{display:flex;align-items:center;justify-content:space-around;gap:50px;flex-shrink:0;min-width:max(950px,100vw);padding:0 25px;white-space:nowrap;font-size:11px;letter-spacing:.4px}.announcement-heart{color:#fff1a8;font-size:15px}.announcement-pause{align-self:stretch;width:35px;flex:none;background:#f26052;color:white;border:0;border-left:1px solid #ffffff40;font-size:13px;z-index:1}.announcement:hover .announcement-track,.announcement:focus-within .announcement-track,.announcement.is-paused .announcement-track{animation-play-state:paused}@keyframes arca-announcement{to{transform:translateX(-50%)}}
.whatsapp-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 22px #143b292b;border:2px solid white;transition:transform .2s,background .2s}.whatsapp-float svg{width:33px;height:33px;fill:none;stroke:white;stroke-width:1.9}.whatsapp-float:hover{background:#128c45;transform:translateY(-3px)}.whatsapp-label{position:absolute;right:70px;white-space:nowrap;background:#fff;color:#263b32;border:1px solid #e9ebe4;box-shadow:0 4px 15px #0000000a;font-size:12px;font-weight:600;padding:10px 14px;border-radius:24px}.whatsapp-float:focus-visible{outline:3px solid #263b32;outline-offset:4px}
@media(max-width:700px){.whatsapp-float{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px}.whatsapp-label{display:none}#toast{bottom:85px}.announcement-group{gap:32px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none;transform:none;will-change:auto;width:100%}.announcement-group{min-width:0;width:100%;white-space:normal;text-align:center;justify-content:center;font-size:10px;padding:0 12px}.announcement-group>span:nth-child(n+2),.announcement-group+.announcement-group,.announcement-pause{display:none}.announcement{height:auto;min-height:35px}.whatsapp-float{transition:none}}
/* Promociones con la paleta de Arca Pets. */
.promos .promo{position:relative;isolation:isolate;overflow:hidden;padding:34px;min-height:250px;border:1px solid transparent;transition:transform .22s,box-shadow .22s}.promos .promo:first-child{background:#f26052;color:#291d1b}.promos .promo:nth-child(2){background:#e8c50c;color:#282b29}.promos .promo::before{content:"";position:absolute;width:215px;height:215px;border-radius:50%;right:-42px;top:-42px;z-index:-1;background:#ffffff24}.promos .promo::after{content:"";position:absolute;width:135px;height:135px;border:1px solid #ffffff70;border-radius:50%;right:36px;bottom:-79px;z-index:-1}.promos .promo:first-child::before{background:#e8c50c}.promos .promo:nth-child(2)::before{background:#f26052}.promos .promo:hover{transform:translateY(-4px);box-shadow:0 12px 28px #39231518}.promos .promo .eyebrow{display:inline-flex;border-radius:24px;padding:7px 11px;background:#fff;color:#282b29;font-size:9px;letter-spacing:1.5px;margin-bottom:15px}.promos .promo h3{font-size:31px;color:#291d1b;line-height:1.15;max-width:75%;letter-spacing:-1px}.promos .promo p{color:#291d1b;max-width:65%;font-size:13px;line-height:1.6;margin:15px 0 20px}.promos .promo .text-link{display:inline-flex;align-items:center;background:#fff;color:#282b29;padding:11px 16px;border-radius:30px;font-weight:700;font-size:12px;text-decoration:none;position:relative;z-index:2}.promos .promo .text-link:hover{background:#282b29;color:#fff}.promos .promo .big-symbol{right:28px;top:75px;transform:rotate(-8deg);font-size:86px;filter:drop-shadow(0 9px 7px #702c1920);transition:transform .22s}.promos .promo:hover .big-symbol{transform:rotate(4deg) translateY(-3px)}.promos .promo:nth-child(2) p b{background:#fff;padding:3px 7px;border-radius:5px;color:#282b29}
@media(hover:hover){.campaign-actions .button:hover{background:#000;border-color:#000;color:#fff}}
@media(max-width:700px){.promos .promo{padding:25px;min-height:250px}.promos .promo h3{font-size:26px;max-width:80%}.promos .promo .big-symbol{font-size:65px;right:12px;top:90px}.promos .promo p{max-width:70%;font-size:12px}.promos .promo::before{width:160px;height:160px;right:-55px;top:-32px}}
@media(prefers-reduced-motion:reduce){.promos .promo,.promos .promo .big-symbol{transition:none}.promos .promo:hover,.promos .promo:hover .big-symbol{transform:none}}
.promos .promo{overflow:clip}@media(min-width:701px) and (max-width:1000px){.promos .promo{padding:25px}.promos .promo h3{font-size:26px}.promos .promo .big-symbol{font-size:66px;right:14px;top:87px}}
/* Opción suave: color de marca en acentos y superficies claras. */
.promos .promo{padding:32px;min-height:252px;border:1px solid #eee6df;box-shadow:none;overflow:clip}.promos .promo:first-child{background:#fff5ef;color:#302d29}.promos .promo:nth-child(2){background:#fffbed;border-color:#eee8d0;color:#302d29}.promos .promo::before{width:144px;height:144px;right:20px;top:52px;background:#fce1d5}.promos .promo:first-child::before{background:#fce1d5}.promos .promo:nth-child(2)::before{background:#f7edbd}.promos .promo::after{display:none}.promos .promo .eyebrow{background:none;border-radius:0;padding:0;margin:0 0 15px;color:#99503d;letter-spacing:1.7px;font-size:9px}.promos .promo:nth-child(2) .eyebrow{color:#786319}.promos .promo h3{color:#302d29;font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0;max-width:72%}.promos .promo p{color:#655f58;font-size:13px;max-width:64%;margin:15px 0 20px}.promos .promo .text-link{background:#fff;border:1px solid #e8b9a8;color:#8b3929;padding:10px 16px}.promos .promo:nth-child(2) .text-link{border-color:#ddcd88;color:#635015}.promos .promo .text-link:hover{background:#302d29;border-color:#302d29;color:white}.promos .promo .big-symbol{font-size:70px;right:43px;top:82px;transform:rotate(-5deg);filter:none}.promos .promo:hover{transform:translateY(-2px);box-shadow:0 8px 22px #39231508}.promos .promo:hover .big-symbol{transform:rotate(0)}.promos .promo:nth-child(2) p b{background:#fff;border:1px dashed #ddcd88;padding:2px 6px;font-weight:700}
@media(min-width:701px) and (max-width:1000px){.promos .promo{padding:25px}.promos .promo h3{font-size:25px;max-width:78%}.promos .promo::before{width:98px;height:98px;right:10px;top:76px}.promos .promo .big-symbol{font-size:55px;right:24px;top:100px}.promos .promo p{max-width:67%}}
@media(max-width:700px){.promos .promo{padding:25px;min-height:250px}.promos .promo h3{font-size:25px;max-width:77%}.promos .promo::before{width:96px;height:96px;right:9px;top:79px}.promos .promo .big-symbol{font-size:53px;right:23px;top:101px}.promos .promo p{max-width:68%;font-size:12px}}
@media(prefers-reduced-motion:reduce){.promos .promo:hover,.promos .promo:hover .big-symbol{transform:none}}
/* Colores finales solicitados para los dos bloques promocionales. */
.promos .promo:first-child{background:#F26052;border-color:#F26052;color:#fff}.promos .promo:first-child .eyebrow,.promos .promo:first-child h3,.promos .promo:first-child p{color:#fff}.promos .promo:first-child .text-link{background:transparent;border-color:#fff;color:#fff}.promos .promo:first-child .text-link:hover{background:#fff;border-color:#fff;color:#000}.promos .promo:first-child::before{background:#ffffff18}
.promos .promo:nth-child(2){background:#E8C50C;border-color:#E8C50C;color:#000}.promos .promo:nth-child(2) .eyebrow,.promos .promo:nth-child(2) h3,.promos .promo:nth-child(2) p,.promos .promo:nth-child(2) p b{color:#000}.promos .promo:nth-child(2) .text-link{background:transparent;border-color:#000;color:#000}.promos .promo:nth-child(2) .text-link:hover{background:#fff;border-color:#000;color:#000}.promos .promo:nth-child(2)::before{background:#ffffff25}.promos .promo:nth-child(2) p b{background:transparent;border-color:#0006}