@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap');
:root{--pink:#DE9ADA;--mauve:#B773B9;--soft:#B5BABA;--purple:#70489A;--deep:#463085;--ink:#29233a;--muted:#777286;--cream:#fbf8fc;--white:#fff;--shadow:0 18px 55px rgba(70,48,133,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:34px;background:var(--deep);color:#fff;display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;letter-spacing:.04em}.topbar span{opacity:.72}.site-header{height:82px;padding:0 max(6.5%,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 25px rgba(40,20,80,.045)}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:var(--deep)}.brand small{display:block;font:700 8px 'DM Sans';letter-spacing:1.7px;color:#9588a9;margin-top:1px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--purple));display:grid;place-items:center;color:white;font:800 23px Manrope;box-shadow:0 6px 15px #70489a44}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700;color:#625a70}nav a:hover{color:var(--purple)}nav .nav-cta{background:var(--deep);color:white;padding:13px 19px;border-radius:9px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--deep)}
.hero{min-height:535px;background:linear-gradient(110deg,#fbf7fc 0%,#f8eff9 57%,#eadcf1 100%);padding:70px max(8%,calc((100% - 1120px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--purple)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(38px,5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2.8px;margin:18px 0;color:var(--deep)}h1 em{font-style:normal;color:var(--mauve)}.hero-content>p{max-width:440px;color:#716b7c;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:15px 21px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:22px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #46308525}.btn-primary{background:var(--deep);color:white}.btn-light{background:white;color:var(--deep)}.hero-note{margin-top:25px;color:#827b8d;font-size:11px}.check{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8d5ed;color:var(--deep);margin-right:6px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #b773b955;border-radius:50%;width:330px;height:330px}.orbit-two{width:410px;height:410px;border-color:#b773b92b}.grocery-bag{width:205px;height:225px;background:linear-gradient(140deg,#b773b9,#70489a);border-radius:20px 20px 35px 35px;transform:rotate(-5deg);box-shadow:0 28px 45px #46308533;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white}.bag-handle{position:absolute;top:-47px;width:95px;height:65px;border:13px solid var(--purple);border-bottom:0;border-radius:60px 60px 0 0}.bag-face{font:800 70px Manrope;color:#ffffffaa}.bag-label{text-align:center;font-size:9px;letter-spacing:2px;font-weight:800}.floating-item{position:absolute;width:67px;height:67px;background:#fff;border-radius:20px;display:grid;place-items:center;font-size:34px;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.item-rice{top:54px;left:17%;transform:rotate(-10deg)}.item-milk{right:8%;top:110px;animation-delay:.7s}.item-egg{bottom:48px;left:15%;animation-delay:1.2s}.item-can{right:12%;bottom:38px;animation-delay:1.8s}.hero-bubble{position:absolute;background:#fff;border-radius:30px;padding:12px 16px;color:var(--purple);font-weight:800;box-shadow:var(--shadow)}.bubble-a{right:1%;top:25px;font-size:24px}.bubble-b{left:2%;bottom:20px;font-size:10px;letter-spacing:2px}@keyframes float{50%{translate:0 -10px}}
.benefits{max-width:1050px;margin:-1px auto 0;display:grid;grid-template-columns:repeat(3,1fr);padding:27px 20px;border-bottom:1px solid #f0edf3}.benefits>div{display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid #eee9f1}.benefits>div:last-child{border:0}.benefit-icon{width:42px;height:42px;background:#f4e8f5;color:var(--purple);border-radius:13px;display:grid;place-items:center;font-size:20px}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:12px}.benefits small{font-size:10px;color:var(--muted);margin-top:4px}
.section{max-width:1120px;margin:auto;padding:95px 25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{min-height:350px;border-radius:25px;background:linear-gradient(145deg,#f6e8f5,#e9def2);display:grid;place-items:center;position:relative;overflow:hidden}.about-card{width:220px;height:235px;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-5deg);color:var(--deep)}.about-card span{font-size:65px}.about-card strong{font:800 23px/1.1 Manrope;text-align:center;margin:7px}.about-card small{font-size:8px;letter-spacing:1.7px;color:var(--mauve);font-weight:800}.about-sticker{position:absolute;right:11%;bottom:45px;background:var(--deep);color:white;padding:15px 20px;border-radius:15px;font-weight:800;font-size:14px;transform:rotate(7deg);box-shadow:var(--shadow)}.section-copy h2,.section-heading h2,.promo h2{font:800 clamp(28px,3.5vw,39px)/1.18 Manrope;letter-spacing:-1.5px;color:var(--deep);margin:15px 0}.section-copy p,.section-heading p{font-size:13px;line-height:1.9;color:var(--muted);max-width:490px}.text-link{display:inline-block;margin-top:14px;color:var(--purple);font-weight:800;font-size:12px}.text-link span{margin-left:10px}.products-section{max-width:none;background:#faf8fc;padding-left:max(6.5%,calc((100% - 1120px)/2));padding-right:max(6.5%,calc((100% - 1120px)/2))}.section-heading{text-align:center}.section-heading p{margin:0 auto}.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 24px}.search-box{height:45px;max-width:290px;flex:1;background:white;border:1px solid #eee8f2;border-radius:9px;display:flex;align-items:center;padding:0 14px;gap:9px;color:var(--purple)}.search-box span{font-size:23px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:var(--ink)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #e8e0ed;background:white;border-radius:30px;padding:10px 16px;color:#766d81;font-size:10px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--deep);color:white;border-color:var(--deep)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 25px #4630850b;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:165px;display:flex;align-items:center;justify-content:center;position:relative}.product-visual span{font-size:65px;filter:drop-shadow(0 8px 6px #46308520)}.product-visual small{position:absolute;left:14px;top:14px;background:#ffffffb8;padding:6px 9px;border-radius:20px;font-size:8px;letter-spacing:1px;font-weight:800;color:var(--deep)}.visual-pink{background:#f7e8f5}.visual-lilac{background:#eee7f6}.visual-yellow{background:#f8f0dc}.visual-cream{background:#f4f0e8}.visual-blue{background:#e8edf6}.product-info{padding:17px 18px 19px}.category{font-size:8px;letter-spacing:1.5px;color:var(--mauve);font-weight:800}.product-info h3{font:800 17px Manrope;color:var(--deep);margin:7px 0}.product-info p{font-size:11px;color:var(--muted);min-height:32px;line-height:1.5;margin-bottom:13px}.order-link{padding:0;border:0;background:none;color:var(--purple);font-size:10px;font-weight:800;cursor:pointer}.order-link b{margin-left:8px;font-size:15px}.no-results{text-align:center;color:var(--muted);padding:35px}
.promo{max-width:1060px;margin:85px auto;padding:43px 50px;border-radius:20px;background:linear-gradient(110deg,var(--deep),#70489a);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.promo .eyebrow{color:#e6c5eb}.promo h2{color:white;font-size:30px;margin:10px 0}.promo p{color:#e1d9ed;font-size:12px;margin:0}.btn-white{background:white;color:var(--deep);white-space:nowrap}.promo-decoration{position:absolute;right:36%;top:-35px;font-size:130px;color:#ffffff0b}
.contact-section{display:grid;grid-template-columns:1fr .85fr;gap:85px;align-items:center;padding-top:55px;padding-bottom:100px}.contact-numbers{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.contact-numbers>a{display:flex;align-items:center;gap:10px;border:1px solid #eee8f2;padding:12px;border-radius:12px;min-width:190px}.wa-icon{width:34px;height:34px;border-radius:50%;background:#e5f7ed;color:#179b59;display:grid;place-items:center;font-size:19px}.contact-numbers small,.contact-numbers b{display:block}.contact-numbers small{font-size:8px;color:var(--muted);letter-spacing:1px}.contact-numbers b{font-size:12px;color:var(--deep);margin-top:3px}.arrow{margin-left:auto;color:var(--purple)}.contact-form{background:#fff;border:1px solid #eee8f2;border-radius:17px;padding:28px;box-shadow:var(--shadow)}.contact-form h3{font:800 21px Manrope;color:var(--deep);margin-bottom:7px}.contact-form>p{font-size:11px;color:var(--muted);margin-bottom:20px}.contact-form label{display:block;font-size:10px;font-weight:800;color:#5f566e;margin:13px 0 6px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #e9e3ee;border-radius:8px;padding:12px;font-size:11px;outline:none;background:#fdfcfe;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--mauve)}.contact-form textarea{resize:vertical}.submit-btn{width:100%;justify-content:center;margin-top:17px}.form-note{display:block;text-align:center;color:#9991a2;font-size:9px;margin-top:12px}
footer{background:#21183b;color:white;padding:37px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer .brand{color:white}footer .brand small{color:#b8accb}footer p{margin:0;color:#d0c7dc;font-size:11px}footer>small{color:#9f94b2;font-size:9px}.floating-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#20bd69;color:white;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 25px #15934f55;z-index:15}
@media(max-width:800px){.site-header{height:70px;padding:0 5%}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 15px 20px #46308512;flex-direction:column;align-items:stretch;gap:18px}nav.open{display:flex}nav .nav-cta{text-align:center}.hero{padding:55px 7%;grid-template-columns:1fr;min-height:auto}.hero-art{height:320px;margin-top:30px}.orbit{width:260px;height:260px}.orbit-two{width:320px;height:320px}.grocery-bag{scale:.82}.item-rice{left:12%}.item-egg{left:10%}.benefits{padding:22px 4%}.about{gap:35px;padding-top:70px;padding-bottom:70px}.products-section{padding-left:5%;padding-right:5%}.product-grid{grid-template-columns:repeat(2,1fr)}.promo{margin:55px 5%;padding:32px;flex-direction:column;align-items:flex-start}.contact-section{gap:35px;padding-top:30px;padding-bottom:70px}}
@media(max-width:560px){.topbar{font-size:9px;gap:7px}.topbar span{display:none}.hero{padding-top:45px}.hero-art{height:285px}.hero-actions{gap:8px}.btn{padding:13px 15px}.benefits{grid-template-columns:1fr;gap:14px;max-width:300px}.benefits>div{justify-content:flex-start;border:0}.about,.contact-section{grid-template-columns:1fr}.about{gap:35px}.about-art{min-height:280px}.section{padding-left:6%;padding-right:6%}.catalog-tools{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filters{justify-content:flex-start}.filter{padding:9px 13px}.product-grid{gap:11px}.product-visual{height:125px}.product-visual span{font-size:51px}.product-info{padding:13px}.product-info h3{font-size:15px}.product-info p{font-size:10px;min-height:43px}.order-link{font-size:9px}.promo{padding:28px 23px}.promo h2{font-size:26px}.contact-numbers{flex-direction:column}.contact-numbers>a{width:100%}.contact-form{padding:21px}footer{flex-direction:column;align-items:flex-start;padding:32px 7%;gap:13px}}

/* Catálogo ampliado con fotografías */
.product-photo{height:180px;background:#f2edf6;overflow:hidden;position:relative}
.product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.product-card:hover .product-photo img{transform:scale(1.055)}
.product-photo.photo-fallback{background:linear-gradient(135deg,#f7e8f5,#e8def2)}
.product-card[hidden]{display:none!important}
@media(max-width:560px){.product-photo{height:130px}}