/** Import de los tipos de letras https://fonts.google.com/ */
/* @import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gotu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;700&display=swap'); */

/* OK */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

/* NO */
/* @import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap'); */

/*body {
    font-family: 'Sen', sans-serif !important;
  }  */ 
/** Cambio general del tipo de letra */
body {
    font-family: 'Nunito', sans-serif !important;   /* General */
}

.citaTexto {
   font-family: 'Lato', sans-serif !important; /* Texto highlight */
   text-align: justify;
}

.clipTexto {
   font-family: 'Lato', sans-serif !important; /* Texto clip (comentarios) */
   text-align: justify;
}

.citaTag {
   font-family: 'Lato', sans-serif !important; /* Tag (Etiquetas) */
}

/* Barra del menu 
.navbar-personalizada {
    color: #FFFFFF !important;
    background-color: #2b3182;
}
*/

/* ** Configuración del spinner de cagando la ventana */
.spinner-ventana {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
    z-index: 9999;
    opacity: .9;
    background: url(../images/spinner.gif) center no-repeat #f1f2f3;
	/*background: url(../images/pulse.gif) center no-repeat #fff; */
   /* https://loading.io/ */
}

#navbar-personalizada {
    color: #FFFFFF !important;
    background-color: #E56A93; /* #2b3182;  #aa9470; */
}

/* Texto navbar */
.navbar-nav .nav-link{
   color: #E7E2E4 !important;
}
/* Texto navbar  hover*/
.navbar-nav .nav-link:hover{
 color: #adb5bd !important;
}
/* Opciones del dropdown del navbar */
.dropdown-menu .dropdown-item:hover{
   background: #adb5bd !important;
}
/* Open/close automatically
.navbar .nav-item .dropdown-menu{ display: none; }
.navbar .nav-item:hover .dropdown-menu{ display: block; }
*/

.starchecked {
   color: orange;
 }


h3.titulo3{
    background-color: #E56A93; /* #2b3182;  #aa9470; */
    padding: 3px 0px 3px 0px;
    margin: 1px 0px 8px 0px;
    color:white;
}

h5.titulo5{
    background-color: #E56A93; /* #2b3182;  #aa9470; */
    padding: 3px 0px 3px 0px;
    margin: 1px 0px 8px 0px;
    color: #FFFFFF !important;
}

.img_riocam{
    height: 80px;
    width: 160px;
}

/* Para que el JCROP esté centrado */
.jcrop-centered
{
    display: inline-block;
}
.crop-image-wrapper
{
    text-align: center;
}


/* Header de las tablas con bootstrap */
.table .thead-light th {
    color: #FFFFFF;
    background-color: #1c2953;
    border-color: #4656a6;
  }



.color_texto_menu {
    color: #FF9A77 !important;
}

/* Botones con ícono */
.btn-label {
	position: relative;
	left: -12px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}
.btn-label-sm {
	position: relative;
	left: -9px;
	display: inline-block;
	padding: 6px 12px;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
}
.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
}

.img-portada-sm{
   max-width:68px; 
   max-height:102px
}
.img-portada-md{
   max-width:75px; 
   max-height:113px
}
.img-portada-lg{
   max-width:90px; 
   max-height:135px
}
.img-portada-xl{
   max-width:120px; 
   max-height:180px
}

.oculto{
   visibility: hidden; /* Hace que el elemento sea invisible pero aún ocupe espacio */
   opacity: 0; /* Configura la opacidad a 0, lo que hace que el elemento sea visualmente transparente */
   transition: opacity 0.3s ease; /* Agrega una transición suave para hacer la animación más agradable */
}


select{
   overflow-x: scroll; /* Agrega la barra de scroll horizontal */
}

/* Colores para los marcadores del texto */
.mark-verde {
   background-color: rgb(144, 238, 144, .7); /* lightgreen */
}
.mark-azul {
   background-color: rgb(173, 216, 230, .7); /* lightblue */
}
.mark-amarillo {
   background-color: rgb(255, 255, 0, .7); /* yellow */
}
.mark-rosa {
   background-color: rgb(255, 182, 193, .7); /* pink */
}
/* Para resultados de búsquedas */
.mark-gold {
   background-color: rgb(255, 215, 0, .7);  /* gold */
 }

/* Show / No Show right panel */
.transicion {
   transition: opacity 0.6s ease, width 0.6s ease;
}
.colapsa {
   width: 0;
   opacity: 0;
   overflow: hidden;
}