.hero-interno { background-image: url('../images/hero/quienes-somos.jpg'); }
.historia__rejilla { grid-template-columns: 1.05fr .95fr; align-items: center; gap: clamp(50px, 8vw, 110px); }
.historia__foto { position: relative; }
.historia__foto img { width: 100%; height: 590px; object-fit: cover; }
.historia__foto::before { position: absolute; z-index: -1; left: -22px; bottom: -22px; width: 55%; height: 60%; content: ''; background: var(--amarillo); }
.historia__texto p { color: #575757; }
.proposito__rejilla { grid-template-columns: 1fr 1fr; }
.proposito-card { padding: clamp(32px, 5vw, 58px); background: var(--blanco); border-top: 6px solid var(--amarillo); box-shadow: var(--sombra); }
.proposito-card h2 { margin: 0 0 20px; font: 700 2.4rem/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.proposito-card p { margin: 0; color: #565656; }
.valores__rejilla { grid-template-columns: repeat(3, 1fr); margin-top: 50px; }
.valor { padding: 31px; border: 1px solid var(--borde); transition: transform .25s, border-color .25s; }
.valor:hover { transform: translateY(-5px); border-color: var(--amarillo); }
.valor__numero { color: var(--amarillo-hover); font: 700 1.1rem/1 'Barlow Condensed', sans-serif; }
.valor h3 { margin: 18px 0 9px; font: 700 1.55rem/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.valor p { margin: 0; color: #666; font-size: .91rem; }
.representante { color: var(--blanco); background: var(--negro); }
.representante__contenido { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.representante h2 { margin: 0 0 8px; color: var(--amarillo); font: 700 clamp(2.6rem, 5vw, 4.8rem)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.representante p { margin: 0; color: #bcbcbc; }
@media (max-width: 820px) { .historia__rejilla, .proposito__rejilla { grid-template-columns: 1fr; } .valores__rejilla { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .historia__foto img { height: 430px; } .valores__rejilla { grid-template-columns: 1fr; } .representante__contenido { align-items: flex-start; flex-direction: column; } }