@font-face {
  font-family: 'Gotham-Light';
  src: url('fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/Gotham-Light.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/Gotham-Light.woff') format('woff'), /* Pretty Modern Browsers */
  url('fonts/Gotham-Light.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Gotham-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/Gotham-Light.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/Gotham-Light.woff') format('woff'), /* Pretty Modern Browsers */
  url('fonts/Gotham-Light.ttf') format('truetype'), /* Safari, Android, iOS */
}


@font-face {
  font-family: 'BerlingNova';
  src: url('fonts/BerlingNovaSansPro.eot'); /* IE9 Compat Modes */
  src: url('fonts/BerlingNovaSansPro.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/BerlingNovaSansPro.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/BerlingNovaSansPro.woff') format('woff'), /* Pretty Modern Browsers */
  url('fonts/BerlingNovaSansPro.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/BerlingNovaSansPro.svg#svgFontName') format('svg'); /* Legacy iOS */
}
*,
html,
body {
  font-family: 'Gotham-Light', Fallback, sans-serif;
  font-size: 14px;

}

h2{
   font-family: 'BerlingNova', Fallback, sans-serif;

}
h3{
   font-family: 'BerlingNova', Fallback, sans-serif;
   color: #967D2D;
}

a{
   color: #333;
   transition: 0.2s;
}
a:focus, a:hover {
    color: #967D2D;
    text-decoration: none;
    transition: 0.2s;
}

.alphabet-list {
   list-style: none;
   padding: 0;
   text-align: center;
   margin-bottom: 20px;
}
.alphabet-list li {
   display: inline;
   margin: 0 5px;
}
.glossary-section {
   margin-top: 20px;
   display: none; /* Ocultar todas las secciones inicialmente */
}
.alphabet-link{
   font-weight: 700;
   font-size: 18px;
}

.container-div {
   position: relative;
   border-top: 1px solid #ddd;
   border-left: 0px;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-radius: 0px 5px 5px 0px;
   padding: 15px;
   height: 240px; /* Altura del contenedor */
}
.footer-div {
   position: absolute;
   bottom: 0px; /* Separación del fondo */
   left: 0px; /* Separación del lado izquierdo */
   right: 0px; /* Separación del lado derecho */
   background-color: #f5f5f5;
   padding: 10px;
   border-top: 1px solid #ddd;
}
.container-img-div {
   display: flex;
   align-items: center;
   justify-content: center;
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   border-right: 2px solid #ddd;
   border-radius: 5px 0px 0px 5px;
   height: 240px; 
}
.container-img-div img {
   max-width: 100%; /* Para asegurar que la imagen no se desborde del contenedor */
   max-height: 100%; /* Para asegurar que la imagen no se desborde del contenedor */
}
.panel-card{
   margin-bottom: 20px;
   border-radius: 5px;  
   transition: 0.2s;
}
.panel-card:hover{
   box-shadow: 2px 2px 6px #ccc;
   transition: 0.2s;
}