.h1-seccion {font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 400;}
.h2-titulo {font-family: "Roboto", sans-serif; font-size: 26px; font-weight: 500; margin-bottom: 0; color: #6e6e6e;}
.h3-subtitulo {font-family: "Roboto", sans-serif; font-size: 22px; margin-bottom: 16px;}
.modulo-p-large {font-family: "Roboto", sans-serif; font-size: 18px; margin-bottom: 4px; color: #073d5e;}
.modulo-p-medium {font-family: "Roboto", sans-serif; font-size: 16px; margin-bottom: 8px;}
.modulo-p-small {font-family: "Roboto", sans-serif; font-size: 14px; margin-bottom: 6px;}
.moduloInfo {margin-top: 8px; margin-bottom: 20px;}
.moduloInfoJustificado {text-align:justify}
.col-menu {min-width: 250px; max-width: 250px;}
ul.menu {list-style: none; padding: 8px; background-color: #ebebeb;}
ul.menu li {font-family: "Roboto", sans-serif; padding: 4px 0;}

.login {width: 100%; max-width: 450px; margin: auto;}
:root{
  --doctrina:#37A3A3;
  --doctrina-hover: #298f8f;
  --doctrina-light: #ecfafa;
  --jurisprudencia:#F5921B;
  --jurisprudencia-hover: #d47d11;
  --jurisprudencia-light: #fcf4eb;
  --legislacion:#1f84e9;
  --legislacion-hover: #1674d1;
  --legislacion-light: #e7eef7;
  --grey: #555555;

}
/*CARD INDEX*/
.doctrina {color: var(--doctrina);}
.jurisprudencia {color: var(--jurisprudencia)}
.legislacion {color: var(--legislacion);}
.card-doctrina {border: solid var(--doctrina) 1px;}
.card-doctrina:hover {background-color: var(--doctrina-light); transition: 0.5s;}
.card-jurisprudencia {border: solid var(--jurisprudencia) 1px;}
.card-jurisprudencia:hover {background-color: var(--jurisprudencia-light); transition: 0.5s;}
.card-legislacion {border: solid var(--legislacion) 1px}
.card-legislacion:hover {background-color: var(--legislacion-light); transition: 0.5s;}
a.modulo-p-small {color: #252525;}
a.modulo-p-medium {color: #252525;}
a.modulo-p-large {color: #252525;}
.grey {color: var(--grey);}

.text-tresLineas {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; max-height: 4.5em;}
.text-seisLineas {display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;  line-height: 1.5; max-height: 9em;}

.btn-pin {border-radius: 100%; background: none; border: 0; height: 40px; width: 40px;}
.btn-pin-index {border-radius: 100%; background: none; border: 0; height: 30px; width: 30px;}
.btn-pin:hover, .btn-pin-index:hover {background-color: #dddddd;}
.btn-outline:hover {background-color: #e7e7e7; transition: 0.5s;}

/*MENU*/
.menu-lateral {background-color: #dddddd; list-style: none; padding: 12px;}
li.menu-items {padding: 4px 0;}
a.menu-items {color: #000000; text-decoration: none;}
a.menu-items:hover {font-weight: 500; cursor: pointer;}
a.menu-items-active {font-weight: 500; color: #000000; text-decoration: none;}

.modulo-p-small {font-size: 14px;}


.veo {
    transition: background-color 1s ease;
    background-color: yellow; /* ejemplo */
}
.manito{
    cursor: pointer; 
}
#volver-posicion {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #007bff;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  display: none; /* oculto por defecto */
}

.resaltado {
  background-color: yellow;
  border-radius: 4px;
  animation: fadeout 2s forwards;
}

@keyframes fadeout {
  to { background-color: red; }
}


#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}