/* ABACO-WEB-008 — Página institucional Nosotros (/nosotros/).
   Reusa .abaco-container/.abaco-eyebrow/.abaco-section/.abaco-story,
   .abaco-check/.abaco-process/.abaco-num/.abaco-cta-band/.abaco-btn de
   abaco-home.css. Aquí solo el hero y lo específico de esta página. */

/* ABACO-WEB-011 (punto 14): la imagen tapaba el texto — se sube la opacidad
   del overlay (ya no deja partes casi sin oscurecer), se usa un degradado
   que garantiza fondo oscuro detrás de TODO el bloque de texto (no solo un
   diagonal parcial), y se da más alto/espaciado para que el contenido
   respire. La imagen se conserva, solo cambia cómo se atenúa. */
.abaco-nos-hero{position:relative;overflow:hidden;background:var(--abaco-black);color:#fff;padding:90px 0;min-height:380px;display:flex;align-items:center}
.abaco-nos-hero-photo{position:absolute;inset:0;background:
	linear-gradient(90deg,rgba(14,14,16,.94) 0%,rgba(14,14,16,.94) 55%,rgba(14,14,16,.6) 100%),
	linear-gradient(0deg,rgba(14,14,16,.5) 0%,rgba(14,14,16,.2) 40%),
	url('../img/campaign-2026/hero-nissan-versa.webp') center/cover;
}
.abaco-nos-hero-inner{position:relative;z-index:1}
/* ABACO-WEB-013 (punto 7): el nuevo texto del Hero es más largo que el
   original ("Una financiera de autos, no una agencia."); se amplía
   max-width y se reduce ligeramente el tamaño para que siga siendo legible
   y no se corte, sin cambiar el diseño/imagen del Hero. */
.abaco-nos-hero h1{font-size:34px;line-height:1.2;text-transform:uppercase;letter-spacing:-1px;color:#fff;margin:0 0 18px;max-width:760px;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.abaco-nos-hero p{font-size:15px;line-height:1.7;color:#e8e8ea;max-width:540px;margin:0}

/* ===== ¿Por qué ABACO? ===== */
.abaco-nos-different-lead{font-size:15px;line-height:1.7;color:var(--abaco-text);max-width:760px;margin:0 0 26px}
.abaco-nos-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.abaco-nos-benefit{border-left:3px solid var(--abaco-red);background:#fff;padding:20px 18px;box-shadow:var(--abaco-shadow)}
.abaco-nos-benefit strong{display:block;font-size:15px;color:var(--abaco-black);text-transform:uppercase;margin-bottom:6px}
.abaco-nos-benefit span{display:block;font-size:12px;color:var(--abaco-muted);line-height:1.5}

/* ===== CTA final (dos botones) ===== */
.abaco-nos-cta-inner{flex-wrap:wrap}
.abaco-nos-cta-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ===== Responsive ===== */
@media (max-width:1000px){
	.abaco-nos-benefits{grid-template-columns:1fr 1fr}
}

@media (max-width:640px){
	.abaco-nos-hero{padding:44px 0}
	.abaco-nos-hero h1{font-size:23px}
	.abaco-nos-benefits{grid-template-columns:1fr}
	.abaco-nos-cta-inner{flex-direction:column;align-items:flex-start}
	.abaco-nos-cta-actions{width:100%}
	.abaco-nos-cta-actions .abaco-btn{flex:1 1 auto;justify-content:center}
}