.tag-1 {
	background-color: #005baa!important;
	color: #fff!important;
}
.header{
	background-color: #005baa!important;
	color: #fff!important;
}
.btn.btn-default {
	background-color: #A2A2A2!important;
	color: #000!important;
}
.box-newsletter .img-newsletter {
	box-shadow: 0 0px 0px rgba(255,255,266,.1)!important;
}
.header-logo a img {
	width: 70%!important;
  	height: 70%!important;
}
.header-top.header-top-green a {
	color: #fff!important;
}
.btn.btn-black{
	background-color: #A61C01!important;
}
.card-grid-style-3{
	border: 5px solid #005baa!important;
}
.footer {
	background-color: #A61C01!important;
  	color: #fff!important;

}
.card-grid-style-4 .grid-4-img:before{
		background-color: #A61C01!important;
}
.text-display-3{
	color: #fff!important;
}
.mt-40{
	color: #fff!important;
}
.header .main-menu li a{
	color: #fff!important;
}
.footer span{
	color: #fff!important;
}


/* ============================================================
   FIX MENÚ PRINCIPAL — evita que items se sobrepongan
   Convierte float:left obsoleto a flexbox moderno
   Autor: Cesar Chab
   Date: 17/08/2026 12:46:00
   ============================================================ */
.main-menu {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 0 !important;
}

.main-menu > li {
    float: none !important;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.main-menu > li > a {
    padding: 22px 16px !important;
    font-size: 16px !important;
    line-height: 1.2;
}

/* Responsive — reduce padding y fuente en pantallas más chicas */
@media (max-width: 1400px) {
    .main-menu > li > a {
        padding: 22px 12px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 1200px) {
    .main-menu > li > a {
        padding: 20px 10px !important;
        font-size: 14px !important;
    }
}