@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/montserrat.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat Alternates';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-alternates-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat Alternates';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-alternates-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Montserrat Alternates';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-alternates-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --papel:#f6f4ef;
  --papel-claro:#fffdf9;
  --tinta:#0b0c0f;
  --tinta-media:#2b3038;
  --tinta-suave:#5c6270;
  --azul:#3e55ea;
  --azul-velo:#d4eaff;
  --gut:44px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--papel);color:var(--tinta);
  font-family:Montserrat,system-ui,sans-serif;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:'Montserrat Alternates',sans-serif;letter-spacing:-0.042em;line-height:1.04}

/* marcas de corte */
.mk{position:absolute;width:13px;height:13px}
.mk-tl{border-left:1px solid var(--tinta);border-top:1px solid var(--tinta);left:-1px;top:-1px}
.mk-tr{border-right:1px solid var(--tinta);border-top:1px solid var(--tinta);right:-1px;top:-1px}
.mk-bl{border-left:1px solid var(--tinta);border-bottom:1px solid var(--tinta);left:-1px;bottom:-1px}
.mk-br{border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);right:-1px;bottom:-1px}

.tec{font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.col p{margin:0 0 15px;font-size:16px;line-height:1.68;color:var(--tinta-media)}
.col p:last-child{margin-bottom:0}
.col p b{font-family:'Montserrat Alternates',sans-serif;font-weight:600;color:var(--tinta)}
.marco{padding-inline:var(--gut)}

/* tiras de control */
.tira{display:flex;align-items:stretch;height:30px}
.tira span.c{display:block}
.tira .et{display:flex;align-items:center;padding:0 16px;color:var(--tinta-suave)}

/* cabecera */
header{
  position:sticky;top:0;z-index:40;background:var(--papel);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 var(--gut);height:76px;border-bottom:1px solid var(--tinta);
}
header nav{display:flex;align-items:center;gap:28px;font-size:14.5px}
header nav a{text-decoration:none}
header nav a:not(.cta):hover{text-decoration:underline;text-underline-offset:5px}
.cta{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;white-space:nowrap;
  background:var(--azul);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;
  border:1px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .3s ease;
}
.cta:hover{background:#2c3fc9;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--tinta)}
.cta-c{display:none}
.wa-boton{
  display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 22px;white-space:nowrap;
  background:#1f8f4e;color:#fff;text-decoration:none;font-weight:600;font-size:16px;
  border:1px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .3s ease;
}
.wa-boton:hover{background:#17733e;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.wa-boton svg{width:22px;height:22px}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px 18px;margin-top:30px}
.hero-cta .cta{min-height:54px;padding:0 22px;font-size:16px;box-shadow:4px 4px 0 var(--tinta)}
.hero-cta .cta:hover{box-shadow:6px 6px 0 var(--tinta)}
.hero-nota{margin-top:16px;font-size:14.5px;line-height:1.55;color:var(--tinta-suave);max-width:52ch}

/* cruz de registro */
.separador{display:flex;align-items:center;gap:16px;padding:40px var(--gut) 0}
.separador .linea{flex-grow:1;height:1px;background:var(--tinta)}

/* ficha de 4 */
.ficha4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--tinta)}
.ficha4 > div{padding:17px 20px 19px;border-right:1px solid var(--tinta)}
.ficha4 > div:first-child{padding-left:var(--gut)}
.ficha4 > div:last-child{border-right:0;padding-right:var(--gut)}
.ficha4 .dato{font-family:'Montserrat Alternates',sans-serif;font-weight:600;font-size:16px}

/* bloques imagen + texto */
.bloque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:44px var(--gut) 0}
.bloque figure{margin:0;position:relative;padding:9px}
.bloque img{width:100%;height:326px;object-fit:cover}
.bloque figcaption{margin-top:11px;color:var(--tinta-suave)}
.bloque .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:var(--azul)}
.bloque h2{font-size:38px;font-weight:700;margin-bottom:16px}

/* rejilla de fichas */
.rejilla{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--tinta);margin-top:40px}
.rejilla > article{
  padding:34px 32px 38px;border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);
  background:var(--papel-claro);transition:background .4s ease;
}
.rejilla > article:nth-child(2n){border-right:0}
.rejilla > article:hover{background:var(--azul-velo)}
.rejilla h3{font-size:25px;font-weight:600;margin:12px 0 11px}
.rejilla p{font-size:15.5px;line-height:1.62;color:var(--tinta-media)}
.rejilla .num{color:var(--azul)}

