/* Hoja de estilos de versión SYSTEM */
body {
	margin:0;
	padding:0;
	height:100%;
	width:99.9%;
	border:0;
	font-family: 'Lato', var(--fuente-generica);
	font-size:100%;
	background:#F2F2F2 url("../../imgs/fnd_admin.png") repeat-x 0 0;
}

/* FORMULARIOS */
span.stit1 {padding:3px 0 3px 14px;background:var(--color-primario) url("../../imgs/tituloizda.gif") repeat-y top left;}
span.stit2 {padding:3px 16px 3px 6px;background:var(--color-primario) url("../../imgs/titulodcha.gif") repeat-y top right;}


/* PANEL DE CONTROL */
.lsts li {list-style-type:decimal-leading-zero;}


/* BARRA EDICION */

.list_bred {
  white-space:nowrap;
}

.list_bred li {
  list-style-type:none;
  position:relative;
  float:left;
  margin:0 0.25em;
  padding:1em 0;
 }
 
 .bl_der .list_bred li { 
  padding:.7em 1em;
  border-left:1px solid #EEE;
  height:30px;
 }
 
 .bl_der .list_bred ul li {
 		height:auto;
 }
 
 .t31_8 .bl_der .list_bred li, .t23_3 .bl_der .list_bred li { 
 	 padding:.5em .625em;
	}
   
.list_bred ul {
  display:inline;
  margin:0;
  padding:0;
}

.li_sombreado, .list_bred li.linv1 ul li:hover {
  background-color:#F0F0F0;
}

.list_bred li.linv1 {
	margin:0;
  border:1px solid #FFF;
  border-left: 1px solid #EEE;
 }
 
 .list_bred li.mlinv2 {
   text-align:center;
}

.list_bred li.linv1 ul {
  display:none;
}
 
.list_bred li.linv1:hover ul,
.list_bred li.linv1_hover ul { 
  position: absolute;
  top: 53px;
  margin:0;
	padding:0;
  display: block;
  background-color: #FFF;
  right: -1px;
  border: 1px solid #EEE;
  z-index: 300;
  width:200px;
 }
 
.t31_8 .list_bred li.linv1:hover ul,
.t31_8 .list_bred li.linv1_hover ul,
.t23_3 .list_bred li.linv1:hover ul,
.t23_3 .list_bred li.linv1_hover ul { 
	top: 46px;
}

.list_bred li.linv1:hover ul li,
.list_bred li.linv1_hover ul li {
  border-top:1px solid #EEE;
  padding: .75em 10%;
  margin: 0;
  width: 80%;
}

.list_bred li.linv1:hover ul li.li_sombreado a,
.list_bred li.linv1_hover ul li.li_sombreado a {
  width:92%;
  padding-top:2px;
  padding-bottom:2px;
  display: block;
}

.ampli {
  background-color:#FFF;
  border-bottom:4px solid #EEE;
  margin-bottom:1.5em !important;
  padding:0;
 }

.bl-ampli {
	overflow: hidden;
}
  
.t32 .imgampli, .t31 .imgampli {
  width:30%;
 }

.t32 .imgampli img, .t31 .imgampli img  {
  width:90%;
 }

.t24 .imgampli, .t23 .imgampli {
 width: 50%; 
}

.t24 .imgampli img, .t23 .imgampli img {
 width:90%; 
}

.ampli.t31_8 .t98.padl2p, .ampli.t23_3 .t98.padl2p { 
	width:100% !important;
	padding-left:0;
}

.ampli.t31_8 .caja_ampli, .ampli.t23_3 .t40 { width:98% !important; padding-left:2%; border-bottom:1px solid #EEE;}


.ampli img.t40 { width:40% !important; padding-left:0;}

.amppag {
  background: transparent url("../../imgs/fnd_pag.png") repeat-x 0 7px;
 }
 
.amppag span {
  background-color:#F0F0F0;
  font-size:var(--tamano-generica);
 }
 
 
/* PROMPT */
/*#popup_container {min-width:240px;max-width:480px;}*/
.a_cerrarvw span {background: transparent url("../../imgs/bt_cerrar.gif") no-repeat 0 0;position:absolute;top:0;right:0;width:16px; height:16px;}

#popup_container {
	background: #FFF;	
	border: 1px solid var(--color-primario);
	color: #000;	    
  font-family: Verdana,Arial,Helvetica,sans-serif;  
  width:50%;
  min-width:360px;
}

/* Anotaciones */
#conten_anotaciones { 
	overflow-x: scroll;
	width:78%;
}
 
#alumnos_anot {
	width:20%;	
}

.fila_anot {
  cursor:context-menu;
	height:16px;
}

.col_anot {
	height:50px;
	overflow:hidden;
}

.titalu {padding-top:25px !important;height:39px;}

.tittot{ height:45px;padding-top: 20px !important;}

.husform_detalles {background-color:#FFF;height:70%;left:-1px;margin-bottom:10px;padding:1% 0 0 1%;position:absolute;top:345px;width:99%;z-index:500;}

.centrado .titformul{margin:16px 0 0 0;}

.pcol1 { width:45%; }
.pcol2 { width:52%; }

.mceEditor table {
max-width:none; /* Bug in computation of fullscreen */
}

.mceEditor table.mceLayout {
width:100% !important;
height:auto !important;
} 

table.mceToolbar { float:left; }
body .mceToolbar div {
white-space:normal;
}

a {text-decoration:none}
.form {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-generico);}
.forminact {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-inactivo);}
.formact {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-activo);}
.formsobcp {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-primario);}
.formsobcs {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-secundario);}
.formsobcn {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-neutro);}
.formcampos {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);border:1px var(--color-primario) solid;color:var(--color-sobre-secundario);background-color:var(--color-secundario);}
.formselect {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios);color:var(--color-sobre-secundario);background-color:var(--color-secundario);}
.formcaja {font-family:var(--fuente-formularios);font-size:var(--tamano-formularios); border:1px var(--color-primario) solid;color: var(--color-generico);background-color:var(--color-over-boton);}

select.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid #CCC;}
input.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid #CCC;padding:0 .25em;}
textarea.form {color:var(--color-generico);background-color:#FAFAFA;border:1px solid #CCC;}

select.form--limit{
	max-height: 300px;
	overflow-y: auto;
}

.norm {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico);}
.normcp {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-primario);}
.norminact {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-inactivo);}
.normact {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-activo);}
.normsobcp {font-family:var(--fuente-generica);font-size:var(--tamano-formularios);color:var(--color-sobre-primario);}
.normsobcs {font-family:var(--fuente-generica);font-size:var(--tamano-formularios);color:var(--color-sobre-secundario);}
.normsobcn {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-neutro);}
.normsobcb {font-family:var(--fuente-generica);font-size:var(--tamano-formularios);color:var(--color-sobre-barra);}
.norm_select {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico);margin:0 0 5px 5px;height:1.25em;}
.norm_input {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-generico); width:240px;margin:0 0 5px 0;}

.pq {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-generico);}
.pqcp {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-destacado);}
.pqsobcp {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-primario);}
.pqsobcb {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-barra);}
.pqsobcs {font-family:var(--fuente-generica);font-size:0.625em;color:var(--color-sobre-secundario);}

.gr {font-family:var(--fuente-titulos);font-size:25px;color:var(--color-generico);}
.grcp {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-destacado);}
.grinact {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-inactivo);}
.gract {font-family:var(--fuente-titulos);font-size:25px; color:var(--color-activo);}
.grsobcn {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-neutro);}
.grsobcs {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-secundario);}
.grsobcp {font-family:var(--fuente-titulos);font-size:var(--tamano-titulos); color:var(--color-sobre-primario);}

.btnpestsobcp {font-family:var(--fuente-boton);font-size:var(--tamano-boton);color:var(--color-sobre-boton);}
.btn {font-family:var(--fuente-boton);font-size:var(--tamano-boton);color:var(--color-sobre-boton);}
.sobcn {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-neutro);}
.sobcs {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-secundario);}
.sobcp {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-primario);}
.sobcb {font-family:var(--fuente-generica);font-size:var(--tamano-generica);color:var(--color-sobre-barra);}

