*{margin:0;padding:0;box-sizing:border-box}p{color:#000000}body{font-family:Segoe UI,sans-serif;background-color:#f5f1e6;background-image:linear-gradient(rgba(245,241,230,0),rgba(245,241,230,0)),url(/backgrounds/desktop-collage.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;color:#1e3a5f;min-height:100vh;display:flex;flex-direction:column}@media (max-width:1199px){body{background-image:linear-gradient(rgba(245,241,230,0),rgba(245,241,230,0)),url(/backgrounds/tablet-collage.jpg)}}@media (max-width:767px){body{background-image:linear-gradient(rgba(245,241,230,0),rgba(245,241,230,0)),url(/backgrounds/mobile-collage.jpg)}}@media (pointer:coarse){body{background-attachment:scroll}}.site-header{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px}@media (min-width:768px){.site-header{flex-direction:row;justify-content:space-between;align-items:center}}.img{width:clamp(40px,4vw,60px);height:auto}.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1.1}.brand-name{font-size:1.9rem;font-weight:700;color:#1e3a5f;letter-spacing:.5px}.brand-sub{font-size:.75rem;font-weight:600;color:#0b0b0b;letter-spacing:2px;text-transform:uppercase;margin-top:2px}.nav-pill{display:flex;align-items:center;gap:4px;background-color:#1e3a5f;border-radius:999px;padding:6px}.dropdown-toggle,.nav-pill-item{text-decoration:none;padding:10px 20px;border-radius:999px;color:white;background-color:transparent;transition:.25s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.95rem;white-space:nowrap}.dropdown-toggle:hover,.nav-pill-item:hover{background-color:rgba(255,255,255,.12)}.dropdown-toggle.active,.nav-pill-item.active{background-color:#097ba1}.dropdown{position:relative}.dropdown-menu{position:absolute;top:120%;left:0;background:white;list-style:none;border-radius:12px;padding:10px 0;display:none;min-width:210px;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:100}.dropdown-menu.open{display:block}.dropdown-menu li a{display:block;padding:10px 16px;text-decoration:none;color:#1e3a5f}.dropdown-menu li a:hover{background-color:#f5f1e6}@media (max-width:480px){.nav-pill{flex-direction:column;width:100%;border-radius:20px}.dropdown-toggle,.nav-pill-item{width:100%;text-align:center}.dropdown-menu{position:static;width:100%;box-shadow:none}}.main-content,.products-page{flex:1 1;max-width:1000px;margin:auto;padding:40px 20px;width:100%}section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.section-title,h1,h2{margin-bottom:10px;color:#1e3a5f;letter-spacing:1px}.section-text{line-height:1.6;color:#000000}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.products-grid{grid-template-columns:1fr}}.product-card{border:1px solid #ddd;padding:15px;border-radius:15px;text-align:center;max-width:250px;background-color:white;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.05)}.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.product-img{width:100%;border-radius:10px}button{margin-top:10px;padding:8px 15px;cursor:pointer;border:none;border-radius:20px;background-color:#16a34a;color:white;transition:.3s}button:hover{background-color:#f97316}.compra-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border:1px solid #ccc;border-radius:15px;z-index:1000;min-width:280px}.hidden{display:none}.ver-carrito{position:fixed;bottom:20px;right:20px;z-index:999;background-color:#165ef9;color:white;border:none;padding:12px 18px;border-radius:25px;cursor:pointer;font-size:16px;transition:.3s;box-shadow:0 5px 15px rgba(0,0,0,.2)}.ver-carrito:hover{background-color:#1e3a5f}@media (max-width:500px){.ver-carrito{bottom:15px;right:15px;padding:10px;font-size:14px}}.footer{margin-top:auto;padding:20px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid #e5e5e5}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text p{font-size:.85rem;color:#1e3a5f}.footer-social{display:flex;gap:15px}.footer-social img{transition:transform .3s ease}.footer-social img:hover{transform:scale(1.15)}@media (max-width:600px){.footer-content{flex-direction:column;gap:10px;text-align:center}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:flex;align-items:center;justify-content:center}.modal-overlay.hidden{display:none}.modal-contenido{background:white;border-radius:20px;padding:30px;max-width:480px;width:90%;position:relative;max-height:90vh;overflow-y:auto}.modal-cerrar{position:absolute;top:15px;right:15px;background:#f97316;color:white;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:0;padding:0}.modal-img{width:100%;border-radius:12px;margin-bottom:15px}.modal-precio{font-size:1.3rem;font-weight:700;color:#f97316;margin:8px 0 16px}.modal-label{font-weight:700;color:#1e3a5f;margin-top:12px;margin-bottom:4px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.modal-texto{color:#555;line-height:1.6;font-size:.95rem}.modal-select,.product-card{cursor:pointer}.modal-select{width:100%;padding:8px 12px;border-radius:10px;border:1px solid #ddd;margin-top:5px;font-size:.95rem;color:#1e3a5f;background-color:#f5f1e6}.subseccion{text-align:center}.subseccion .products-grid{display:grid;grid-template-columns:1fr;justify-items:center}.product-card{margin:0 auto}#modal-pago{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;justify-content:center;align-items:center}#modal-pago:not(.hidden){display:flex}#modal-pago-contenido{background:white;padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-width:280px;text-align:center}#modal-pago-contenido h3{margin:0}#modal-pago-contenido label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-cantidad{gap:15px;margin:15px 0 10px}.modal-cantidad,.modal-cantidad button{display:flex;align-items:center;justify-content:center}.modal-cantidad button{width:34px;height:34px;border-radius:50%;font-size:1.2rem;margin:0;padding:0}.modal-cantidad span{font-size:1.2rem;font-weight:700;color:#1e3a5f;min-width:30px;text-align:center}#toast{position:fixed;bottom:80px;right:20px;background:#16a34a;color:white;padding:12px 20px;border-radius:25px;font-size:.95rem;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.2)}