/* nosotros.css — cards nosotros */
html, body { background-color: #ffffff !important; }
main { flex: 1 0 auto; margin-bottom: 0; padding: 20px; }
.card { border-radius: 15px; box-shadow: 0 8px 16px rgba(0,0,0,0.15); background: #f9faff; border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-custom { background-color: #fff; border-radius: 12px; border-left: 5px solid var(--primary); box-shadow: 0 4px 10px rgba(0,0,0,0.08); padding: 24px; height: 100%; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-custom:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.card-custom h3 { display: flex; align-items: center; color: var(--primary); font-size: 22px; margin-bottom: 15px; }
.card-custom h3 i { margin-right: 10px; }
.card-custom p { color: #444; font-size: 15px; text-align: justify; margin: 0; }
@media (max-width: 768px) { main { padding: 10px; } }