#mainContainer{margin:0 auto;min-width:100vw;min-height:auto;max-width:100%;width:100%;position: relative;}

.row{--bs-gutter-x:0;}
#mainContainer>.col{padding:0;}
#mainContainer header,
#mainContainer section{/*border:1px solid orange;*/display:flex;flex-direction:row;width:100%;min-width: 100%;height: auto;}
#mainContainer header{padding:0;position: sticky;top:0;background:#FFF;z-index:15;border-bottom:1px solid var(--gris-borde);}
#mainContainer header .col{padding:20px 30px;}
#mainContainer header .logo{/*border:1px solid red;*/width:280px;max-width:280px;}
#mainContainer header .logo img{width:99px;height:auto;}
#mainContainer header .tituloSeccion{color:#60626D;font-size:22px;line-height: 36px;}
#mainContainer header .bloqueUsuario{color:var(--text-color);line-height: 2.2rem;}
#mainContainer header .bloqueUsuario .icon{font-size:1.6rem;color:var(--primario-claro);margin-right:0.5rem;transform: translateY(4px);}

.formContainer{padding:1rem 4.3rem;display:flex;height:100%;flex-direction:column;justify-content:space-around;}

.login-form .cf-turnstile{position: fixed;bottom:0px;right:7px;}
.reg-form .cf-turnstile{position: fixed;bottom:0px;right:7px;}

