a,
#home-slider .caption h1 span, 
#twitter-carousel .item span, 
#footer .footer-bottom, 
#single-portfolio .close-folio-item:hover, 
.single-table.featured .btn.btn-primary, 
.contact-info ul li a:hover, 
#footer .footer-bottom a  {
  color: #028fcc;
}

.btn.btn-primary:hover,
.btn-submit:hover {
  background-color: #027db3
}

a:hover, a:focus {
	color: #027db3;
}

.main-nav, 
.service-icon, 
.progress-bar.progress-bar-primary, 
.single-table.featured, 
.btn.btn-primary, 
.twitter-icon .fa-twitter, 
.twitter-left-control:hover, .twitter-right-control:hover, 
.post-icon, 
.entry-header .date:after, 
.btn-loadmore:hover, 
.btn-submit,
#footer, 
.caption .btn-start:hover, 
.left-control:hover, 
.right-control:hover, 
.folio-overview a:hover {
  background-color:#028fcc;
}

.twitter-left-control:hover, 
.twitter-right-control:hover, 
.btn-loadmore:hover  {
	border: 1px solid #028fcc;
}

.caption .btn-start:hover, 
.left-control:hover, 
.right-control:hover {
	border-color: #028fcc;
}

.twitter-icon .fa-twitter:after {
	border-color: #028fcc transparent transparent;
}

/* LO DE AQUI ABAJO ES PARA Definir el estilo en main.css o responsive.css
Abre main.css (o responsive.css) y añade este código al final: 

✅ Esto garantizará que el botón de cierre tenga estilos aplicados.*/


#close-banner {
  background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro semitransparente */
  border: 2px solid white; /* Borde blanco para mejor visibilidad */
  font-size: 20px;
  color: white;
  cursor: pointer;
  padding: 8px;
  border-radius: 5px; /* Bordes redondeados */
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#close-banner:hover {
  background-color: rgba(0, 0, 0, 0.8); /* Fondo más oscuro al pasar el cursor */
  opacity: 1; /* Mantiene la visibilidad */
}