/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



/* Colores */

:root {
  --azul-1: #051833;
  --azul-2: #1D3E8F;
  --azul-3: #77B6EA;
  --azul-4: #8CA3C7;
  --azul-5: #074DE8;
  --gris-1: #E8ECF4;
  --gris-2: #D1D5DC;
  --gris-3: #CBD5E1;
  --blanco: #FFFFFF;
  --violeta: #7D13D3;
  --amarillo: #FDC700;
  --naranja: #EA7753;
}

/* Títulos */

.titulo-0-400,
.titulo-0-600,
.titulo-0-700 {
    font-size: 0.75rem;
    line-height: 1.2rem;
}

.titulo-0-400 {
    font-weight: 400;
}

.titulo-0-600 {
    font-weight: 600;
}

.titulo-0-700 {
    font-weight: 700;
}

.titulo-1-400,
.titulo-1-600,
.titulo-1-400-M,
.titulo-1-500 {
    font-size: 0.9rem;
    line-height: 1.3rem;
}

.titulo-1-400,
.titulo-1-400-M {
    font-weight: 400;
}

.titulo-1-600 {
    font-weight: 600;
}

.titulo-1-400-M {
    text-transform: uppercase;
}

.titulo-1-500 {
    font-weight: 500;
}

.titulo-2-600,
.titulo-2-700 {
    font-size: 1.45rem;
    line-height: 1.6rem;
}

.titulo-2-600 {
    font-weight: 600;
}

.titulo-2-700 {
    font-weight: 700;
}

.titulo-3-400,
.titulo-3-700,
.titulo-3-900 {
    font-size: 2.35rem;
    line-height: 2.6rem;
}

.titulo-3-400 {
    font-weight: 400;
}

.titulo-3-700 {
    font-weight: 700;
}

.titulo-3-900 {
    font-weight: 900;
}

.titulo-4-900 {
    font-size: 3.81rem;
    line-height: 4.3rem;
    font-weight: 900;
}

.titulo-5-700,
.titulo-5-900 {
    font-size: 6.16rem;
    line-height: 6.5rem;
}

.titulo-5-700 {
    font-weight: 700;
}

.titulo-5-900 {
    font-weight: 900;
}

.titulo-6-800 {
    font-size: 9.98rem;
    line-height: 10.8rem;
    font-weight: 800;
}

.titulo-7-800-italic {
    font-size: 18.9rem;
    line-height: 15rem;
    font-weight: 800;
    text-transform: uppercase;
    font-style: italic;
}






.titulo-guay {
    min-height: 255px;
}

.titulo-guay .titulo-pequeño {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.titulo-guay .titulo-grande {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}





.titulo-home .box > span {
    display: block;
}

.titulo-home .box > span:nth-child(1) {
    font-size: 2.9rem;
    font-weight: 200;
}

.titulo-home .box > span:nth-child(2) {
    font-size: 12rem;
    line-height: 10rem;
    font-weight: 700;
}

.titulo-home .box > span:nth-child(3) {
    font-size: 6.2rem;
    font-weight: 700;
}







.home header .main-menu {
    transition: 0.4s;
}

.home header .main-menu {
    background-color: transparent !important;
}

.home header.scrolltop-header-off .main-menu {
    background-color: var(--azul-1) !important;
}








.marquesina-home-box {
    overflow: hidden;
    width: 100%;
}

/* La tira completa: se anima horizontalmente */
.marquesina-home {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    animation: marquesina-scroll 40s linear infinite; /* Ajusta 40s para cambiar la velocidad */
}

/* Cada item (enlace) de la marquesina */
.marquesina-home > a {
    color: var(--azul-3);
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid var(--azul-3);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;          /* que no se encoja */
    text-decoration: none;   /* opcional, por si no quieres subrayado */
}

.marquesina-home > a > span {
    margin-right: 8px;
}

.marquesina-home > a > span:nth-child(2) {
    text-transform: uppercase;
}

/* Contenedor del icono de bandera */
.marquesina-home > a > span:nth-child(3) {
    width: 20px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;          /* que no se encoja */
}

/* Imagen de la bandera */
.marquesina-home img {
    display: block;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;          /* que no se colapse con flex */
}

/* Animación: empieza ya con el primer item a la izquierda */
@keyframes marquesina-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}






