/* Inicio: portado de pages/index.js */

        .cont{max-width:1600px;margin:0 auto;padding:0 18px}
        @media(min-width:900px){.cont{padding:0 44px}}
        @media(min-width:1500px){.cont{padding:0 60px}}
        section{padding:48px 0}
        @media(min-width:900px){section{padding:72px 0}}
        .tag{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.24em;
          text-transform:uppercase;color:var(--tierra)}
        h2.sec{font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:1;
          font-size:clamp(24px,4.4vw,38px);margin:6px 0 18px;color:var(--negro)}
        h2.sec em{font-style:normal;color:var(--verde2)}

        /* hero */
        .hero{position:relative;overflow:hidden;color:var(--crema);background:var(--negro)}
        .fondo{position:absolute;inset:0;
          background-image:url('https://images.unsplash.com/photo-1500595046743-cd271d694d30?w=2000&q=85');
          background-size:cover;background-position:78% 42%;
          filter:saturate(.62) contrast(1.05) brightness(.7)}
        .velo{position:absolute;inset:0;
          background:linear-gradient(90deg,#0D1A0D 0%,rgba(13,26,13,.96) 26%,rgba(13,26,13,.62) 52%,rgba(13,26,13,.18) 78%,rgba(13,26,13,.42) 100%),
            linear-gradient(180deg,rgba(13,26,13,.55) 0%,transparent 28%,transparent 72%,rgba(13,26,13,.6) 100%)}
        @media(max-width:900px){
          .fondo{background-position:66% 45%}
          .velo{background:linear-gradient(180deg,rgba(13,26,13,.88) 0%,rgba(13,26,13,.82) 45%,rgba(13,26,13,.94) 100%)}
        }
        .heroIn{position:relative;z-index:2;padding:86px 18px 24px;max-width:1600px;margin:0 auto;
          min-height:clamp(420px,58vh,620px);display:flex;flex-direction:column;justify-content:center}
        @media(min-width:900px){.heroIn{padding:86px 44px 24px}}
        @media(min-width:1500px){.heroIn{padding:86px 60px 24px}}
        .lema{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.24em;
          color:var(--ocre);display:flex;align-items:center;gap:10px;text-transform:uppercase}
        .lema i{width:26px;height:2px;background:var(--ocre);display:block}
        .hero h1{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
          font-size:clamp(36px,6.6vw,74px);margin-top:20px;line-height:.98;letter-spacing:-.012em;max-width:16ch;
          text-shadow:0 2px 22px rgba(13,26,13,.55)}
        .hero h1 em{font-style:normal;color:var(--ocre)}
        .sub2{font-size:17.5px;color:rgba(240,230,206,.82);margin-top:20px;max-width:50ch;line-height:1.65}
        .ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
        .bp{background:var(--ocre);color:var(--negro);font-family:var(--font-display);font-weight:900;
          font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:15px 26px;
          display:inline-block;text-decoration:none}
        .bs{border:2px solid var(--crema);color:var(--crema);font-family:var(--font-display);
          font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
          padding:13px 24px;display:inline-block;background:rgba(13,26,13,.4);text-decoration:none}
        .datos{display:flex;gap:44px;margin-top:44px;padding:26px 0 6px;
          border-top:1px solid rgba(240,230,206,.24);flex-wrap:wrap}
        .datos .n{font-family:var(--font-display);font-weight:900;font-size:32px;color:var(--ocre);line-height:1}
        .datos .l{font-size:11.5px;color:rgba(240,230,206,.65);text-transform:uppercase;
          letter-spacing:.08em;margin-top:3px}

        .atajos{position:relative;z-index:2;border-top:2px solid var(--ocre);
          border-bottom:2px solid var(--negro);background:var(--negro)}
        .atajosIn{display:flex;gap:2px;overflow-x:auto;width:100%;max-width:1600px;margin:0 auto;
          background:rgba(240,230,206,.16)}
        .atajosIn::-webkit-scrollbar{display:none}
        .ata{flex:1 0 auto;min-width:140px;padding:26px 18px 22px;display:flex;flex-direction:column;
          align-items:center;gap:11px;background:var(--negro);text-decoration:none}
        .ata:hover{background:var(--ocre)}
        .ata .fg{height:42px;display:flex;align-items:center}
        .ata .fg img{max-height:42px;width:auto;filter:brightness(0) invert(1) opacity(.92)}
        .ata:hover .fg img{filter:none}
        .ata .t{font-family:var(--font-display);font-weight:800;font-size:13.5px;letter-spacing:.11em;
          text-transform:uppercase;color:rgba(240,230,206,.9)}
        .ata .c{font-size:11px;color:rgba(240,230,206,.5)}
        .ata:hover .t,.ata:hover .c{color:var(--negro)}

        /* problemas */
        .probs{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--negro);
          border:2px solid var(--negro)}
        @media(min-width:640px){.probs{grid-template-columns:repeat(3,1fr)}}
        @media(min-width:1000px){.probs{grid-template-columns:repeat(6,1fr)}}
        .prob{background:var(--verde);color:var(--crema);padding:20px 14px 18px;min-height:150px;
          display:flex;flex-direction:column;gap:10px;text-decoration:none}
        .prob:hover{background:var(--verde2)}
        .prob .ic{height:42px;display:flex;align-items:flex-end;color:var(--ocre)}
        .prob .ic svg{height:40px;width:auto}
        .prob .t{font-family:var(--font-display);font-weight:900;font-size:18px;
          text-transform:uppercase;line-height:1}
        .prob .s{font-size:11.5px;color:rgba(240,230,206,.62);line-height:1.35}

        /* productos */
        .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--negro);
          border:2px solid var(--negro)}
        @media(min-width:760px){.pgrid{grid-template-columns:repeat(4,1fr)}}
        .pc{background:var(--blanco);display:flex;flex-direction:column;position:relative;
          text-decoration:none;color:var(--negro)}
        .pc:hover{background:var(--crema2)}
        .pc .f{aspect-ratio:1;background:var(--crema);overflow:hidden;display:block}
        .pc .f img{width:100%;height:100%;object-fit:cover}
        .pc .c{padding:13px;display:block}
        .pc .lab{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--tierra);
          font-weight:700;display:block}
        .pc .n{font-family:var(--font-display);font-weight:800;font-size:15px;line-height:1.08;
          text-transform:uppercase;margin:4px 0 8px;min-height:48px;display:block}
        .pc .p{font-family:var(--font-display);font-weight:900;font-size:21px;display:block}
        .pc .tach{font-size:12px;color:#9a9a8f;text-decoration:line-through;display:block}
        .pc .off{font-family:var(--font-body);font-size:11.5px;font-weight:700;color:var(--verde2);margin-left:5px}
        .pc .env{font-size:12px;font-weight:600;color:var(--verde2);margin-top:3px;display:block}
        .badge{position:absolute;top:0;left:0;background:var(--tierra);color:var(--crema);
          font-family:var(--font-display);font-weight:900;font-size:11px;letter-spacing:.1em;
          padding:4px 9px;z-index:2}
        .badge.rojo{background:#B5341A}
        .verTodo{display:inline-block;margin-top:16px;font-family:var(--font-display);font-weight:900;
          font-size:14px;letter-spacing:.1em;text-transform:uppercase;border-bottom:3px solid var(--ocre);
          padding-bottom:2px;text-decoration:none}

        /* promociones */
        .promo{background:var(--tierra);color:var(--crema)}
        .promoIn{padding:48px 18px 56px}
        @media(min-width:900px){.promoIn{padding:56px 44px 64px}}
        .promo .tag{color:rgba(240,230,206,.78)}
        .promo h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
          font-size:clamp(26px,5vw,42px);margin:6px 0 18px;line-height:1}
        .promo h2 em{font-style:normal;color:var(--ocre)}
        .promo .verTodo{color:var(--crema)}

        /* otras categorías */
        .cats{display:grid;grid-template-columns:1fr;gap:2px;background:var(--negro);border:2px solid var(--negro)}
        @media(min-width:700px){.cats{grid-template-columns:repeat(3,1fr)}}
        .cat{position:relative;min-height:180px;padding:22px 20px;display:flex;flex-direction:column;
          justify-content:flex-end;background:var(--verde);color:var(--crema);overflow:hidden;text-decoration:none}
        .cat:nth-child(2){background:#2E4A22}
        .cat:nth-child(3){background:#3A3320}
        .cat .z{position:relative;z-index:2;display:block}
        .cat .t{font-family:var(--font-display);font-weight:900;font-size:26px;text-transform:uppercase;
          line-height:1;display:block}
        .cat .s{font-size:13.5px;color:rgba(240,230,206,.68);margin-top:6px;line-height:1.45;
          max-width:34ch;display:block}
        .cat .g{display:inline-block;margin-top:12px;font-family:var(--font-display);font-weight:900;
          font-size:13px;letter-spacing:.1em;color:var(--ocre);border-bottom:2px solid var(--ocre)}

        /* mes */
        .mes{background:var(--verde);color:var(--crema)}
        .mesIn{padding:48px 18px 52px}
        @media(min-width:900px){.mesIn{padding:56px 44px 60px}}
        .mes .et{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.26em;
          color:var(--ocre);text-transform:uppercase}
        .mes h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
          font-size:clamp(26px,5.4vw,42px);margin-top:10px;line-height:1}
        .mes h2 em{font-style:normal;color:var(--ocre)}
        .mes p{font-size:15.5px;color:rgba(240,230,206,.68);margin-top:12px;max-width:52ch;line-height:1.6}
        .tareas{margin-top:22px;display:grid;gap:2px;background:rgba(240,230,206,.2);
          border:2px solid rgba(240,230,206,.28)}
        @media(min-width:820px){.tareas{grid-template-columns:repeat(3,1fr)}}
        .tarea{background:var(--verde);padding:16px 16px 18px}
        .tarea .num{font-family:var(--font-display);font-weight:900;font-size:13px;color:var(--ocre);
          letter-spacing:.2em;text-transform:uppercase}
        .tarea .tt{font-family:var(--font-display);font-weight:900;font-size:19px;text-transform:uppercase;
          margin-top:6px;line-height:1.05}
        .tarea .ts{font-size:13px;color:rgba(240,230,206,.62);margin-top:5px;line-height:1.45}
        .tarea .go{display:inline-block;margin-top:10px;color:var(--ocre);font-family:var(--font-display);
          font-weight:900;font-size:12.5px;letter-spacing:.1em;border-bottom:2px solid var(--ocre);
          text-decoration:none;text-transform:uppercase}

        /* confianza */
        .conf{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--negro);
          border:2px solid var(--negro)}
        @media(min-width:900px){.conf{grid-template-columns:repeat(4,1fr)}}
        .cf{background:var(--crema2);padding:20px 16px}
        .cf .t{font-family:var(--font-display);font-weight:900;font-size:17px;text-transform:uppercase;line-height:1.05}
        .cf .s{font-size:13px;color:var(--gris);margin-top:6px;line-height:1.5}

        /* laboratorios */
        .slider{overflow:hidden;position:relative;padding:6px 0;
          -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
        .pista{display:flex;gap:14px;width:max-content;animation:rodar 34s linear infinite}
        .slider:hover .pista{animation-play-state:paused}
        @keyframes rodar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
        .lslide{flex:0 0 auto;width:150px;height:78px;background:#fff;border:1px solid rgba(0,0,0,.14);
          display:flex;align-items:center;justify-content:center;padding:12px}
        .lslide .wm{font-family:var(--font-display);font-weight:900;font-size:19px;letter-spacing:.05em;
          text-transform:uppercase;color:#8d8d86}
        .lslide:hover .wm{color:var(--negro)}

        /* asesoría */
        .ases{background:var(--ocre);color:var(--negro);
          border-top:2px solid var(--negro);border-bottom:2px solid var(--negro)}
        .asesIn{padding:40px 18px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
        @media(min-width:900px){.asesIn{padding:44px}}
        .asesT{flex:1;min-width:250px}
        .ases h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;
          font-size:clamp(23px,4.2vw,34px);line-height:1}
        .ases h2 em{font-style:normal;color:var(--verde)}
        .ases p{font-size:15.5px;color:rgba(13,26,13,.78);margin-top:10px;max-width:46ch;line-height:1.6}
        .asesB{display:flex;gap:10px;flex-wrap:wrap}
        .ases .bp{background:var(--negro);color:var(--crema)}
        .ases .bs{border-color:var(--negro);color:var(--negro);background:transparent}
        .ases .bs:hover{background:var(--negro);color:var(--crema)}

        @media (prefers-reduced-motion:reduce){.pista{animation:none}}