body.pagina-nosotros{font-family:'Poppins',sans-serif;background:linear-gradient(180deg,#0f1b40 0%,#123b74 40%,#08152d 75%,#000 100%);background-attachment:fixed;color:#fff}
.hero-nosotros{text-align:center;padding:70px 20px}.logo-nosotros{width:170px;margin-bottom:20px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.45))}
.hero-nosotros h2{font-size:52px;font-weight:800}.hero-nosotros p{max-width:800px;margin:auto;color:#d8d8d8;font-size:20px;line-height:1.6}
.historia,.mision-vision,.servicios,.valores{max-width:1200px;margin:45px auto;padding:0 20px}
.historia{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:40px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.historia h2,.servicios h2,.valores h2{text-align:center;font-size:38px;margin-bottom:25px}
.historia p{color:#e3e3e3;line-height:1.8;font-size:18px}
.mision-vision{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.card-info,.servicio,.valores-grid div{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:20px;transition:.35s;box-shadow:0 15px 35px rgba(0,0,0,.3)}
.card-info{padding:35px;text-align:center}.card-info:hover,.servicio:hover,.valores-grid div:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.45)}
.card-info i,.servicio i{font-size:48px;color:#5cc8ff;margin-bottom:15px}.card-info h3,.servicio h3{font-size:24px}.card-info p,.servicio p{color:#ddd;line-height:1.7}
.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.servicio{padding:30px;text-align:center}
.valores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.valores-grid div{padding:30px 15px;text-align:center;font-size:20px;font-weight:700}
footer{margin-top:60px;padding:30px;text-align:center;color:#d0d0d0;border-top:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25)}
@media(max-width:768px){.hero-nosotros h2{font-size:36px}.hero-nosotros p{font-size:17px}.historia{padding:25px}.historia h2,.servicios h2,.valores h2{font-size:30px}}