.dateformat-2 {
    display: block;
    background-color: var(--azul-3);
    padding: 10px 20px;
    font-style: italic;
    text-align: center;
    color: var(--azul-1);
}

.dateformat-2 > span {
    display: block;
}
/*
.dateformat-2 > span:last-child {
    letter-spacing: 0.5rem;
}
*/



.mini-events-home .info span {
    color: #fff;
}

.mini-events-home .event-type {
    font-style: italic;
    color: #77B6EA;
}

.mini-events-home .info  .event-country {
    display: flex;
    align-items: center;
}

.mini-events-home .info  .event-country > span {
    margin-right: 8px;
}

.mini-events-home .info  .event-country > span:last-child {
    margin-right: 0;
    width: 20px;
    height: 14px;
}

.mini-events-home .info  .event-country > span:first-child {
    width: 13px;
    height: 18px;
}

.mini-events-home .info  .event-country > span:first-child svg {
    width: 100%;
    fill: #fff;
}





/*
    Tabla pag Full national member ranking
*/
.ismf-national-member-ranking-wrapper > ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.ismf-national-member-ranking-wrapper > ul > li > ul > li:nth-child(1){
    max-width: 10%;
    width: 100%;
}

.ismf-national-member-ranking-wrapper > ul > li > ul > li:nth-child(2){
    max-width: 80%;
    width: 100%;
}

.ismf-national-member-ranking-wrapper > ul > li > ul > li:nth-child(3){
    max-width: 10%;
    width: 100%;
    text-align: right;
}

.ismf-national-member-ranking-wrapper > ul > li > ul {
    display: flex;
    width: 100%;
    max-width: 100%;
    list-style: none;
    padding: 0;
    justify-content: space-between;
}

.tbody-ismf-competitions-list > ul > li:nth-child(2){
    padding-left: 20px;
}

.ismf-national-member-ranking-wrapper img.flag {
    display: inline-block;
    margin-right: 10px;
}









.menuse-ismf-child li a {
    padding: 20px !important;
    position: relative;
    transition: 0.4s;
}

.menuse-ismf-child li.current-menu-item a,
.menuse-ismf-child li a:hover {
    background-color: var(--blanco) !important;
    color: var(--azul-1) !important;
}

.menuse-ismf-child li.current-menu-item a:before,
.menuse-ismf-child li a:hover:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 5px;
    height: 30px;
    background-color: var(--azul-3);
    border-radius: 0 4px 4px 0;
}


.menu-vertical-no-dropdown nav > ul > li.menu-item-has-children > a {
    border-bottom: 3px solid #4A9EFF;
}

.menu-vertical-no-dropdown nav > ul > li.menu-item-has-children {
    position: relative;
}

.menu-vertical-no-dropdown nav > ul > li.menu-item-has-children .arrow {
    position: absolute;
    top: 0;
    right: 0;
}

.menu-vertical-no-dropdown nav > ul > li > .sub-menu {
    display: none;
    position: static;
    margin: 0;
    background-color: transparent;
    width: 100%;
}

.menu-vertical-no-dropdown nav > ul > li > .sub-menu a {
    color: #fff;
    padding-left: 50px !important;
}










.mini-profile > div > div:first-child {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}


.mini-profile .country > div:first-child div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mini-profile .country > div:last-child {
    color: var(--blanco);
}

.mini-profile .rol span {
    color: var(--azul-3);
    display: inline-block;
    padding: 5px;
    border: 1px solid #1e4682;
    background-color: #0f2852;
    margin-right: 10px;
    margin-top: 10px;
}

