.about-page{

width:90%;
max-width:1100px;
margin:auto;

}

/* HERO */

.about-hero{

margin-top:40px;

background:linear-gradient(135deg,#f25c05,#ff8c42);

color:white;

border-radius:16px;

}

.about-hero-content{

padding:60px;

}

.about-hero h1{

font-size:42px;
margin-bottom:10px;

}

.about-hero p{

font-size:18px;

}


/* HISTORIA */

.about-history{

margin-top:60px;

}

.about-history h2{

font-size:30px;
margin-bottom:20px;

}

.about-history p{

line-height:1.8;
color:#444;

margin-bottom:15px;

}


/* PREMIOS */

.about-awards{

margin-top:60px;

}

.awards-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}

.award-card{

background:white;

padding:30px;

border-radius:12px;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

transition:0.3s;

}

.award-card:hover{

transform:translateY(-6px);

}


/* MISION Y VISION */

.about-values{

margin-top:60px;

}

.values-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;

}

.value-card{

background:#f5f5f5;

padding:30px;

border-radius:12px;

}

.value-card h3{

color:#f25c05;
margin-bottom:10px;

}


/* EQUIPO */

.about-team{

margin-top:60px;

}

.team-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

margin-top:20px;

}

.team-card{

text-align:center;

background:white;

padding:25px;

border-radius:12px;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

.team-photo{

width:80px;
height:80px;

background:#ddd;

border-radius:50%;

margin:auto;
margin-bottom:15px;

}