/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */
.bold{
	font-weight: 700;
}
.regular{
	font-weight: 400;
}
.white{
	color:#FDFDFD;
}
.color-1{
	color: #4CC9E9;
}
.color-2{
	color: #CB63CE;
}

.onlymobile {
    display: none
}
   .no-mobile{
        
        display:block!important
    }
@media only screen and (max-width:800px){
    .no-mobile{
        
        display:none!important
    }
}
@media only screen and (max-width: 1251px) {
    .onlymobile {
        display:block
    }
}

/***Carrusel**/
:root {
  --scroll-width: 1000px;
}

.contenedor-carrusel {
  overflow: hidden;
  position: relative;
}
.header-links{
    display:flex;
    gap:80px;
    align-items:center;
    justify-content: end;
}

.header-links a{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    transition:.3s;
}

.header-links a:hover{
    opacity:.8;
}

@media (max-width:480px){
    .header-links{
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
    
    
}
.cc-track {
  display: flex;
  width: max-content;
  animation: scrollCarrusel linear infinite;
  will-change: transform;
}

.item-carrsel {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: 30px;
}

.text-carrusel {
  padding-left: 20px;
}

.card-donaciones-iz .vc_column-inner {
   border-radius: 20px 0px 0px 20px;
}
.card-donaciones-de .vc_column-inner {
   border-radius: 0px 20px 20px 0px;
}
.btn-reproducion{
	  cursor:pointer;
	  display: inline-block; /* importante para aplicar fondo */
	  width: 119px;
	  height: 119px;
	  background-image: url('https://www.inspiraairlines.com/wp-content/uploads/2025/08/avion-video-icono.webp');
	  background-size: contain;       
  background-repeat: no-repeat;   
  background-position: center;  
}



@keyframes scrollCarrusel {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--scroll-width)));
  }
}
/**Video Repodución**/
.contenedor-reproductor{
	display: flex;
    align-items: center;

}

.btn-contendor .wpb_wrapper{
	display: flex !important;
    justify-content: center !important;

}

/* El contenedor define el espacio visible */
.contenedor-imagen .wpb_wrapper
 {
    width: 100rem;
    height: 50rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Imagen ajustada al contenedor, escalada hacia abajo */
.img-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* o 'contain' si no quieres recorte */
  transform: scale(1); /* pequeña al inicio */
  transition: all 0.8s ease;
  display: block;
  border-radius: 50px;
}



/* Botones */
.btn-inspira .vc_btn3.vc_btn3-color-grey,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat{
    background-color: #060F9F !important;
    color:  #fff !important;
    border-radius: 0px !important;
		font-family: "Manrope", Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.btn-inspira:hover  .vc_btn3.vc_btn3-color-grey,.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    background-color: #CB63CE !important;
    color:  #060F9F !important;
    border-radius: 0px !important;

}


/**Versión Movil**/
/* Teléfonos pequeños (hasta 575px) */
@media (max-width: 575px) {
	 .contenedor-reproductor {
		  flex-wrap: nowrap !important;
		  flex-direction: row !important;
	}
	.btn-reproducion{

	  width: 85px;
	  height: 85px;
  background-size: contain;       
  background-repeat: no-repeat;   
  background-position: center;    
	  
}



.contenedor-imagen .wpb_wrapper {
        width: auto;
        height: 25rem;
        margin-left: 10px;
    }

}



/* Teléfonos medianos y grandes (576px a 767px) */
@media (min-width: 576px) and (max-width: 767px) {
 .contenedor-reproductor {
		  flex-wrap: nowrap !important;
		  flex-direction: row !important;
	}
	.btn-reproducion{

	  width: 85px;
	  height: 85px;
	  
}
.contenedor-imagen .wpb_wrapper {
        width: auto;
        height: 25rem;
        margin-left: 10px;
    }
	
}

/* Tablets (768px a 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .contenedor-reproductor {
		  flex-wrap: nowrap !important;
		  flex-direction: row !important;
	}
.btn-reproducion{

	  width: 85px;
	  height: 85px;
	  
}
.contenedor-imagen .wpb_wrapper {
        width: auto;
        height: 25rem;
        margin-left: 10px;
    }

}