.mini-profile .rol .elementor-shortcode > span:last-child {
    margin-right: 0;
}




.popup-profile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 31, 63, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.popup-profile .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.popup-profile .profile {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    max-width: 450px;
    height: calc(100% - 100px);
    z-index: 2;
    overflow: hidden;
}

.popup-profile .profile .img-country {
    position: relative;
}

.popup-profile .profile .img-country .country {
    position: absolute;
    z-index: 1;
    background-color: #051833;
    padding: 10px;
    top: 15px;
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-profile .profile .img-country .country > div:first-child {
    margin-right: 10px;
    height: 20px;
}

.popup-profile .profile .img-country .country > div:first-child img {
    width: 100%;
}

.popup-profile .profile .img-country .country > div:last-child {
    color: #fff;
}

.popup-profile .profile .img-country .close {
    max-width: 20px;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 10px;
    fill: #fff;
    cursor: pointer;
}

.popup-profile .profile .img-country .close svg {
    width: 100%;
}

.popup-profile .profile .img-country .img {
    position: relative;
    overflow-y: hidden;
    height: 355px;
}

.popup-profile .profile .img-country .img img {
    position: absolute;
    transform: translate(50%, -50%) scale(1);
    top: 50%;
    right: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.popup-profile .profile .texts {
    background-color: #051833;
    padding: 20px;
    overflow-y: auto;
    height: calc(100vh - 420px);
}



.popup-profile .profile .texts .title h2 {
    font-family: var(--e-global-typography-b47b0c0-font-family), Sans-serif;
    font-size: var(--e-global-typography-b47b0c0-font-size);
    font-weight: var(--e-global-typography-b47b0c0-font-weight);
    line-height: var(--e-global-typography-b47b0c0-line-height);
    color: var(--e-global-color-1cab20b);
    margin: 0;
}

.popup-profile .profile .texts .rol {
    margin-bottom: 10px;
}

.popup-profile .profile .texts .rol ul {
    padding: 0;
}

.popup-profile .profile .texts .rol ul li {
    font-size: 13px;
    color: var(--azul-3);
    display: inline-block;
    padding: 5px;
    border: 1px solid #1e4682;
    background-color: #0f2852;
    margin-right: 10px;
    margin-top: 10px;
}

.popup-profile .profile .texts .rol ul > li:last-child {
    margin-right: 0;
}

.popup-profile .profile .texts .content {
    color: #fff;
    font-style: italic;
    padding-bottom: 30px;
}




.levenant-pdf-widget {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color: var(--e-global-color-5c18b1a);
    cursor: pointer;
}

.levenant-pdf-widget > div {
    width: 100%;
}

.levenant-pdf-widget > div:first-child {
    max-width: calc(100% - 52px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}

.levenant-pdf-widget > div:first-child .icono-pdf {
    height: 35px;
    width: 28px;
    margin-right: 10px;
}

.levenant-pdf-widget > div:first-child > div:last-child {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-accent);
    width: 100%;
    max-width: calc(100% - 38px);
}

.levenant-pdf-widget > div:last-child {
    max-width: 52px;
    background-color: #0F1C3F;
    display: flex;
    align-items: center;
}

.levenant-pdf-widget.arrow-to-right > div:last-child img {
    transform: rotate(-90deg);
}


.iframe-pdf {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 31, 63, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.iframe-pdf .back {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-pdf .iframe-box {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: calc(100% - 60px);
    max-width: 1400px;
    height: calc(100vh - 50px);
}

.iframe-pdf .iframe-box iframe {
    width: 100%;
    max-width: 1400px;
    height: calc(100vh - 50px);
}

.iframe-pdf .iframe-box .close {
    width: 18px;
    max-width: 20px;
    position: absolute;
    z-index: 2;
    right: -10px;
    top: -12px;
    fill: var(--e-global-color-primary);
    cursor: pointer;
}

.iframe-pdf .iframe-box .close svg {
    position: relative;
    z-index: 1;
    top: 3px;
    left: 0px;
}

.iframe-pdf .iframe-box .close:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    z-index: 0;
}



/* CSS STYLES 2 AMADEO */

a{
    color:var(--azul-1);
}

.ismf-senior-ranking-wrapper ul{
    padding: 0;
    list-style: none;
}

.ismf-senior-ranking-wrapper > ul > li.thead > ul,
.ismf-senior-ranking-wrapper > ul > li.tbody > ul > li > ul{
    display: flex;
    justify-content: space-between;
}

.ismf-senior-ranking-wrapper > ul > li > ul  > li > ul > li,
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li{
    width: 100%;
}

.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(1),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(3),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(4),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(5),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(6),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(7),
.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(8),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(1),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(3),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(4),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(5),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(6),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(7),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(8){
    max-width: 10%;
}

.ismf-senior-ranking-wrapper > ul > li > ul > li > ul > li:nth-child(2),
.ismf-senior-ranking-wrapper > ul > li.thead > ul > li:nth-child(2){
    max-width: 40%;
}

.full-rankings-list,
.full-national-member-ranking-list{
    padding-top: 150px;
    padding-bottom: 100px;
}


.ismf-senior-ranking-wrapper .thead li,
.ismf-national-member-ranking-wrapper .thead li,
.ismf-national-member-ranking-wrapper .thead-country li,
#full_athletes thead tr th{
    padding: 10px 15px;
    color: var(--blanco);
}

.ismf-senior-ranking-wrapper .tbody > ul > li > ul > li,
.ismf-national-member-ranking-wrapper .tbody-ismf-competitions-list > ul > li{
    padding: 10px 15px;
}


#full_athletes tbody tr td{
    background: var(--blanco);
    box-shadow: none;
}

#full_athletes tr.child td.child {
    width: 100% !important;
    box-sizing: border-box;
}


