/* Sitio raíz asaditos.ar — solo lo propio de esta página.
   Sistema de diseño y componentes comunes: /bienvenido/assets/asaditos.css (+ animaciones.css). */

.hero--inicio{padding-block:clamp(56px, 8vw, 112px) clamp(64px, 8vw, 104px);}
.hero--inicio h1{font-size:clamp(2.8rem, 6vw, 5.2rem);}

/* ---------- cifras ---------- */
.cifras-banda{padding-block:0; background:var(--superficie); border-block:1px solid var(--borde-suave);}
.cifras{display:grid; grid-template-columns:repeat(4, 1fr);}
.cifra{padding:38px 28px; border-left:1px solid var(--borde-suave);}
.cifra:first-child{border-left:0; padding-left:0;}
.cifra b{display:block; font-family:var(--fuente-titulo); font-size:clamp(2.6rem, 4.4vw, 3.6rem); font-weight:400; line-height:1; color:var(--acento); font-variant-numeric:lining-nums tabular-nums;}
.cifra span{display:block; margin-top:12px; font-size:.9rem; color:var(--texto-3); max-width:22ch;}

/* ---------- filtros de productos ---------- */
.filtros{
  display:flex; flex-wrap:wrap; gap:4px; width:fit-content; max-width:100%; margin:0 0 52px; padding:5px;
  background:var(--superficie); border:1px solid var(--borde-suave); border-radius:100px; box-shadow:var(--sombra-s);
  position:sticky; top:78px; z-index:20;
}
.filtro{
  font:500 .9rem/1 var(--fuente-texto); border:0; background:transparent; color:var(--texto-2);
  padding:11px 18px; border-radius:100px; cursor:pointer; transition:background .25s, color .25s;
}
.filtro:hover{color:var(--texto);}
.filtro[aria-pressed="true"]{background:var(--texto); color:var(--fondo);}
.linea.oculta{display:none;}

/* ---------- calidad ---------- */
.banda-alt{background:var(--fondo-alt);}
.pasos{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--borde);}
.paso{padding:32px 28px 8px;}
.paso:first-child{padding-left:0;}
.paso + .paso{border-left:1px solid var(--borde-suave);}
.paso-n{display:block; font-family:var(--fuente-dato); font-size:.72rem; letter-spacing:.14em; color:var(--acento);}
.paso .icono{width:30px; height:30px; color:var(--acento-2); margin:20px 0 16px;}
.paso h3{font-size:1.4rem;}
.paso p{margin-top:10px; font-size:.94rem; color:var(--texto-2);}
.fichas-toggle{margin-top:64px; background:var(--superficie); border:1px solid var(--borde-suave); border-radius:var(--radio-l); box-shadow:var(--sombra-s); overflow:hidden;}
.fichas-toggle summary{
  list-style:none; cursor:pointer; padding:22px 28px; display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-family:var(--fuente-titulo); font-size:1.25rem; transition:background .2s;
}
.fichas-toggle summary:hover{background:var(--fondo-alt);}
.fichas-toggle summary::-webkit-details-marker{display:none;}
.fichas-toggle summary .icono{width:22px; height:22px; color:var(--acento); transition:rotate .3s var(--curva);}
.fichas-toggle[open] summary .icono{rotate:180deg;}
.fichas-toggle > section{padding:8px 28px 32px;}
.fichas-toggle .sec-head{margin-bottom:24px;}
.fichas-toggle .sec-head .sec-eyebrow{display:none;}
.fichas-toggle .sec-head h2{font-size:1.6rem;}

/* ---------- negocios ---------- */
.negocios{display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(40px, 6vw, 96px); align-items:start;}
.negocios .sec-head{margin-bottom:0; position:sticky; top:110px;}
.negocios-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:32px;}
.negocios-lista{list-style:none; margin:0; padding:0; border-bottom:1px solid var(--borde);}
.negocio{display:grid; grid-template-columns:52px 1fr; gap:22px; padding:30px 0; border-top:1px solid var(--borde);}
.negocio-ic{width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:var(--acento-suave); color:var(--acento);}
.negocio-ic .icono{width:24px; height:24px;}
.negocio h3{font-size:1.4rem;}
.negocio p{margin-top:8px; font-size:.96rem; color:var(--texto-2);}

/* ---------- cierre (Instagram) ---------- */
.cierre{border-top:1px solid var(--borde-suave); text-align:center;}
.cierre-inner{display:flex; flex-direction:column; align-items:center;}
.cierre-icono{width:40px; height:40px; color:var(--acento); margin-bottom:22px;}
.cierre h2{font-size:clamp(2rem, 4vw, 3rem);}
.cierre p{color:var(--texto-3); margin:16px auto 30px; max-width:48ch;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .cifras{grid-template-columns:1fr 1fr;}
  .cifra:nth-child(3){border-left:0; padding-left:0;}
  .cifra:nth-child(n+3){border-top:1px solid var(--borde-suave);}
  .pasos{grid-template-columns:1fr 1fr;}
  .paso:nth-child(3){border-left:0; padding-left:0;}
  .paso:nth-child(n+3){border-top:1px solid var(--borde-suave);}
  .negocios{grid-template-columns:1fr;}
  .negocios .sec-head{position:static;}
  .filtros{top:72px;}
}
@media (max-width:560px){
  .cifra{padding:28px 18px;}
  .pasos{grid-template-columns:1fr;}
  .paso, .paso:nth-child(3){padding-left:0; border-left:0 !important;}
  .paso + .paso{border-top:1px solid var(--borde-suave);}
  .filtros{border-radius:var(--radio-m);}
}