@charset "UTF-8";

/* Variables */
:root {
  --bs-body-font-family: 'Inter', sans-serif;
  --fuente-2: 'Roboto', sans-serif;
}

body {}

#cabecera {
  background-image:url('../img/fondo_cabecera.png');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

#cabecera .container {
  padding-top:48px;
  padding-bottom:48px;
}

main {}

.container_volver {
  margin-top:15px;
  min-height:48px;
  padding-left:50px;
  padding-right:50px;
}
.link_volver {
  display:block;
  font-family:var(--fuente-2);
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  color: #152445;
  text-decoration:none;
}
.link_volver i {
  display:inline-block;
  vertical-align:middle;
  width:48px;
  height:48px;
  font-size:0;
  line-height:0;
  content:'';
  background-image:url('../img/flecha_volver.svg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:16px 16px;
}


.container_titulo {
  margin-top:65px;
  margin-bottom:50px;
}

.titulo_pagina {
  font-style: normal;
  font-weight: 300;
  font-size: 50px;
  line-height: 61px;
  color: #152445;
}


.fondo_01, .fondo_02 {
  background-position:center 50px;
  background-repeat:no-repeat;
  background-size:100% auto;
}
.fondo_01 {
  background-image:url('../img/fondo_cuerpo_01.svg');
  padding-bottom:50px;
}
.fondo_02 {
  background-image:url('../img/fondo_cuerpo_02.svg');
  padding-bottom:100px;
}



.listado_bloques .bloque {
  width:100%;
  background-image:url('../img/fondo_bloque.svg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding-top:70px;
  padding-bottom:70px;
  border-radius:20px !important;
}



.titulo_bloque {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom:50px;
}


.boton_ver {
  margin-bottom:0;
  margin-top:auto;
}

.bloque .btn {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 24px;
  gap: 8px;
  letter-spacing: 0.1px;
  color: #182FFE;
  background-color: #FFFFFF;
}





.formulario input[type=text], .formulario input[type=number] {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  /* display: flex; */
  /* align-items: center; */
  letter-spacing: 0.5px;
  color: #49454F;
  background-color:#D1DBF1;
  border-radius:10px;
  padding:15px 10px;
}
.formulario [type=submit] {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  color: #49454F;
  width:56px;
  height:56px;
  background-image:url('../img/ico_lupa.svg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:17.5px;
  background-color: #182FFE;
  border-radius: 10px;
}

.formulario .col-campo {
  width:45%;
  /* width:calc( ( 100% - (56px + (var(--bs-gutter-x) * 1)) ) / 2 ); */
  width:calc( ( 100% - (56px + (var(--bs-gutter-x) * 1)) ));
}
.formulario .col-submit {
  width:calc( 56px + (var(--bs-gutter-x) * 1) );
}


.fondo_difuminado {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(5px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 30px;
}


.titulo_seccion {
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  line-height: 42px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #152445;
}




.link_clasificacion {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #152445;
  border-radius: 15px;
  display:block;
  padding:12px 10px;
  width:100%;
}
.link_clasificacion:hover {
  background-color: #FFFFFF;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
  font-weight: 600;
  color: #182FFE;
}



.tabla_clasif {
  width:100%;
  padding:0;
  table-layout:auto;
}
.tabla_clasif thead {}
.tabla_clasif tbody {}
.tabla_clasif th, .tabla_clasif td {}

.tabla_clasif thead tr {}
.tabla_clasif thead tr th:first-of-type {
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
}
.tabla_clasif thead tr th:last-of-type {
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
}

.tabla_clasif thead th {}
.tabla_clasif thead th a {
  display:block;
}
.tabla_clasif tbody tr {
  border:none;
  /* vertical-align:top; */
}


.tabla_clasif th, .tabla_clasif td {
  font-style: normal;
  text-align: center;
  color: #152445;
  padding-top:25px;
  padding-bottom:25px;
  padding-left:5px;
  padding-right:5px;
}

.tabla_clasif tr th:first-of-type, .tabla_clasif tr td:first-of-type {
  padding-left:15px;
}
.tabla_clasif tr th:last-of-type, .tabla_clasif tr td:last-of-type {
  padding-right:15px;
}

.tabla_clasif th a, .tabla_clasif td a {
  color:inherit;
  text-decoration:none;
}
.tabla_clasif th a:hover, .tabla_clasif td a:hover {
  text-decoration:underline;
}

.tabla_clasif th {
  background-color:#BEC4FF;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
.tabla_clasif td {
  background-color:transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.tabla_clasif .pruebas {}
/* Los que sólo tengan 9 columnas o menos */
.tabla_clasif .pruebas:not(:has(.row-pruebas .prueba:nth-child(10))) {
  min-width:350px;
}

.tabla_clasif thead .pruebas {}

.tabla_clasif thead .row-pruebas {
  margin-top:10px;
}
.tabla_clasif .row-pruebas {
  /*
  display:table;
  table-layout:fixed;
  */
  width:auto;
  min-width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  /* background-color:yellow; */
}
.tabla_clasif .row-pruebas > div {
  /* display:table-cell; */
  padding-left:5px;
  padding-right:5px;
  flex-basis:100%;
}
.tabla_clasif .row-pruebas > div, .tabla_clasif .row-pruebas > div > a {
  /* text-align:center; */
}

.tabla_clasif .tipo {
  font-weight:600;
  text-align:left;
}

.tabla_clasif .total {}


.paginacion {}
.paginacion ul {
  margin-bottom:0;
}
.paginacion .page-link {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  color: #152445;
  border:none;
  background-color:transparent;
}
.paginacion .active .page-link {
  font-weight: 700;
  color: #182FFE;
}

.paginacion .prev .page-link, .paginacion .next .page-link {
  background-position:center;
  background-repeat:no-repeat;
  background-size:auto 18px;
  min-height:18px;
}
.paginacion .prev .page-link {
  background-image:url('../img/ico_prev.svg');
}
.paginacion .next .page-link {
  background-image:url('../img/ico_next.svg');
}
.paginacion .prev .page-link [aria-hidden='true'], .paginacion .next .page-link [aria-hidden='true'] {
  visibility:hidden;
  opacity:0;
}


.container_compartir p {
  font-family:var(--fuente-2);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  /* identical to box height, or 156% */
  text-align: center;
  color: #152445;
  margin-bottom:0;
}

.links_sociales a {
  font-size:20px;
  padding:5px 5px;
}

.custom_facebook::before {
  content:url('../img/ico_facebook.svg');
}





@media (min-width:576px) {}


@media (min-width:768px) {}


@media (min-width:992px) {}


@media (min-width:1200px) {}


@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    /* max-width:1320px; */
    max-width:1274px; /* 1250 + 12 + 12 */
  }
  .container_buscar {
    max-width:1024px; /* 1000 + 12 + 12 */
  }
  
  .container_enlaces_clasificaciones .enlaces .w-100 {
    width:87% !important;
  }

  .tabla_clasif tbody .nombre {
    /* white-space:nowrap; */
    min-width:160px;
  }

}


@media (max-width:1399px) {
  .tabla_clasif th {
    font-size:18px;
    line-height:22px;
  }
  .tabla_clasif td {}
}

@media (max-width:1199px) {
  .tabla_clasif th {
    font-size:15px;
    line-height:normal;
  }
  .tabla_clasif td {
    font-size:13px;
    line-height:normal;
  }
}


@media (max-width:991px) {
  .titulo_pagina {
    font-size:30px;
    line-height:normal;
  }
  .titulo_seccion {
    font-size:25px;
    line-height:normal;
  }

  .container_buscar .row:first-child > [class^='col-']:not(:first-of-type) {
    margin-top:1.5rem;
  }

  .link_clasificacion {
    font-size:18px;
    line-height:normal;
  }

  /* tablas */
  .overflow-x-auto-tablet {
    overflow-x:auto;
  }
  .overflow-x-auto-tablet .tabla_clasif {
    /* width:auto !important; */
  }


  .tabla_clasif th {
    font-size:13px;
  }
  .tabla_clasif td {
    font-size:12px;
  }


  .tabla_clasif tr th:first-of-type, .tabla_clasif tr td:first-of-type {
    padding-left:5px;
  }

  .tabla_clasif thead th a, .tabla_clasif thead th div {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
  }
  .tabla_clasif .posicion > a, .tabla_clasif .posicion > div {
    width:8px;
  }
  .tabla_clasif .dorsal > a, .tabla_clasif .dorsal > div {
    /* width:50px; */
  }
  .tabla_clasif .nombre > a, .tabla_clasif .nombre > div {
    width:200px;
  }
  .tabla_clasif .puntos > a, .tabla_clasif .puntos > div {
    /* width:30px; */
  }
  .tabla_clasif .particip > a, .tabla_clasif .particip > div {
    width:50px;
  }
  .tabla_clasif .pruebas > a, .tabla_clasif .pruebas > div {
    /* width:20px; */
  }

  .tabla_clasif .pruebas:not(:has(.row-pruebas .prueba:nth-child(10))) {
    /* min-width:350px; */
  }
  .tabla_clasif .row-pruebas {
    /* background-color:orange; */
  }
  
}


@media (max-width:767px) {}


@media (max-width:575px) {
  #cabecera .container {
    padding-top:30px;
    padding-bottom:30px;
  }
  .container_volver {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .link_volver {
    font-size:18px;
    line-height:normal;
  }
  .container_titulo {
    margin-top:15px;
    margin-bottom:30px;
  }
  .titulo_pagina {
    font-size:24px;
  }
  .titulo_seccion {
    font-size:20px;
  }
  .link_clasificacion {
    font-size:16px;
  }
  .fondo_01 {
    padding-bottom:30px;
  }
  .fondo_02 {
    padding-bottom:30px;
  }

}