#full_athletes thead>tr>th.dt-orderable-asc span.dt-column-order:before, 
#full_athletes thead>tr>th.dt-orderable-asc span.dt-column-order:after, 
#full_athletes thead>tr>th.dt-orderable-desc span.dt-column-order:before, 
#full_athletes thead>tr>th.dt-orderable-desc span.dt-column-order:after, 
#full_athletes thead>tr>th.dt-ordering-asc span.dt-column-order:before, 
#full_athletes thead>tr>th.dt-ordering-asc span.dt-column-order:after, 
#full_athletes thead>tr>th.dt-ordering-desc span.dt-column-order:before, 
#full_athletes thead>tr>th.dt-ordering-desc span.dt-column-order:after, 
#full_athletes thead>tr>td.dt-orderable-asc span.dt-column-order:before, 
#full_athletes thead>tr>td.dt-orderable-asc span.dt-column-order:after, 
#full_athletes thead>tr>td.dt-orderable-desc span.dt-column-order:before, 
#full_athletes thead>tr>td.dt-orderable-desc span.dt-column-order:after, 
#full_athletes thead>tr>td.dt-ordering-asc span.dt-column-order:before, 
#full_athletes thead>tr>td.dt-ordering-asc span.dt-column-order:after, 
#full_athletes thead>tr>td.dt-ordering-desc span.dt-column-order:before, 
#full_athletes thead>tr>td.dt-ordering-desc span.dt-column-order:after{
    opacity: 0.5;
}

#full_athletes_wrapper .dt-paging .dt-paging-button.current, 
#full_athletes_wrapper .dt-paging .dt-paging-button.current:hover,
#full_athletes_wrapper .dt-paging .dt-paging-button:hover,
.races-button,
.races-button:hover,
.results-button,
.results-button:hover{
    color: var(--blanco) !important;
    background: var(--azul-1);
    border: none;
}

.races-button,
.results-button{
    display: block;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}

.races-buttons,
.results-buttons{
    display: flex;
    gap: 10px;
    justify-content: center;
}

