@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;600;700&display=swap");
/*Colores*/
/*Anteriores colores*/
/*Resoluciones*/
.displayNone {
  display: none; }

.min768 {
  max-width: 768px; }

.widthAuto {
  width: auto !important; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

* {
  font-family: "Montserrat", sans-serif; }

*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  background: #faede4; }

.container {
  margin-right: auto;
  margin-left: auto;
  display: table;
  position: relative;
  margin: 0 auto;
  display: table;
  width: 80%; }
  @media (min-width: 768px) {
    .container {
      padding-right: 15px;
      padding-left: 15px; } }

a {
  text-decoration: none; }

section {
  padding-top: 4rem; }
  section h1 {
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: .5rem; }

@media (min-width: 0) {
  p, h1, h2, h3, h4, h5 {
    padding: 0 1rem; } }

@media (min-width: 768px) {
  p, h1, h2, h3, h4, h5 {
    padding: 0; } }

.normativa {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff; }
  .normativa img {
    max-width: 320px; }
    @media (min-width: 768px) {
      .normativa img {
        max-width: 40rem; } }

#principal {
  background-image: url("../img/letras.gif"), url("../img/fondo.jpg");
  background-size: 90vh, cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
  background-position: center; }
  @media (min-width: 768px) {
    #principal {
      background-size: cover; } }

.dos-columnas {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .dos-columnas {
      flex-direction: row; } }

section h1 {
  font-size: 1.5rem; }
  @media (min-width: 480px) {
    section h1 {
      font-size: 2rem; } }

@media (min-width: 0) {
  section img {
    min-width: 14rem;
    max-width: 14rem;
    margin: 0 auto;
    display: table; } }

@media (min-width: 768px) {
  section img {
    min-width: 20rem;
    max-width: 20rem; } }

section p, section ul {
  float: left;
  font-size: 1.2rem;
  text-align: justify; }

section ul {
  margin-top: 1rem;
  margin-bottom: 2rem;
  list-style: none;
  padding: 0 .5rem; }
  section ul li {
    padding: 1rem;
    float: left;
    position: relative;
    width: 100%; }
    section ul li span {
      font-weight: 800;
      padding: 0 .5rem; }

nav {
  position: relative;
  right: 5rem;
  z-index: 2;
  display: contents; }
  nav .menu-hamburguesa {
    display: flex;
    flex-direction: column;
    z-index: -1;
    row-gap: 0.2rem;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    padding: 1rem .6rem;
    background: #faede4;
    position: fixed;
    top: 4rem;
    justify-content: space-between;
    right: 0; }
    nav .menu-hamburguesa.sticky_movil {
      top: 0;
      position: fixed;
      right: 0;
      z-index: 3; }
    @media (min-width: 768px) {
      nav .menu-hamburguesa {
        display: none;
        margin: 0.5rem 1rem; } }
    nav .menu-hamburguesa.tache :nth-child(1) {
      transition: 1s ease-in-out;
      transform: rotate(45deg) translateX(5px) translateY(-2px);
      margin: .4rem; }
    nav .menu-hamburguesa.tache :nth-child(2) {
      transition: 1s ease-in-out;
      transform: rotate(-45deg) translateX(11px) translateY(-6px); }
    nav .menu-hamburguesa.tache :nth-child(3) {
      transition: 1s ease-in-out;
      display: none; }
    nav .menu-hamburguesa span {
      transition: 1s ease-in-out;
      width: 35px;
      height: 5px; }
      nav .menu-hamburguesa span.verdeBg {
        background-color: #02763f; }
      nav .menu-hamburguesa span.rojoBg {
        background-color: #cb3a38; }
      nav .menu-hamburguesa span.amarilloBg {
        background-color: #ffdd3a; }
    nav .menu-hamburguesa:hover {
      cursor: pointer; }
  nav .enlaces {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .8rem; }
    nav .enlaces img {
      max-width: 15rem; }
    @media (min-width: 768px) {
      nav .enlaces {
        justify-content: space-evenly;
        flex-direction: row;
        height: 5rem;
        display: flex;
        box-shadow: 5px 0px 19px 3px #a87d5d;
        height: 5rem !important; } }
    nav .enlaces a {
      color: #563118;
      font-weight: 800;
      text-transform: uppercase; }
      nav .enlaces a:hover {
        color: #a5a49e; }
    nav .enlaces.show {
      display: flex;
      width: 100%;
      position: fixed;
      background-color: #faede4;
      top: 0;
      z-index: 2;
      height: 100%; }
  nav #enlaces.sticky {
    position: fixed;
    top: 0rem;
    width: 100%;
    z-index: 2;
    background: #faede4; }
    @media (min-width: 768px) {
      nav #enlaces.sticky {
        width: 100%; } }

#Inicio h1 {
  color: #126190;
  margin: 0; }
  @media (min-width: 768px) {
    #Inicio h1 {
      padding: 0; } }

#Inicio img {
  max-width: 320px; }

