.btn-green,
.btn-grey:hover,
.badge.badge-green,
.custom-control-input:checked ~ .custom-control-label::before,
.btn-green-line:hover
{
background:#ff6b02;
color:#fff !important;
}
ul.top-menu a:hover,
.list-inline a:hover,
.menu-category a:hover,
.siderbar-menu li.active a,
#menu-category .col a.active,
.btn.normal:hover,
.text-green,
a:hover,
.menu-carousel a.active,
.menu-carousel a:hover
{
color:#ff6b02 !important;
}
.btn-white
{
  background: #fff;
  color: #ff6b02;
}
.badge.small.rounded-pill{
width: 15px;
height: 15px;
line-height: 15px;
font-size: 10px;
background-color: red;
}
.full-text {
  color: #ffffff; /* White text */
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* Shadow to make text more legible */
  font-size: 2em; /* Adjust based on your design needs */
  font-weight: bold; /* Makes the text bold */
  text-align: center;
  max-width: 80%; /* Ensures text doesn't span the full width of the header */
  margin: 0 auto; /* Centers the text block if it's less than max-width */
}
@media (max-width: 768px) {
  .full-text {
    color: #000000; /* Black text for mobile screens */
	text-shadow: none;
  }
}
.image-text {
  color: #ffffff; /* Blanco */
  text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.9); /* Sombra más notable */
  font-size: 2em; /* Ajusta según tus necesidades */
  font-weight: bold; /* Negrita */
  text-align: center;
  max-width: 80%; /* Evita que el texto abarque todo el ancho */
  margin: 0 auto; /* Centra el bloque de texto si es menos del ancho máximo */
}

.image-text:hover {
  color: #ff6b02; /* Cambia el color a naranja al pasar el ratón */
}