#full_athletes_wrapper .dt-layout-row:nth-child(3){
    justify-content: center;
    margin: 15px auto 0 auto;
}

#full_athletes td, #full_athletes th{
    border: 0;
}

.ismf-senior-ranking-wrapper .tbody > ul > li,
.ismf-national-member-ranking-wrapper .tbody-ismf-competitions-list > ul,
#full_athletes tbody tr{
    border-bottom: 1px solid var(--gris-2);
}

.ismf-senior-ranking-wrapper .thead,
.ismf-national-member-ranking-wrapper .thead,
.ismf-national-member-ranking-wrapper .thead-country,
#full_athletes thead{
    background: var(--azul-1);
}

.full-rankings-list .categories-rankings,
.full-rankings-list .discipline-rankings,
.full-rankings-list .seasons-rankings,
.full-national-member-ranking-list .categories-rankings-nation,
.full-national-member-ranking-list .discipline-rankings-nation,
.full-national-member-ranking-list .seasons-rankings{
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    max-width: 1200px;
    flex-wrap: wrap;
}

.categories-rankings button,
.discipline-rankings button,
.seasons-rankings button,
.categories-rankings-nation button,
.discipline-rankings-nation button{
    border:none;
}

.categories-rankings button.active,
.discipline-rankings button.active,
.seasons-rankings button.active,
.categories-rankings-nation button.active,
.discipline-rankings-nation button.active{
    background:var(--azul-5);
}

.full-rankings-list .titulo-2-600{
    color: var(--azul-1);
}

.full-rankings-list .senior.oculto,
.full-rankings-list .youth.oculto{
    display: none;
}

#full_athletes_wrapper .dt-layout-cell.dt-layout-start,
#full_athletes_wrapper .dt-search label{
    display: none !important;
}

#full_athletes_wrapper .dt-search input{
    background: var(--blanco);
    border-radius: 0;
    border-color: var(--azul-1);
}

#full_athletes_wrapper .nation{
    display: flex;
    align-items: center;
    gap: 5px;
}

#full_athletes_wrapper .dt-layout-cell.dt-layout-end{
    justify-content: flex-start;
    margin-left: 0;
}
/*

.full-athletes-list{
    box-shadow: 0 10px 20px rgba(255, 255, 255, 0.3), 0 25px 50px rgba(255, 255, 255, 0.3), 0 50px 80px rgba(255, 255, 255, 0.3);
}
*/

.btn-custom,
.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus{
    padding: .5rem 1rem;
    text-align: center;
    transition: all .3s;
    background: var(--azul-1);
    color: var(--blanco);
    text-transform: uppercase;
    font-size: 0.9rem;
}


/*
.countdown-single-event .ca-countdown {
    max-width: 800px;
    margin: 0 auto 0 auto;
    gap: 0;
}



.countdown-single-event .ca-countdown span, 
.countdown-single-event .ca-countdown .dots {
    font-size: 5.98rem;
    line-height: 5.8rem;
}
*/


.ca-countdown {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 18px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 25px 50px rgba(0, 0, 0, 0.03), 0 50px 80px rgba(0, 0, 0, 0.02);
    background: var(--blanco);
}

.ca-countdown span,
.ca-countdown .dots{
    font-style: italic;
    letter-spacing: -0.6rem;
    color: var(--azul-1);
    font-size: 9.98rem;
    line-height: 10.8rem;
    font-weight: 800;
    font-size: 7.5rem;
    line-height: 8rem;
}

.ca-countdown .num-count{
    width: 160px;
}

.ca-countdown .dots{
    color: var(--gris-3);
}

.ca-countdown p{
    text-transform: uppercase;
    font-size: 0.9rem;
    line-height: 1.3rem;
    font-weight: 500;
    margin: 0;
}

.ca-countdown p.hours{
    color: #F59E0B;
}

.ca-countdown p.minutes{
    color: #10B981;
}

.ca-countdown p.seconds{
    color: #EF4444;
}

