.about-page{--navy:#071f3d;--navy2:#0b2d55;--orange:#ff5a00;--ink:#0b2341;--muted:#52657d;background:#fff;color:var(--ink);font-family:inherit}.about-shell{width:min(1460px,calc(100% - 64px));margin:auto}.about-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;margin-bottom:18px}.about-eyebrow:before{content:"";width:30px;height:2px;background:var(--orange)}.about-eyebrow.dark{color:var(--ink)}.about-page h1,.about-page h2,.about-page h3{margin:0;color:inherit}.about-page h1{font-size:clamp(42px,4.4vw,72px);line-height:.98;letter-spacing:-.045em}.about-page h2{font-size:clamp(34px,3.1vw,54px);line-height:1.02;letter-spacing:-.04em}.about-page h1 em,.about-page h2 em{font-style:normal;color:var(--orange)}.about-page p{font-size:16px;line-height:1.65;margin:20px 0 0}.about-hero{background:linear-gradient(115deg,#061b35 0%,#0a315a 62%,#071d37 100%);color:#fff;overflow:hidden}.about-hero-grid{min-height:610px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch}.about-hero-copy{padding:90px 72px 80px 0;align-self:center;max-width:660px}.about-hero-copy p{color:#e7edf5;max-width:620px}.about-hero-media{position:relative;min-height:610px;overflow:hidden}.about-hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0a315a 0%,transparent 25%)}.about-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.since-card{position:absolute;z-index:2;left:calc(5% + 70px);top:50%;transform:translateY(-50%);background:rgba(5,26,50,.9);backdrop-filter:blur(8px);padding:26px 28px;border-radius:6px;border-left:3px solid var(--orange);box-shadow:0 20px 50px rgba(0,0,0,.22)}.since-card small{display:block;font-size:12px;font-weight:800;letter-spacing:.12em}.since-card strong{display:block;font-size:52px;line-height:1;margin:6px 0 14px}.since-card span{font-size:14px;line-height:1.4;color:#e9eff6}.about-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.about-btn{display:inline-flex;align-items:center;gap:14px;padding:15px 24px;border-radius:6px;font-weight:800;text-decoration:none;transition:.25s}.about-btn.primary{background:var(--orange);color:#fff}.about-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,90,0,.22)}.about-btn.secondary{border:1px solid #b7c2cf;color:var(--ink);background:#fff}.about-section{padding:90px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-copy{max-width:620px}.section-copy p,.commitment-head p{color:var(--muted)}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:560px}.brand-card{height:120px;border:1px solid #edf0f4;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 16px 38px rgba(8,31,61,.06);font-size:34px;font-weight:900;letter-spacing:-.04em}.brand-steck{color:#e51f25}.brand-kivi{color:#e31d1a;font-style:italic}.brand-chint{color:#14509a}.brand-jeeteco{background:#0b0b0b;color:#ffd20a;flex-direction:column;font-size:25px}.brand-jeeteco small{font-size:12px;letter-spacing:.08em}.commitment-section{background:#fbfcfe}.commitment-head{max-width:900px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #e5eaf0}.values-grid article{padding:36px 34px 10px;border-right:1px solid #e5eaf0}.values-grid article:last-child{border-right:0}.value-icon{width:66px;height:66px;border-radius:50%;background:#f1f5f9;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:20px}.value-icon i{font-size:30px;line-height:1;color:var(--orange)}.values-grid h3{font-size:20px}.values-grid p{font-size:14px;color:var(--muted);margin-top:8px}.vision-section{background:linear-gradient(105deg,#061b35,#0b3158);color:#fff;overflow:hidden}.vision-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:440px;width:100%;max-width:none;margin:0;padding-left:max(32px,calc((100vw - 1460px)/2));}.vision-copy{padding:85px 70px 80px 0;align-self:center}.vision-copy p{color:#e0e8f1;max-width:650px}.vision-media{position:relative;min-width:0}.vision-media:before{display:none}.vision-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:none}.about-cta{padding:80px 0 90px;background:linear-gradient(100deg,#fff 0%,#fff 56%,#f1f4f7 100%)}.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.cta-copy{max-width:760px}.cta-copy p{color:var(--muted);max-width:690px}.cta-logo{width:170px;height:auto;margin-bottom:30px}.cta-products{height:390px;display:flex;align-items:flex-end;justify-content:center;gap:0;overflow:hidden}.cta-products img{max-width:56%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(6,30,57,.14))}.cta-products img+img{margin-left:-70px;max-width:42%}
@media(max-width:900px){.about-shell{width:min(100% - 36px,720px)}.about-hero-grid,.two-col,.vision-grid,.cta-grid{grid-template-columns:1fr}.about-hero-copy{padding:64px 0 40px}.about-hero-media{min-height:390px}.about-hero-media:before{background:linear-gradient(180deg,#0a315a 0%,transparent 28%)}.since-card{left:22px;top:24px;transform:none}.two-col{gap:46px}.about-section{padding:64px 0}.brand-grid{max-width:none}.values-grid{grid-template-columns:repeat(2,1fr)}.values-grid article:nth-child(2){border-right:0}.vision-copy{padding:64px 0 34px}.vision-media{height:320px}.vision-media:before{background:linear-gradient(180deg,#0b3158 0%,transparent 28%)}.cta-products{height:300px}}
@media(max-width:560px){.about-shell{width:calc(100% - 28px)}.about-page h1{font-size:42px}.about-page h2{font-size:34px}.about-hero-copy{padding-top:48px}.about-hero-media{min-height:330px}.since-card{padding:18px}.since-card strong{font-size:40px}.brand-grid{grid-template-columns:1fr 1fr;gap:10px}.brand-card{height:90px;font-size:25px}.values-grid{grid-template-columns:1fr}.values-grid article{border-right:0;border-bottom:1px solid #e5eaf0;padding:28px 10px}.about-btn{width:100%;justify-content:center}.cta-products{height:240px}.cta-products img+img{margin-left:-40px}}

/* Hero Nosotros: fondo WebP independiente (2026-10-02) */
.about-hero.about-hero--background{
  position:relative;
  background-image:
    linear-gradient(90deg,rgba(4,24,47,.98) 0%,rgba(5,29,55,.94) 31%,rgba(5,29,55,.50) 53%,rgba(5,29,55,.06) 72%),
    url('../img/nosotros-hero-rbf.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.about-hero.about-hero--background .about-hero-grid{position:relative;z-index:1}
.about-hero.about-hero--background .about-hero-media{background:none}
.about-hero.about-hero--background .about-hero-media:before{display:none}
.about-hero.about-hero--background .about-hero-media>img{display:none}
@media(max-width:900px){
  .about-hero.about-hero--background{
    background-image:
      linear-gradient(180deg,rgba(4,24,47,.97) 0%,rgba(5,29,55,.92) 49%,rgba(5,29,55,.48) 72%,rgba(5,29,55,.18) 100%),
      url('../img/nosotros-hero-rbf.webp');
    background-position:64% center;
  }
}

/* Logos oficiales / referencia visual suministrada - 2026-10-02 */
.brand-card{padding:14px 22px;overflow:hidden}
.brand-card img{display:block;width:100%;height:100%;max-width:190px;max-height:88px;object-fit:contain;object-position:center}
@media(max-width:560px){.brand-card{padding:10px 14px}.brand-card img{max-height:68px}}