:root{
    --color-primario: #0878BE;
	--color-texto: #133759;
}

.home_destacado {
	/*color: black !important;*/
    /*border-width: 0px;*/
    padding: 5px !important;
    font-size: 12px !important;
    width: 90%;
    text-transform: uppercase;
}

.line_home_1{
    width: 200px;
    height: 1px;
    background: var(--color-texto);
}

.line_home_4{
	margin-bottom: 45px;
    width: 260px;
    height: 1px;
    background: var(--color-texto);
}

.line_home_2{
	margin-bottom: 45px;
    width: 420px;
    height: 1px;
    background: var(--color-texto);
}

.line_home_3{
	margin-bottom: 40px;
    width: 280px;
    height: 1px;
    background: var(--color-texto);
}

.h3_title{
	color: var(--color-texto);
	font-size: 20px;
	line-height: 35px;
    margin-bottom: 5px;
}

.h4_title{
	color: var(--color-texto);
	font-size: 20px;
}
    
.timeline-container{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 80px;
}

.timeline-horizontal-line{
    position: absolute;
    top: 12%; 
    height: 2px;
    background: linear-gradient(
        90deg,
        #0878BE,
        #4cc9ff,
        #ffffff,
        #4cc9ff,
        #0878BE
    );
    background-size: 250% 100%;
    animation: moveLine 1.2s linear 1;
    z-index: 1;
    left: calc(12.5%);
    right: calc(12.5%);
}

@keyframes moveLine {
    0% { background-position: 0% 0%; }
    100% { background-position: 250% 0%; }
}

.timeline-badge{
    position: relative;
    z-index: 3;
    display: inline-block;
    padding: 6px 22px;
    background: var(--color-primario);
    color: #fff;
    font-weight: 600;
    border-radius: 25px;
    font-size: 14px;
    margin-bottom: 6px;
}

.timeline-step{
    width: 23%;
    position: relative;
    text-align: center;
}

.timeline-card{
    border-radius: 16px;
    color: var(--color-texto);
    font-size: 11px;
    padding: 12px 16px;
    line-height: 1.35;
    border: 1px solid #e1e1e1;
    margin-top: 0px;
}

.timeline-card h4{
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px 0;
    color: var(--color-texto);
}

@media (max-width: 640px){

    /* Margen lateral para mobile */
    .timeline-container{
        padding-left: 24px;
        padding-right: 58px;
    }
    .timeline-container{
        flex-direction: column;
    }

    .timeline-horizontal-line{
        display: none;
    }

    .timeline-step{
        width: 100%;
        text-align: left;
        padding-left: 50px;
        margin-bottom: 50px;
    }

    .timeline-step::before{
        content: "";
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(
            180deg,
            #0878BE,
            #4cc9ff,
            #ffffff,
            #4cc9ff,
            #0878BE
        );
        background-size: 100% 250%;
        animation: moveLineVertical 1.2s linear 2;
        z-index: 1;
    }

    @keyframes moveLineVertical {
        0% { background-position: 0% 0%; }
        100% { background-position: 0% 250%; }
    }

    .timeline-badge{
        position: absolute;
        left: 20px;
        top: 0;
        transform: translate(-50%, -50%);
        margin: 0;
    }
}

.texto-truncado {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  max-height: 82px; 
  color: grey;
  margin-bottom: 15px !important;
}

#site-content-planes h4{
	font-size: 1.25rem;
	margin-top: 0px !important;
}
        
.card-ver-btn-v5{
	position: absolute;
  	left: 0;
  	bottom: 0;
  	padding: 15px 0px;
  	background-color: #213d65;
    color: #fff;
    border: 1px solid #213d65;
    
}

.no-border{
	border: 0px !important;
}

.card_shadow_v5{
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

.uk-border-rounded-v5 {
  border-radius: 10px;
  border: 0px solid rgb(0 0 0 / 8%);
  /*border-bottom-color:#213d65;
  border-right-color:#213d65;*/
  overflow: auto;
}

.wallet a img{
	width:280px;
	padding-bottom: 10px;
}

.items-list > div{
	border-bottom: 0px !important;	
	margin-bottom: 10px !important;
	padding: 5px !important;
}

@media (max-width: 767px) {
    .uk-first-column .uk-padding-small{
        margin-bottom: 0px !important;
    }
}

.cupon_color_text {
	color:#ae0e28;
	font-weight: 750;
}

.uk-card-title {
  font-size: 1.1rem;
  line-height: 1.2;
}

#site-head .head-bottom {
  background-color: #007CBA; /* #007dcc; */
}

#site-head .head-top {
  font-size: 0.825rem;
  background-color: #213d65; /* #007dcc; */
  border-top: 2px solid #007dcc;
}

.cotiz_asist_viaje{
	display: inline-block; 
	margin-bottom: 5px; 
	margin-left: 10px;
}

.cotiz_asist_viaje strong{
	font-size: 1.5rem; 
	color:#ffffff; 
	font-family: 'BwMitga-Bold';
}

.uk-tooltip {
	font-size: 15px !important;    
    text-align: center !important;
	white-space: normal;  /* Por si el texto es muy largo */
    max-width: 185px;     /* limitar ancho para que se vea mejor */
}

.styled-select {
	border-radius: 8px;           /* Bordes redondeados */
    border: 1px solid #213d65;    /* Color del borde */
    background-color: #f0f8ff;    /* Fondo */
    color: #333333;               /* Color del texto */
    padding-left: 5px;            /* Espaciado interno */
    font-size: 1rem;              /* Tamaño de fuente */
}

.styled-input {
    border-radius: 8px;           
    border: 1px solid #213d65;    
    background-color: #f0f8ff;    
    color: #333333;               
    padding-left: 5px;               
    font-size: 1rem;   
    outline: none;
    width: 100%;
}
.bootstrap-tagsinput {
    border-radius: 8px;           
    border: 1px solid #213d65;    
    background-color: #f0f8ff;    
    color: #333333;               
    padding-left: 5px;               
    font-size: 1rem;   
    outline: none;
    
}
      
.bootstrap-tagsinput .tag {
	margin: 0 5px 0 1px;
}

@media only screen and (min-width: 960px) {
  		.column1 .bootstrap-tagsinput input, #filter-nav .bootstrap-tagsinput input {
      		padding: 0px;
  		}
}

@media (max-width: 767px) {
    .bootstrap-tagsinput input {
        padding: 0 2px;
    }
    
    .uk-margin-top-form{
    	margin-top: 10px !important;
    }
    
    .uk-margin-small-form{
    	margin-bottom: 10px !important;
    }
}