/* 24-06-2026 - 04-07-2026 */

 * {box-sizing: border-box;margin: 0;padding: 0;font-family: sans-serif;}
body {background-color: #f9f9f9;color: #333;display: flex;flex-direction: column;min-height: 100vh;}

.menu {background-color: #2c3e50;padding: 15px 20px;}
.menu ul {list-style: none;display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}
.menu a {color: white;text-decoration: none;font-weight: bold;}
.menu a:hover {color: #3498db;}
.menu .menu-titol {color: white;font-size: 24px;font-weight: bold;}
a {color: #444;text-decoration: none;}
a:hover {color: #444;text-decoration: underline;}
.contenedor {width: 100%;display: flex;flex-wrap: wrap;gap: 20px;max-width: 1200px;margin: 30px auto;padding: 0 20px;flex: 1;}

.columna, .columna-lateral {background-color: white;padding: 20px;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.columna {flex: 2;min-width: 300px;}
.columna-lateral {flex: 1;min-width: 250px;}
.columna ol {margin-left: 40px;}
.columna ol li {margin-bottom: 8px;}

img, video {max-width: 100%;max-height: 100%;display: inline-block;margin-top: 15px;border-radius: 4px;margin-right: 10px; }

.peu-pagina {background-color: #2c3e50;color: white;text-align: center;padding: 20px;margin-top: auto;}
.peu-pagina a {color: white;text-decoration: underline;}

p {text-align: justify;margin-bottom: 10px;margin-top: 10px;text-indent: 0px;}
p .centrat {text-align: center;}

table {border-collapse: collapse;}
th, td {padding: 8px;}


@media (max-width: 500px) {.contenedor {flex-direction: column;;}.columna, .columna-lateral {flex: 100%;}.peu-pagina {flex-direction: column;text-align: center;}
th{display: none;} td{display: block;} td::before {content: attr(data-cell) ": ";font-weight: 700;text-transform: capitalize;}}

sub	{ font-size: 14px; background: white; font-family: Arial,Sans-serif; font-variant: small-caps; color: black; }
tt	{ font-size: 14px; background: white; font-family: Arial,Sans-serif; text-decoration:overline}