.form-subs .elementor-form-fields-wrapper.elementor-labels-above{
    display: flex;
    gap: 5px;
}

.form-subs .elementor-field-type-email{
    max-width: 70%;
}

.form-subs .elementor-field-type-submit{
    max-width: 15%;
}

.caja-degradado{
    box-shadow: 
        0 0 25px rgba(0, 0, 0, 0.04),
        0 0 60px rgba(0, 0, 0, 0.06),
        0 0 120px rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 20px;
    max-width: 300px !important;
    height: 300px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

a.event-nav-next,
a.event-nav-prev {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 0.8rem;
}






/* RESPONSIVE */



@media screen and (max-width: 1024px) {

    main {
        overflow: hidden;
    }

    #wpadminbar {
        display: none;
    }

    html {
        margin-top: 0 !important;
    }

    .main-menu {
        top: 0 !important;
    }

    .titulo-home .box > span:nth-child(2) {
        font-size: 8rem;
        line-height: 7rem;
        font-weight: 700;
    }

/*
    .img-back-header-page,
    .img-back-header-page > div {
        position: static;
    }*/

    .img-back-header-page > div > img {
        position: absolute;
        top: 0;
        right: 50%;
        transform: translate(50%, 0);
        width: 1100px;
        max-width: 1100px;
    }

    .full-national-member-ranking-list {
        padding-top: 50px;
    }

    .full-rankings-list .ismf-senior-ranking-wrapper,
    .full-national-member-ranking-list .ismf-national-member-ranking-wrapper {
        overflow-y: auto;
    }

    .full-rankings-list .ismf-senior-ranking-wrapper > ul,
    .full-national-member-ranking-list .ismf-national-member-ranking-wrapper > ul {
        min-width: 1000px;
    }


    .ca-countdown span, .ca-countdown .dots {
        font-size: 7.5rem;
        line-height: 8rem;
    }

    .ca-countdown .num-count {
        width: 135px;
    }



    .menu-izq-cucutras {
        position: fixed;
        top: 80px;
        left: -400px;
        width: 100%;
        max-width: 400px;
        z-index: 99;
        transition: 0.4s;
    }

    .box-template-menuse-cucutras.menuse-abierto .menu-izq-cucutras {
        left: 0;
    }

    .menu-izq-cucutras > div > div:first-child {
        overflow-y: auto;
        height: 100vh;
        max-height: calc(100vh - 92px);
    }

    .menu-izq-cucutras .abre-menu-cucutras {
        background-color: var(--azul-1);
        position: absolute;
        right: -45px;
        top: 3px;
        width: 45px;
        height: 45px;
        border-radius: 0 10px 10px 0;
    }

    .menu-izq-cucutras .abre-menu-cucutras > div {
        position: static;
    }

    .menu-izq-cucutras .abre-menu-cucutras svg {
        width: 100%;
        max-width: calc(100% - 20px);
        height: max-content;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }


    .box-template-menuse-cucutras .back-menuse-cucutras {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        background-color: rgb(5 24 51 / 80%);
        transition: 0.4s;
        z-index: 1;
    }

    .box-template-menuse-cucutras.menuse-abierto .back-menuse-cucutras {
        visibility: visible;
        opacity: 1;
    }


}


@media screen and (max-width: 840px) {

    .ca-countdown span, .ca-countdown .dots {
        font-size: 6.5rem;
        line-height: 7rem;
    }

    .ca-countdown .num-count {
        width: 110px;
    }

}


