.texto-azul {

	color: #034099!important;

}

.fondo-azul {

	background: #034099!important;
	color: white!important;

}

.boton-normal {

	height: 37px!important;
	color: white!important;

}

.btn-blue {

	background: #034099!important;
	color: white!important;
	border: 1px solid #034099!important;

}

.btn-blue:hover {

	background: #2465C4!important;
	color: white!important;
	border: 1px solid #2465C4!important;

}

.btn-danger {

	background: #D60000!important;
	color: white!important;
	border: 1px solid #D60000!important;

}

.btn-danger:hover {

	background: #E42323!important;
	color: white!important;
	border: 1px solid #E42323!important;

}

.btn-success {

	background: #06AF20!important;
	color: white!important;
	border: 1px solid #06AF20!important;

}

.btn-success:hover {

	background: #1BB833!important;
	color: white!important;
	border: 1px solid #1BB833!important;

}

.btn-warning {

	background: #E3EC32!important;
	color: white!important;
	border: 1px solid #E3EC32!important;

}

.btn-warning:hover {

	background: #E5EC55!important;
	color: white!important;
	border: 1px solid #E5EC55!important;

}

.btn-morado {

	background: #990097!important;
	color: white!important;
	border: 1px solid #990097!important;

}

.btn-morado:hover {

	background: #A319A1!important;
	color: white!important;
	border: 1px solid #A319A1!important;
	
}

.btn-info {

	background: #00CAB7!important;
	color: white!important;
	border: 1px solid #00CAB7!important;

}

.btn-info:hover {

	background: #29DFCE!important;
	color: white!important;
	border: 1px solid #29DFCE!important;

}

/* Color de fondo azul institucional para el header */
#header {
	background-color: #003366 !important;
	/* Si necesitas que los elementos internos (enlaces/iconos)  también cambien a blanco por defecto: */
	color: white !important; 
}

/* Opcional: Asegurar que los links del menú sean blancos */
#header .navmenu a, 
#header .navmenu a:focus {
	color: white !important;
}

#services-carousel {
background-color: #ffffff !important;
padding: 80px 0 !important;
}

/* Contenedor del Carrusel */
.swiper {
width: 100%;
padding: 50px 0 !important; /* Espacio para que la sombra no se corte */
}

/* Estilo de la Tarjeta (Icon Box) */
#services-carousel .icon-box {
background: #003366 !important;
padding: 40px 30px !important;
border-radius: 25px !important;
text-align: center !important;
transition: all 0.4s ease !important;
height: 100% !important;
min-height: 320px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 10px 30px rgba(0, 51, 102, 0.1) !important;
cursor: grab;
}

#services-carousel .icon-box:active { cursor: grabbing; }

#services-carousel .icon-box:hover {
transform: translateY(-10px) !important;
background: #004080 !important;
box-shadow: 0 20px 40px rgba(0, 51, 102, 0.3) !important;
}

#services-carousel .icon-box .icon {
font-size: 45px !important;
color: #ffffff !important;
margin-bottom: 20px !important;
}

#services-carousel .icon-box .title {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 22px !important;
margin-bottom: 15px !important;
}

#services-carousel .icon-box p {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 15px !important;
margin: 0 !important;
}

/* Flechas de Navegación Personalizadas */
.swiper-button-next, .swiper-button-prev {
color: #003366 !important;
background: #f8f9fa !important;
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
font-size: 20px !important;
font-weight: bold !important;
}

/* Puntos de paginación */
.swiper-pagination-bullet-active {
background: #003366 !important;
}

/* Fondo general de la sección (el que ya tenías o uno que contraste) */
#informacion {
background-color: #f4f7f9 !important; /* Un gris muy claro para que resalten los bloques azules */
padding: 80px 0 !important;
}

/* Forzar que todas las columnas de la fila tengan el mismo alto */
#informacion .row {
display: flex !important;
flex-wrap: wrap !important;
}

/* Bloque de información con el AZUL DEL CARRUSEL */
.info-block {
background: #003366 !important; /* Mismo color que el carrusel */
padding: 40px 30px !important;
border-radius: 25px !important; /* Mismo redondeado */
height: 100% !important; 
transition: all 0.4s ease !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 10px 30px rgba(0, 51, 102, 0.1) !important;
}

.info-block:hover {
transform: translateY(-10px) !important;
background: #004080 !important; /* Mismo cambio de color al pasar el mouse */
box-shadow: 0 15px 40px rgba(0, 51, 102, 0.3) !important;
}

/* Iconos Blancos */
.info-icon-circle {
font-size: 35px !important;
color: #ffffff !important;
margin-bottom: 20px !important;
}

/* Títulos Blancos */
.info-block h3 {
color: #ffffff !important;
font-size: 1.4rem !important;
font-weight: 700 !important;
margin-bottom: 20px !important;
text-transform: uppercase;
}

/* Listas de información */
.info-block ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

.info-block ul li {
color: #ffffff !important;
margin-bottom: 12px !important;
font-size: 0.95rem !important;
line-height: 1.4 !important;
}

.info-block b {
color: rgba(255, 255, 255, 0.7) !important;
display: block;
font-size: 0.75rem;
text-transform: uppercase;
margin-bottom: 2px;
}

/* Nota importante */
.note-important {
font-size: 0.8rem !important;
margin-top: auto !important; 
padding-top: 20px;
color: #ffc107 !important; 
}

/* Estilo para labels pequeños y pegados al input */
.form-label {
    font-weight: 700;
    font-size: 0.72rem;
    color: #444;
    margin-bottom: 1px; /* Espacio mínimo con el input */
    display: block;
    text-transform: uppercase;
}

/* Reducir margen inferior de los grupos para compactar verticalmente */
.form-group.form-input-box {
    margin-bottom: 8px !important; 
}

.form-control-sm {
    border-radius: 4px !important;
    border: 1px solid #bbb;
}

/* Botón Azul Institucional */
.btn-azul-cbr {
    background-color: #003366 !important;
    color: white !important;
    border: none;
    padding: 10px;
    font-weight: bold;
    transition: 0.3s;
    border-radius: 4px;
}
.btn-azul-cbr:hover {
    background-color: #004080 !important;
}

/* Solo color de fondo y bordes al card */
.contact-information-box-3 {
  background: #003366 !important;
  border-radius: 25px !important;
  padding: 30px !important; /* Ajuste básico para que el texto no toque el borde */
}

/* Asegurar que los títulos e iconos se vean blancos sobre el nuevo fondo */
.contact-information-box-3 h6, 
.contact-information-box-3 i {
  color: white !important;
}