.pagina-nosotros {
font-family: 'Montserrat', sans-serif;
line-height: 1.6;
color: #333;
background-color: #fff;
}
.pagina-nosotros .contenedor {
max-width: 1200px;
margin: 0 auto;
padding: 1.5rem 1.5rem;
} .nosotros-intro h1 {
text-align: center;
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 1rem;
margin-top: 1rem;
}
.nosotros-intro p {
text-align: center;
font-size: 1.2rem;
max-width: 920px;
margin: 2rem auto 2rem auto;
color: #555;
}
.nosotros-intro .imagen-nosotros {
text-align: center;
margin-top: 2rem;
}
.nosotros-intro .imagen-nosotros img {
max-width: 100%;
border-radius: 20px;
} .nosotros-numeros h2 {
text-align: left;
font-size: 2rem;
margin-bottom: 2rem;
color: #111;
font-weight: 700;
}
.numeros-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
justify-content: center;
align-items: stretch;
}
.card-numero {
background-color: #f2f2f2;
padding: 2rem;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 20px));
text-align: center;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.card-numero h3 {
font-size: 2rem;
color: #000;
margin-bottom: 0.5rem;
}
.card-numero p {
font-size: 1rem;
color: #555;
} .card-numero.destacado {
background-color: #cc0b12;
color: #fff;
}
.card-numero.destacado h3,
.card-numero.destacado p {
color: #fff;
} .nosotros-cultura {
background-color: #fafafa;
padding-top: 3rem;
padding-bottom: 3rem;
}
.bloque-cultura {
display: grid;
grid-template-columns: 260px 1fr; gap: 2rem;
align-items: start;
max-width: 1200px;
margin-bottom: 70px;
padding: 0;
}
.bloque-cultura h2 {
font-size: 1.8rem;
font-weight: 700;
color: #111;
margin: 0;
text-align: left;
}
.bloque-cultura p {
font-size: 0.95rem;
color: #444;
line-height: 1.6;
margin: 0;
text-align: left;
} @media screen and (max-width: 768px) {
.numeros-grid {
grid-template-columns: 1fr;
}
.nosotros-intro h1 {
font-size: 2rem;
}
.bloque-cultura {
grid-template-columns: 1fr;
gap: 1rem;
padding: 0 1rem;
}
.bloque-cultura h2 {
font-size: 1.4rem;
text-align: left;
}
.bloque-cultura p {
font-size: 0.95rem;
text-align: left;
}
}