:root{--negro:#111;--amarillo:#f2c230;--amarillo-oscuro:#dcae1f;--blanco:#fff;--gris-50:#f7f7f7;--gris-100:#efefef;--gris-200:#e1e1e1;--gris-300:#cfcfcf;--gris-400:#9a9a9a;--gris-600:#666;--texto:#111;--suave:#666;--borde:#e1e1e1;--whatsapp:#1fa855;--radio:8px;--ancho:1400px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--texto);background:var(--blanco);margin:0;font:18px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}h2{letter-spacing:-.01em;font-size:clamp(1.8rem,1.2rem + 2vw,2.7rem);font-weight:800;line-height:1.15}.contenedor{max-width:var(--ancho);margin:0 auto;padding-inline:1.5rem}.suave{color:var(--suave)}.etiqueta{letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-block}.encabezado-seccion{max-width:760px;margin-bottom:2.75rem}.encabezado-seccion p{color:var(--suave);margin-top:.75rem;font-size:1.15rem}.seccion{padding-block:6rem}.seccion+.seccion{border-top:1px solid var(--borde)}.boton{border-radius:var(--radio);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;min-height:56px;padding:.8rem 1.75rem;font-size:1.05rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.boton:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.boton.primario{background:var(--amarillo);color:var(--negro);border-color:var(--amarillo)}.boton.primario:hover{background:var(--amarillo-oscuro);border-color:var(--amarillo-oscuro)}.boton.whatsapp{background:var(--whatsapp);color:var(--blanco);border-color:var(--whatsapp)}.boton.whatsapp:hover{background:#178f47;border-color:#178f47}.boton.secundario{color:var(--negro);border-color:var(--gris-300);background:0 0}.boton.secundario:hover{border-color:var(--negro)}.boton.oscuro{background:var(--negro);color:var(--blanco);border-color:var(--negro)}.boton.oscuro:hover{background:#2a2a2a}.boton.chico{min-height:44px;padding:.5rem 1.15rem;font-size:.95rem}.acciones{flex-wrap:wrap;gap:1rem;display:flex}.header{background:var(--negro);color:var(--blanco);z-index:10;position:sticky;top:0}.header .contenedor{justify-content:space-between;align-items:center;gap:1rem;min-height:76px;display:flex}.header nav{align-items:center;gap:2rem;display:flex}.header nav a:not(.boton){color:var(--gris-300);font-size:1rem;font-weight:500}.header nav a:not(.boton):hover{color:var(--blanco)}.header .logo{align-items:center;display:flex}.portada{isolation:isolate;color:var(--blanco);background:var(--negro);align-items:center;min-height:min(82vh,820px);padding-block:8.5rem 10rem;display:grid;position:relative;overflow:hidden}.portada:before{content:"";z-index:-2;background:url(/imagenes/portada.webp) 50%/cover no-repeat;animation:16s ease-out both portada-zoom;position:absolute;inset:0}.portada:after{content:"";z-index:-1;background:linear-gradient(90deg,#111111f0 0%,#111c 45%,#1116 100%),linear-gradient(#11111126,#1119);position:absolute;inset:0}.portada .contenedor{width:100%}.portada .etiqueta{color:var(--amarillo)}.portada h1{letter-spacing:-.02em;max-width:15ch;font-size:clamp(2.8rem,1.6rem + 4.6vw,5.2rem);font-weight:800;line-height:1.04}.portada h1 em{color:var(--amarillo);font-style:normal}.portada .bajada{color:var(--gris-300);max-width:620px;margin-top:1.75rem;font-size:1.3rem}.portada .acciones{margin-top:2.75rem}.portada-texto>*{animation:.8s cubic-bezier(.2,.7,.2,1) both subir}.portada-texto>:nth-child(2){animation-delay:.1s}.portada-texto>:nth-child(3){animation-delay:.2s}.portada-texto>:nth-child(4){animation-delay:.3s}@keyframes subir{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes portada-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.cifras-banda{z-index:1;margin-top:-4.75rem;position:relative}.cifras{background:var(--amarillo);color:var(--negro);border-radius:var(--radio);grid-template-columns:repeat(3,1fr);display:grid;box-shadow:0 18px 40px #0003}.cifra{text-align:center;padding:2.4rem 2rem}.cifra+.cifra{border-left:1px solid #11111126}.cifra strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,1.6rem + 3vw,4.4rem);font-weight:800;line-height:1;display:block}.cifra .texto{letter-spacing:.06em;text-transform:uppercase;color:#111111b8;margin-top:.7rem;font-size:1rem;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.portada:before,.portada-texto>*{animation:none}}.quienes .contenedor{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:5rem;display:grid}.quienes .texto h2{max-width:640px}.quienes .texto>p{color:var(--suave);max-width:640px;margin-top:1.5rem;font-size:1.2rem}.quienes .texto h2+p{margin-top:1.75rem}.valores{grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin-top:2.75rem;display:grid}.valor{border-left:4px solid var(--amarillo);padding-left:1.1rem}.valor strong{letter-spacing:-.01em;font-size:1.2rem;font-weight:800;display:block}.valor p{color:var(--suave);margin-top:.3rem;font-size:1.02rem}.quienes .foto{position:relative}.quienes .foto img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radio);width:100%;height:auto}.distintivo{background:var(--negro);color:var(--blanco);border-radius:var(--radio);padding:1.35rem 1.75rem;display:grid;position:absolute;bottom:2.5rem;left:-1.5rem;box-shadow:0 14px 30px #00000040}.distintivo strong{color:var(--amarillo);letter-spacing:-.03em;font-size:3.2rem;font-weight:800;line-height:1}.distintivo span{text-transform:uppercase;letter-spacing:.06em;color:var(--gris-300);margin-top:.4rem;font-size:.9rem;font-weight:700}.marcas{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.marca{aspect-ratio:5/3;border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);text-align:center;letter-spacing:.02em;color:var(--negro);place-items:center;padding:1.25rem 1.5rem;font-size:1.35rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.marca:hover{border-color:var(--negro);transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.marca.oscura{background:var(--negro);border-color:var(--negro);color:var(--blanco)}.marca img{object-fit:contain;width:auto;max-width:80%;max-height:72px}.marca>*{animation:6s ease-in-out infinite marca-flota;animation-delay:calc(var(--i) * -.7s)}.marcas[data-animar] .marca{opacity:0}.marcas[data-animar=visible] .marca{animation:.65s cubic-bezier(.2,.7,.2,1) both marca-aparece;animation-delay:calc(var(--i) * 55ms)}.nota-marcas{color:var(--suave);margin-top:1.5rem;font-size:.95rem}@keyframes marca-aparece{0%{opacity:0;transform:translateY(22px)scale(.9)}to{opacity:1;transform:none}}@keyframes marca-flota{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.marca,.marca>*{opacity:1;animation:none}.marca:hover{transform:none}}.categorias{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.categoria{border:1px solid var(--borde);border-radius:var(--radio);background:var(--blanco);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.categoria:hover{border-color:var(--negro);box-shadow:0 2px 10px #0000000f}.categoria .imagen{aspect-ratio:4/3;background:var(--gris-50);place-items:center;display:grid;overflow:hidden}.categoria .imagen img{object-fit:contain;width:100%;height:100%;padding:1rem}.categoria .imagen svg{width:64px;height:64px;color:var(--gris-300)}.categoria .nombre{justify-content:space-between;align-items:center;gap:.5rem;padding:1.15rem 1.35rem;font-size:1.2rem;font-weight:600;display:flex}.categoria .nombre:after{content:"→";color:var(--gris-400)}.sin-categorias{border:1px dashed var(--gris-300);border-radius:var(--radio);color:var(--suave);text-align:center;padding:2rem;font-size:1.1rem}.pie-seccion{margin-top:2.75rem}.seccion.productos{background:var(--gris-50)}.llamado{isolation:isolate;background:var(--negro);color:var(--blanco);padding-block:6.5rem;position:relative;overflow:hidden}.llamado:before{content:"";z-index:-1;background:linear-gradient(90deg,#111111f2,#111111b8),url(/imagenes/llamado.webp) 50%/cover no-repeat;position:absolute;inset:0}.llamado .contenedor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;display:grid}.llamado h2{color:var(--blanco)}.llamado p{color:var(--gris-300);max-width:640px;margin-top:.75rem;font-size:1.15rem}.llamado .acciones{justify-content:flex-end}.pie{border-top:1px solid var(--borde);color:var(--suave);padding-block:3.5rem;font-size:1rem}.pie .contenedor{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2rem 3rem;display:grid}.pie strong{color:var(--texto);margin-bottom:.5rem;font-size:1.05rem;display:block}.pie a:hover{color:var(--texto);text-decoration:underline}.pie ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.pie li{overflow-wrap:anywhere}.pie .ubicacion{margin-top:.75rem}.pie .legal{border-top:1px solid var(--borde);grid-column:1/-1;padding-top:1.5rem;font-size:.9rem}@media (max-width:860px){body{font-size:17px}.seccion{padding-block:3.75rem}.portada{min-height:0;padding-block:5rem 7rem}.portada h1{max-width:none}.cifras-banda{margin-top:-3.5rem}.cifras{grid-template-columns:1fr}.cifra{padding:1.5rem}.cifra+.cifra{border-top:1px solid #11111126;border-left:0}.distintivo{padding:1rem 1.25rem;bottom:1rem;left:1rem}.distintivo strong{font-size:2.2rem}.header .contenedor{min-height:68px}.header nav a:not(.boton){display:none}.quienes .contenedor{grid-template-columns:1fr;gap:2.5rem}.marcas{grid-template-columns:repeat(3,1fr)}.llamado{padding-block:4rem}.llamado .contenedor{grid-template-columns:1fr}.llamado .acciones{justify-content:flex-start}.pie .contenedor{grid-template-columns:1fr}}@media (max-width:480px){.acciones .boton{flex:100%}.marcas{grid-template-columns:repeat(2,1fr);gap:.9rem}.marca{padding:1rem;font-size:1.1rem}.marca img{max-height:48px}.categorias{grid-template-columns:repeat(2,1fr);gap:1rem}.categoria .nombre{padding:.9rem 1rem;font-size:1.05rem}.valores{grid-template-columns:1fr}}