#Inicio .menu-rapido a {
  color: #52b1e9; }
  #Inicio .menu-rapido a:hover {
    color: #126190; }
  #Inicio .menu-rapido a span {
    color: #a5a49e; }

#Inicio .dos-columnas {
  margin-top: 5rem; }

#canicas {
  background-image: url("../img/canicas_grande.gif"), url("../img/fondo.jpg");
  background-size: 90vh, cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
  background-position: center; }
  @media (min-width: 768px) {
    #canicas {
      background-size: cover; } }

#Actividades h1 {
  color: #02763f; }

#Actividades img {
  display: block;
  width: 100%;
  height: auto; }
  @media (min-width: 0) {
    #Actividades img {
      min-width: 14rem;
      max-width: 14rem;
      margin: 0 auto;
      display: table; } }
  @media (min-width: 768px) {
    #Actividades img {
      min-width: 20rem;
      max-width: 20rem; } }

.tres-columnas {
  display: grid;
  gap: 1rem; }
  @media (min-width: 0) {
    .tres-columnas {
      grid-template-columns: repeat(1, 1fr); } }
  @media (min-width: 768px) {
    .tres-columnas {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1200px) {
    .tres-columnas {
      grid-template-columns: repeat(3, 1fr); } }

.img_overlay {
  position: relative; }
  .img_overlay .overlay {
    position: relative;
    opacity: 1;
    transition: .5s ease;
    padding: 2rem;
    min-height: 24rem; }
    @media (min-width: 0) {
      .img_overlay .overlay {
        min-height: 24rem; } }
    @media (min-width: 480px) {
      .img_overlay .overlay {
        min-height: 17rem; } }
    @media (min-width: 768px) {
      .img_overlay .overlay {
        min-height: 31rem; } }
    .img_overlay .overlay p {
      font-size: 1.2rem;
      padding: 0;
      text-align: left; }
    .img_overlay .overlay .top, .img_overlay .overlay .bottom {
      position: absolute; }
    .img_overlay .overlay .top {
      top: 0; }
    .img_overlay .overlay .centro {
      margin-top: 4.2rem; }
      .img_overlay .overlay .centro h3 {
        margin-bottom: 0;
        padding: 0; }
        @media (min-width: 1200px) {
          .img_overlay .overlay .centro h3 {
            font-size: 1.5rem; } }
    .img_overlay .overlay .bottom {
      bottom: 0;
      right: 10px;
      margin-left: 2rem;
      font-weight: 800; }

.bgNaranja {
  background-color: #ff5722; }
  .bgNaranja span {
    color: #ffb8a2;
    font-weight: 800; }

.bgAzul {
  background-color: #52b1e9; }
  .bgAzul span {
    color: #c3e4f7;
    font-weight: 800; }

.bgVerde {
  color: #ffffff;
  background-color: #02763f; }
  .bgVerde span {
    color: #04f382;
    font-weight: 800; }

.bgGris {
  background-color: #bebeb0; }
  .bgGris span {
    color: #f8f8f6;
    font-weight: 800; }
  .bgGris span {
    color: #050504; }

.bgRojo {
  color: #ffffff;
  background-color: #cb3a38; }
  .bgRojo span {
    color: #e59e9d;
    font-weight: 800; }

.bgCafe {
  color: #ffffff;
  background-color: #563118; }
  .bgCafe span {
    color: #ba6a34;
    font-weight: 800; }

.bgAmarillo {
  background-color: #ffdd3a; }
  .bgAmarillo span {
    color: #fff3ba;
    font-weight: 800; }
  .bgAmarillo span {
    color: #a08400; }

.bgAzulFuerte {
  background-color: #1880bd; }
  .bgAzulFuerte span {
    color: #69bbec;
    font-weight: 800; }

.bgGrisFuerte {
  background-color: #a7a794; }
  .bgGrisFuerte span {
    color: #e1e1da;
    font-weight: 800; }
  .bgGrisFuerte span {
    color: #000000; }

.bgVerdeFuerte {
  color: #ffffff;
  background-color: #014424; }
  .bgVerdeFuerte span {
    color: #03c167;
    font-weight: 800; }

#registro {
  background-image: url("../img/aviones-020621.gif"), url("../img/fondo.jpg");
  background-size: 90vh, cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
  background-position: center; }
  @media (min-width: 768px) {
    #registro {
      background-size: cover; } }

#Registro h1 {
  color: #ff5722; }

#Registro .dos-columnas {
  justify-content: space-around; }
  #Registro .dos-columnas iframe {
    width: 100%; }
    @media (min-width: 0) {
      #Registro .dos-columnas iframe {
        min-width: 320px;
        height: 2000px; } }
    @media (min-width: 480px) {
      #Registro .dos-columnas iframe {
        min-width: 480px;
        height: 1900px; } }
    @media (min-width: 1200px) {
      #Registro .dos-columnas iframe {
        min-width: 768px; } }

#anteriores_gif {
  background-image: url("../img/matatena-020621.gif"), url("../img/fondo.jpg");
  background-size: 90vh, cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
  background-position: center; }
  @media (min-width: 768px) {
    #anteriores_gif {
      background-size: cover; } }

#Anteriores h1 {
  color: #cb3a38; }
  @media (min-width: 920px) {
    #Anteriores h1 {
      margin-bottom: 0; } }

#Anteriores .menu-rapido a {
  color: #563118; }
  #Anteriores .menu-rapido a:hover {
    color: #a5a49e; }

#Anteriores .menu-rapido span {
  color: #cb3a38; }

#Anteriores .dos-columnas-row {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 768px) {
    #Anteriores .dos-columnas-row {
      flex-direction: row; } }

#Anteriores .dos-columnas > div {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: flex-end; }

#Anteriores .dos-columnas h2 {
  font-size: 4rem;
  margin: 1rem 0 0 0; }
  @media (min-width: 768px) {
    #Anteriores .dos-columnas h2 {
      padding: 0 6rem; } }

