body {
    font-family: "Roboto", sans-serif;
}

.btn {
    border-radius: 25px;
    padding: 10px 20px;
}

/*Boton Ver*/
.verComunicado {
    background-color: #f05023 !important;
    border-color: #f05023 !important;
    color: white !important;
}

.verComunicado:hover {
    background-color: #e64a19 !important;
    border-color: #e64a19 !important;
}


/* Botón Editar*/
.editarComunicado {
    background-color: white !important;
    border-color: #f05023 !important;
    color: #f05023 !important;
}

.editarComunicado:hover {
    background-color: #f05023 !important;
    color: white !important;
    border-color: #f05023 !important;
}


/* Botón Agregar y Actualizar*/
.btn-agregar {
    background-color: #08083b !important; /* Fondo blanco */
    border-color: #08083b !important; /* Borde azul oscuro */
    color: white !important; /* Texto azul oscuro */
}

.btn-agregar:hover {
    background-color: #08083b !important; /* Fondo azul oscuro cuando se hace hover */
    border-color: #08083b !important; /* Borde azul oscuro cuando se hace hover */
}



/* Fondo blanco para el header */
.navbar {
    background-color: #08083b;
}

/* Logo */
.navbar-brand img {
    max-width: 150px; /* Ajustar el tamaño del logo */
}

/* Texto del menú */
.nav-link {
    color: white; /* Color azul del texto */
    font-weight: bold;
    margin-left: 20px; /* Espaciado entre los elementos */
}

/* Hover del menú */
.nav-link:hover {
    color: #ff6600; /* Color hover (naranja) */
}

/* Dropdown */
.nav-item .dropdown-menu {
    background-color: white;
}

/* Botón de toggler */
.navbar-toggler {
    border-color: white;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280,102,204,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}




footer {
    background-color: #08083b; /* Color de fondo */
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    color: #ccc;
    text-decoration: underline;
}

footer .social-icons i {
    color: #fff;
    margin: 0 10px;
}

footer .social-icons i:hover {
    color: #aaa;
}