@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#3c3c3c;background-color:#faf9f6;font-family:Poppins,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;display:block}:root{--pink-primary:#f06292;--pink-light:#f8bbd0;--pink-dark:#ec407a;--pink-darker:#d81b60;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-800:#424242;--gray-900:#212121;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-pink:#ec407a33;--gradient-pink:linear-gradient(135deg,var(--pink-dark)0%,var(--pink-darker)100%);--transition:.3s ease;--font-main:"Montserrat",sans-serif}*{box-sizing:border-box}body{font-family:var(--font-main);margin:0;overflow-x:hidden}html{scroll-behavior:smooth}.header{background:var(--gradient-pink);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-md);transition:all var(--transition);border-bottom:1px solid #fff3;padding:1rem 0;position:fixed;top:0;left:0}.header:hover{background-color:#db7093;border-bottom:1px solid #ffffff4d}.header-container{justify-content:space-between;align-items:center;width:90%;max-width:1400px;margin:auto;display:flex}.branding{align-items:center;gap:.75rem;display:flex}.logo-img{object-fit:contain;width:64px;height:64px;box-shadow:var(--shadow-md);background:var(--white);border:2px solid var(--pink-light);color:var(--text-light);text-shadow:1px 1px 2px #0000001a;border-radius:12px;padding:6px}.nav{align-items:center;gap:2rem;display:flex}.nav-list{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-list li{position:relative}.nav a{color:var(--text-light);transition:all var(--transition);letter-spacing:.3px;font-size:1rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--pink-light);text-shadow:0 0 10px #ffffff80}.has-submenu:hover .submenu{display:grid}.submenu{z-index:999;text-align:center;background:var(--gradient-pink);box-sizing:border-box;z-index:999;text-align:center;width:max-content;box-shadow:var(--shadow-lg);border:1px solid var(--pink-light);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem;display:none;position:absolute;top:100%;left:0}.submenu li{list-style:none}.submenu a{color:var(--white);transition:all var(--transition);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;font-size:1rem;text-decoration:none;display:flex}.submenu a:hover{background:var(--pink-light);color:var(--pink-darker);box-shadow:var(--shadow-md);transform:scale(1.07)}.submenu-img{object-fit:cover;border-radius:8px;width:80px;height:80px;margin-bottom:.5rem}.login-icon{color:var(--cream);transition:color var(--transition);font-size:1.5rem;text-decoration:none}.login-icon:hover{color:var(--gold)}.menu-toggle{display:none}.menu-icon{cursor:pointer;color:var(--cream);font-size:2rem;display:none}@media (max-width:768px){.menu-icon{display:block}.nav{background:var(--gradient-pink);width:100%;box-shadow:var(--shadow-lg);transition:transform var(--transition);border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 2rem;position:absolute;top:100%;left:0;transform:translateY(-200%)}.menu-toggle:checked+.menu-icon+.nav{transform:translateY(0)}.nav-list{flex-direction:column;gap:1rem;width:100%}.nav-list li{width:100%}.submenu{grid-auto-columns:minmax(100px,auto);grid-auto-flow:column;width:100%;padding:1rem 0;display:grid;position:static;overflow-x:auto}.submenu-img{width:50px;height:50px}.submenu a{padding:.75rem 0}}:root{--pink-primary:#ff69b4;--pink-light:#ffb6c1;--pink-dark:#db7093;--cream:#faf9f6;--white:#fff;--transition:.4s ease;--font-heading:"Playfair Display",serif;--font-body:"Cormorant Garamond",serif}.hero{filter:brightness(1.05)contrast(1.1)saturate(1.2);width:100%;height:100vh;color:var(--white);background-image:url(/assets/hero-bg-Hnt8f2Xj.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;transition:filter .5s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #ffffff1a}.hero:before{content:"";z-index:1;background:0 0;position:absolute;inset:0}.hero-overlay{z-index:1;background:0 0;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:800px;box-shadow:var(--shadow-lg);background-color:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:4rem 3rem;animation:1s ease-out forwards fadeIn;position:relative}.hero h2{color:var(--white);text-shadow:0 4px 24px #00000073,0 1px 2px #db709326;letter-spacing:-.02em;font-size:4.2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:1.5rem;font-style:italic;line-height:1.2}.hero p{color:var(--white);text-shadow:0 2px 12px #00000059,0 1px 2px #db70931f;font-size:1.4rem;line-height:1.8;font-family:var(--font-body);letter-spacing:.02em;max-width:36em;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-weight:400}.hero h2{color:var(--gold);margin-bottom:1rem;font-size:3rem;font-weight:700}.hero p{color:var(--cream);margin-bottom:2rem;font-size:1.3rem}.hero button{background:var(--gradient-pink);color:var(--white);font-size:1.2rem;font-weight:500;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition),color var(--transition),transform var(--transition);border:none;border-radius:30px;padding:1rem 2.5rem}.hero button:hover{background:var(--pink-light);color:var(--pink-darker);box-shadow:var(--shadow-lg);transform:scale(1.07)}.fade-in-up{opacity:0;animation:1s forwards fadeUp;transform:translateY(20px)}.delay-1{animation-delay:.5s}.delay-2{animation-delay:1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.hero h2{font-size:2.2rem}.hero p{font-size:1.1rem}.hero button{padding:.6rem 1.5rem;font-size:.95rem}.hero-content{padding:1.5rem}}.productos-container{background-color:var(--gray-50);color:var(--gray-800);text-align:center;font-family:var(--font-main);letter-spacing:.3px;padding:6rem 2rem;position:relative;overflow:hidden}.productos-titulo{color:var(--pink-darker);text-shadow:2px 2px 6px #db70934d;margin-bottom:2rem;font-size:2.5rem;font-weight:800}.categorias-menu{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.categoria-btn{border:2px solid var(--pink-primary);color:var(--pink-primary);cursor:pointer;letter-spacing:.5px;background-color:#0000;border-radius:30px;padding:.6rem 1.6rem;font-weight:600;transition:all .3s}.categoria-btn:hover,.categoria-btn.activo{background-color:var(--pink-primary);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #db70934d}.productos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:2rem;display:grid}.producto-card{background-color:#fff;border:1px solid #ffb6c126;border-radius:16px;max-width:320px;padding:1.5rem;transition:all .3s;overflow:hidden;box-shadow:0 6px 20px #db70931f}.producto-card:hover{border-color:#db70934d;transform:translateY(-6px)scale(1.02);box-shadow:0 10px 30px #db709340}.producto-img{cursor:zoom-in;border-radius:10px;width:100%;height:auto;margin-bottom:1rem;transition:transform .35s,box-shadow .3s}.producto-img:hover{transform:scale(1.05);box-shadow:0 8px 20px #db709340}.producto-card h3{color:var(--gold);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.producto-card p{color:var(--gray-700);margin-bottom:1rem;font-size:.95rem;line-height:1.4}.producto-actions{justify-content:center;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;box-shadow:0 3px 8px #00000026}.icon-img{object-fit:contain;width:22px;height:auto;transition:transform .2s}.icon-btn:hover .icon-img{transform:scale(1.1)}.vendedor-btn{background:linear-gradient(145deg,#25d366,#20c357)}.vendedor-btn:hover{background:linear-gradient(145deg,#2fe372,#1ea950);transform:translateY(-3px)scale(1.05);box-shadow:0 6px 12px #25d3664d}.amigas-btn{background:linear-gradient(145deg,#f78fb3,#e75480)}.amigas-btn:hover{background:linear-gradient(145deg,#ff9ac1,#ff5b8f);transform:translateY(-3px)scale(1.05);box-shadow:0 6px 12px #ff69b44d}.compartir-texto{color:#9b6b85;letter-spacing:.3px;margin-top:.5rem;font-size:.82rem;font-style:italic}.modal{z-index:9999;cursor:zoom-out;background-color:#000000d9;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-img{border-radius:18px;max-width:90%;max-height:85%;animation:.3s ease-in-out zoomIn;box-shadow:0 0 30px #ffb6c180}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.productos-titulo{font-size:2rem}.producto-card{max-width:90%;padding:1.2rem}.icon-btn{width:38px;height:38px}.icon-img{width:20px;height:20px}.productos-container{padding:4rem 1.5rem}}.nosotros-container{background:var(--gradient-pink);color:var(--white);font-family:var(--font-body);text-align:center;box-shadow:var(--shadow-lg);border-radius:24px;padding:5rem 2rem}.nosotros-texto h2{color:var(--white);text-shadow:0 4px 24px #00000059,0 1px 2px var(--shadow-pink);font-size:3rem;font-family:var(--font-heading);margin-bottom:1.2rem;font-style:italic}.nosotros-texto p{max-width:700px;font-size:1.2rem;line-height:1.7;font-family:var(--font-body);color:var(--white);text-shadow:0 2px 12px #00000040;margin:0 auto 1.5rem}.galeria{margin-top:4rem}.galeria h3{color:var(--pink-light);font-size:2.2rem;font-family:var(--font-heading);margin-bottom:2rem}.galeria-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:0 1rem;display:grid}.galeria-item{aspect-ratio:3/4;cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.galeria-img{object-fit:cover;border-radius:16px;width:100%;height:100%;transition:transform .5s}.galeria-overlay{opacity:0;background:#0006;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.galeria-overlay span{color:#fff;background:#0000004d;border:2px solid #fff;border-radius:30px;padding:.8rem 1.5rem;font-size:1.1rem;transition:transform .3s;transform:translateY(20px)}.galeria-item:hover .galeria-img{transform:scale(1.1)}.galeria-item:hover .galeria-overlay{opacity:1}.galeria-item:hover .galeria-overlay span{transform:translateY(0)}.lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-img{border:3px solid var(--pink-light);border-radius:16px;max-width:90%;max-height:90vh;animation:.3s ease-out lightboxFade;box-shadow:0 8px 32px #0000004d}.lightbox-close{background:var(--pink-light);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background-color .3s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:var(--pink-primary)}@keyframes lightboxFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.galeria-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.galeria-overlay span{padding:.6rem 1.2rem;font-size:1rem}.lightbox-close{width:35px;height:35px;top:10px;right:10px}}.contacto-container{background:var(--white);color:var(--pink-dark);font-family:var(--font-body);text-align:center;box-shadow:var(--shadow-lg);border-radius:24px;padding:5rem 2rem}.contacto-info h2{color:var(--pink-darker);text-shadow:0 4px 24px var(--shadow-pink),0 1px 2px #0000001f;font-size:3rem;font-family:var(--font-heading);margin-bottom:1.2rem;font-style:italic}.contacto-info p{max-width:700px;font-size:1.25rem;line-height:1.8;font-family:var(--font-body);color:var(--gray-900);text-shadow:0 2px 8px #ec407a14,0 1px 2px #00000014;letter-spacing:.01em;margin:0 auto 1.5rem;font-weight:500}.contacto-datos{background:var(--white);color:var(--pink-dark);box-shadow:var(--shadow-md);border-radius:16px;max-width:400px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:2rem 1rem;font-size:1.1rem}.contacto-datos p{font-family:var(--font-body);margin:.5rem 0;font-weight:500}.whatsapp-contacto{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#25d366 60%,#128c7e 100%);border-radius:30px;margin-top:1.5rem;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .3s,box-shadow .3s;display:inline-block;box-shadow:0 4px 16px #25d36626}.whatsapp-contacto:hover{background:linear-gradient(90deg,#128c7e 60%,#25d366 100%);box-shadow:0 8px 24px #25d36640}.contacto-mapa{box-shadow:0 8px 32px var(--shadow-pink);background:linear-gradient(135deg,var(--pink-light)0%,var(--white)100%);border:2px solid var(--pink-light);border-radius:20px;max-width:700px;margin-top:4rem;margin-left:auto;margin-right:auto;padding:2rem 1.5rem}.contacto-mapa h3{font-family:var(--font-heading);color:var(--pink-darker);text-shadow:0 2px 8px var(--shadow-pink);margin-bottom:1.5rem;font-size:2rem}.contacto-mapa iframe{width:100%;height:300px;box-shadow:0 4px 16px var(--shadow-pink);border:none;border-radius:16px;display:block}.footer{background:var(--gradient-pink);color:var(--white);text-align:center;font-family:var(--font-heading);box-shadow:0 -4px 24px var(--shadow-pink);border-top-left-radius:32px;border-top-right-radius:32px;padding:2.5rem 1rem 1.5rem}.footer-content{max-width:800px;margin:0 auto;padding-bottom:1rem}.footer-content p{letter-spacing:.7px;font-size:1.05rem;font-family:var(--font-body);color:var(--white);text-shadow:0 2px 8px var(--shadow-pink);margin-bottom:1rem}.footer-redes{justify-content:center;gap:1.5rem;display:flex}.footer-redes a img{width:32px;height:32px;box-shadow:0 2px 8px var(--shadow-pink);background:var(--white);border-radius:50%;padding:4px;transition:transform .3s,box-shadow .3s}.footer-redes a:hover img{box-shadow:0 4px 16px var(--shadow-pink);transform:scale(1.25)rotate(-8deg)}
