:root{--background:#ffffff;--foreground:#171717;--primary-dark:#1a3a47;--primary-light:#f5f1e8;--accent-green:#4ade80;--text-primary:#ffffff;--text-secondary:#e0e0e0;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:Geist Sans,Arial,Helvetica,sans-serif;line-height:1.6}.header{position:sticky;top:0;background-color:rgba(26,58,71,.95);backdrop-filter:blur(10px);z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-container{max-width:1400px;margin:0 auto;justify-content:space-between;padding:.75rem 1.5rem}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:.75rem;cursor:pointer}.header-logo svg{width:45px;height:45px}.header-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:none}@media (min-width:768px){.header-text{display:block}}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{width:25px;height:2px;background-color:var(--text-primary);transition:all .3s ease;border-radius:2px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(10px,10px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (min-width:768px){.menu-toggle{display:none}}.header-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:rgba(26,58,71,.98);padding:1rem;flex-direction:column;gap:.5rem}.header-nav.active{display:flex}.header-nav ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.header-nav button{background:none;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;padding:.75rem 1rem;transition:color .3s ease;text-align:left}.header-nav button:hover{color:var(--accent-green)}@media (min-width:768px){.header-nav{display:flex;position:static;background:none;padding:0}.header-nav ul{flex-direction:row;gap:2rem}.header-nav button{padding:0;font-size:.95rem}}.hero-section{position:relative;width:100%;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;background:url(/Portada.png) top/cover no-repeat;background-attachment:fixed;overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;color:var(--text-primary);padding:2rem;max-width:800px}.hero-title{font-size:clamp(5.5rem,8vw,4.5rem);font-weight:700;margin-bottom:1.5rem;letter-spacing:-1px;color:rgba(23,50,61,.952)}.hero-description{font-size:clamp(2rem,4vw,1.5rem);font-weight:350;opacity:.95;margin-bottom:2rem;color:rgba(2,23,31,.959)}@media (max-width:640px){.hero-section{height:70vh;min-height:500px}.hero-content{padding:1.5rem}}.catalog-section{min-height:100vh;padding:4rem 1.5rem;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center}.catalog-content{max-width:1200px;width:100%}.catalog-title{font-size:clamp(1.75rem,6vw,2.75rem);color:var(--primary-dark);margin-bottom:2rem;text-align:center;font-weight:600}.caballero-section{background-image:url(/CatalogoCaballero.png)}.caballero-section,.dama-section{width:100%;height:100vh;background-size:cover;background-position:bottom;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.dama-section{background-image:url(/CatalogoDama.png)}.caballero-button{padding:10px 40px;font-size:30px;font-weight:600;background-color:#00000067;background:none;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.caballero-button:hover{background-color:#222;transform:scale(1.05)}.caballero-button:active{transform:scale(1)}.catalog-card{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;display:flex;flex-direction:column;height:auto;background-color:white;flex-shrink:0}@media (max-width:1023px){.catalog-card{width:100%}}@media (min-width:1024px){.catalog-card{width:300px;scroll-snap-align:start}}.catalog-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.catalog-card-image{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f0f0f0}.card-image-img{object-fit:cover;object-position:center}.catalog-card-content{padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:80px}.catalog-card-title{font-size:1.25rem;font-weight:600;color:var(--primary-dark);text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width:640px){.catalog-card-title{font-size:1.1rem}.catalog-card-content{padding:1.25rem;min-height:70px}}.catalog-card.placeholder{opacity:.5}.catalog-card.placeholder .catalog-card-title{background:#e0e0e0;color:transparent}.catalog-card.placeholder .placeholder-img{width:100%;height:100%;background:#ddd}.catalog-empty,.catalog-error,.catalog-loading{text-align:center;padding:3rem 2rem;background-color:rgba(26,58,71,.05);border-radius:8px;color:var(--primary-dark);font-size:1.1rem}.catalog-error{background-color:rgba(239,68,68,.1);color:#dc2626}.catalog-placeholder{min-height:300px;background-color:rgba(26,58,71,.05);border-radius:8px;padding:2rem;text-align:center;color:var(--primary-dark);opacity:.7}@media (max-width:768px){.catalog-section{min-height:auto;padding:3rem 1.5rem}.catalog-title{font-size:1.5rem}}.contact-section{background-color:rgba(26,58,71,.95);color:#ffffff;padding:5rem 2rem}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.brand-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.brand-description{opacity:.8;line-height:1.6}.contact-subtitle{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.contact-info ul{list-style:none;padding:0}.contact-info li{margin-bottom:.8rem;opacity:.85;transition:opacity .3s ease}.contact-info li:hover{opacity:1}.location-box{background-color:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;text-align:center}.location-box span{display:block;margin-top:.5rem;font-size:.9rem;opacity:.7}.map-container{margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.25)}@media (max-width:900px){.contact-container{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}}.social-icons{display:flex;gap:12px;margin-top:1.5rem}.social-icon{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .3s ease}.social-icon svg{width:20px;height:20px}.social-icon:hover{background-color:rgba(255,255,255,.1);color:#ffffff;border-color:rgba(255,255,255,.5);transform:translateY(-3px)}.caballero-page{background-image:url(/Caballero.png)}.caballero-page,.dama-page{min-height:100vh;background-size:cover;background-position:top;background-attachment:fixed;background-repeat:no-repeat;display:flex;justify-content:center}.dama-page{background-image:url(/Dama.png)}.catalogos-overlay{background:#00000067;min-height:100vh}.catalogos-top-categorias{display:flex;gap:30px;padding:20px;flex-wrap:wrap;align-items:center}.catalogos-top-item.active{opacity:1;border-bottom:2px solid white;padding-bottom:4px}.catalogos-top-item{color:#ffffff;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;opacity:.6;transition:opacity .3s ease,border .3s ease}.catalogos-top-item.back-item{opacity:.8}.catalogos-top-item.back-item:hover,.catalogos-top-item:hover{opacity:1}.catalogo-hint{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:30;padding:10px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(20,18,16,.28);backdrop-filter:blur(6px);color:#ffffff;font-size:20px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.16);pointer-events:none;animation:catalogHintFade 2.6s ease forwards}.product-gallery-card{background:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:.3s;display:flex;flex-direction:column;cursor:pointer;border:.5px solid #e8e8e8}.product-gallery-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15);border-color:#4a90e2}.gallery-card-image{position:relative;width:100%;aspect-ratio:4/5;background:#f5f5f5;overflow:hidden}.gallery-card-image img{width:100%;height:100%;object-fit:cover}.gallery-card-body{padding:18px}.gallery-card-title{font-size:16px;font-weight:600;color:#1a3a47;margin-bottom:6px;line-height:1.3}.gallery-card-brand{font-size:14px;color:#3f3d3d;margin-bottom:8px}.gallery-card-price{display:block;font-size:18px;font-weight:700;color:#4a90e2}.product-gallery-card-link{text-decoration:none;color:inherit}.product-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.product-modal{background:#f1ebcade}.product-modal,.product-modald{width:100%;max-width:930px;max-height:90vh;overflow-y:auto;border-radius:10px;position:relative;animation:fadeIn .3s ease;align-items:center}.product-modald{background:#d6f1cade;display:grid;grid-template-columns:1fr 1fr}.products-gallery{display:grid;gap:25px;margin:.5rem 0;grid-template-columns:repeat(3,1fr)}.product-modal{display:grid;grid-template-columns:1fr 1fr}@media (max-width:768px){.products-gallery{grid-template-columns:repeat(2,1fr)}.product-modal{grid-template-columns:1fr}}.modal-close{position:absolute;top:10px;right:15px;border:none;background:transparent;font-size:22px;cursor:pointer}.modal-images{padding:5px}.modal-images img{width:100%;border-radius:8px}.modal-thumbnails{display:flex;gap:10px;margin-top:10px}.modal-thumbnails img{width:60px;height:60px;object-fit:cover;cursor:pointer;opacity:.6;border-radius:5px}.modal-thumbnails img.active-thumb{opacity:1;border:2px solid #000}.modal-info{color:rgba(14,45,63,.877);margin-left:20px}.modal-info,.modal-infod{font-size:23px;margin-bottom:15px}.modal-infod{color:rgba(6,37,54,.877);margin-left:15px}.modal-info h2{margin-bottom:5px}.modal-brand{color:#147094;margin-bottom:15px}.modal-brandd{color:#991f39;margin-bottom:15px}.modal-description{margin-bottom:15px;line-height:1.6;margin-right:15px}.modal-size{margin-bottom:15px}.modal-price{font-size:20px;font-weight:700;margin-top:10px;margin-bottom:5px;color:#267bfa}.whatsapp-button{display:inline-block;background:#25d366;color:#fff;padding:14px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:.3s ease}.whatsapp-button:hover{background:#1ebe5d}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes catalogHintFade{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}78%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-8px)}}@media (max-width:768px){.catalogo-hint{top:88px;max-width:calc(100vw - 32px);padding:9px 14px;font-size:11px;text-align:center}}