#Anteriores .dos-columnas .numeros, #Anteriores .dos-columnas .contador {
  display: flex;
  flex-direction: column;
  width: 100%; }

#Anteriores .dos-columnas .contador h3 {
  font-size: 2rem;
  text-transform: uppercase; }

#Anteriores .dos-columnas .contador p {
  font-size: 1.2rem; }
  #Anteriores .dos-columnas .contador p span {
    font-size: 2rem;
    color: #563118; }

#Anteriores #veinte {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #veinte {
      padding-top: 9rem; } }
  #Anteriores #veinte h2 {
    color: #ff5722; }
  #Anteriores #veinte h3 {
    color: #ff6a3c; }
  #Anteriores #veinte a {
    padding: 0 2rem;
    color: #d53300; }
    @media (min-width: 768px) {
      #Anteriores #veinte a {
        padding: 0 6rem; } }
    #Anteriores #veinte a:hover {
      color: #ff5722; }
  #Anteriores #veinte p {
    max-width: 768px; }

#Anteriores #diecinueve {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #diecinueve {
      padding-top: 9rem; } }
  #Anteriores #diecinueve h2 {
    color: #b545ff; }
  #Anteriores #diecinueve h3 {
    color: #bf5fff; }
  #Anteriores #diecinueve a {
    padding: 0 2rem;
    color: #9500f8; }
    @media (min-width: 768px) {
      #Anteriores #diecinueve a {
        padding: 0 6rem; } }
    #Anteriores #diecinueve a:hover {
      color: #b545ff; }
  #Anteriores #diecinueve p {
    max-width: 768px; }