/* técnicas */
.tecnicas{border-top:1px solid var(--tinta);margin-top:40px}
.tecnica{
  display:grid;grid-template-columns:62px minmax(0,230px) 1fr;gap:28px;align-items:baseline;
  padding:20px var(--gut);border-bottom:1px solid var(--tinta);
}
.tecnica h3{font-size:22px;font-weight:600}
.tecnica p{font-size:15.5px;line-height:1.6;color:var(--tinta-media)}
.tecnica .n{color:var(--tinta-suave)}

/* grupo */
.grupo{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:0 var(--gut)}
.grupo a{
  position:relative;display:block;padding:34px 32px 36px;
  border:1px solid var(--tinta);background:var(--papel-claro);text-decoration:none;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
}
.grupo a:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--azul)}
.grupo h3{font-size:27px;font-weight:600;margin:12px 0 11px}
.grupo p{font-size:15.5px;line-height:1.62;color:var(--tinta-media)}
.hermana{padding:0!important;overflow:hidden}
.hermana > *:not(.hermana-foto){margin-left:32px;margin-right:32px}
.hermana > .ir{margin-bottom:30px}
.hermana-foto{position:relative;margin:0 0 22px;border-bottom:1px solid var(--tinta);aspect-ratio:16/9;overflow:hidden;background:var(--tinta)}
.hermana-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.hermana:hover .hermana-foto img{transform:scale(1.04)}
.hermana-tag{position:absolute;left:14px;bottom:14px;background:var(--tinta);color:#fff;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px}
@media (max-width:600px){.hermana > *:not(.hermana-foto){margin-left:18px;margin-right:18px}}
.hermana-sekuro{--marca:#FF5A1F}.hermana-kozo{--marca:#F7B82D}
.grupo a.hermana:hover{box-shadow:6px 6px 0 var(--marca)}
.hermana:hover .hermana-ico{background:var(--marca);color:var(--tinta);border-color:var(--tinta)}
.hermana:hover .hermana-tag{background:var(--marca);color:var(--tinta)}
.hermana:hover .ir{color:var(--tinta)}
.hermana .hermana-cab{transition:border-color .35s}.hermana:hover .hermana-cab{border-bottom-color:var(--marca)}
.hermana-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--tinta)}
.hermana-logo{height:30px;width:auto}
.hermana-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--tinta);color:var(--azul);background:var(--papel)}
.hermana-grupo{color:var(--azul)}
.hermana-lista{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hermana-lista li{font-size:13px;font-weight:500;padding:6px 10px;border:1px solid var(--linea, #c9c6be);background:var(--papel)}
.grupo .ir{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:var(--azul);font-weight:500;font-size:15px}

/* proceso */
.proceso{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tinta);margin-top:40px}
.paso{padding:32px 30px 38px;border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta)}
.paso:last-child{border-right:0}
.paso .n{font-family:'Montserrat Alternates',sans-serif;font-weight:700;font-size:46px;color:var(--azul);line-height:1;margin-bottom:18px}
.paso h3{font-size:20px;font-weight:600;margin-bottom:10px}
.paso p{font-size:15.5px;line-height:1.6;color:var(--tinta-media)}

/* faq */
.faq{border-top:1px solid var(--tinta);margin-top:40px}
.faq details{border-bottom:1px solid var(--tinta)}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;
  list-style:none;padding:22px var(--gut);font-family:'Montserrat Alternates',sans-serif;
  font-weight:600;font-size:20px;letter-spacing:-0.03em;transition:background .35s ease;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--azul-velo)}
.faq details[open] summary{background:var(--azul-velo)}
.faq .signo{position:relative;width:17px;height:17px;flex-shrink:0}
.faq .signo::before,.faq .signo::after{content:"";position:absolute;background:var(--azul);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s}
.faq .signo::before{left:0;top:8px;width:17px;height:1.5px}
.faq .signo::after{left:8px;top:0;width:1.5px;height:17px}
.faq details[open] .signo::after{transform:rotate(90deg);opacity:0}
.faq .respuesta{padding:0 var(--gut) 26px;max-width:84ch;font-size:16px;line-height:1.68;color:var(--tinta-media)}

/* cierre */
.cierre{position:relative;margin:46px var(--gut) 0;background:var(--azul);color:#fff;padding:52px 44px 50px}
.cierre .mk{border-color:var(--tinta)}
.cierre-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;flex-wrap:wrap}
.cierre h2{font-size:46px;font-weight:600;line-height:1.08;max-width:19ch}
.boton-claro{
  display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 30px;
  background:#fff;color:#2c3fc9;text-decoration:none;font-size:16.5px;font-weight:600;
  transition:gap .35s cubic-bezier(.22,1,.36,1);
}
.boton-claro:hover{gap:22px}
.tel{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:underline;text-underline-offset:5px;font-size:16px}

