body {
    margin: 5.5em 0.6em 3em;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 100%; /* es 16px */
    /*font-size: calc(15px + 0.390625vw); Original de https://matthewjamestaylor.com/responsive-font-size*/
    font-size: calc(16px + 0.2vw); */
}

/* Para que no ponga underline en los enlaces */
a {
    text-decoration: none;
}

/* Ajustes de la NavBar */
.navbar-custom {  
    background-color: #000;  
}  
  
.navbar-custom .nav-link,
.navbar-custom .navbar-toggler-icon,
.navbar-custom .navbar-brand {
  color: #6CC;
  border-radius: 0.25em;
}

.navbar-custom .navbar-toggler {
    color: #6CC;
    border-color: #6CC;
}

.navbar-custom a:hover {
    color: #000;
    background-color: #6cc;
}

.navbar-nav > li > .dropdown-menu {
    background-color: #000;
}

.navbar-nav > li > .dropdown-menu a{
    color: #6cc;
}

.navbar-nav > li > .dropdown-menu a:hover{
    color: #000;
    background-color: #6cc;
}

/* Formato de títulos */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    color:#30737A;
    padding:0px;
    margin:0px;
    font-family:inherit;
    font-weight: normal; /* Equivale a 400 */
    line-height:1.1;
}

h2 {
    border-bottom: 1px solid #30737A;
    /*margin-right: 25%; */
    margin-bottom: 0;
}

.datos {
margin-top: 0.3em;
margin-left: 0.6em;
font-style: italic;
}

.date {
color:#222222;
padding-top:5px;
padding-right:8px;
padding-left:8px;
padding-bottom:8px;
font-size: 12px;
text-align: left;
}

/* Formato de dos columnas */
.columns {
    columns: 2 20em;
    column-gap: 2em;
    /* column-rule: 1px solid #cecece; */
}

/* Formato para listas */

#mylist {
    list-style-image: url(img/star.svg);
    margin-left: 0em;
    /* Para añadir espacio entre los items */
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}

/*************************************
   Estilos para las columnas de artículos, congresos, proyectos
 *************************************/

table {
  border-collapse: separate;
  border-spacing: 0 0.5em;
} 

.firstcol {
    border-right: 2px solid #e36208; /* rojo: #f80a0a; */
    text-align: right;
    margin: 0em;
    width: 3em;
    vertical-align: top;
    padding-bottom: 0.375em;
    padding-top: 0.375em;
    padding-right: 0.4em;
/*  margin-top: 0em;
    margin-bottom: 0em;
*/
  }

.firstcol90 {
    border-right: 2px solid #e36208; /* rojo: #f80a0a; */
    text-align: right;
    margin: 0em;
    width: 5.9em;
    vertical-align: top;
    padding-bottom: 0.375em;
    padding-top: 0.375em;
    padding-right: 0.4em;
/*  margin-top: 0em;
    margin-bottom: 0em;
*/
  }
.lastcol {
    border-left: 0px solid #e36208;
  }

.secondcol {
    padding-left: 1.9em;
    text-indent: -1.25em;
    padding-top: 0.375em;
    padding-bottom: 0px;
    margin-top: 0em;
    margin-bottom: 0em;
  }

.secondcollast {
    padding-left: 1.9em;
    text-indent: -1.25em;
    padding-top: 0.375em;
    padding-bottom: 0.375em;
    margin-top: 0em;
    margin-bottom: 0em;
  }

.thirdcol {
    text-align:right;
/*    width: 75px; Sin los Pdf*/ 
    width: 8.4375em;
    padding-top: 0.375em;
    padding-bottom: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
  }

.thirdcolcongress {
    text-align:right;
    width: 3.75em;
    padding-top: 0.375em;
    padding-bottom: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
  }

/*************************************
   Para mostrar y ocultar el BibTeX code
 *************************************/

div.noshow {
    display: none;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  /*border: 2px solid #6CC; */
  background-color: #e3ffff;
  padding: 0.5em;
}

/* Formato de las tablas que tengo en Teaching */

table.imagetable {
 /*	font-family: verdana,arial,sans-serif;*/
 /*	font-size:11px;*/
 /*    width:75%;*/
     /*table-layout: fixed; */
     margin: auto;
     color:#333333;
     border-width: 1px;
     border-color: #999999;
     border-collapse: collapse;
 }
 table.imagetable th {
     background:#b5cfd2 url('img/cell-blue.jpg');
     border-width: 1px;
     text-align: center;
     padding: 8px;
     border-style: solid;
     border-color: #999999;
 }
 table.imagetable td {
     background:#dcddc0 url('img/cell-grey.jpg');
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #999999;
 }

.WoScolor {color:#e36208;}
 /* verde    color:#64701E;  amarillo-naranja  color:#EE9413;  */
 
 /*a:link{
   font-family:arial, monospace;
   text-decoration: none;
   color: teal;
 }
 
 a:hover{
   text-decoration: underline;
 }
 
 a:visited{
   color:black;
   text-decoration: none;
 }*/

/*************************************
   Para hacer zoom al pasar el ratón por encima
 *************************************/
 .img-contenedor img {
    -webkit-transition: all .5s ease; /* Safari y Chrome */
    -moz-transition:all 1.2s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    width:100%;
    }
    .img-contenedor:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
    }
    .img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/
    /*width:300px;
    height:180px;*/
    overflow:hidden;
    }

/*Cambia el tamaño al verlo en el móvil */
@media only screen and (max-width: 700px) {
    body{
      font-size: 105%;
    }
}

/*
@media only screen and (min-width: 1290px) {
  body{
    font-size: 110%;
  }
}
*/