/* V2: identidad visible, fotografía de formato web y nueve clientes completos. */
.brand{width:250px;height:54px;flex:0 0 250px}.brand img{width:150%;height:auto;max-width:none}
.nav{height:100px}.nav nav{gap:22px}.header{background:#fff}
.hero-photo{inset:0;background-image:url('assets/hero-realista.png');background-size:cover;background-position:center;opacity:1;transition:transform 1.4s ease}
.hero:hover .hero-photo{transform:scale(1.025)}
.hero-shade{background:linear-gradient(90deg,#082d45f5 0%,#082d45e3 26%,#082d4590 49%,#082d4512 80%),linear-gradient(0deg,#082d4570,transparent 40%)}
.product-photo{background-image:url('assets/abastecimiento-realista.png');background-size:cover;background-position:center;transition:transform .8s ease}.product-image:hover .product-photo{transform:scale(1.035)}
.product-image.show-brochure .product-photo{background-image:url('assets/brochure-1.jpg');background-size:auto 340%;background-position:center 74%}
.photo-toggle{position:absolute;right:16px;top:16px;background:#fffef0;border:1px solid #ffffff9c;color:var(--deep);padding:9px 13px;font-size:12px;box-shadow:0 3px 20px #0001;z-index:2}
.clients{overflow:hidden}.client-grid{display:block;overflow:hidden;margin:24px 0 14px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.client-track{display:flex;width:max-content;animation:client-flow 42s linear infinite;will-change:transform}.client-group{display:flex;flex-shrink:0;gap:24px;padding-right:24px}
.client-card{width:224px;height:132px;flex:0 0 224px;background:white;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e9eef1;border-radius:4px}
.client-art{width:208px;height:104px;display:block;overflow:hidden}
.client-grid:hover .client-track,.client-grid:focus-within .client-track,.client-grid.paused .client-track{animation-play-state:paused}
.client-controls{display:flex;justify-content:center;gap:18px;margin-bottom:35px}.client-controls button{padding:6px 0;border:0;border-bottom:1px solid #becbd3;background:none;font-size:13px;color:var(--navy)}
.client-grid.show-all{mask-image:none}.show-all .client-track{animation:none;transform:none;width:100%}.show-all .client-group:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;width:100%}.show-all .client-group[aria-hidden]{display:none}.show-all .client-card{width:100%;height:140px}.show-all .client-art{width:min(100%,240px)}
@keyframes client-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1150px){.nav{gap:18px}.nav nav{gap:13px;font-size:12px}.brand{width:215px;flex-basis:215px;height:48px}.nav .button{font-size:12px}}
@media(max-width:900px){.menu-toggle{display:block;border:0;background:transparent;font-size:25px;color:var(--navy);padding:10px}.nav{height:88px}.nav nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:25px;box-shadow:0 12px 25px #0001;font-size:16px;align-items:stretch}.nav nav.open{display:flex;flex-direction:column;gap:22px}.brand{width:230px;flex-basis:230px;height:48px}.nav .button{font-size:14px}.hero-photo{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#082d45ed,#082d4580),linear-gradient(0deg,#082d45a0,transparent 60%)}.client-card{width:200px;flex-basis:200px;height:120px}.client-art{width:184px}.client-group{gap:16px;padding-right:16px}.client-track{animation-duration:38s}}
@media(max-width:480px){.brand{width:220px;flex-basis:220px;height:46px}.show-all .client-group:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.show-all .client-card{height:100px;padding:5px}.client-controls{gap:20px}.client-controls button{font-size:12px}.hero-photo{background-position:67% center}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.hero:hover .hero-photo,.product-image:hover .product-photo{transform:none}}

/* Plazo crediticio: número y unidad como un único mensaje. */
.credit-info{position:relative;background:#edf3f6;border-top:4px solid var(--red);padding:34px 36px 30px}
.credit-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--navy);margin-bottom:14px}
.credit-time{display:block}
.credit-time strong{display:flex;align-items:baseline;gap:14px;font:600 110px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-2px;color:var(--navy)}
.credit-time strong span{display:inline;font:500 54px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.5px;color:var(--navy)}
.credit-info h3{font:600 24px/1.25 'Barlow Condensed','Arial Narrow',sans-serif;margin-top:13px;color:var(--ink)}
.credit-info>p.credit-explanation{font-size:14px!important;line-height:1.75;margin:18px 0 10px!important;color:#516977}
.credit-explanation b{font-weight:600;color:var(--ink)}
.credit-info>p.credit-approval{font-size:12px!important;margin:0 0 24px!important;color:var(--muted)}
.credit-info .credit-documents{display:flex;justify-content:space-between;gap:14px;width:100%;padding:15px 18px;margin:0;background:var(--navy);color:white;font-size:14px;line-height:1.5;transition:background .2s}
.credit-info .credit-documents:hover{background:var(--deep)}
.credit-info .credit-documents span{color:white;font-size:25px}
@media(max-width:480px){.credit-info{padding:27px 24px}.credit-time strong{font-size:100px;gap:12px}.credit-time strong span{font-size:48px}.credit-info .credit-documents{font-size:13px;padding:14px}}