.mainSection{}
.mainSection.home{display:flex;flex-direction:row;width:100%;min-width: 100%;background:#F7F7F7;padding:0;}

#menuPrincipal{padding:35px 50px 5px;width:100%;/*justify-content:space-between;*/}
.innerContent{padding:30px 30px 5px;width:100%;/*justify-content:space-between;*/}

/*.card{padding:0;width:25%;max-width:300px;min-width:225px;border:1px solid #C3BED3;margin-right:50px;margin-bottom: 25px;box-shadow: var(--sombreado);overflow: hidden;border-radius: 10px;position:relative;}*/
.cardContainer{background:#FFF;padding:1rem 1.8rem;width:25%;min-width:225px;border:1px solid #C3BED3;box-shadow: var(--sombreado);overflow: hidden;border-radius: 10px;position:relative;}

#menuPrincipal .card{padding:0;width:25%;max-width:300px;min-width:225px;border:1px solid #C3BED3;margin-right:50px;margin-bottom: 25px;box-shadow: var(--sombreado);overflow: hidden;border-radius: 10px;position:relative;}
#menuPrincipal .card:last-child{margin-right:0;}
#menuPrincipal .card:hover .imagen{background-size: 110%;}
#menuPrincipal .card .encabezado{padding:11px 11px;font-size:18px;background-color:#FFF;position:relative;}
#menuPrincipal .card .encabezado .label{color:var(--gris-medio);display:inline-block;width:calc(100% - 73px);transition:var(--transition-config);}
#menuPrincipal .card .encabezado .icon{color:var(--primario-claro);margin-right:8px;width:28px;text-align:center;font-size: 1.3rem;transition:var(--transition-config);}
#menuPrincipal .card:hover .label,
#menuPrincipal .card:hover .icon{color:var(--primario);}
#menuPrincipal .card .encabezado .moreArrow{/*border:1px dotted red;*/display:inline-block;width: 28px;height: 28px;color:var(--gris-claro);text-align: center;position:absolute;overflow:hidden;}
#menuPrincipal .card .encabezado .moreArrow .iconNormal{opacity:1;}
#menuPrincipal .card .encabezado .moreArrow .iconHover{color:var(--primario);left:-20px;}
#menuPrincipal .card .encabezado .moreArrow .iconNormal,
#menuPrincipal .card .encabezado .moreArrow .iconHover{position:absolute;transition:var(--transition-config);}
#menuPrincipal .card:hover .moreArrow .iconNormal{opacity:0;}
#menuPrincipal .card:hover .moreArrow .iconHover{left:0px;}

#menuPrincipal .card .imagen{min-height:325px;background:url("../img/img-viajeros.jpg") no-repeat center center;background-size:100%;transition:var(--transition-config);}
#menuPrincipal .card.viajeros .imagen{background-image:url("../img/img-viajeros.jpg");}
#menuPrincipal .card.viajes .imagen{background-image:url("../img/img-viajes.jpg");}
#menuPrincipal .card.configuracion .imagen{background-image:url("../img/img-configuracion.jpg");}


#adminAlertas{padding:15px 50px 35px;}
#adminAlertas .card{border-radius: 10px;overflow: hidden;border:1px solid #C3BED3;}
#adminAlertas .card .encabezado{padding:11px 11px;font-size:18px;position:relative;}
#adminAlertas .card .encabezado .icono{margin-right: .5rem;}
.primario{background-color:var(--primario);color:#FFF;}
.navegacion{color:var(--primario);background-color: #FFF;border:1px solid var(--primario);padding: 5px 11px;}
.validar{background:#DFF1AC;border:1px solid #b9dd4a;}
.validar:hover{background:#C5E56A;border:1px solid #A8CE31;}
.rechazar{background:#ffcad3;border:1px solid #dd4a5f;}
.rechazar:hover{background:#EDA4B0;border:1px solid #CD344A;}

.alertas{padding:1.2rem 0;}
.alerta{border:2px solid #333; background:#EDEDED;color:#333;font-size: .9rem;line-height: 1.1rem;border-radius:6px;overflow: hidden;margin-bottom:.5rem;transition:var(--transition-config);}
.alerta:last-child{margin-bottom:0;}
.alerta a{display: inline-block;width: 100%;color:#1a2445;}
.alerta .icono{display:inline-block;padding:0.5rem 0.8rem;border-right:2px solid #333; background:#FFF;color:#1a2445;border-radius: 6px;}
.alerta .texto{display:inline-block;padding:0.5rem 0.8rem;}


.alerta.verde{border-color:#CFE883;background-color:#F5FFDB;} 
.alerta.verde .icono{border-color:#CFE883;}

.alerta.amarilla{border-color:#F7DE85;background-color:#FEF5C7;} 
.alerta.amarilla .icono{border-color:#F7DE85;}

.alerta.roja{border-color:#E88392;background-color:#FFDBE1;} 
.alerta.roja .icono{border-color:#E88392;}

.alerta.verde:hover{border-color:#9EC63C;background-color:#D9EAAB;} 
.alerta.verde:hover .icono{border-color:#9EC63C;}

.alerta.amarilla:hover{border-color:#E0A648;background-color:#FFE5A8;} 
.alerta.amarilla:hover .icono{border-color:#E0A648;}

.alerta.roja:hover{border-color:#D3364C;background-color:#F6B5B5;} 
.alerta.roja:hover .icono{border-color:#D3364C;}

.alerta.gris{border-color:#D6D6D6;background-color:#ECECEC;} 
.alerta.gris .icono{border-color:#D6D6D6;}

.alerta.gris:hover{border-color:#979797;background-color:#D6D6D6;} 
.alerta.gris:hover .icono{border-color:#979797;}


header .btnDespliegue{display:inline-block;width:40px;height:40px;border:2px solid #BABABA;border-radius:6px;margin-right:1.3rem;background:#FCFCFC;}
header .btnDespliegue span{display:block;width:65%;height:1.5px;background:var(--primario-claro);position:relative;margin:0 auto;transform: translateY(16px);transition:var(--transition-config);}
header .btnDespliegue span:first-child{display:block;width:65%;height:1.5px;background:var(--primario-claro);position:relative;transform: translateY(12px);}
header .btnDespliegue span:last-child{display:block;width:65%;height:1.5px;background:var(--primario-claro);position:relative;transform: translateY(21px);}

header .controlBtnDespliegue{cursor:pointer;}
header .controlBtnDespliegue.activo .btnDespliegue span{opacity:0;}
header .controlBtnDespliegue.activo .btnDespliegue span:first-child{opacity:1;transform: translateY(18px) rotate(47deg);}
header .controlBtnDespliegue.activo .btnDespliegue span:last-child{opacity:1;transform: translateY(15px) rotate(-47deg);}


#menuControl{
	display: none;
	/*z-index: 200;
  position: relative;*/
}
nav#optionsNav{
	transition:var(--transition-config);
	width: 250px;
	position: fixed;
	background: #FFF;
	z-index: 10;
	height: calc(100vh - 85.75px);
	top: 85.75px;
	left: -250px;
	border-right:1px solid var(--gris-borde);
	padding:.8rem 0;
}
#optionsNav ul{padding:0;margin:0;list-style:none;}
#optionsNav ul a{display:block;padding:10px;color:var(--gris-medio);}
#optionsNav ul a:hover{color:var(--primario-claro);}
#optionsNav ul a i{margin: 0 10px 0 3px;}
#optionsNav ul li{margin-bottom:.3rem;}
#optionsNav ul li.activo{background: var(--primario-mas-claro);}
#optionsNav ul li.activo a{color:var(--primario);border-left:3px solid var(--primario);}

#optionsNav ul li.red{/*background:#FFDBE1;*/}
#optionsNav ul li.red a{color:#E88392;}
#optionsNav ul li.red a:hover{color:#CC4A5D;}
/*menú activo - visible*/
#menuControl:checked + nav#optionsNav{left: 0px;}
.controlBtnDespliegue.activo .btnDespliegue{border-color:var(--primario);}

.capsula{background-color:#E6E6E6;color:#545454;border-radius: 11px;padding: 3px 10px 3px 8px;}
.capsula.primario{background-color:var(--primario);color:#FFF;}
.capsula.primarioClaro{background-color:var(--primario-claro);color:#FFF;}
.capsula.espera{background-color:#B5B5B5;}
.capsula.confirmado{background-color:var(--azul-electrico);color:#FFF;}
.capsula.hueca{background:#FFF;border:1px solid #BBB;display:inline-block; text-align: center; width: 100%;}

.contornear{border:var(--border-form);border-radius:10px;}

.btn.small{padding: 4px 14px;}

.dataTableContainer{position: relative;overflow:scroll;margin:1.1rem 0 1.2rem;}
.dataTable{border:1px solid var(--gris-medio);}
.dataTable thead,
.dataTable tbody{}
.dataTable thead{/*border:1px solid var(--gris-medio);*/background: var(--primario-mas-claro);background: linear-gradient(180deg,rgba(234, 242, 254, 1) 0%, rgba(181, 197, 223, 1) 100%);}
.dataTable thead tr{border-bottom: 1px solid #9ccaec;}
.dataTable thead tr th{color: var(--primario-hover);}
.dataTable thead tr th,
.dataTable tbody tr td{padding:4px 6px;text-align: center;}
.dataTable tbody{/*border:1px solid var(--gris-medio);*/background: var(--gris-mas-claro);}
.dataTable tbody tr{border:1px dotted var(--gris-claro)}
.dataTable tbody tr td{color: var(--text-color);}

.dataTable tbody tr:nth-child(even){background:#FFF;}

/*PAGINADOR*/
.page-link{border-color:#b2c0ce;}



/* FORM DESGIN  */
.formDesign{}
.formDesign label,
.controles label{color:var(--morado);line-height: 1rem;}

.formDesign .row,
.controles .row{margin-bottom: .85rem;}

fieldset{border:1px solid var(--gris-claro);border-radius:.5rem;margin-bottom:.5rem;box-shadow: var(--sombreado);}
legend{background:#FFF;float:inherit;margint-left:.5rem;width:inherit;font-size: 1.2rem;padding: .2rem .6rem;color: var(--azul-label);border-radius:.5rem;}

.dataTable.middleWidth{width:50%;max-width:50%;margin:0 auto;}

.dataTable .inactivo{background:#C1C1C1;color:#666;}



.anotacion{color:#A1A2A8;font-size:.9rem;}
.cardContainer .titulo{color:#71737F;font-size:1.2rem;margin-bottom:.8rem;}

.navDetalles{color:#797b8f;padding: 5px 5px;}
.navDetalles:hover{color:var(--aqua);}


.viajeDetalles{}
.viajeDetalles .imagen{min-height: 150px;background:url("../img/thumb-viaje_01.jpg") no-repeat center center;background-size: cover;}

.contenedorDocumentos{}
.contenedorDocumentos .item{background:#F3F2F4;border:1px solid #EDEBEE;display:block;margin-top:.8rem;text-align: left;border-radius: 10px;}
.contenedorDocumentos.detalles .row{margin-bottom:0;}

.contenedorPagos{}
.contenedorPagos .contornear{background:#f3f2f4;padding:0 0 0;overflow: hidden;border-color:#595959}
.contenedorPagos .anotacion{color:#A1A2A8;font-size:.8rem;text-align: right;}
.contenedorPagos .cantidadTotal{color:var(--text-color);text-size:1.3rem;font-weight:bold;text-align: right;}
.barra,
.barra .porcentajePagado,
.barra .porcentajeAdeudo{height:15px;}

.barra{background:#cfd3e4;overflow: hidden; border-radius:8px;position: relative;width: 100%;}

.barra .porcentajePagado,
.barra .porcentajeAdeudo{position: absolute;}

.barra .porcentajePagado{background:#0bc2ca;opacity: 0.85;width:0%;transition:width 2s ease;}
.barra .porcentajeAdeudo{background:#DB9D24;opacity: 0.4;width:0%;transition:width 2s ease;}

.barra .marcador{position: absolute;font-size: 12px !important;margin-left: .65rem;}

.contenedorPagos .anotacion,
.contenedorPagos .cantidadTotal{padding:3px 15px 5px;}
.proximoPago{padding:8px 15px 8px;background:#fff6c7;color:#1a2445;font-size:.9rem;}
.smallNote{padding:8px 15px 8px;background:#fff6c7;color:#1a2445;font-size:.9rem;font-size: .75rem;}
.contenedorPagos .proximoPago{font-size:.75rem;}
.contenedorPagos .porcentaje{padding:3px 15px 16px;}
.contenedorPagos .nomenclatura{padding:3px 15px 16px;}


.contenedorPagos .dataTableContainer{margin:0 !important;}
.contenedorPagos .dataTable{border:0 none !important;}
.contenedorPagos .dataTable thead th{background:#CFCFCF !important; color:#222;font-size:.9rem;font-weight:400;}

.lineBelow::after{content:"";border-top:1px solid #D0D2D6;border-bottom:2px solid #ECEFF4;width: 100%;margin-top: 1rem;}

.registerForm{padding: 0;}
.registerForm h2{background:var(--aqua);color:#FFF;font-size:1.4rem;}
.registerForm label{color:var(--text-color);}
.registerForm .aqua{color:var(--azul-electrico);}

.ajustar{line-height: 1.5rem;font-size: 0.95rem;}

.btnsIdioma .btn{background:#E8E8E8;color:#A0A0A0;border:1px solid #B6B4B4}
.btnsIdioma .btn.activo{background:var(--aqua);color:#FFF;cursor:default;}
.btnsIdioma .btn:hover{background:var(--primario-hover);color:#FFF;}
.btnsIdioma .btn.activo:hover{background:var(--aqua);}


.chip{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 18px;
	background: #eef5ff;
	border: 1px solid #b6cffb;
}
.chip.small{font-size:.85rem;padding: 2px 10px;}

.telefono-container{
    display:flex;
    gap:10px;
}

.telefono-container select{
    width:130px;
}

.telefono-container input{
    flex:1;
}



/*
Desktop First
max-width
+1200px
1200px-red
1024px-green
768px-blue
600px-cyan
480px-magenta
320px-yellow
----------------

Mobile First
min-width
-320px-yellow
-480px-magenta
-600px-cyan
-768px-blue
-1024px-green
-1200px-red
+1200px
*/

/*|||||||||||||||||||1200px||||||||||||||||||||||*/
@media screen and (max-width: 1200px){
	.checker{background:yellow;}
}

/*|||||||||||||||||||1024px||||||||||||||||||||||*/
@media screen and (max-width: 1024px){
	.checker{background:magenta;}
	.dobleContainer > .col .formDesign .col-3{width: 100%;}
	.dobleContainer > .col .formDesign .col-3.aright{text-align: left !important;}
	.dobleContainer > .col .formDesign .row{margin-bottom: 1.3rem;}
	.dobleContainer > .col .formDesign .row.gap{gap:0;}
}

/*|||||||||||||||||||1024px||||||||||||||||||||||*/
@media screen and (max-width: 900px){
	.checker{background:magenta;}
	#menuPrincipal{padding: 25px 35px 5px;}
	#adminAlertas{padding: 15px 35px 35px;}
	/*header .controlBtnDespliegue{display:block;}*/
	.dobleContainer > .col{width: 100%;}
}

@media screen and (max-width: 867px){
	.col-md-7{width: 100%;}
}

/*|||||||||||||||||||768px||||||||||||||||||||||*/
@media screen and (max-width: 768px){
	.checker{background:cyan;}
	#mainContainer header .bloqueUsuario span{display:none;}

	.controles .col-md-6{margin-bottom:1rem;}
	.dataTable.middleWidth{width: 100%;max-width: 100%;}

	.contenedorDocumentos.detalles .item .row .col{margin-bottom: .5rem;}
	.formDesign .col.aright{text-align: left !important;}
}

/*|||||||||||||||||||600px||||||||||||||||||||||*/
@media screen and (max-width: 600px){
	.checker{background:blue;}
	.formDesign .col-3{width: 100%;}
	.formDesign .col-3.aright{text-align: left !important;}
	.formDesign .row{margin-bottom: 1.3rem;}
	.formDesign .row.gap{gap:0;}



}

/*|||||||||||||||||||480px||||||||||||||||||||||*/
@media screen and (max-width: 480px){
	.checker{background:green;}
	#mainContainer header .tituloSeccion{display:none;}
	.innerContent{padding: 20px 15px 5px;}
	.cardContainer{padding: 0.8rem 1.2rem;}
}

/*|||||||||||||||||||320px||||||||||||||||||||||*/
@media screen and (max-width: 320px){
	.checker{background:red;}
	#mainContainer header .usuario{display:none;}
}