@font-face {
    font-family: 'barlow_condensedsemibold';
    src: url('./Fonts/barlowcondensed-semibold-webfont.woff2') format('woff2'),
         url('./Fonts/barlowcondensed-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedmedium';
    src: url('./Fonts/barlowcondensed-medium-webfont.woff2') format('woff2'),
         url('./Fonts/barlowcondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedblack';
    src: url('./Fonts/barlowcondensed-black-webfont.woff2') format('woff2'),
         url('./Fonts/barlowcondensed-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedbold';
    src: url('./Fonts/barlowcondensed-bold-webfont.woff2') format('woff2'),
         url('./Fonts/barlowcondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedregular';
    src: url('./Fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
         url('./Fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedlight';
    src: url('./Fonts/barlowcondensed-light-webfont.woff') format('woff'),
         url('./Fonts/barlowcondensed-light-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
   
body {
    font-family: 'barlow_condensedregular';
    margin: 0;
    padding: 0;
    color: #2d2d93;
    background-color: #f2f2f2;
        font-size: 28px;
    /*font-weight: bold;*/
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
table{
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; 
}
.titulo {
    font-family: 'barlow_condensedsemibold';
    font-size: 30px;
    text-align: center;
    color: #2a1297;
}
td {
    font-family: 'barlow_condensedlight';
    color: #4c3da8;
}
.negrita {
    font-family: 'barlow_condensedsemibold'; 
}
.negrita1 {
    font-family: 'barlow_condensedsemibold'; 
}
th, td {
    padding: 20px;
}	

header, footer {
    background-color: #f2f2f2;
    /*color: #32256b;*/
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 20px;
  }

main {
    padding: 20px;
}

section {
    margin-bottom: 20px;
}

img {
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width: 800px) {
    /* Estilos específicos para pantallas pequeñas */
    body {
        font-size: 18px;
    }
    .titulo {
        font-size: 22px;
    }
}
@media only screen and (max-width: 500px) {
    /* Estilos específicos para pantallas pequeñas */
    body {
        font-size: 10px;
    }
    .titulo {
        font-size: 13px;
    }
}