.btnbarragr {font-family:var(--fuente-barra);font-size:var(--tamano-barracopy);color:var(--color-sobre-barra);}
.btnbarra {font-family:var(--fuente-barra);font-size:var(--tamano-barra);color:var(--color-sobre-barra);}
.naveg {font-family:var(--fuente-generica);font-size:0.5625em;color:#666666;}

/* enlaces - color de los link */

a.form:link {color:var(--color-generico);}
a.forminact:link {color:var(--color-inactivo);}
a.formact:link {color:var(--color-activo);}
a.formsobcn:link {color:var(--color-sobre-neutro);}
a.formsobcs:link {color:var(--color-sobre-secundario);}
a.formsobcp:link {color:var(--color-sobre-primario);}

a.norm:link {color:var(--color-generico);}
a.normcp:link {color:var(--color-primario);}
a.norminact:link {color:var(--color-inactivo);}
a.normact:link {color:var(--color-activo);}

a.gr:link {color:var(--color-generico);}
a.grcp:link {color:var(--color-destacado);}
a.grinact:link {color:var(--color-inactivo);}
a.gract:link {color:var(--color-activo);}

a.btn:link {color:var(--color-sobre-boton);}
a.btnpestsobcp:link {color:var(--color-sobre-boton);}
a.sobcn:link {color:var(--color-sobre-neutro);}
a.sobcs:link {color:var(--color-sobre-secundario);}
a.sobcp:link {color:var(--color-sobre-primario);}

a.grsobcn:link {color:var(--color-sobre-neutro);}
a.grsobcs:link {color:var(--color-sobre-secundario);}
a.grsobcp:link {color:var(--color-sobre-primario);}

a.btnbarragr:link {color:var(--color-sobre-barra);}
a.btnbarra:link {color:var(--color-sobre-barra);}
a.naveg:link {color:#666666}

/* enlaces - color de los visited */

a.form:visited {color:var(--color-generico);}
a.forminact:visited {color:var(--color-inactivo);}
a.formact:visited {color:var(--color-activo);}
a.formsobcn:visited {color:var(--color-sobre-neutro);}
a.formsobcs:visited {color:var(--color-sobre-secundario);}
a.formsobcp:visited {color:var(--color-sobre-primario);}

a.norm:visited {color:var(--color-generico);}
a.normcp:visited {color:var(--color-primario);}
a.norminact:visited {color:var(--color-inactivo);}
a.normact:visited {color:var(--color-activo);}

a.gr:visited {color:var(--color-generico);}
a.grcp:visited {color:var(--color-destacado);}
a.grinact:visited {color:var(--color-inactivo);}
a.gract:visited {color:var(--color-activo);}

a.btn:visited {color:var(--color-sobre-boton);}
a.btnpestsobcp:visited {color:var(--color-sobre-boton);}
a.sobcn:visited {color:var(--color-sobre-neutro);}
a.sobcs:visited {color:var(--color-sobre-secundario);}
a.sobcp:visited {color:var(--color-sobre-primario);}
a.grsobcn:visited {color:var(--color-sobre-neutro);}
a.grsobcs:visited {color:var(--color-sobre-secundario);}
a.grsobcp:visited {color:var(--color-sobre-primario);}

a.btnbarragr:visited {color:var(--color-sobre-barra);}
a.btnbarra:visited {color:var(--color-sobre-barra);}
a.naveg:visited {color:#666666}

/* enlaces - color de los over */

a.form:hover {color:var(--color-over);}
a.forminact:hover {color:var(--color-over);}
a.formact:hover {color:var(--color-over);}
a.formsobcn:hover {color:var(--color-over);}
a.formsobcs:hover {color:var(--color-over);}
a.formsobcp:hover {color:var(--color-over);}

a.norm:hover {color:var(--color-over);}
a.normcp:hover {color:var(--color-over);}
a.norminact:hover {color:var(--color-over);}
a.normact:hover {color:var(--color-over);}

a.gr:hover {color:var(--color-over);}
a.grcp:hover {color:var(--color-over);}
a.grinact:hover {color:var(--color-over);}
a.gract:hover {color:var(--color-over);}

a.btnover {font-family:var(--fuente-boton);font-size:var(--tamano-boton);color:var(--color-over);}
a.btn:hover {color:var(--color-over);}
a.btnpestsobcp:hover {color:var(--color-over);}
a.sobcn:hover {color:var(--color-over);}
a.sobcs:hover {color:var(--color-over);}
a.sobcp:hover {color:var(--color-over);}
a.grsobcn:hover {color:var(--color-over);}
a.grsobcs:hover {color:var(--color-over);}
a.grsobcp:hover {color:var(--color-over);}

a.btnbarragr:hover {color:var(--color-over);}
a.btnbarra:hover {color:var(--color-over);}

a.naveg:hover {color:#666666}

/* enlaces - color de los active */

a.form:active {color:var(--color-generico);}
a.forminact:active {color:var(--color-inactivo);}
a.formact:active {color:var(--color-activo);}
a.formsobcn:active {color:var(--color-sobre-neutro);}
a.formsobcs:active {color:var(--color-sobre-secundario);}
a.formsobcp:active {color:var(--color-sobre-primario);}

a.norm:active {color:var(--color-generico);}
a.normcp:active {color:var(--color-primario);}
a.norminact:active {color:var(--color-inactivo);}
a.normact:active {color:var(--color-activo);}

a.gr:active {color:var(--color-generico);}
a.grcp:active {color:var(--color-destacado);}
a.grinact:active {color:var(--color-inactivo);}
a.gract:active {color:var(--color-activo);}

a.btn:active {color:var(--color-sobre-boton);}
a.btnpestsobcp:active {color:var(--color-sobre-boton);}
a.sobcn:active {color:var(--color-sobre-neutro);}
a.sobcs:active {color:var(--color-sobre-secundario);}
a.sobcp:active {color:var(--color-sobre-primario);}
a.grsobcn:active {color:var(--color-sobre-neutro);}
a.grsobcs:active {color:var(--color-sobre-secundario);}
a.grsobcp:active {color:var(--color-sobre-primario);}

a.btnbarragr:active {color:var(--color-sobre-barra);}
a.btnbarra:active {color:var(--color-sobre-barra);}

a.naveg:active {color:#666666;}
a.act {color:var(--color-primario);}

.despcheck {
	position:absolute;
	top:1.4em;
	padding:.5em 1em;
	border:1px solid var(--color-neutro);
	width:8em;
	border-radius:4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	display:none;
	z-index:999;
}

.cajasel {
	border:1px solid #F0F0F0;
	background-color:#FAFAFA;
}

.capa_pause {
	background:rgba(212, 212, 212, 0.60);
	position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:100;
}

.capa_play {
	position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:100;
}

.capa_pause span, .capa_play span { 
	position:absolute;
	left: 50%;
  top: 40%;
  transform: translate(-50%, -40%);
  -webkit-transform: translate(-50%, -40%);	
  width:100%;
}

.ic_pause .fa-solid, .ic_edit .fa-solid {font-size:48px;}

.ic_edit .fa-solid, .ic_pause .fa-solid, .ic_play .fa-solid { 
	background: rgba(255, 255, 255, 0.90);
	border-radius: 50px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 0px 0px #d6d6d6;
  width: 60px;
	height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.ic_edit .fa-pencil {	padding:12px;}

.ic_pause .fa-pause { padding:12px; }

.ic_pause .fa-play { padding:15px 15px 15px 15px; }

.ic_edit .fa:hover, .ic_pause .fa:hover { background:#FFF;}

.bt-ampli {	position:absolute; bottom:-36px; left:45%; cursor:pointer;	}

.bt-ampli .fa {
	background:#FFF;
	border:1px solid #eee;
	box-shadow:1px 1px 0px 0px #d6d6d6;
	width:18px;
  height:18px;
  padding:4px 4px 4px 6px;
}

.submampli {
  position:absolute;
  padding:1em 0 1em 0;
  width:225px;
  border-radius:4px;
  display:none;
  left:0;
  top:-2px;
 }
 
.submampli li {
  list-style-type:none;
}

.submampli li a {
  width:80%;
  padding:.5em 10%;
}

.submampli li:hover, .submampli li a:hover { 
	background:var(--color-secundario);
	color:var(--color-sobre-secundario) !important;
}

.bt-ampli:hover .submampli {display:block;}

.bt-ampli:hover .fa {
	background:var(--color-primario);
	color:var(--color-sobre-primario) !important;
	border:1px solid var(--color-primario);
}

.btn-ratio.activo { 
	background:var(--color-primario);
	border:1px solid var(--color-primario);
	color:var(--color-sobre-primario);
}

.ss-main .ss-multi-selected .ss-values .ss-value {
	background:var(--color-primario) !important;
	color:var(--color-sobre-primario) !important;
}

/*------------------------- COMUNES.CSS (inicio) --------------------------------*/

/* DATEPICKER */
.cab_datepicker{background-color:#EEEEEE;width:228px;margin:0;}
.ui-datepicker-header{border:1px solid #999999;border-bottom:none;float:left;font-size:12px;position:relative;padding:5px;width:215px;}
.ui-datepicker-title {border:1px solid #999999;background-color:#FFF;position:relative;float:left;width:172px;text-align:center;}
.ui-datepicker-calendar {border:1px solid #999999;border-top:none;background-color:#EEEEEE;padding:5px;z-index:99999;margin-top:0 !important;width:229px;}
.ui-datepicker-calendar td {border:1px solid #EEEEEE;text-align:center;font-family:Trebuchet MS, sans-serif;font-size:12px;padding:1px 3px;background-color:#FFF;}
.ui-datepicker-calendar tr.monthLabel td {background-color:#FFFFFF;border:1px solid #999999;font-weight:bold;}
.ui-datepicker-calendar tr.navigation td {cursor:pointer;}
.ui-datepicker-calendar tr.navigation td:hover {text-decoration:underline;}
.ui-datepicker-calendar th {border:1px solid var(--color-primario);background-color:var(--color-primario);color:var(--color-sobre-primario);font-weight:bold;font-size:12px;}
.ui-datepicker-calendar td.day, .datepickerControl td.dayothermonth {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.dayothermonth {color:#999999;font-style:italic;}
.ui-datepicker-calendar td.day:hover {background-color:#EBE4C0;}
.ui-datepicker-calendar td.hour {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.minute {cursor:pointer;background-color:#FFFFFF;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td input,
.ui-datepicker-calendar td button {font-size:11px;padding:0;border:1px solid #999999;text-align:center;}
.ui-datepicker-calendar td.ampm {cursor:pointer;background-color:#CCCCCC;border:1px solid #EEEEEE;width:2em;}
.ui-datepicker-calendar td.current {font-weight:bold;background-color:var(--color-primario);color:var(--color-sobre-primario);}
.ui-datepicker-calendar input.current {background-color:var(--color-primario);color:var(--color-sobre-primario);}
.ui-datepicker-calendar td.current:hover {background-color:var(--color-primario);color:var(--color-sobre-primario);}
.ui-datepicker-calendar {width:227px;height:140px;margin-top:0;}
.ui-datepicker-calendar td.ui-datepicker-week-end {background-color:var(--color-neutro);color:var(--color-sobre-neutro);}
.ui-datepicker-calendar td.ui-datepicker-today {background-color:var(--color-primario);color:var(--color-sobre-primario);}
.ui-datepicker-calendar td.ui-datepicker-today a {color:var(--color-sobre-primario);}
.ui-datepicker-next {position:relative;float:right;height:12px;width:20px;}
.ui-datepicker-prev {position:relative;float:left;height:12px;width:20px;}
.ui-datepicker-next span {background:#EEE url("../../imgs/ic_datepicker_next.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-prev span{background:#EEE url("../../imgs/ic_datepicker_prev.png") no-repeat 0 0;display:block;height:12px;left:0;position:absolute;top:2px;width:20px;}
.ui-datepicker-trigger {margin:0 0 0 5px;vertical-align:middle;}
.ui-datepicker-current-day {background:var(--color-barra) !important;}

/* FRAMESET */
frameset {margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}

a {color:var(--color-generico);}

/* BLOQUES */

.bl_izq {position:relative;float:left;margin:0;padding:0;}
.bl_der {position:relative;float:right;margin:0;padding:0;}
.bl_izq_nv {position:relative;float:left;margin:0;padding:0;overflow:hidden;}
.bl_der_nv {position:relative;float:right;margin:0;padding:0;overflow:hidden;}
.blq {position:relative;float:left;margin:0;padding:0;clear:both;width:100%;}

.lineaf {position:relative;float:left;margin:0 0 .5em 0;padding:0;clear:both;width:100%;}
.ohid {overflow:hidden;}
.oau {overflow:auto;}
.clb {clear:both;}
.cln {clear:none;}
.dbl {display: block;}
.psr {position:relative;}
.fl_l{float:left;}
.fl_r{float:right;}

.fot_txabs {position:absolute;bottom:0;left:0;}

.lty_n {list-style-type: none;}

.oculto {display:none;}
.dbl {display:block;}
.dinl {display:inline;}

.centrado {clear:both;position:relative;width:96%;margin:0 auto;padding:0;z-index:1;}

/* COLORES Y FONDOS */
.cb {background-color:var(--color-barra);color:var(--color-sobre-barra);}  
.cb a {color:var(--color-sobre-barra) !important;}  
.cp {background-color:var(--color-primario);color:var(--color-sobre-primario);}
.cp a {color:var(--color-sobre-primario) !important;}
.cs {background-color:var(--color-secundario);color:var(--color-sobre-secundario);}
.cs a {color:var(--color-sobre-secundario) !important;}
.cn {background-color:var(--color-neutro);color:var(--color-sobre-neutro);}
.cbot {background-color:var(--color-boton);color:var(--color-sobre-boton);}
.cbot a {color:var(--color-sobre-boton) !important;}

.fndb {background-color:#FFF;}
.bgb {background-color:#FFF;}
.bg_ng2 {background-color:#F3F3F3;}
.bgn {background:none !important;}


.colpri {color:var(--color-primario);}
.colovrbot {color:var(--color-over-boton);}
.colgen{color:var(--color-generico);}
.colact{color:var(--color-activo);}
a.colact {color:var(--color-activo);}



/* NAVEGACIÓN */

#navegacion_titular{font-family:Century Gothic, Tahoma, sans-serif;}
#navegacion_titular ul li{list-style-type:none;display:inline;font-family:Arial, Tahoma,sans-serif;font-size:1rem;color:#000;/*text-transform:capitalize;*/}
#navegacion_titular ul li a {color:#000;}
#navegacion_titular h2 {color:#000;font-size:1.5rem;font-family:Arial, Tahoma, sans-serif;}
#navegacion_titular h2 .gract{color:#000;font-size:22px;font-family:Arial, Tahoma, sans-serif;}

/* SOLAPAS */

#solapas{
 margin-top:2em;
 z-index:501;
 display:block;
}
#solapas li {
  background:#EEE;
  list-style-type:none;
  float:left;
  margin:0;
  padding:1.4em 1.4em;
  border:1px solid #EEE;
  border-right:1px solid #E0E0E0;
  font-family:var(--fuente-boton);
  font-size:var(--tamano-boton);
}

#solapas li.act {
  background-color: #FFF;
  border-bottom:1px solid #FFF;
}

#solapas li img {display:block;float:left;margin:-2px 0 0 0;padding:0 8px 0 0;}

#solapas li a {
  color:#000;
  padding:8px 0;
}

#solapas li a:hover {color: var(--color-over);}

.boton {
  display:inline-block;
  padding:.5em;
  background-color:var(--color-boton);
  border:1px solid var(--color-borde-boton);
  border-bottom:3px solid var(--color-borde-boton);
  color:var(--color-sobre-boton);
  font-family:var(--fuente-formularios);
  font-size:var(--tamano-formularios);cursor:pointer;
  text-transform:capitalize;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* iconos fuente awesome*/
.boton .fa-solid, .boton .fa-regular {
  color:var(--color-over-boton);
}

.boton:hover {
  background-color:var(--color-over-boton);
  color:var(--color-sobre-over-boton);
  border:1px solid var(--color-over-borde-boton);
  border-bottom:3px solid var(--color-over-borde-boton);
}

.boton:hover .fa-solid, .boton:hover .fa-regular {
  color:var(--color-sobre-over-boton);
}
  
.botondesp {
  padding:1.625em;
  background-color:#FFF;
  border-right:1px solid #EEE;
  color:#777;
  font-family:var(--fuente-formularios);
  font-size:var(--tamano-formularios);
  cursor:pointer;
 }

#titsolapas{display:none;}

.cont-solapas {
  background:#FFF;
  margin:0;
  padding:0;
  border:1px solid #EDEDED;
  border-bottom:3px solid #EDEDED;
  z-index:500;
  text-transform:capitalize;
}

.msolapas li {list-style-type:none;float:left;margin:0;padding:0;z-index:200;}

.msolapas li .boton {
  padding:1.6em;
  background-color:#FFF;
  border:none;
  border-right:1px solid #EEE;
  color:#777;
  font-family:var(--fuente-formularios);
  font-size:var(--tamano-formularios);
  cursor:pointer;
  border-radius:inherit;
 } 
 
.bl_der.msolapas li .boton {
  border-right:none;
  border-left:1px solid #EEE;
}
  
.msolapas li .boton:hover {
  background-color:var(--color-over-boton);
  color:var(--color-sobre-over-boton);
}

.msolapas li .boton:hover .fa-solid, .msolapas li .boton:hover .fa-regular, .msolapas li:hover .fa-solid, .msolapas li:hover .fa-regular {
  color:var(--color-sobre-over-boton) !important;
}

.msolapas li.linv1:hover .botondesp {
  background-color:var(--color-over-boton);
  color:var(--color-sobre-over-boton);
 }
  
.msolapas li.linv1 .submsolapas {display: none;}
.msolapas li.linv1:hover span, .msolapas li.linv1_hover span {color:var(--color-sobre-boton);}
.msolapas li.lihover .submsolapas {display:block;}
.msolapas li.linv1:hover .submsolapas {display:block;}
.msolapas li.linv1_hover .submsolapas {display:block;}

.submsolapas {
  position:absolute;
  padding:1em 0 1em 0;
  width:225px;
 }
.submsolapas li {
  width:80%;
  padding:.5em 10%;
}

.submsolapas li:hover {
  background:var(--color-secundario); 
  color:var(--color-sobre-secundario); 
}

.submsolapas li:hover a {
  color:var(--color-sobre-secundario) !important; 
}


/* EDITOR */

.blq_nv p,
.blq_nv ul,
.blq_nv ol {
  margin-bottom: 0;
  padding-bottom: 0;
}

.heditor_first {margin-top: 0;padding-top: 0;}
.heditor_first_left {margin-top: 0;padding-top: 0;text-align: left;}
.heditor_first_right {margin-top: 0;padding-top: 0;text-align: right;}
.heditor_first_center {margin-top: 0;padding-top: 0;text-align: center;}
.heditor_first_justify {margin-top: 0;padding-top: 0;text-align: justify;}
.heditor_left {text-align: left;margin-top: 0;text-align: left;}
.heditor_right {text-align: right;margin-top: 0;text-align: right;}
.heditor_center {text-align: center;padding-top: 0; margin-top: 0;}
.heditor_justify {text-align: justify;margin-top: 0;padding-top: 0;}
.heditor_underline {text-decoration: underline;}

 ul.heditor_first {padding:0;}
.heditor_first li {padding: .25em 0;list-style-position: inside;}


/* TABLAS */

.tb_fixed {table-layout: fixed;width: 99%;}
.tb_colap {border-collapse:collapse;}
.td_tb {border-collapse:separate;empty-cells:show;}
.tbest {border-spacing: .5em 1em;}
.tb_brs0{border-spacing:0;}

.tabla {
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
}

.tablafix {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

/* --- Paginación --- */

.paginacion {
	display: inline-block;
	border-radius: 4px;
	white-space: nowrap;
	margin:0;
}

.paginacion>li {display: inline;}

.paginacion>li:first-child>a, .paginacion>li:first-child>span {
  margin-left: 0;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

.paginacion>li:last-child>a, .paginacion>li:last-child>span {
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

.paginacion>li>a, .paginacion>li>span {
  position: relative;
  float: left;
 	padding: 7px 12px;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--color-generico);
  text-decoration: none;
  background-color: #FFF;
  border:1px solid #DDD;
}

.paginacion>li:last-child>span, .paginacion>li:first-child>span {
	background-color:#F3F3F3;
	color:#B7B7B7;
	padding:6px 12px;
  height:19px;
}

.paginacion .activo a, .paginacion a:focus, .paginacion a:hover {
 	color: var(--color-sobre-primario);
  background-color: var(--color-primario);
  border-color: var(--color-primario);
}

.paginacion .activo a, .paginacion .activo a:focus, .paginacion .activo a:hover  {
	cursor: default;
	z-index: 3;
}

/* ESTILOS GENÉRICOS */

/* --------- Alineaciones textos,imágenes ------------------ */	

img {vertical-align: middle;}

.va_m {vertical-align:middle;}
.va_b{vertical-align:bottom;}
.va_t{vertical-align:top;}
.va_s {vertical-align:sub;}
.va_tt {vertical-align:text-top;}

.txa_r {text-align:right;}
.txa_l {text-align:left;}
.txa_c {text-align:center;}

.txt_b {font-weight: bold;}
.txt_n {font-weight: normal;}
.txt_it{font-style: italic;}
.txt_u{text-transform:uppercase;}
.txt_c{text-transform:capitalize;}

.cr_p{cursor:pointer;}
.cr_m{cursor:move;}
.lst_n {list-style-type:none;}

/* Bordes */
.brcg {border:1px solid var(--color-generico);}
.brcg2 {border-right:1px solid var(--color-generico);}
.brcg4 {border-left:1px solid var(--color-generico);}
.brcp {border:1px solid var(--color-primario);}
.brcp1 {border-top:1px solid var(--color-primario);}
.brcp2 {border-right:1px solid var(--color-primario);}
.brcp3 {border-bottom:1px solid var(--color-primario);}
.brcp4 {border-left:1px solid var(--color-primario);}
.brcs {border:1px solid var(--color-secundario);}

.brcn {border:1px solid var(--color-neutro);}
.brcn1 {border-top:1px solid var(--color-neutro);}
.brcn2 {border-right:1px solid var(--color-neutro);}
.brcn3 {border-bottom:1px solid var(--color-neutro);}
.brcn4 {border-left:1px solid var(--color-neutro);}

.brad4 {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.brn{border:none;}
.brrn{border-right:none;}
.brbn{border-bottom:none;}
.brln{border-left:none;}
.brtn{border-top:none;}
.br0 {border:1px solid #000;}

.bgb {background-color:#FFF;}
.bgn {background:none !important;}
.bgc {background-color:#CCC;}

.brng1_1 {border-top:1px solid #EEE;}
.brng1_2 {border-right:1px solid #EEE;}
.brng1_3 {border-bottom:1px solid #EEE;}
.brng1_4 {border-left:1px solid #EEE;}

.brng2{border:1px solid #CCC;}
.brng2_1 {border-top:1px solid #CCC;}
.brng2_2 {border-right:1px solid #CCC;}
.brng2_3 {border-bottom:1px solid #CCC;}
.brng2_4 {border-left:1px solid #CCC;}

.brng3{border:1px solid #FFF;}
.brng3_1 {border-top:1px solid #FFF;}
.brng3_2 {border-right:1px solid #FFF;}
.brng3_3 {border-bottom:1px solid #FFF;}
.brng3_4 {border-left:1px solid #FFF;}

.primero { border: none !important;}

/* Tamaños */
.t1 {width: 1%;}
.t4 {width: 4%;}
.t5 {width:5%;}
.t6 {width: 6%;}
.t7 {width: 7%;}
.t8 {width: 8%;}
.t8_2 {width: 8.2%;}
.t10 {width:10%;}
.t12 {width:12%;}
.t14 {width:14%;}
.t15 {width:15%;}
.t16 {width:16%;}
.t18_4 {width:18.4%;}
.t20 {width:20%;}
.t22 {width:22%;}
.t22_7 {width:22.7%;}
.t23 {width:23%;}
.t23_3 {width:23.3%;}
.t24 {width:24%;}
.t25 {width:25%;}
.t27 {width:27%;}
.t28 {width:28%;}
.t29 {width:29%;}
.t30 {width:30%;}
.t31 {width:31%;}
.t31_3 {width:31.3%;}
.t31_8 {width:31.85%;}
.t32 {width:32%;}
.t33 {width:33%;}
.t35 {width:35%;}
.t38_8 {width:38.8%;}
.t39 {width:39%;}
.t40 {width:40%;}
.t44 {width: 44%;}
.t45 {width:45%;}
.t47 {width: 47%;}
.t48 {width:48%;}
.t48_5 {width:48.5%;}
.t48_8 {width:48.8%;}
.t49 {width:49%;}
.t50 {width:50%;}
.t55 {width:55%;}
.t58 {width:58%;}
.t59_2 {width:59.2%;}
.t60 {width:60%;}
.t62 {width:62%;}
.t63 {width:63%;}
.t65 {width:65%;}
.t65_6 {width:65.6%;}
.t65_8 {width:65.85%;}
.t66 {width:66%;}
.t67 {width: 67%;}
.t70 {width:70%;}
.t73 {width:73%;}
.t74 {width:74%;}
.t74_2 {width:74.2%;}
.t74_3 {width:74.35%;}
.t79_6 {width:79.6%;}
.t75 {width:75%;}
.t80 {width:80%;}
.t84 {width: 84%;}
.t85 {width:85%;}
.t88 {width:88%;}
.t89_8 {width: 89.8%;}
.t90 {width:90%;}
.t91 {width: 91%;}
.t92 {width:92%;}
.t93 {width:93%;}
.t94 {width:94%;}
.t95 {width:95%;}
.t95_8 {width:95.75%;}
.t96 {width:96%;}
.t97 {width:97%;}
.t98 {width:98%;}
.t99 {width:99%;}
.t99_8 {width:99.85%;}
.t100 {width:100%;}
.t1005 {width:10.5%;}
.wauto {width:auto !important;}

.t1.625em {width:1.625em;}

/* z-index */
.z1 {z-index:1;}
.z2 {z-index:2;}
.z3 {z-index:3;}
.z6 {z-index:6;}
.z10{z-index:10;}
.z20{z-index:20;}
.z21{z-index:21;}
.z600{z-index:600;}


/* Alturas */

.h20 {height:1.25em;}
.h30 {height:1.875em;}
.h38 {height:2.35em;}

.mh60 {min-height:60px;}
.mh180 {min-height:180px;}
.mh600 {min-height:600px;}

/* PADDINGS */

.pad0 {padding:0;}
.padl0 {padding-left:0;}
.padt1 {padding-top:1px;}
.padl1 {padding-left:1px;}
.padtb1 {padding-top:1px;padding-bottom:1px;}

.pad2{padding:.125em;}
.padt2 {padding-top:.125em;}
.padr2 {padding-right:.125em;}
.padl2 {padding-left:.125em;}
.padb2{padding-bottom:.125em;}
.padtb2 {padding-top:.125em;padding-bottom:.125em;}
.padlr2 {padding-left:.125em;padding-right:.125em;}

.pad3{padding:.2em;}
.padt3 {padding-top: .2em;}
.padb3 {padding-bottom: .2em;}
.padr3{padding-right:.2em;}
.padl3{padding-left:.2em;}
.padtb3 {padding-top:.2em;padding-bottom:.2em;}
.padlr3{padding-left:.2em;padding-right:.2em;}

.pad4{padding:.25em;}
.padt4 {padding-top:.25em;}
.padr4{padding-right:.25em;}
.padl4{padding-left:.25em;}
.padb4 {padding-bottom:.25em;}
.padtb4 {padding-top:.25em;padding-bottom:.25em;}
.padlr4{padding-left:.25em;padding-right:.25em;}

.pad5 {padding:.3125em;}
.padt5 {padding-top:.3125em;}
.padr5 {padding-right:.3125em;}
.padb5 {padding-bottom:.3125em;}
.padl5 {padding-left:.3125em;}
.padtb5 {padding-top:.3125em;padding-bottom:.3125em;}

.pad6 {padding:.375em;}
.padl6 {padding-left:.375em;}
.padlr6 {padding-left:.375em;padding-right:.375em;}
.padtb6 {padding-top:.375em !important;padding-bottom:.375em !important;}
.padb6 {padding-bottom:.375em;}

.padb7 {padding-bottom:.4375em;}
.pad8 {padding:.5em;}
.padt8 {padding-top:.5em;}
.padr8 {padding-right:.5em;}
.padb8 {padding-bottom:.5em;}
.padl8 {padding-left:.5em;}
.padtb8 {padding-top:.5em;padding-bottom:.5em;}
.padlr8 {padding-left:.5em;padding-right:.5em;}

.pad9 {padding:.5625em;}
.padtb9 {padding-top:.5625em;padding-bottom:.5625em;}
.padlr9 {padding-left:.5625em !important; padding-right:.5625em!important;}
.pad10 {padding:.625em;}
.padt10 {padding-top:.625em;}
.padr10 {padding-right:.625em;}
.padb10 {padding-bottom:.625em;}
.padtb10 {padding-top:.625em;padding-bottom:.625em;}
.padl10 {padding-left:.625em;}
.pad12 {padding:.75em;}
.padb12 {padding-bottom:.75em;}
.padlr14 {padding-left:14px; padding-right:14px;}
.padl15 {padding-left:15px;}
.padlr12 {padding-left:.75em;padding-right:.75em;}
.padlr13 {padding-left:13px;padding-right:13px;}
.pad16 {padding:1em;}
.padt16 {padding-top:1em;}
.padb16 {padding-bottom:1em;}
.padr16 {padding-right:1em;}
.padlr16 {padding-left:1em;padding-right:1em;}
.padl16 {padding-left:1em;}
.padtb16 {padding-top:1em;padding-bottom:1em;}
.padt20 {padding-top:1.25em;}
.padl24 {padding-left: 1.5em;}
.padr24 {padding-right: 1.5em;}
.padt32 {padding-top:2em;}
.padr32 {padding-right:2em;}
.padl32 {padding-left:2em;}
.padlr32 {padding-left:2em;padding-right:2em;}
.padl48 {padding-left:3em;}


/* paddings en % */

.pad1p {padding:1%;}
.padlr1p {padding-left:1%;padding-right:1%;}
.pad2p {padding:2%;}
.padr2p {padding-right:2%;}
.padb2p {padding-bottom:2%;}
.padl2p {padding-left:2%;}
.padlr2p {padding-right:2%;padding-left:2%;}
.padlr3p {padding-right:3%;padding-left:3%;}
.padlr4p {padding-right:4%;padding-left:4%;}
.pad4p {padding:4% !important;}
.padl5p {padding-left:5%;}
.padr5p {padding-right:5%;}


/* márgenes */

.mar0 {margin:0;}
.marauto {margin:0 auto;}
.mart1 {margin-top:.0625em;}

.mart2 {margin-top: .125em;}

.mart4 {margin-top: .25em;}
.marr4 {margin-right: .25em;}
.marb4 {margin-bottom: .25em;}
.marl4 {margin-left: .25em;}
.martb4 {margin-top: .25em;margin-bottom: .25em;}

.marr5 {margin-right:5px;}
.martb5 {margin-top:5px;margin-bottom:5px;}
.marlr5 {margin-left:5px;margin-right:5px;}
.marb6 {margin-bottom:6px;}

.martb8 {margin-top: .5em; margin-bottom: .5em;}
.marlr8 {margin-left: .5em; margin-right: .5em;}
.mart8 {margin-top: .5em;}
.marr8 {margin-right: .5em;}
.marb8 {margin-bottom: .5em;}
.marl8 {margin-left: .5em;}

.mart10 {margin-top:.625em;}
.marr10 {margin-right:.625em;}
.marb10 {margin-bottom:.625em;}
.martb10 {margin-top:.625em;margin-bottom:.625em;}
.marlr10 {margin-left:.625em;margin-right:.625em;}

.marl11 {margin-left:11px;}

.mar12 {margin:.75em;}
.marb12 {margin-bottom:.75em;}
.mart12 {margin-top:.75em;}
.marr12 {margin-right:.75em;}
.marl12 {margin-left:.75em;}

.mart13 {margin-top: .8em;}

.marr16{ margin-right:1em;}
.mart16 {margin-top:1em;}
.marb16 {margin-bottom:1em;}
.marl16 {margin-left: 1em;}
.martb16 {margin-top: 1em;margin-bottom:1em;}

.marl20 {margin-left: 1.25em;}
.marlr20 {margin-left: 1.25em; margin-right:1.25em;}

.marb24 {margin-bottom:1.5em;}
.marl24 {margin-left: 1.5em;}

.mart32 {margin-top:2em;}
.marl32 {margin-left:2em;}
.marr32 {margin-right:2em;}
.marb32 {margin-bottom: 2em;}
.martb32 {margin-top: 2em;margin-bottom: 2em;}

.marl34 {margin-left:2.125em;}
.mart48 {margin-top:3em;}


/*  márgenes en % */

.marl1p {margin-left:1%;}
.marl2p {margin-left:2%;}
.marr2p {margin-right:2%;}
.marl3p {margin-left:3%;}
.marl4p {margin-left:4%;}
.marr4p {margin-right:4%;}


.mapa {
	position: relative;
	float: left;
	margin: 2em 0 0 0;
	padding: 0;
	width: 100%;
	height: 600px;
}

.popup-esencia {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background:rgba(0, 0, 0, 0.60);
	z-index:99991;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
}

.popup-esencia>div {
	display: inline-block;
	position: relative;
	padding: 2em 5%;
	margin: 15% 0 0 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	width:50%;
	border-radius:4px;
}

.popup-esencia .close {
	position: absolute;
  top: 10px;
  right: 16px;
  font-size: 22px;
  color: #a0a0a0;
  cursor: pointer;
}

.popup-esencia .close:hover { color:#37B0A7; }


/* media queries comunes a system y v_portal */

@media print {
  .body {background:#FFF !important;}
  #cabsup { display:none;}
  #cnav { display:none;}
  .cab_int {width:100% !important;}
  .cont-solapas {display:none;}
  #solapas {display:none !important;}
  .noprint {display:none !important;}
  #foot_int {display:none !important;}
  #pie_tiempocarga {display:none !important;}
  .cs {background:#f6b823 !important; color:#000 !important;}
  .blprint {width:100% !important;}
  .blprint table.t95 {width:100% !important;margin-top:16px !important;}
  .sobcs , .sobcp { background-color:#FFF !important; color:#000 !important;}
  #navegacion_titular {padding:0 !important;}
}

/* pantallas superiores a 800px e inferiores a 1200px*/
@media screen and (min-width: 800px) and (max-width: 1200px) {
  #navegacion .txtnav {
    display: block;
    font-size: 90%;
    padding:0;
  }
}

/* Pantallas inferiores a 1500px */
@media screen and (max-width: 1500px) {
	#navegacion li a {
		padding:1.25em 3% 1.25em 3%;
		width:94%;	
	}
	#navegacion li a .txt {font-size:13px;}
	#navegacion li .norm {font-size:13px;}
}

/* Pantallas inferiores a 1420px */
@media screen and (max-width: 1420px) {
	.ampli.t48_8 .padl2p.t98 { padding-left:0; width:100%;}
	.ampli.t48_8 .bl_izq.t40 { width:94%; border-bottom:1px solid #EEE; padding:0 3%;}

}

/* Pantallas inferiores a 1280px */
@media screen and (max-width: 1280px) {
		
	.popup-esencia>div { width:80%; padding-left:2%; padding-right:2%;}
	
	#navegacion li a {
		padding:1.1em 3% 1.1em 3%;	
	}
	#navegacion #logotipo_int { padding:.5em 0;}
	#navegacion li i.padr05 { padding-right:.25em;}
	#alumnos_anot { width:30%;}
  #conten_anotaciones { width:68%; }
}
/* Fin pantallas inferiores a 1280px */

/* Pantallas inferiores a 1200px */
@media screen and (max-width: 1200px) {
	#navegacion #logotipo_int { padding:.6em 0;}
	#navegacion li a { padding:1.05em 3% 1.05em 3%;}
	#navegacion li a .txt {font-size:12px;}
	#navegacion li .norm {font-size:12px;}
	.nav1 .norm {font-size:12px;padding-top:1.6em;padding-bottom:1.6em;}
	.caja-seg.t29 {width:28%;}
	.caja-seg.t46 {width:45%;}
}

/* Pantallas inferiores a 1110px */
@media screen and (max-width: 1110px) {
	#cnav, #cabsup .nav1 {width:16%;}
	.cab_int {width:84%;}
}


/* Pantallas inferiores a 1024px */
@media screen and (max-width: 1024px) {
	
	body { background: #F0F0F0; width:100%;}

	#cnav {background-color:var(--color-primario);float:left;margin:0;padding:0;position:relative;width:100%;z-index:5;}
	
	#cnav.mh600 { height:auto !important; min-height:auto !important;}
	
	#navegacion li {width:8.33%;}
  
  #navegacion li a {display:block;width:100%;height:30px;padding:1.5em 0;text-align: center;}
  #navegacion li .norm {font-size:var(--tamano-generica);}
  	
  #cabsup .nav1 {padding:.25em 3% !important; width:3%;}
  .nav1 a {padding:1.5em 0;}
  
  .descon_int span {display:none;}
  
  #navegacion #logotipo_int {
  	position:absolute;
  	top:-62px;
  	left:9%;
  	width:143px;
  	padding:0;
  }
  
  #navegacion #logotipo_int a {
  	height:auto;
  	padding:0 !important;
  }
  
  #navegacion li i.padr05 { padding-right:0;}

  #navegacion li .txt, .nav1 a .txt {display:none;} 
  
  #navegacion .submenu_navegacion {position:absolute;top:72px;left:0;z-index:200;}
  
  #navegacion .submenu_navegacion li {border-bottom:none;color:#FFF;padding:.5em 0;width:auto;}  
  
  #navegacion .submenu_navegacion li a {border-right:1px solid #FFF;color:#FFF;padding:0 1em;}
    
  .cab_int {width:100%;}
	.cont_ext {padding:0 2%;}
	
	#solapas { margin-top:1em;}
	
	#solapas li { padding:1em;}
	
	.msolapas li a.boton, .msolapas li a.botondesp { padding:1em 1.6em;}
	
	.cont-solapas { margin-bottom:1em;}
	
}
/* Fin pantallas inferiores a 1024px */

/* Pantallas inferiores a 900 */
@media screen and (max-width: 900px) {
	.pitagh_entrar span {display:none;}
}

/* Pantallas inferiores a 800px */
@media screen and (max-width: 800px) {
	
	#cabsup .nav1 { padding: .25em 3.2% .25em 3% !important;}
	
	#navegacion #logotipo_int {left:12%;}
	
	#navegacion_titular .t92 { width:80%;}
	
	.cont-solapas .msolapas.bl_der {float:left;border-right:1px solid #eee;}
	.cont-solapas .msolapas.bl_izq {border-bottom:1px solid #eee;}
	
	.pcol1 { width:100%;}
  .pcol2 { width:100%;}
  
  #alumnos_anot { width:40%; }
  #conten_anotaciones { width:58%; }
	.fila_anot {height:26px;}
	
	.icol1 {width:100%;}
  .icol2 {   
    float: left;
    margin-top: 2%;
    width: 100%;
   }
  
  #mensaje .t10, #mensaje .t20 {
	 width:100%; 
	}
	
	.colperm {
		margin-left:0;
		width:100%;
		margin-bottom:1em;
	}
	.caja-seg.t29, .caja-seg.t46 {width:43%;}
	
}
/* Fin pantallas inferiores a 800px */


/* Pantallas inferiores a 760px */
@media screen and (max-width: 760px) {
	
	#cabsup .nav1 { padding: 0 4.2% 0 2% !important;}
	
	#navegacion #logotipo_int {left:10%;}
	
	#mcab { width: 68%;}

	#mcab li.usuario_int span {
		display:none;
	}
	
	#mcab li {
		float:right;
	}
	
	#mcab ul { 
		left:unset;
		right:0;
		width: 12em;
	}

	#mcab ul li { float:left; width:80%; padding:1em 10%;}
	
	
	
}
/* Fin pantallas inferiores a 760px */

/* pantalla inferior a 700 */
@media screen and (max-width: 700px) {
	#titsolapas{display:block;}
  #solapas{display:none;}
  #navegacion_titular .t7 {width:12%;}
  #navegacion_titular .t92 {width:88%;}
	#solapas {background:var(--color-neutro);border: 1px solid var(--color-primario); margin:0 0 1em 0; padding:0; width:100%;}
	#solapas li {border:none; padding:1%; width:98%;}
	#solapas li.link {background:none;border:none;}
	#solapas .cn , #solapas li:hover {background:var(--color-primario);color:var(--color-sobre-primario);}
	#solapas li:hover a {color:var(--color-sobre-primario);}
	#solapas li a:hover {color:var(--color-sobre-primario);position:relative;}
	#solapas .act {display:none;}
	.ampli {width:100% !important; margin:0.5em 0 2em 0 !important;}
}
/* Fin pantallas inferior a 700px */


.mple {background:var(--color-primario) url("../../imgs/icple.png") no-repeat right 8px bottom 6px;}
.mdesp {background:var(--color-primario) url("../../imgs/icdesp.png") no-repeat right 8px bottom 6px;}

/* pantalla inferior a 600 */
@media screen and (max-width: 600px) {
	.caja-seg.t29, .caja-seg.t46 {width:93%;}
}

/* pantalla inferior a 580 */
@media screen and (max-width: 580px) {
	
	#cabsup {	height:106px;}
	
	#navegacion_titular {
		padding:0 5%;
		width:90%;
		margin:1.5em 0 0 0;
	}
	
	#navegacion_titular h2 {font-size:1em;}
	
  #navegacion_titular ul li .gr, #navegacion_titular ul li .gract {
    font-size:14px !important; 
  }
  
  #navegacion_titular h2 .gract { font-size:16px !important;}
  #navegacion_titular .t92 {width:80%;float:right;}
  
  #navegacion {display:none;} 
    
  #navegacion li {width:100%;}
  #navegacion li a {display:block;height:32px;padding:1% 0 1% 5%;text-align:left;width: 95%;}
  #navegacion .submenu_navegacion {float:left;position:relative;top:0;}
  #navegacion .submenu_navegacion li {border-top:1px solid #FFF;color:#FFF;padding: .5em 0 .5em 20%;width: 80%;}
  
  #navegacion li .txt { display: inline-block;}
  
  #navegacion li i.padr05 { padding-right:.5em;}
  
  #mcab li.usuario_int {width:auto !important;}
  #mcab li {padding:.75em 4%;}
  #mcab li.li_pitaghoras { padding:.375em 4%; }
  
  .btn-wr {
  	background:var(--color-primario);
  	color:var(--color-sobre-primario);
    display:block !important;
    height:1em;
    width:2em;
    position:absolute;
    bottom:-2em;
    right:4%; 
    padding:0.5em 0;
    cursor:pointer;
    text-align:center;
  }
  
  #mcab {border-top:1px solid #eee; width:100%;}
  
  #cabsup .nav1 {
  	padding: 0 5% !important; 
  	width:4em;
  }
  
  .nav1 a {
    font-size: 12px;
    padding: 1em 0;
	}
	
	.nav1 i.padr05 { padding:0 0 0 1em;}
	
	#logo-mv {display:block;}
	
	#navegacion #logotipo_int {display:none;}
    
  .t24, .t23, .t32, .t31, .t49, .t48, .t65, .t66, .t64, .t74, .t73 {
   width:100%; 
  }
  
  .pcol2 #sortable .t31 {	margin: .5em 0 0 0; }  
   
}/*------------------------- COMUNES.CSS (fin) --------------------------------*/

/*------------------------- PITAGHORAS.CSS (inicio) --------------------------------*/
  
.blq_cent {
  clear:both;
  position:relative;
  margin:0 auto;
  padding:0;
  overflow:hidden;
 }

#tabla .festivo{background-color: #999;width:18px;}
#tabla .diaesp{background-color:#CCC;width:18px;text-align:center;}
#tabla .hoy{background-color:#D3E4BA;margin:0;padding:0;}
#tabla .barra{margin:0;padding:0;}
#tabla .datos{margin:0;padding:0 2px 14px 2px;text-align:left;}
#tabla .datos div{margin:2px 0 0 0;padding:2px 10px 2px 10px;background-color:#D3E4BA;}
#tabla td{font-size:11px;border:1px solid #333;text-align:center;}
#tabla th {font-size:12px;border:1px solid #333;}
  
/**---------------------------------- gantt -------------------------------**/ 
.tbl_gantt td{border:1px solid #ccc;padding:1px 2px;}
.tbl_gantt td a{color:#000;}
.tbl_gantt td.finde{background-color:#eee;}
.tbl_gantt td.planning{color:#666;padding: 1px 5px 1px 30px;}
.tbl_gantt td.meses{background-color:#bbb;font-size:14px;font-weight:bold;}
.tbl_gantt td.planning a{color:#666;}
.tbl_gantt td.activo{background-color: #999;padding:0;margin:0;}
.tbl_gantt td.plan{background-color: #CC0000;}
.tbl_gantt td.planterm{background-color: #339900;}
.tbl_gantt td.tdlinea{border-bottom:1px solid #000;}
.tbl_gantt td.usuario{background: transparent url("../../imgs/icusconect.gif") no-repeat 1px 1px;padding: 1px 2px 1px 20px;}
.tbl_gantt td.usuariono{background: transparent url("../../imgs/icusnoconect.gif") no-repeat 1px 1px;padding: 1px 2px 1px 20px;}
.tbl_gantt td.icok_transp{background: transparent url("../../imgs/icok_transp.gif") no-repeat 15px 1px;}
.tbl_gantt td.alerta_roja{background: transparent url("../../imgs/alerta_roja.gif") no-repeat 15px 1px;}
.tbl_gantt td.alerta_amarilla{background: transparent url("../../imgs/alerta_amarilla.gif") no-repeat 15px 1px;} 
#gantt_leyenda div{width:24%;position:relative;float:left;margin:15px 0 0 0;padding:0 0 5px 0;}
#gantt_leyenda div span{display:block;width:15px;height:5px;position:relative;float:left;margin:5px 5px 0 0;padding:0;background-color:#ccc;}

.timeline-event-bubble-time{display:none;}
.simileAjax-bubble-container{font-size:11px;}

.cfechas{width:160px;display:inline !important;z-index:10000000;}
.c_fechas_0{z-index:10000003;}
.c_fechas_1{z-index:10000002;}
.c_fechas_2{z-index:10000001;}

/* SORTER (Pitaghoras)*/
.sorter {font-size:11px;color:var(--color-generico);}
.sorter th {text-align:left;background-color:var(--color-primario);color:var(--color-sobre-primario);text-transform:uppercase;padding:2px;}
.sorter th span {padding:6px 0 8px 0;}
.sorter th.nosort {padding 0 3px 0 5px;}
.sorter td {padding:2px 4px 2px 1px;	}
.sorter .head span {background:url("../../imgs/sorter_sort.gif") no-repeat 3px center;cursor:pointer;padding-left:12px;}
.sorter .desc, .sorter .asc {background-color:var(--color-barra);color:var(--color-sobre-barra);}
.sorter .desc span {background:url("../../imgs/sorter_desc.gif") no-repeat 3px center;cursor:pointer;padding-left:12px;}
.sorter .asc span {background:url("../../imgs/sorter_asc.gif") no-repeat 3px  center;cursor:pointer;padding-left:12px;}
.sorter .head:hover {color:var(--color-secundario);}
.sorter .desc:hover, .sorter .asc:hover {color:var(--color-primario);}
.sorter .evenrow td {background:#fff;color:var(--color-generico);}
.sorter .oddrow td {background:var(--color-secundario);color:var(--color-sobre-secundario);}
.sorter td.evenselected {background:#fff;color:var(--color-generico);}
.sorter td.oddselected {background:var(--color-secundario);color:var(--color-sobre-secundario);}
.sortersimple td {padding:2px 2px 1px 2px;}
.sortersimple .oddrow td, .sortersimple td.oddselected {background:#fff;color:var(--color-generico);}
.sorter td.colsombreada {background-color:#CCC !important;}
/*------------------------- PITAGHORAS.CSS (fin) --------------------------------*/

.resultados--comentarios{
	display: flex;
  gap: 1rem;
  width: 100%;
	flex-wrap: wrap;
}
.resultados--comentarios > * {
  width: 100%;
  box-sizing: border-box; /* opcional, para que padding/border no rompan el ancho */
}

.radio-group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.radio-option {
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.radio-option input[type="radio"] {
  display: none; /* ocultamos el radio clásico */
}

.radio-option span {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.radio-option:hover span {
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.radio-option i {
  margin-left: 8px;
}

/* Colores cuando está seleccionado en modo edición */
.propietario-verificado input[type="radio"]:checked + span,
.propietario-verificado.selected span {
  background-color: #4caf50;
  color: #fff;
  border-color: #4caf50;
}

.no-propietario input[type="radio"]:checked + span,
.no-propietario.selected span {
  background-color: #f44336;
  color: #fff;
  border-color: #f44336;
}

.pendiente input[type="radio"]:checked + span,
.pendiente.selected span {
  background-color: #ff9800;
  color: #fff;
  border-color: #ff9800;
}


/* ==================== TARJETAS DE COMENTARIOS MODERNAS ==================== */
.comentario-card-form { margin: 0 0 2.5rem 0; }
.comentario-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}
.comentario-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

/* Cabecera con checkbox */
.card-header {
  background: var(--color-primario);
  color: #fff;
  padding: 0.9rem 1.2rem;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 12px;
}
.checkbox-seleccion {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.checkbox-seleccion input { opacity: 0; width: 0; height: 0; }
.checkmark {
  position: absolute;
  top: 0; left: 0; width: 20px; height: 20px;
  background: #fff;
  border-radius: 4px;
  transition: all 0.2s;
}
.checkbox-seleccion input:checked ~ .checkmark {
  background: var(--color-over-boton);
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px; top: 2px;
  width: 5px; height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.checkbox-seleccion input:checked ~ .checkmark:after { display: block; }

/* Cuerpo */
.card-body {
  padding: 1.5rem;
}
.campo {
  margin-bottom: 1.75rem;
}
.campo label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #333;
}
.form-modern {
  width: 100%;
  padding: 0.75rem 1rem !important;
  border: 1px solid #ddd !important;
  border-radius: 8px;
  font-size: 1rem;
  transition: border 0.2s;
  box-sizing: border-box;
}
.form-modern:focus, .form-modern:hover {
  outline: none;
  border-color: var(--color-primario);
  box-shadow: 0 0 0 3px rgba(55,176,167,0.15);
}

.textarea-modern {
  min-height: 100px;
  resize: vertical;
}

/* Grid info rápida */
.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.2rem;
  font-size: 0.95rem;
}
.info-grid select.form-modern {
  padding: 0.5rem !important;
  font-size: 0.95rem;
}
.readonly-text.inline {
  display: inline-block;
  margin-left: 8px;
  padding: 0.5rem 0.8rem;
  background: #f8f9fa;
  border-radius: 6px;
}
.info-item strong { color: #333; }

/* Documento */
.documento a.enlace-archivo {
  display: inline-block;
  background: #f8f9fa;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  color: var(--color-primario) !important;
  text-decoration: none;
  border: 1px dashed #ccc;
  transition: all 0.2s;
}
.documento a:hover {
  background: var(--color-primario);
  color: white !important;
  border-color: var(--color-primario);
}

/* Botones footer */
.card-footer {
  background: #f8f9fa;
  padding: 1.2rem 1.5rem;
  text-align: center;
  border-top: 1px solid #eee;
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-guardar, .btn-eliminar {
  padding: 0.8rem 1.8rem;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s;
  font-size: 1rem;
}
.btn-guardar {
  background: #28a745;
  color: white;
}
.btn-guardar:hover {
  background: #218838;
  transform: translateY(-2px);
}
.btn-eliminar {
  background: #dc3545;
  color: white;
}
.btn-eliminar:hover {
  background: #c82333;
  transform: translateY(-2px);
}

/* Responsivo */
@media (max-width: 768px) {
  .info-grid { grid-template-columns: 1fr; }
  .card-footer { flex-direction: column; }
  .btn-guardar, .btn-eliminar { width: 100%; justify-content: center; }
}

/* Modo solo lectura */
.readonly-card { opacity: 0.94; }
.readonly-text {
  background: #f8f9fa;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  min-height: 2.5em;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #495057;
}
.prewrap { white-space: pre-wrap; }
.readonly-verificacion {
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95rem;
}
.readonly-verificacion.1 { background:#d4edda; color:#155724; }
.readonly-verificacion.2 { background:#f8d7da; color:#721c24; }
.readonly-verificacion.3 { background:#fff3cd; color:#856404; }

/* Separador visual entre tarjetas */
.card-separator {
  height: 1px;
  background: linear-gradient(to right, transparent, #dee2e6, transparent);
  margin: 2.5rem 0;
}
.comentario-card-wrapper { margin-bottom: 0; }

/* ==== TARJETAS ==== */
.resenas-lista { margin-left: 2rem; }
.resena-item { 
  background: #fafafa; 
  padding: 1rem; 
  border-radius: 8px; 
  margin-bottom: 1rem;
  border-left: 4px solid #ddd;
  position: relative;
}
.resena-hijo { margin-left: 3rem; }
.verif-prop { border-left-color: #4caf50; background: #f0fff4; }

/* ==== ESTADOS RESEÑA ==== */
.estado- { border-left-color: #ffc107 }   /* Pendiente de revisar */
.estado-0 { border-left-color: #ffc107 }   /* Pendiente de revisar */
.estado-1 { border-left-color: var(--color-fluor); }   /* Aprobada */
.estado-2 { border-left-color: var(--color-rosa); }   /* Congelada */
.estado-3 { border-left-color: var(--color-rojo); }   /* Rechazada */

.estado-resena, .estado-verif {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
  font-size: 0.95rem;
  font-weight: 600;
  margin-left: 0.5rem;
}
.estado- .estado-resena { background-color: #ffc107; color: var(--color-sobre-primario); }
.estado-0 .estado-resena { background-color: #ffc107; color: var(--color-sobre-primario); }
.estado-1 .estado-resena { background-color: var(--color-fluor); color: var(--color-primario); }
.estado-2 .estado-resena { background-color: var(--color-rosa); color: var(--color-sobre-primario); }
.estado-3 .estado-resena { background-color: var(--color-rojo); color: var(--color-sobre-primario); }

.verif-1 .estado-verif { background:#4caf50; color:#fff; }
.verif-2 .estado-verif { background-color: #f44336; color: #fff; }
.verif-3 .estado-verif { background:#ff9800; color:#fff; }

.verif-header {
  background: #d4edda;
  color: #155724;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.verif-header a { float:right; font-size:0.9rem; }

.btn-ver-resena {
  margin-left: 1rem;
  font-size: 0.9rem;
  background: var(--color-primario);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  text-decoration: none;
}
.btn-ver-resena:hover { background: var(--color-over-boton); }


/* Highlight al llegar a la reseña / comentario */
/* Highlight al llegar */
.destacado-scroll {
  animation: pulseHighlight 1.2s ease-out, fadeBackground 1.2s ease-out;
  border-radius: 8px; /* esquinas redondeadas */
}

/* Pulso exterior */
@keyframes pulseHighlight {
  0%   { box-shadow: 0 0 0 0 rgba(28, 65, 186, 0.6); }
  100% { box-shadow: 0 0 0 18px rgba(28, 65, 186, 0); }
}

/* Fondo difuminado */
@keyframes fadeBackground {
  0%   { background-color: rgba(28, 65, 186, 0.15); }
  100% { background-color: rgba(28, 65, 186, 0); }
}

/* === BUSCADOR MODERNO RESPONSIVE === */
.buscador-modern {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  margin-bottom: 2rem;
}
.fila-texto, .fila-selects, .fila-boton {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: end;
}
.campo-texto { flex: 1 1 400px;} .campo-texto > label {display: flex; margin-bottom: .5rem;}
.grupo-fechas { display: flex; gap: 1rem; /*flex: 1 1 300px;*/ } .campo-texto > label {display: flex; margin-bottom: .5rem;}
.campo-fecha { flex: 1; } .campo-fecha > label {display: flex; margin-bottom: .5rem;}
.campo-select { flex: 1 1 180px; } .campo-select > label {display: flex; margin-bottom: .5rem;}
.fecha-min { width: 160px; }
.fila-boton { justify-content: center; margin-top: 1.5rem; }
@media (max-width: 900px) {
  .grupo-fechas { flex: 1 1 100%; }
  .campo-fecha { flex: 1 1 48%; }
}
@media (max-width: 600px) {
  .fila-texto, .fila-selects { flex-direction: column; }
  .campo-texto, .campo-select, .grupo-fechas { flex: 1 1 100%; }
}



/* 4 GRUPOS DE VALORACIONES */
.valoraciones-grupos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.2rem;
  margin: 2rem 0;
}
.grupo-valoracion {
	background: #f8f9fa;
	padding: 1rem;
	border-radius: 12px;
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.grupo-valoracion h4 {
	margin: 0 0 .5rem 0;
	color: var(--color-primario);
	font-size: 1.1rem;
	text-align: center;
	text-transform: uppercase;
}

.valoracion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
.valoracion-item {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	justify-content: space-evenly;
	flex-wrap: wrap;
	/* text-align: center; */
	border-left: 1px solid var(--color-primario);
	padding: .5rem;
	border-radius: 10px;
	border-right: 1px solid var(--color-primario);
}
.valoracion-item strong {
	min-width: 140px;
	font-size: 0.95rem;
	color: var(--color-primario);
}
.valoracion i {
  font-size: 1rem;
  color: #ddd;
  cursor: pointer;
  transition: color 0.2s;
}
.valoracion i.fa-solid {
  color: #ff6b6b;
}
.valoracion i:hover {
  color: #ff6b6b !important;
}


/* ESTADO DE RESEÑA - COLORES Y ESTILO AL HACER CLICK */
.estado-resena-group .radio-option input[type="radio"] { display: none; }
.estado-resena-group .radio-option span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.2rem;
  border-radius: 50px;
  background: #f0f0f0;
  border: 1px solid #ddd;
  transition: all 0.2s;
  cursor: pointer;
  font-weight: 600;
}
.estado-resena-group .radio-option input:checked + span {
  color: white;
  border-color: transparent;
}
.estado-pendiente input:checked + span   { background: #ffc107; }
.estado-aprobada input:checked + span    { background: var(--color-fluor); color: var(--color-primario) !important;}
.estado-congelada input:checked + span   { background: var(--color-rosa); }
.estado-rechazada input:checked + span   { background: #dc3545; }

/* Solo lectura */
.readonly-verificacion.estado-0 { background: #fff3cd; color: #856404; padding: 0.75rem 1.2rem; border-radius: 50px; }
.readonly-verificacion.estado-1 { background: #d4edda; color: var(--color-primario); padding: 0.75rem 1.2rem; border-radius: 50px; }
.readonly-verificacion.estado-2 { background: #d1ecf1; color: #0c5460; padding: 0.75rem 1.2rem; border-radius: 50px; }
.readonly-verificacion.estado-3 { background: #f8d7da; color: #721c24; padding: 0.75rem 1.2rem; border-radius: 50px; }


/* CABECERA NUEVA */
.card-header-nueva {
  background: var(--color-primario);
  color: white;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 12px 12px 0 0;
  flex-wrap: wrap;
}
.header-info {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.8rem;
  font-size: 0.95rem;
	text-align: center;
}
.header-id { font-size: 1.1rem; text-align: left;}
.header-fecha, .header-usuario, .header-propietario { opacity: 0.95; }
.header-propietario{text-align: right;}

/* ESTADO DESTACADO (encima del título) */
.estado-destacado {
  background: #f8f9fa;
  padding: 1rem 1.5rem;
  margin: -1.5rem -1.5rem 1.5rem -1.5rem;
  border-bottom: 1px solid #eee;
}
.estado-destacado label {
  font-weight: bold;
  color: #333;
  margin-bottom: 0.5rem;
}

/* FECHAS DE OCUPACIÓN */
.fechas-ocupacion-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.fecha-select {
  width: 120px !important;
  display: inline-block;
  margin-left: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .header-info { grid-template-columns: 1fr; }
  .fechas-ocupacion-grid { grid-template-columns: 1fr; }
}


.centro__datos__fila {
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-size: calc(var(--tamano-1) * 1.25);
	color: var(--color-primario);
	gap: .5rem;
	text-align: center;
}
.centro__datos__galeria {
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 1rem;
}
.galeria-miniaturas {
	display: flex;
	gap: 2rem;
	flex-wrap: unset;
	/* overflow-x: auto; */
	align-items: center;
	justify-content: space-around;
	width: 100%;
	cursor: pointer;
}
.galeria-miniaturas img {
	/* width: 120px; */
	/* height: 157px; */
	width: 33%;
	height: 250px;
	cursor: unset;
	object-fit: cover;
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.2s ease;
}
.galeria-miniaturas img:hover {
  transform: scale(1.05);
}