#Anteriores #dieciocho {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #dieciocho {
      padding-top: 9rem; } }
  #Anteriores #dieciocho h2 {
    color: #ed367a; }
  #Anteriores #dieciocho h3 {
    color: #ef4d89; }
  #Anteriores #dieciocho a {
    padding: 0 2rem;
    color: #c51254; }
    @media (min-width: 768px) {
      #Anteriores #dieciocho a {
        padding: 0 6rem; } }
    #Anteriores #dieciocho a:hover {
      color: #ed367a; }
  #Anteriores #dieciocho p {
    max-width: 768px; }

#Anteriores #diecisiete {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #diecisiete {
      padding-top: 9rem; } }
  #Anteriores #diecisiete h2 {
    color: #02763f; }
  #Anteriores #diecisiete h3 {
    color: #028f4c; }
  #Anteriores #diecisiete a {
    padding: 0 2rem;
    color: #012b17; }
    @media (min-width: 768px) {
      #Anteriores #diecisiete a {
        padding: 0 6rem; } }
    #Anteriores #diecisiete a:hover {
      color: #02763f; }
  #Anteriores #diecisiete p {
    max-width: 768px; }

#Anteriores #dieciseis {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #dieciseis {
      padding-top: 9rem; } }
  #Anteriores #dieciseis h2 {
    color: #52b1e9; }
  #Anteriores #dieciseis h3 {
    color: #69bbec; }
  #Anteriores #dieciseis a {
    padding: 0 2rem;
    color: #1b8fd4; }
    @media (min-width: 768px) {
      #Anteriores #dieciseis a {
        padding: 0 6rem; } }
    #Anteriores #dieciseis a:hover {
      color: #52b1e9; }
  #Anteriores #dieciseis p {
    max-width: 768px; }

#Anteriores #quince {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #quince {
      padding-top: 9rem; } }
  #Anteriores #quince h2 {
    color: #cb3a38; }
  #Anteriores #quince h3 {
    color: #d04e4c; }
  #Anteriores #quince a {
    padding: 0 2rem;
    color: #912726; }
    @media (min-width: 768px) {
      #Anteriores #quince a {
        padding: 0 6rem; } }
    #Anteriores #quince a:hover {
      color: #cb3a38; }
  #Anteriores #quince p {
    max-width: 768px; }

#Anteriores #catorce {
  padding-top: 5rem; }
  @media (min-width: 768px) {
    #Anteriores #catorce {
      padding-top: 9rem; } }
  #Anteriores #catorce h2 {
    color: #a5a49e; }
  #Anteriores #catorce h3 {
    color: #b1b0ab; }
  #Anteriores #catorce a {
    padding: 0 2rem;
    color: #807f77; }
    @media (min-width: 768px) {
      #Anteriores #catorce a {
        padding: 0 6rem; } }
    #Anteriores #catorce a:hover {
      color: #a5a49e; }
  #Anteriores #catorce p {
    max-width: 768px; }

.menu-rapido {
  font-size: 1.3rem;
  text-transform: uppercase; }
  @media (min-width: 0) {
    .menu-rapido {
      padding: 0 1rem; } }
  @media (min-width: 768px) {
    .menu-rapido {
      padding: 0; } }
  .menu-rapido a {
    font-weight: 800; }
  .menu-rapido span {
    color: #cb3a38; }

#fichas {
  background-image: url("../img/fichas-cabezal.gif"), url("../img/fondo.jpg");
  background-size: 90vh, cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
  background-position: center; }
  @media (min-width: 768px) {
    #fichas {
      background-size: cover; } }

#Informes {
  height: 90vh; }
  #Informes h1 {
    color: #c5753f; }
  #Informes a {
    color: #c5753f; }
    #Informes a:hover {
      color: #ff5722; }
  #Informes h2 {
    margin: 3rem 0 0 0;
    padding: 0; }
  #Informes h3 {
    margin: 0;
    padding: 0;
    font-weight: 500; }

footer {
  width: 100%;
  height: 8rem; }
  footer img {
    margin: 0 auto;
    display: table;
    max-width: 10rem;
    padding: 4rem 0; }