/* CSS Document */

main{ background-color: #f3f4f9 !important; }

h1{ font-family: 'Open Sans', sans-serif; /*display: inline-block; text-transform: none; color: #232323 !important; font-weight: bold; font-size: 23px !important; vertical-align: top;*/ }
/*/////////////////////////*/

.box_selec{ display: block; overflow: hidden; margin: 10px 0; font-size: 0px; }
.selectores{ margin-right: 5px; min-width: 200px; /*margin-right: 10px; color: #000 !important;*/}

.sinmargentop{ margin-top: 0px !important; }

.minibanner{ font-size: 0px; }


/*#busqueda{ height: 50px; width: calc(100% - 146px); font-size: 20px; line-height: 50px; vertical-align: top; padding-left: 10px; }*/
/*.bbusqueda { position: relative; vertical-align: top;  width:140px; height: 50px; font-size:13px; color:#ffffff; background-color: #494949; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #494949; border-radius: 3px; text-align: center; text-decoration: none; }*/

label{ font-size: 15px; font-weight: 600; margin-right: 10px;}


.celda_filtro{ display: inline-block; margin-bottom: 16px; }
.celda_filtro input{ /*font-size: 18px; padding: 16px 5px;*/ }

.tex_filtros{ font-size: 18px; }

.celda_filtro input{ /*height: 57px;*/ padding-left: 10px; }

.paddingupcoming{ /*padding-left: 15px;*/ }

.toptabla{ box-sizing: border-box; padding: 14px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #e1dede; background: linear-gradient(to right, #9dbfd6, #dde2e2); }
.filatabla{ box-sizing: border-box; padding: 14px 15px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #e1dede; border-top: none; background-color: #ffffff; }

.toptablaizq{  }
.toptablamedio{  }
.toptablader{  }
.filatablaizq{  }
.filatablamedio{  }
.filatablader{  }

@media screen and (max-width:1024px) {
	
	.celda_filtro{ margin-bottom: 12px; }
    .celda_filtro input{ width:135px;  }
}

@media screen and (max-width:800px) {
	
    .filatabla{ box-sizing: border-box; padding: 0px 0px; border-bottom-left-radius: 0px; border-bottom-right-radius:0px ; border: none; border-top: none; background-color: transparent; }
	.toptablaizq{ box-sizing: border-box; padding: 14px 15px; border-top-left-radius: 6px; border: 1px solid #e1dede; border-right: none; background-color:#9dbfd6; }
    .toptablamedio{ box-sizing: border-box; padding: 14px 15px; border: 1px solid #e1dede; border-right: none; border-left: none; background-color:#9dbfd6; }
    .toptablader{ box-sizing: border-box; padding: 14px 15px; border-top-right-radius: 6px; border: 1px solid #e1dede; border-left: none; background-color:#9dbfd6; }

    .filatablaizq{ box-sizing: border-box; padding: 14px 15px; border-bottom-left-radius: 6px; border: 1px solid #e1dede; border-top: none; border-right: none; background-color:#ffffff; min-height: 90px; }
    .filatablamedio{ box-sizing: border-box; padding: 14px 15px; border: 1px solid #e1dede; border-right: none; border-left: none;  background-color:#ffffff; min-height: 90px; }
    .filatablader{ box-sizing: border-box; padding: 14px 15px; border-bottom-right-radius: 6px; border: 1px solid #e1dede; border-left: none; background-color:#ffffff; min-height: 90px; }


}

@media screen and (max-width:500px) {    
	
	.celda_filtro{ margin-bottom: 8px; }
    .celda_filtro input{ width:127px;  }
}


#leyendas{ box-sizing: border-box; /*padding: 0 15px;*/ }

.tit_avalaible{ font-size: 13px; font-weight: 500; color: #1b3347; line-height: 13px; text-transform: uppercase; }
.tit_avalaible2{ font-size: 13px; font-weight: 500; color: #1b3347; line-height: 13px; text-transform: uppercase; white-space: nowrap; display: none; }

#datos{ box-sizing: border-box;   font-size: 13px; /*margin: 20px 0;*/ }

.row { --bs-gutter-x: 0 !important; }

.centrar{ text-align: center; }
.izquierda{ text-align: left; }
.derecha{ text-align: right; }

body button{ background-color: transparent; margin: 0 0 !important; }

/*.blista { position: relative; font-size:13px; color:#172b3b; border-color: transparent; text-align: center; text-decoration: none;  }
.blista:hover {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   
}*/

.blista {
    position: relative;    
    font-size: 11px;
    color:#172b3b;        
    padding: 10px 0px;
    border-radius: 3px;
    text-align: center;
    border: transparent;
    text-decoration: none;
}

.blista2 {
    position: relative;    
    font-size: 11px;
    background-color: #2f5778;
    color: #ffffff;        
    padding: 10px 12px;
    border-radius: 3px;
    text-align: center;
    border: transparent;
    text-decoration: none;
}

.flecha{ font-weight: bold; font-size: 15px; }

.box_tex_btn{ display: flex; align-items: center; justify-content: left; }
.tex_boton_center{ font-size: 13px; line-height: 16px; font-weight: bold; padding-right: 10px; text-decoration: underline; display: inline-block;  }
.tex_boton_right{  text-align: right; font-size: 13px; line-height: 16px; font-weight: bold;  }
.tex_boton_center100{  text-align: center; font-size: 13px; line-height: 16px; font-weight: bold; }


.linkinfo{ font-size: 13px; }

.precio_sesion{ font-size: 15px; font-weight: bold; color: #6c88ae; }

#datos .row {
  display: flex;
  align-items: stretch;
}

#datos .col-6 .row .col {
  flex: 1;
  min-height: 90px; /* ajusta según tu diseño */  
  padding: 0 10px; 

}


@media screen and (max-width:1023px) {  
	
	h1{ width: calc(100% - 32px); font-size: 20px !important; line-height: 20px !important; }

    .col-4{ width: 50% !important; }
    .col-5{ width: 50% !important; }
    .col-6{ width: 50% !important; }
	.col-2{ width: 100% !important; margin-top: 25px; }
	.derecha{ text-align: left; }

    .blista { margin-top: 15px; }

	
}

@media screen and (max-width:800px) {  
		
    #leyendas{ display: none; }
	.col-4{ width: 100% !important; }
    .col-5{ width: 100% !important; }
    .col-6{ width: 100% !important; margin-top: 20px !important; }
    .centrar{ text-align: left; }
	.tit_avalaible2{ display: block; }
    body .d-flex{ display: block !important; }
    #datos .col-6 .row .col { padding: 0 0px; }
    
	
}

@media screen and (max-width:600px) {  	
	
	h1{ width: calc(100% - 32px); font-size: 18px !important; line-height: 20px !important; }
    .centrar{ text-align: center; }
	.derecha{ text-align: center; }
	.izquierda{ text-align: center !important; }		

}