/* Estilo de los botones */
[class*="liga-"] {
    color: #ffffff !important;
    padding: 12px 26px;
    border-radius: 999px; /* forma redonda */
    font-weight: 600;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    transition: 0.25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}

/* Grupo Verde */
.liga-verde { background-color: #48a861; }
.liga-verde:hover { background-color: #3b8e52; }

/* Grupo Malva */
.liga-malva { background-color: #b07acb; }
.liga-malva:hover { background-color: #995fb5; }

/* Grupo Rosa */
.liga-rosa { background-color: #e98aaa; }
.liga-rosa:hover { background-color: #d66f92; }

/* Grupo Blanco */
.liga-blanco {
    background-color: #d9d9d9;
    color: #333 !important;
}
.liga-blanco:hover { background-color: #c4c4c4; }

/* Botones dorados (Funcionamiento, Normas, Colaboraciones) */
.liga-dorado { background-color: #d2a35b; }
.liga-dorado:hover {
    background-color: #b88643;
}
/* Botón ROJO */
.liga-rojo {
    background-color: #e84545;  /* rojo bonito */
}
.liga-rojo:hover {
    background-color: #c73737;
}

/* Botón AMARILLO */
.liga-amarillo {
    background-color: #f1c40f;  /* amarillo tipo oro claro */
    color: #333 !important;     /* el texto en oscuro para que se lea bien */
}
.liga-amarillo:hover {
    background-color: #d4a90d;
}

/* Botón NARANJA */
.liga-naranja {
    background-color: #f39c12;  /* naranja cálido */
}
.liga-naranja:hover {
    background-color: #d8850f;
}
/* Poner los botones en dos columnas */
.botonera-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    max-width: 600px;
    margin: 0 auto;
}

/* En móviles, se pone solo una columna automáticamente */
/* También dos columnas en móvil */
@media (max-width: 600px) {
    .botonera-2col {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* Todos los botones de grupos con mismo tamaño y forma */
.boton-grupo {
    display: inline-block;
    padding: 10px 24px;      /* alto y ancho del botón */
    border-radius: 30px;     /* forma de pastilla redonda */
    min-width: 150px;        /* todos al menos igual de anchos */
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
}
/* Tamaño y estilo igual para todos los botones */
.boton-grupo {
    display: inline-block;
    padding: 10px 26px;        /* tamaño interno */
    border-radius: 30px;       /* redondito */
    min-width: 150px;          /* ancho igual */
    text-align: center;
    font-weight: 600;
    margin: 8px;               /* separación entre botones */
}

/* Hacer que se organicen en DOS columnas aún en móvil */
.boton-grupo {
    width: 45%;
}
/* ESTILO ESPECIAL SOLO PARA EL BOTÓN BLANCO */
.boton-blanco {
    background-color: #ffffff !important;  /* fondo blanco */
    color: #333 !important;                /* texto gris oscuro */
    border: 2px solid #333 !important;     /* borde para que se vea */
}
/* Botón blanco igual que los demás */
.boton-blanco {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 2px solid #dddddd !important; /* borde gris suave */
    border-radius: 30px !important;       /* forma redondeada */
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important; /* sombra igual */
    padding: 12px 28px !important;        /* mismo tamaño */
    font-weight: 600 !important;
}
/* Igualar tamaño y estilo del botón blanco */
.boton-blanco {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 30px !important;
    padding: 10px 20px !important; /* mismo tamaño que los otros */
    display: inline-block !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    font-size: 16px !important; /* igual tamaño de texto */
    line-height: 1 !important;  /* corrige altura */
    width: auto !important;     /* evita que se haga más ancho */
}
/* Estilo unificado para todos los botones de la liga */
.boton-liga {
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-align: center !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    border: none !important;
}

/* Colores personalizados */
.boton-verde { background-color: #4CAF50 !important; }
.boton-rosa { background-color: #F48FB1 !important; }
.boton-rojo { background-color: #E53935 !important; }
.boton-amarillo { background-color: #FBC02D !important; }
.boton-naranja { background-color: #FB8C00 !important; }
.boton-malva { background-color: #9575CD !important; }
.boton-blanco {
    background-color: #ffffff !important;
    color: #333 !important;
    border: 2px solid #ccc !important;
}

/* Colores para los nuevos botones */
.boton-retos { background-color: #6A5AE0 !important; }   /* lila */
.boton-ranking { background-color: #C7A700 !important; } /* dorado */
.wp-block-jetpack-tiled-gallery {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-gallery,
.wp-block-gallery.has-nested-images {
    gap: 0 !important;
}

.wp-block-jetpack-tiled-gallery__item {
    margin: 0 !important;
    padding: 0 !important;
}
/* Quitar marco gris del mosaico */
.wp-block-jetpack-tiled-gallery {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Quitar espacios entre imágenes */
.wp-block-jetpack-tiled-gallery__item {
    margin: 0 !important;
    padding: 0 !important;
}

/* Quitar cualquier borde de las imágenes */
.wp-block-jetpack-tiled-gallery__item img {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.page-id-86 h1 {
    display: none !important;
}
.page-id-214 h1 {
    display: none !important;
}
.page-id-215 h1 {
    display: none !important;
}
.page-id-217 h1 {
    display: none !important;
}
.page-id-218 h1 {
    display: none !important;
}
.page-id-219 h1 {
    display: none !important;
}
.page-id-220 h1 {
    display: none !important;
}
.page-id-29 h1 {
    display: none !important;
}
.page-id-1610 h1 {
    display: none !important;
}
.page-id-1690 h1 {
    display: none !important;
}
.page-id-1765 h1 {
    display: none !important;
}