*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1016;color:#f6f8fa;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{padding:20px max(5%,calc((100vw - 1300px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #26323c}.logo{font-family:'Space Grotesk';font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.logo-mark{background:#c6f5e9;color:#0c151a;font-size:14px;padding:11px;border-radius:9px}.back{font-size:14px;color:#c5d4dc}.back:hover{color:white}.portfolio-hero{max-width:1000px;margin:auto;text-align:center;padding:102px 24px 82px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.5px;color:#8ddacb}.portfolio-hero h1{font-family:'Space Grotesk';font-size:clamp(44px,7.5vw,100px);letter-spacing:-3px;line-height:1.05;margin:23px 0}.portfolio-hero h1 em{font-style:normal;color:#97e0d4}.portfolio-hero>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#aab9c4;max-width:740px;margin:auto}.hero-meta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;color:#a3b7bf;font-size:13px;margin-top:32px}.portfolio-section{max-width:1320px;margin:auto;padding:0 28px 96px}.portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;border-top:1px solid #33424d;padding-top:40px}.portfolio-intro h2{font-family:'Space Grotesk';font-size:clamp(30px,4vw,52px);margin:8px 0}.portfolio-intro>p{max-width:350px;color:#aebac3;line-height:1.65;font-size:14px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portfolio-card{background:#142029;border:1px solid #2d3c46;border-radius:15px;overflow:hidden;transition:transform .2s,border-color .2s}.portfolio-card:hover{transform:translateY(-3px);border-color:#82bbaf}.card-media{aspect-ratio:9/16;background:#0a1216}.card-media video{width:100%;height:100%;object-fit:contain;background:#070d12;display:block}.card-info{padding:19px 20px 23px}.card-category{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:#8ddacb}.card-info h3{margin:9px 0 0;font-family:'Space Grotesk';font-size:20px}.permission-note{color:#8395a0;font-size:12px;line-height:1.7;margin-top:27px}.cta{text-align:center;background:#d5f4e9;color:#0f242a;padding:80px 20px}.cta .eyebrow{color:#326b60}.cta h2{font:700 clamp(32px,4.5vw,55px)/1.15 'Space Grotesk';max-width:700px;margin:15px auto}.cta p:not(.eyebrow){color:#3b5860}.cta a{display:inline-block;margin-top:22px;background:#0d242b;color:#fff;padding:17px 25px;border-radius:7px;font-weight:700}footer{display:flex;gap:20px;justify-content:space-between;padding:28px 5%;color:#9fb1bd;font-size:12px}footer a{font-size:18px;font-weight:800;color:white}@media(max-width:850px){.portfolio-grid{gap:14px}.card-info{padding:12px}.card-info h3{font-size:16px}}@media(max-width:600px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-section{padding:0 15px 65px}.portfolio-hero{padding:64px 18px}.portfolio-hero h1{letter-spacing:-1px}.portfolio-intro{display:block}.card-info h3{font-size:14px}.card-info{padding:12px}.hero-meta{gap:8px}.back{font-size:12px}footer{flex-wrap:wrap}.permission-note{font-size:11px}}@media(max-width:360px){.portfolio-grid{grid-template-columns:1fr}}
/* Introducción compacta y acceso directo a los nueve comerciales. */
.portfolio-hero{padding:44px 24px 36px}.portfolio-hero h1{font-size:clamp(40px,5.5vw,76px);margin:16px 0}.hero-meta{margin-top:20px}.portfolio-jump{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:14px 22px;border-radius:7px;background:#c6f5e9;color:#0c151a;font-weight:800;font-size:14px}.portfolio-jump:hover{background:#97e0d4}.portfolio-jump:focus-visible{outline:3px solid #f6f8fa;outline-offset:5px}#comerciales{scroll-margin-top:24px}.portfolio-intro{padding-top:24px;margin-bottom:24px}@media(max-width:600px){.portfolio-hero{padding:34px 18px 30px}.portfolio-hero h1{font-size:clamp(36px,10vw,54px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}