/* CSS Document */

/* Hack para los cursos que hemos importado de su histórico y que tienen solo un bloque en html */
h3.red { color: #8a1a30; }

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

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

#minibanner {
    padding-top: 33px;
}

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

#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: #172b3b;
    padding: 0px 0px;
    transition: all 300ms ease-in-out;
    border: solid 2px #172b3b;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
}

h1{ font-family: 'Open Sans', sans-serif; padding-left: 0px; }
#corazon{ display: inline-block; margin: 0 5px 0 0; vertical-align:middle; }
#corazon img { width: 22px; }

.box_openmenu{ margin-bottom: 35px; }
.box_openmenu a{ color: #232323 !important; font-size: 20px !important; text-decoration: none; vertical-align: top;  }


.box_cursos{ position: relative; width: 100%; padding: 0 0 30px 0; }
.box_cursos a{ text-decoration: none; }

.tit_curso{ /*color: #232323;*/ font-size: 18px !important; font-weight: bold; text-align: left; text-transform: uppercase; }
.cod_curso{ color: #232323; font-size: 12px; font-family: 'Open Sans', sans-serif; }

.box_flatin{ position: relative; overflow: hidden; width: 100%; padding-top: 10px; }
.flat_curso{ display: block; vertical-align: middle; padding-bottom: 20px; width: 100%; box-sizing: border-box; font-size: 15px; color: #000; }
.flat_curso a{ color: #232323; } 

.box_botones_flat{ display: inline-block; width: 100%; background-color: #fff; border: 1px solid #e1dede; border-radius: 6px; box-sizing: border-box; padding: 20px 20px; vertical-align: middle; } 
.box_botones_curso{ display: inline-block; width: 396px; box-sizing: border-box; padding-left: 20px; vertical-align: middle; } 

.infoiconos{ width: 100%; display: flex; align-items: center; justify-content: left;  }
.botones_curso{ width: calc(100% - 259px); display: inline-block; vertical-align: top; }

.fila_iconos{ margin-bottom: 8px; }
.fila_iconos1{ vertical-align: middle; width: 12%; box-sizing: border-box; box-sizing: border-box;  }
.fila_iconos2{ vertical-align: middle; width: 18%; box-sizing: border-box; box-sizing: border-box;  }
.fila_iconos3{ vertical-align: middle; width: 29%; box-sizing: border-box; box-sizing: border-box;  }
.fila_iconos4{ vertical-align: middle; width: 27%; box-sizing: border-box; box-sizing: border-box;  }
.fila_iconos5{ vertical-align: middle; width: 14%; box-sizing: border-box; box-sizing: border-box;  }

#tex_iconos{ color: #000; font-size: 13px; display: inline-block; vertical-align: middle; letter-spacing: -0.5px; }


.balto { display:block; width:100%; font-size:15px; font-weight: 400; color:#ffffff; background-color: #494949; padding: 15px 10px; transition: all 300ms ease-in-out; border: solid 2px #494949; border-radius: 3px; text-align: center; text-decoration: none; }
.balto:hover {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   /* border: solid 2px #ffffff !important;*/
}

.balto2 { display:block; width:100%; font-size:15px; font-weight: 600; color:#000000; background-color: #ebebeb; padding: 46px 10px; border: solid 2px #ebebeb; border-radius: 3px; text-align: center; text-decoration: none; }

.sep_botones{ width: 100%; height: 12px; }


h2{ font-family: 'Open Sans', sans-serif; color: #172b3b !important;  font-weight: bold; font-size: 18px; margin-top: 60px; margin-bottom: 30px; text-transform: none !important; }

/* ACORDEON */

/*.accordion h5{ font-family: 'Open Sans', sans-serif; color: #1b3347; text-transform: uppercase; font-size: 18px; margin-top: 0px; margin-bottom: 0px; }*/

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    /* --bs-accordion-border-color: var(--bs-border-color); */
    --bs-accordion-border-width: 0px;
    --bs-accordion-border-radius: 0px;
    /* --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) -(var(--bs-border-width))); */
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 20px;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 20px;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}


body .accordion-button {
  border-radius: 6px;          /* esquinas redondeadas en el botón */
  /*margin-bottom: 8px; */         /* opcional: separación entre botones */
  border: 1px solid #ddd;      /* opcional: borde visible */
  font-size: 18px;
  color: #1b3347;
  text-transform: none;
  
}

.accordion-button:not(.collapsed) {
  border-radius: 6px 6px 0 0;  /* mantiene el redondeo arriba cuando está abierto */
  background-color: #2b6282 !important;
  color: #fff !important;
}


/* Panel desplegable */
.accordion-collapse {
  border: 1px solid #ddd;   /* borde alrededor del panel */
  border-radius: 0 0 6px 6px; /* esquinas inferiores redondeadas */
  
}

/* Estado cerrado */
.accordion-button::after {
  background-image: url('/img/ico_accordion_off.jpg'); /* icono cerrado */
  width: 16px;                  /* ancho del pseudo-elemento */
  height: 16px;
}

/* Estado abierto */
.accordion-button:not(.collapsed)::after {
  background-image: url('/img/ico_accordion_on.jpg'); /* icono abierto */
  width: 16px;                  /* ancho del pseudo-elemento */
  height: 16px;
}


.accordion-item{ margin-bottom: 20px; }

.accordion-body{ font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; }

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button{ 

	color: #8a1a30;
	background-color: #fff;	
	font-size: 18px;
	text-transform: uppercase;

}

.accordion-button:not(.collapsed) {
    
    color: #8a1a30;
    background-color: #fff;
	font-size: 18px;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.imgaccordion{ box-sizing: border-box; width: 36px; margin: 0 0; margin-right: 15px; }



/* //// Avalaible ///// */

#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;  }
#datos .col{ align-content: center !important; }

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


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

.derecha_recuadro{ text-align: right; }

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

.blista3 { position: relative;  width:140px; height: 50px; font-size:11px; color:#ffffff; background-color: #172b3b; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #172b3b; border-radius: 3px; text-align: center; text-decoration: none; }
.blistaDisabled {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   /* border: solid 2px #ffffff !important;*/
}

.blista {
    position: relative;    
    font-size: 11px;
    color:#172b3b;        
    padding: 0px 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: center; }


.tex_boton_center{ font-size: 13px; line-height: 16px; font-weight: bold; text-decoration: underline; padding-right: 10px; 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; }

.tex_boton_recuadro{ text-align: center; }

.linkinfo{ font-size: 13px; }

#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;
}

.tex_sinsesiones{ font-size: 15px; color: #000; padding-left: 15px; margin-bottom: 45px;  }

.box_btnpie{ box-sizing: border-box; position: relative; margin-top: 25px; padding: 10px 10px; width: 100%; background-color: #fff; border: 1px solid #e1dede; border-radius: 6px; font-size: 15px; font-weight: bold; }

.tex_recuadro{ text-align: left; padding: 0 0 0 20px; }
.margentexpie{ height: 12px; }

.ali_boton_ondemand{}

/* para tabla de sesiones */

.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: 1px solid #e1dede; border-top: none; background-color: #ffffff; }

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

/*para fila final de la tabla
.filatablaizqfin{  }
.filatabladerfin{  }*/

.separa_sesiones{ display: none; height: 1px; background-color: #e1dede; margin:40px 0; }

.casolargo{}

@media screen and (max-width:800px) {

    #datos .col-6 .row .col { padding: 0 0px; }

    .separa_sesiones{ display: block; }
	
    .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: 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: 1px solid #e1dede; border-left: none; background-color:#ffffff; min-height: 90px; }

    /*.filatablaizqfin{ 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; }
    .filatabladerfin{ 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:1023px) {  
	
	

	.accordion h5{ font-size: 18px; line-height: 18px; }
	h2{ font-size: 18px; line-height: 18px; }

	.accordion-button{ font-size: 18px; line-height: 18px; }
	.accordion-button:not(.collapsed) { font-size: 18px; line-height: 18px; }
	/*.accordion-body { font-size: 18px;  }

	.tex_sinsesiones{ font-size: 18px; }*/

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

    .tex_recuadro{ padding: 0 0 0 0; }
	.tex_recuadro .col-10{ width: 100%; text-align: center; }
	.ali_boton_ondemand{ text-align: center; }
}

@media screen and (max-width:900px) {  

   #tex_iconos{ color: #000; font-size: 12px; }

    .info_curso{ display: block; width: 100%; margin-bottom: 25px; font-size: 18px; }
	.flat_curso{ display: block; width: 100%;  }

    .infoiconos{ flex-wrap: wrap; align-items: flex-start; }

    .fila_iconos1{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;  }
	.fila_iconos2{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box; text-align: center; }
	.fila_iconos3{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box; text-align: right; }
	.fila_iconos4{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box;  }
	.fila_iconos5{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box; text-align: center; }
	.fila_iconos6{ vertical-align: middle; width: 33%; box-sizing: border-box; box-sizing: border-box; text-align: right; }

}

@media screen and (max-width:800px) {  
		
	#leyendas{ display: none; }
	.col-5{ width: 100% !important; margin-top: 25px; }
    .col-6{ width: 100% !important; /*margin-top: 20px !important;*/ }
	h2{ margin-bottom: 20px; }
	.centrar{ text-align: left; }
	.tit_avalaible2{ display: block; }
    body .d-flex{ display: block !important; }
	
}

@media screen and (max-width:700px) {  
    .casolargo{ font-size: 10px; }
    #tex_iconos{ color: #000; font-size: 13px; }
	.fila_iconos1{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box;text-align: left; margin-bottom: 20px;  }
	.fila_iconos2{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box; text-align: left; }
	.fila_iconos3{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	.fila_iconos4{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box; text-align: left; }
	.fila_iconos5{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box; text-align: left; }
	.fila_iconos6{ vertical-align: middle; width: 50%; box-sizing: border-box; box-sizing: border-box; text-align: left; }
}


@media screen and (max-width:500px) { 

	.fila_iconos1{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box;text-align: left; margin-bottom: 20px;  }
	.fila_iconos2{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	.fila_iconos3{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	.fila_iconos4{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	.fila_iconos5{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	.fila_iconos6{ vertical-align: middle; width: 100%; box-sizing: border-box; box-sizing: border-box; text-align: left; margin-bottom: 20px; }
	

}

@media screen and (max-width:500px) { 

	/*.col-5 .row .col{ width: 100%; }
	.col-2 .row .col{ width: 100%; }*/
	.centrar{ text-align: center; }
	.derecha{ text-align: center; }
	.izquierda{ text-align: center !important; }

    .box_botones_curso{ width: 100%; }
	/*.infoiconos{ width: 100%; display: block; padding-bottom: 20px; }*/ 
	/*.botones_curso{ width: 100%; }*/
    .balto2{ padding: 16px 10px; }

    .tex_recuadro .col-10{ text-align: center; }

}