@media screen and (max-width: 768px) {

    .titulo-home .box > span:nth-child(1) {
        font-size: 2.5rem;
        font-weight: 200;
    }

    .titulo-home .box > span:nth-child(2) {
        font-size: 4rem;
        line-height: 3.5rem;
        font-weight: 700;
    }

    .titulo-home .box > span:nth-child(3) {
        font-size: 3rem;
        font-weight: 700;
    }

    .titulo-guay {
        min-height: 100px;
    }

    .titulo-2-600,
    .titulo-2-700 {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }



    .titulo-guay .titulo-grande h2,
    .titulo-guay .titulo-grande h1 {
        font-size: 6.8rem !important;
        line-height: 5rem !important;
    }

    .titulo-guay .titulo-pequeño h2,
    .titulo-guay .titulo-pequeño h1 {
        font-size: 1.8rem !important;
        line-height: 2rem !important;
    }

}



@media screen and (max-width: 700px) {

    .ca-countdown span, .ca-countdown .dots {
        font-size: 4.5rem;
        line-height: 4rem;
    }

    .ca-countdown .num-count {
        width: 70px;
    }

}



@media screen and (max-width: 550px) {

    .ca-countdown {
        gap: 4px;
        padding: 10px;
    }

    .ca-countdown span, .ca-countdown .dots {
        font-size: 2.1rem;
        line-height: 2rem;
        letter-spacing: 0.05rem;
    }

    .ca-countdown .num-count {
        width: 40px;
    }

    .ca-countdown p {
        font-size: 0.6rem;
        line-height: 1rem;
    }

}



@media screen and (max-width: 460px) {

    .box-template-menuse-cucutras .menu-izq-cucutras {
        left: -100%;
        max-width: 100%;
    }

    .box-template-menuse-cucutras .menu-izq-cucutras > div {
        padding-right: 65px;
    }

    .box-template-menuse-cucutras.menuse-abierto .menu-izq-cucutras .abre-menu-cucutras {
        right: 10px;
    }
    

}






header .menu-resp {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: var(--azul-1);
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

header .menu-resp > div > div,
header .menu-resp > div > div > div:first-child,
header .menu-resp > div > div > div > nav > ul {
    position: static;
}

header.menu-resp-abierto .menu-resp {
    visibility: visible;
    opacity: 1;
}

.cerral,
header.menu-resp-abierto .abril {
    display: none;
}

header.menu-resp-abierto .cerral {
    display: block;
}

header .menu-resp ul > li {
    margin-bottom: 15px;
    position: relative;
}

header .menu-resp ul > li:last-child {
    margin-bottom: 0;
}

header .menu-resp li .sub-arrow {
    display: none;
}

header .menu-resp li.menu-item-has-children .flechitastyle {
    width: 100%;
    max-width: 35px;
    height: 33px;
    padding: 5px 10px;
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(0, -50%);
}

header .menu-resp li.menu-item-has-children .flechitastyle svg {
    width: 100%;
    fill: #fff;
}

header .menu-resp li.menu-item-has-children.menu-item-2251 .flechitastyle {
    max-width: 100%;
    text-align: right;
}

header .menu-resp li.menu-item-has-children.menu-item-2251 .flechitastyle svg {
    width: 15px;
}

header .menu-resp li.menu-item-has-children .patras {
    position: fixed;
    top: 77px;
    left: 100%;
    font-family: "Poppins", Sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    background-color: var(--e-global-color-primary);
    transition: left 0.4s; /* <--- añadido */
    z-index: 1;
}

header .menu-resp li.menu-item-has-children.sub-menu-abierto .patras.palante {
    left: 0;
}

header .menu-resp li.menu-item-has-children .patras .flechite.flechitastyle {
    position: static;
    transform: translate(0) rotate(180deg);
    margin-right: 30px;
}

header .menu-resp li.menu-item-has-children .sub-menu {
    position: fixed;
    top: 136px;
    width: 100%;
    height: calc(100vh - 212px);
    z-index: 1;
    display: block;
    padding: 28px 0;
    overflow-y: auto;
    left: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: left 0.4s;
}

header .menu-resp li.menu-item-has-children.sub-menu-abierto .sub-menu.abierto {
    left: 0;
}


header .menu-resp .boton-contacto-box {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    padding: 16px;
    z-index: 2;
    background-color: var(--azul-1);
}