/* Agrega estilos personalizados a los botones Next y Prev de Owl Carousel */
.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    font-size: 20px; /*Tamaño de fuente reducido*/
    color: rgba(255,255,255,0.8); /*Color de transferencia*/
    background-color: rgba(51,51,51,0.5);/*Fondo de transferencia*/
    padding: 8px;/*Espacio reducido*/
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.4s ease;/* Agregada transición para suavizar cambios*/
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    background-color: rgba(51,51,51,0.7);/*Cambio de color al pasar el ratón*/;
    color: rgba(255,255,255,1);/*Cambio de color al pasar el ratón*/;
}

.owl-carousel .owl-prev {
    left: 28px;
}

.owl-carousel .owl-next {
    right: 28px;
}

.owl-carousel{
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out;
	-ms-transition:opacity 0.3s ease-in-out;
	-o-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
}
	.TituCo {
		font-size: 25px;
		color:red;
	}

/* for 480px or less */
@media screen and (max-width: 480px) {

	.TituCo {
		font-size: 15px;
		color:red;
	}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    font-size: 18px; /*Tamaño de fuente reducido*/
    color: rgba(255,255,255,0.8); /*Color de transferencia*/
    background-color: rgba(51,51,51,0.5);/*Fondo de transferencia*/
    padding: 8px;/*Espacio reducido*/
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.4s ease;/* Agregada transición para suavizar cambios*/
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    background-color: rgba(51,51,51,0.7);/*Cambio de color al pasar el ratón*/;
    color: rgba(255,255,255,1);/*Cambio de color al pasar el ratón*/;
}

.owl-carousel .owl-prev {
    left: 18px;
}

.owl-carousel .owl-next {
    right: 18px;
}

}

	.atrasic{
		font-size: 15px;
		color:red;
   		border-radius: 5px;
		}

/*
.owl-carousel:not(.active){
opacity:0.7; Opacidad de las imagenes no activas
}*/