body,html{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;overflow-x:hidden;background-color:#f0f0f0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#004aad;color:#fff}.header-icon{font-size:1.5em}.header-title{font-size:1.2em;font-weight:700}.app-search-bar{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fff;border-bottom:1px solid #ccc}.app-search-bar input{width:80%;padding:10px;border:1px solid #ccc;border-radius:25px;font-size:1em}.app-search-bar i{margin-left:10px;color:#004aad}h3{font-size:1rem;color:#0056b3;margin-top:20px;text-align:center;padding:5px 0;background-color:#e0e0e0;border-radius:5px}#main.app-main{display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px;justify-items:center;margin-bottom:80px}.container.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:600px;padding:10px;justify-items:center;margin:0 auto}.card-wrapper{display:flex;flex-direction:column;align-items:center}.app-card{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#fff;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:80px;height:80px}.app-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.card-different-bg{background-color:#f0f0f0}.card-icon{font-size:4em;color:orange;margin-bottom:5px}.card-title{text-align:center;margin-top:5px;font-size:.8em;color:#333;font-weight:500}#accordion-container{width:100%;margin:10px auto 10px auto;padding:5px;background-color:rgba(255,255,255,.3);border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1);font-size:14px}.accordion{width:90%;margin:20px auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.accordion-item{border-bottom:1px solid #e0e0e0}.accordion-header{width:100%;padding:5px;background-color:#788596;border:none;text-align:left;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease,color .3s ease;color:#fff;margin:0}.accordion-header:hover{background-color:#3e444a}.accordion-icon{font-size:20px;transition:transform .3s ease;color:#fff}.accordion-content{max-height:0;overflow:hidden;padding:0 20px;background-color:#f4f4f4;transition:max-height .3s ease}.accordion-content p{margin:10px 0;line-height:1.6;color:#000;font-size:14px;text-align:justify}.accordion-item.active .accordion-content{max-height:200px}.accordion-item.active .accordion-icon{transform:rotate(45deg)}@media screen and (max-width:768px){.accordion{width:95%}.accordion-header{font-size:13px;padding:10px}.accordion-icon{font-size:18px}.accordion-content p{font-size:13px}}@media screen and (max-width:480px){.accordion-header{font-size:12px;padding:8px}.accordion-icon{font-size:16px}.accordion-content p{font-size:12px}}#bottom-navigation.app-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#004aad;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 10px rgba(0,0,0,.3);z-index:10}.nav-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.nav-bottom .nav-icon{color:#fff;font-size:1.5em;text-decoration:none;transition:transform .3s ease}.nav-bottom .nav-icon:hover{transform:scale(1.2)}.fab-container{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:20}.fab{background-color:#fff;border:none;border-radius:50%;width:40px;height:40px;color:#004aad;font-size:1.5em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.3);cursor:pointer;z-index:15}.fab:hover{background-color:#fff}.fab-menu{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;transform:scale(0);transform-origin:bottom center;transition:transform .3s ease,visibility .3s ease;visibility:hidden;z-index:10}.fab-menu.open{transform:scale(1);visibility:visible}.fab-item{background-color:#004aad;border-radius:50%;width:50px;height:50px;color:#fff;display:flex;align-items:center;justify-content:center;margin:8px 0;box-shadow:0 4px 6px rgba(0,0,0,.3);text-decoration:none;transition:transform .3s ease,background-color .3s ease}.fab-item:hover{transform:scale(1.2);background-color:#004aad}.aside-logo img{display:block;margin:10px auto;width:30%;height:auto;transition:transform .3s ease-in-out,opacity .3s ease-in-out,box-shadow .3s ease-in-out;animation:pulsate 3s ease-in-out infinite}.aside-logo img:hover{transform:scale(1.3);opacity:1;box-shadow:0 0 20px rgba(0,0,0,.3);animation:none}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media (max-width:768px){.container.app-grid{grid-template-columns:repeat(2,1fr)}#bottom-navigation{height:50px}.nav-bottom .nav-icon{font-size:1.2em}}@media (max-width:480px){.container.app-grid{grid-template-columns:repeat(2,1fr)}.header-title{font-size:1em}.card-title{font-size:.7em}.contact-main button{font-size:.9em}}




/* Footer Styles */

.footer-container {
    background-color: #004aad;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    margin-top: 15px;
}

.footer-info {
    text-align: center;
    color: #fff;
}

.footer-info .logo img {
    max-width: 100px;
    height: auto;
    transition: transform 0.3s ease;
}

.footer-info .logo img:hover {
    transform: scale(1.1);
}

.footer-info p, .footer-info a {
    color: #fff; 
}

.footer-info a:hover {
    color: #fff; 
}

.footer-links, .footer-services, .footer-extra {
    color: #fff; 
}

.footer-links ul li a, 
.footer-services ul li a, 
.footer-extra ul li a { 
    color: #fff; 
    text-decoration: none;
}

.footer-links ul li a:hover, 
.footer-services ul li a:hover, 
.footer-extra ul li a:hover {
    color: red; /* Cambia el color del enlace al pasar el cursor */
}

/* Estilo para h4 */
.footer-links h4, 
.footer-services h4, 
.footer-extra h4 {
    color: #fff; /* Color de texto de h4 */
    font-size: 18px; /* Ajusta el tamaño de la fuente */
    font-weight: bold; /* Opcional: enfatiza el texto */
    margin-bottom: 10px; /* Espaciado inferior */
}

/* Hover para h4 (opcional, si deseas cambiar el color al pasar el cursor) */
.footer-links h4:hover, 
.footer-services h4:hover, 
.footer-extra h4:hover {
    color: yellow; /* Cambia el color de h4 al pasar el cursor */
}


.footer-bottom {
    background-color: #004aad;
    padding: 10px;
    text-align: center;
    color: #fff; /* Cambia el color del texto */
}

.footer-bottom a {
    color: #ccc; /* Cambia el color del enlace */
    text-decoration: none;
}

.footer-bottom a:hover {
    color: #004aad; /* Cambia el color del enlace al pasar el cursor */
}


.footer-social {
    display: flex;
    justify-content: center;
    gap: 15px; /* Espaciado entre iconos */
    margin-top: 20px;
}

.footer-social .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Forma circular */
    background-color: #333; /* Fondo oscuro */
    color: #fff; /* Color del icono */
    text-decoration: none; /* Sin subrayado */
    font-size: 18px; /* Tamaño del icono */
    transition: all 0.3s ease; /* Efecto de transición */
}

.footer-social .social-icon:hover {
    background-color: #555; /* Cambia el color de fondo al pasar el ratón */
    color: #1da1f2; /* Ejemplo: Azul claro */
    transform: scale(1.1); /* Aumenta el tamaño ligeramente */
}