/* pie */
footer{margin-top:46px;border-top:1px solid var(--tinta);padding:40px var(--gut) 0}
.pie-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}
.pie-grid h4{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-family:Montserrat,sans-serif}
.pie-grid ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.pie-grid a{font-size:15px;color:var(--tinta-media);text-decoration:none}
.pie-grid a:hover{color:var(--azul)}

/* entrada */
.rev{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.rev.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}}

@media (max-width:980px){
  :root{--gut:22px}
  .bloque,.grupo,.rejilla,.proceso,.ficha4,.pie-grid{grid-template-columns:1fr}
  .bloque figure{order:1!important}
  .bloque .col{order:2!important}
  .ficha4 > div,.rejilla > article,.paso{border-right:0;border-bottom:1px solid var(--tinta)}
  .tecnica{grid-template-columns:48px 1fr;row-gap:8px}
  .tecnica p{grid-column:2}
  header nav a:not(.cta){display:none}
}

/* la foto del pliego no marca la altura: la marca el texto */
.hero-fig img{position:absolute;inset:13px;width:calc(100% - 26px)!important;height:calc(100% - 26px)!important}
.hero-fig{min-height:420px}

/* datos clave del pliego principal */
.pastillas{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pastillas li{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 13px;border:1px solid var(--tinta);border-radius:999px;background:var(--papel);font-size:13px;font-weight:600}
.pastillas li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--azul)}
.claves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.clave{border:1px solid var(--tinta);background:var(--papel);padding:16px 16px 15px;box-shadow:3px 3px 0 var(--tinta)}
.clave-fuerte{background:var(--azul);color:#fff}
.clave-dato{font-family:'Montserrat Alternates',sans-serif;font-weight:700;font-size:34px;line-height:1;letter-spacing:-.04em;color:var(--azul)}
.clave-fuerte .clave-dato{color:#fff}
.clave-tit{margin-top:6px;font-weight:700;font-size:14px;line-height:1.25}
.clave-txt{margin-top:6px;font-size:13px;line-height:1.45;color:var(--tinta-media)}
.clave-fuerte .clave-txt{color:#dfe5ff}
@media (max-width:1180px) and (min-width:981px){.claves{grid-template-columns:1fr}}
@media (max-width:600px){.claves{grid-template-columns:1fr}.clave{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.clave-dato{grid-row:1/3;font-size:30px;min-width:3.6ch}.clave-tit{margin-top:0}.clave-txt{grid-column:2;margin-top:2px}}

/* catálogo destacado en la home */
.cat-home{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0;margin:46px var(--gut) 0;border:1px solid var(--tinta);background:var(--papel-claro)}
.cat-home-fig{position:relative;margin:0;padding:13px;background:var(--tinta);min-height:360px}
.cat-home-fig img{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);object-fit:cover}
.cat-home-txt{padding:42px 44px 40px}
.cat-home-txt .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--azul)}
.cat-home-txt h2{font-size:44px;font-weight:700;max-width:18ch}
.cat-home-lead{margin-top:14px;font-size:17px;line-height:1.6;color:var(--tinta-media);max-width:56ch}
.cat-cifras{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cat-cifras div{border:1px solid var(--tinta);background:var(--papel);padding:12px 16px;min-width:120px;box-shadow:3px 3px 0 var(--tinta)}
.cat-cifras b{display:block;font-family:'Montserrat Alternates',sans-serif;font-weight:700;font-size:30px;line-height:1;color:var(--azul);letter-spacing:-.04em}
.cat-cifras span{font-size:13px;font-weight:600}
.cat-secciones{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cat-secciones a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border:1px solid var(--tinta);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .3s,color .3s}
.cat-secciones a span{color:var(--tinta-suave);font-weight:500}
.cat-secciones a:hover{background:var(--azul);color:#fff}.cat-secciones a:hover span{color:#dfe5ff}
.cta-fila{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:26px;align-items:center}
.btn-sec{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--tinta);background:var(--papel);color:var(--tinta);text-decoration:none;font-weight:600;font-size:15px;transition:background .3s}
.btn-sec:hover{background:var(--azul-velo)}
/* banda de llamada a la acción */
.cta-banda{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin:40px var(--gut) 0;padding:26px 30px;border:1px solid var(--tinta);background:var(--azul-velo);box-shadow:5px 5px 0 var(--tinta)}
.cta-banda-t{font-family:'Montserrat Alternates',sans-serif;font-weight:600;font-size:24px;letter-spacing:-.03em;line-height:1.2}
.cta-banda-s{margin-top:6px;font-size:15px;color:var(--tinta-media);max-width:60ch}
.cta-banda .cta-fila{margin-top:0}
.cta-banda .wa-boton{min-height:46px;font-size:15px;padding:0 18px}
@media (max-width:980px){.cat-home{grid-template-columns:minmax(0,1fr)}.cat-home-fig{height:min(66vw,420px)}.cat-home-txt{padding:30px 26px}.cat-home-txt h2{font-size:34px}}
@media (max-width:600px){.cat-home{margin-top:32px}.cat-home-txt{padding:24px 18px}.cat-home-txt h2{font-size:28px}.cat-cifras div{min-width:0;flex:1}.cat-cifras b{font-size:24px}.cta-banda{padding:20px 18px;margin-top:30px}.cta-banda-t{font-size:20px}.cta-fila .cta,.cta-fila .btn-sec,.cta-fila .wa-boton{width:100%;justify-content:center}}

/* producto a tu medida */
.dos-cosas{display:grid;grid-template-columns:1fr 1fr auto;gap:0;align-items:stretch;margin:40px var(--gut) 0;border:1px solid var(--tinta);background:var(--tinta)}
.dos-cosa{display:flex;gap:16px;padding:26px 26px 24px;background:var(--papel-claro)}
.dos-cosa + .dos-cosa{border-left:1px solid var(--tinta)}
.dos-cosa h3{font-size:20px;font-weight:600;margin-bottom:8px}
.dos-cosa p{font-size:15px;line-height:1.6;color:var(--tinta-media)}
.dos-cosas > .cta{align-self:stretch;justify-content:center;min-height:100%;padding:0 26px;box-shadow:none;border:0;border-left:1px solid var(--tinta)}
.dos-cosas > .cta:hover{transform:none;box-shadow:none}
@media (max-width:980px){.dos-cosas{grid-template-columns:1fr}.dos-cosa + .dos-cosa{border-left:0;border-top:1px solid var(--tinta)}.dos-cosas > .cta{border-left:0;border-top:1px solid var(--tinta);min-height:56px}}
@media (max-width:600px){.dos-cosa{padding:20px 18px;gap:12px}.dos-cosa h3{font-size:18px}}

/* técnicas de un vistazo */
.tec-ir{display:inline-flex;gap:6px;margin-top:16px;font-weight:600;color:var(--azul);text-decoration:none}
.tec-ir:hover{text-decoration:underline;text-underline-offset:4px}
.tec-grid-sec{margin:28px var(--gut) 0}
.tec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--tinta);border-left:1px solid var(--tinta);background:var(--papel-claro)}
.tec-card{position:relative;padding:22px 22px 20px;border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);transition:background .35s ease}
.tec-card:hover{background:#fff}
.tec-card:hover .ico{background:var(--azul);color:#fff}
.tec-card-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tec-card-n{font-family:'Montserrat Alternates',sans-serif;font-weight:700;font-size:13px;color:var(--tinta-suave);letter-spacing:.08em}
.tec-card h3{font-size:22px;font-weight:600}
.tec-card-dato{display:inline-block;margin-top:8px;padding:4px 10px;background:var(--azul);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.tec-card-txt{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--tinta-media)}
.tec-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--tinta-suave);font-size:13px;line-height:1.45}
.tec-card dt{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;color:var(--tinta-suave);padding-top:2px}
.tec-card dd{color:var(--tinta)}
@media (max-width:980px){.tec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tec-grid-sec{margin-top:20px}.tec-grid{grid-template-columns:1fr}.tec-card{padding:18px 16px}}

/* iconos y fotos de línea */
.ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--tinta);background:var(--papel);color:var(--azul);flex-shrink:0;transition:background .35s ease,color .35s ease}
.rejilla > article:hover .ico,.paso:hover .ico,.tecnica:hover .ico{background:var(--azul);color:#fff}
.linea-cab,.paso-cab{display:flex;align-items:center;justify-content:space-between;gap:16px}
.paso-cab{margin-bottom:18px}.paso-cab .n{margin-bottom:0}
.linea-img{display:block;margin:18px 0 0;border:1px solid var(--tinta);overflow:hidden}
.linea-img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.rejilla > article:hover .linea-img img{transform:scale(1.03)}
.linea-ir{display:inline-flex;gap:6px;margin-top:14px;font-size:14px;font-weight:600;color:var(--azul);text-decoration:none}
.linea-ir:hover{text-decoration:underline;text-underline-offset:4px}
.tecnica .n{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.tecnica .ico{width:44px;height:44px}.tecnica .ico svg{width:26px;height:26px}
.tecnica{grid-template-columns:62px minmax(0,230px) 1fr}
@media (max-width:980px){.tecnica .n{flex-direction:row;align-items:center}}
@media (max-width:600px){.ico{width:40px;height:40px}.tecnica{grid-template-columns:1fr}.tecnica p{grid-column:1}}

@media (max-width:980px){
  .hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .hero-txt{border-right:0!important;border-bottom:1px solid var(--tinta);padding:36px 28px 32px!important}
  .hero-h1{font-size:52px!important}
  .hero-fig{height:min(110vw,560px)}
  .hero-fig img{height:100%!important}
  .h2-g{font-size:38px!important}
  .tray{padding:32px 28px!important}
  .tray-t{font-size:40px!important}
  .ficha4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ficha4 > div{padding:16px 22px!important;border-right:1px solid var(--tinta)}
  .ficha4 > div:nth-child(2n){border-right:0}
  .bloque{gap:22px;padding-top:36px}
  .bloque img{height:auto;aspect-ratio:4/3}
  .bloque h2{font-size:32px}
  .tira .tira-a{display:none}
  .cierre{padding:40px 28px}
  .cierre h2{font-size:36px}
  .pie-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  :root{--gut:16px}
  .tira{height:26px}
  .tira .c:nth-child(n+2),.tira .tira-fin{display:none}
  .tira .c:first-child{width:18px!important}
  .tira .tira-b{display:block;line-height:26px;padding-right:var(--gut)!important;font-size:9.5px}
  .cta-l{display:none}.cta-c{display:inline}
  .hero-cta .cta,.wa-boton{width:100%;justify-content:center;white-space:normal;text-align:center;padding:10px 16px!important;font-size:15px!important}
  .hero-cta .cta .cta-x{display:none}
  .tira .et{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:9.5px}
  header{height:64px;gap:12px}
  header nav{gap:14px}
  header .cta{padding:0 14px;min-height:40px;font-size:14px}
  .pliego{margin-top:20px!important}
  .hero-txt{padding:26px 18px 24px!important}
  .hero-h1{font-size:clamp(34px,10.4vw,44px)!important;line-height:1!important}
  .hero-sub{font-size:21px!important;max-width:none!important}
  .hero-lead{font-size:16px!important;margin-top:18px!important}
  .ficha4 > div{padding:14px 16px!important}
  .ficha4 .dato{font-size:14.5px}
  .tray{margin-top:18px!important;padding:26px 18px!important}
  .tray-t{font-size:30px!important}
  .h2-g{font-size:30px!important}
  .bloque h2{font-size:27px}
  .separador{padding-top:30px}
  .rejilla > article,.grupo a,.paso{padding:26px 18px 28px}
  .rejilla h3,.grupo h3{font-size:22px}
  .tecnica{grid-template-columns:34px 1fr;gap:6px 12px;padding:16px var(--gut)}
  .faq summary{font-size:17px;padding:18px var(--gut)}
  .cierre{margin-top:34px;padding:32px 20px}
  .cierre h2{font-size:29px}
  .pie-grid{grid-template-columns:1fr;gap:26px}
}
@media (max-width:380px){header nav{gap:10px}header .cta{padding:0 10px}}
@media (max-width:980px){.tecnica{grid-template-columns:1fr!important;row-gap:8px}.tecnica p{grid-column:1!important}}
@media (max-width:380px){header .isotipo{height:24px!important}header>a svg[aria-label="Dartia"]{height:21px!important}header>a{gap:7px!important}header nav{gap:9px!important}header .cta{padding:0 9px!important;font-size:13px!important}}

header nav a.siempre{display:inline-flex!important}
.pie-legal{font-size:13px;color:var(--tinta-suave);padding:0 0 22px;line-height:1.6}
.pie-legal a{color:var(--tinta-suave)}
.migas{display:flex;flex-wrap:wrap;gap:6px;padding:22px var(--gut) 0;font-size:13px;color:var(--tinta-suave)}
.migas a{color:var(--tinta-suave);text-decoration:none}.migas a:hover{color:var(--azul)}
.migas span[aria-hidden]{opacity:.5}
.pliego{position:relative;margin:26px var(--gut) 0;border:1px solid var(--tinta);background:var(--papel-claro)}
.cab-pagina{padding:40px 44px 34px;display:flex;flex-wrap:wrap;gap:20px 48px;align-items:flex-end;justify-content:space-between}
.cab-pagina h1{font-size:clamp(36px,5.2vw,62px);font-weight:700;letter-spacing:-.05em;line-height:.98}
.cab-pagina .lead{margin-top:14px;font-size:17px;line-height:1.6;max-width:60ch;color:var(--tinta-media)}
.cifras{display:flex;gap:34px;font-variant-numeric:tabular-nums}
.cifras b{display:block;font-family:'Montserrat Alternates',sans-serif;font-weight:600;font-size:28px;letter-spacing:-.03em}
.cifras span{font-size:12px;color:var(--tinta-suave)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:var(--azul);color:#fff;text-decoration:none;font-weight:500;border:0;cursor:pointer;font:inherit;font-weight:500}
.btn:hover{background:#2c3fc9}
.btn.sec{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}
.btn.sec:hover{background:var(--azul-velo)}
.btn.wa{background:#1f8f4e;color:#fff}.btn.wa:hover{background:#17733e}
.wa-flota{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px 0 16px;background:#1f8f4e;color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1.15;border:1px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .3s}.wa-flota svg{width:24px;height:24px;flex-shrink:0}.wa-flota small{display:block;margin-top:3px;font-weight:500;font-size:11.5px;opacity:.92}.wa-flota:hover{background:#17733e;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}.wa-flota::before{content:'';position:absolute;inset:-1px;border:2px solid #1f8f4e;animation:wa-pulso 2.6s ease-out infinite;pointer-events:none}@keyframes wa-pulso{0%{opacity:.75;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.wa-flota::before{display:none}}@media (max-width:600px){.wa-flota{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:50px;padding:0 15px 0 13px;font-size:14.5px}.wa-flota small{display:none}}
@media (max-width:600px){header .cta{white-space:nowrap;padding:0 12px;font-size:13.5px}header nav{gap:12px}}
@media (min-width:601px){.cta-c{display:none}}@media (max-width:600px){.cta-l{display:none}}@media (max-width:380px){header nav{gap:10px}header .cta{padding:0 10px}}
/* hub */
.linea-cat{margin-top:40px;border-top:1px solid var(--tinta)}
.linea-cat > header{position:static;height:auto;display:block;padding:30px var(--gut) 8px;border:0;background:none}
.linea-cat h2{font-size:38px;font-weight:700}
.linea-cat > header p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--tinta-media);max-width:62ch}
.secciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:22px var(--gut) 8px}
.seccion-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--tinta);background:var(--papel-claro);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.seccion-card:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--azul)}
.seccion-card .fotos{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border-bottom:1px solid var(--tinta)}
.seccion-card .fotos img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.seccion-card h3{font-size:21px;font-weight:600;padding:16px 18px 4px}
.seccion-card p{font-size:13.5px;color:var(--tinta-suave);padding:0 18px 18px}
/* listado */
.zona{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:28px var(--gut) 0}
.filtros{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px}
.buscar{width:100%;padding:11px 12px;border:1px solid var(--tinta);background:var(--papel-claro);font:inherit;font-size:14px;margin-bottom:8px}
.fac{border-top:1px solid var(--tinta);padding:10px 0}
.fac summary{cursor:pointer;font-family:'Montserrat Alternates',sans-serif;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between}
.fac summary::-webkit-details-marker{display:none}
.fac summary::after{content:"+";color:var(--azul)}.fac[open] summary::after{content:"–"}
.fac ul{list-style:none;margin-top:8px;display:grid;gap:2px}
.fac-marca ul{max-height:280px;overflow:auto}
.fac li{display:flex;align-items:center;gap:8px}
.fac input{accent-color:var(--azul);width:16px;height:16px;flex:none}
.fac label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13.5px;cursor:pointer;padding:3px 0;color:var(--tinta-media)}
.fac .et{flex:1;min-width:0}.fac .cn{font-size:12px;color:var(--tinta-suave);font-variant-numeric:tabular-nums}
.fac li.cero label{opacity:.38}
.pt{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);flex:none}
.barra{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.res{font-size:14px}.res b{font-family:'Montserrat Alternates',sans-serif}
.orden{padding:9px 10px;border:1px solid var(--tinta);background:var(--papel-claro);font:inherit;font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.chip{border:1px solid var(--tinta);background:var(--papel-claro);padding:6px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.chip.borrar{border-color:transparent;background:none;text-decoration:underline}
.btn-fil,.cerrar-fil{display:none}
.rejilla-cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:30px 20px}
.prod{display:flex;flex-direction:column;min-width:0;text-decoration:none;position:relative}
.prod .foto{position:relative;background:#fff;border:1px solid var(--tinta);aspect-ratio:2/3;overflow:hidden}
.prod .foto img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.prod:hover .foto img{transform:scale(1.03)}
.prod .sello{position:absolute;left:8px;top:8px;background:var(--tinta);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:5px 7px;text-transform:uppercase}
.prod .marca{margin-top:12px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}
.prod h3{font-size:16.5px;font-weight:600;margin-top:4px;letter-spacing:-.025em}
.prod .meta{font-size:12.5px;color:var(--tinta-suave);margin-top:3px}
.sws{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;align-items:center}
.sw{width:13px;height:13px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);display:inline-block}
.mas{font-size:11.5px;color:var(--tinta-suave);margin-left:3px}
.vacio{grid-column:1/-1;padding:40px 0;color:var(--tinta-suave)}
.mas-btn{display:flex;margin:34px auto 0}
.intro-seccion{padding:0 var(--gut);margin-top:46px;max-width:calc(80ch + var(--gut)*2);font-size:16px;line-height:1.7;color:var(--tinta-media)}
.intro-seccion h2{font-size:28px;font-weight:600;color:var(--tinta);margin-bottom:12px}
/* ficha */
.ficha{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.gal{padding:22px;border-right:1px solid var(--tinta);background:#fff;display:flex;flex-direction:column;gap:12px;min-width:0}
.gal-marco{position:relative;width:100%;max-width:min(100%,520px);margin-inline:auto;aspect-ratio:2/3}
@media (min-width:981px) and (max-height:900px){.gal-marco{max-width:min(100%,max(340px,calc((100vh - 170px)*2/3)))}}
.gal-marco img{width:100%;height:100%;object-fit:contain;display:block}
.nav-g{position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border-radius:50%;border:1px solid var(--tinta);background:rgba(255,255,255,.92);font-size:20px;cursor:pointer}
.nav-g.ant{left:4px}.nav-g.sig{right:4px}
.cont{position:absolute;bottom:8px;right:8px;background:rgba(255,255,255,.92);font-size:12px;padding:5px 9px;font-variant-numeric:tabular-nums}
.minis{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.minis button{flex:none;width:58px;padding:0;border:1px solid #d9d6cf;background:#fff;cursor:pointer;opacity:.7}
.minis button[aria-current="true"]{border-color:var(--tinta);opacity:1;box-shadow:0 0 0 1px var(--tinta)}
.minis img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.info{padding:34px 40px 40px;min-width:0;display:flex;flex-direction:column;gap:16px}
.info .marca{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--azul)}
.info h1{font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.045em}
.info .tipo{font-size:16px;color:var(--tinta-media);margin-top:-6px}
.aviso{border:2px solid var(--azul);background:var(--azul-velo);padding:14px 16px;font-size:15px;line-height:1.5}
.aviso strong{font-family:'Montserrat Alternates',sans-serif}
.desc{font-size:16.5px;line-height:1.68;color:var(--tinta-media)}
.ccol{font-size:14px}.ccol span{color:var(--tinta-suave)}
.sel{display:flex;flex-wrap:wrap;gap:6px}
.sel button{width:32px;height:32px;border-radius:50%;padding:0;border:2px solid transparent;background:none;cursor:pointer;display:grid;place-items:center}
.sel button .sw{width:24px;height:24px}
.sel button[aria-pressed="true"]{border-color:var(--tinta)}
.puntos{list-style:none;border-top:1px solid var(--tinta)}
.puntos li{padding:9px 0;border-bottom:1px solid #d9d6cf;font-size:15px;color:var(--tinta-media)}
.tecs{display:flex;flex-wrap:wrap;gap:8px}
.tecs a{border:1px solid var(--tinta);padding:7px 11px;font-size:13.5px;text-decoration:none;background:var(--papel)}
.tecs a:hover{background:var(--azul-velo)}
.nota{font-size:14px;color:var(--tinta-suave);line-height:1.55}
.datos{width:100%;border-collapse:collapse;font-size:14px}
.datos th,.datos td{text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid #d9d6cf}
.datos th{width:34%;font-weight:500;color:var(--tinta-suave)}
.cta-ficha{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:6px}
.similares{margin-top:44px}
.similares h2{font-size:28px;font-weight:600;padding:0 var(--gut) 18px}
.similares .rejilla-cat{padding:0 var(--gut)}
/* formulario */
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:30px 44px 44px}
.form .ancho{grid-column:1/-1}
.form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid var(--tinta);background:#fff;font:inherit;font-size:15px}
.form textarea{min-height:140px;resize:vertical}
.form .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400}
.form .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--azul)}
.trampa{position:absolute;left:-9999px}
.estado{font-size:15px;padding:12px 14px;display:none}
.estado.ok{display:block;background:var(--azul-velo);border:1px solid var(--azul)}
.estado.mal{display:block;background:#fde8e8;border:1px solid #b42318}
/* legal */
.legal{max-width:calc(84ch + 88px);padding:40px 44px 50px}
.legal h1{font-size:clamp(34px,5vw,56px);font-weight:700}
.legal .fecha{color:var(--tinta-suave);font-size:14px;margin:12px 0 30px}
.legal h2{font-size:24px;font-weight:600;margin:34px 0 10px}
.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--tinta-media)}
.legal p+p{margin-top:12px}.legal ul{margin:10px 0 0 20px}
.legal table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid #d9d6cf}
@media (max-width:980px){
  .zona{grid-template-columns:1fr}
  .filtros{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);max-height:none;background:var(--papel);z-index:60;padding:20px;transform:translateX(-102%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.25)}
  body.fil-abierto .filtros{transform:none}
  .btn-fil{display:inline-flex;gap:6px;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--tinta);background:var(--tinta);color:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
  .cerrar-fil{display:block;margin:0 0 12px auto;min-height:40px;padding:0 14px;border:1px solid var(--tinta);background:none;font:inherit;cursor:pointer}
  .rejilla-cat{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 12px}
  .ficha{grid-template-columns:1fr}.gal{border-right:0;border-bottom:1px solid var(--tinta)}
  .info,.cab-pagina,.legal{padding:26px 22px}
  .form{grid-template-columns:1fr;padding:22px}
}
@media (prefers-reduced-motion:reduce){.prod .foto img,.filtros,.seccion-card{transition:none}}

.lead-extra{margin-top:16px;padding:12px 14px;border-left:3px solid var(--azul);background:var(--papel);font-size:15px;line-height:1.55;color:var(--tinta-media);max-width:62ch}
.lead-extra b{color:var(--tinta)}
.fotos-ed{display:block!important;aspect-ratio:3/2;overflow:hidden;background:var(--papel)!important}
.fotos-ed img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.sin-foto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--azul);background:repeating-linear-gradient(135deg,var(--papel) 0 14px,var(--papel-claro) 14px 28px)}
.bloque-marcas{padding:34px var(--gut) 10px}
.bloque-marcas h2{font-size:30px;font-weight:600;margin-bottom:8px}
.bloque-marcas .sub{color:var(--tinta-media);margin-bottom:20px;max-width:70ch}
.marcas-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));border-top:1px solid var(--tinta);border-left:1px solid var(--tinta);background:var(--papel-claro)}
.marca-tile{position:relative;display:grid;grid-template-rows:64px auto;align-items:center;justify-items:center;gap:10px;min-height:136px;padding:20px 14px 14px;border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);text-decoration:none;color:var(--tinta);transition:background .35s ease}
.marca-tile::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--azul);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.marca-tile:hover{background:#fff}.marca-tile:hover::after{transform:scaleX(1)}
.logo-marca{position:relative;display:flex;align-items:center;justify-content:center;height:64px;width:100%}
.logo-marca img{display:block;max-width:100%;object-fit:contain;transition:filter .35s ease,opacity .35s ease}
.logo-mono{filter:brightness(0);opacity:.82}
.marca-tile:hover .logo-mono{filter:none;opacity:1}
.marca-tile:hover .logo-mono.claro{filter:brightness(0);opacity:1}
.logo-color{position:absolute;opacity:0}
.con-placa .logo-color{left:50%;top:50%;transform:translate(-50%,-50%)}
.marca-tile:hover .con-placa .logo-mono{opacity:0}.marca-tile:hover .con-placa .logo-color{opacity:1}
.logo-texto{font-family:'Montserrat Alternates',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.03em;text-align:center;line-height:1.1;color:var(--tinta);opacity:.82}
.marca-tile:hover .logo-texto{color:var(--azul);opacity:1}
.marca-n{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;font-size:11.5px;color:var(--tinta-suave);text-align:center;line-height:1.3}
.marca-n b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--tinta)}
.marca-cab{display:inline-flex;align-items:center;min-height:84px;padding:0;margin-bottom:22px}
.marca-cab .logo-marca{height:76px;width:auto;justify-content:flex-start}
.marca-cab .logo-marca img{width:auto!important;height:auto!important;max-width:240px;max-height:72px}
.marca-cab .logo-mono{filter:none;opacity:1}.marca-cab .logo-mono.claro{filter:brightness(0)}
.marca-cab .logo-texto{font-size:34px;opacity:1}
.aviso-ss{margin-top:16px;padding:12px 14px;border:1px solid var(--tinta);background:var(--azul-velo);font-size:14.5px}
.volver-marcas{padding:10px var(--gut) 0}.volver-marcas a{color:var(--azul);font-weight:600}
.marcas-mas{display:inline-flex;margin-top:18px}
@media (max-width:600px){.marcas-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}.marca-tile{min-height:118px;padding:16px 10px 12px;grid-template-rows:54px auto}.logo-marca{height:54px}.logo-marca img{transform:scale(.85)}}