.elementor-25482 .elementor-element.elementor-element-9c57aaf{overflow:hidden;}.elementor-25482 .elementor-element.elementor-element-bb3710e > .elementor-widget-container{background-color:#282828;padding:10px 10px 10px 10px;}.elementor-25482 .elementor-element.elementor-element-bb3710e .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:40px;color:#FFFFFF;}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 6);flex:0 1 calc( 100% / 6 );flex-grow:0;padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-25482 .elementor-element.elementor-element-4f9a461 .elementor-repeater-item-400ddf8.dce-item_image{justify-content:top;}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-post-item{text-align:left;padding-bottom:0px;}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}@media(max-width:1024px){.elementor-25482 .elementor-element.elementor-element-bb3710e .elementor-heading-title{font-size:28px;}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 5);flex:0 1 calc( 100% / 5 );padding-right:calc( 17px/2 );padding-left:calc( 17px/2 );}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -17px/2 );margin-right:calc( -17px/2 );}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-post-item{padding-bottom:0px;}}@media(max-width:767px){.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 3);flex:0 1 calc( 100% / 3 );padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );}.elementor-25482 .elementor-element.elementor-element-4f9a461 .dce-post-item{padding-bottom:0px;}}/* Start custom CSS for dce-dynamicposts-v2, class: .elementor-element-4f9a461 *//* 1. ESTRUCTURA Y ANCLAJE */
.grid-ranking article, 
.grid-ranking .elementor-post,
.grid-ranking .dynamic-post-grid-item {
    position: relative !important;
}

/* 2. LA MEDALLA (Ajustada para que no flote sobre el menú) */
.grid-ranking article::before, 
.grid-ranking .elementor-post::before,
.grid-ranking .dynamic-post-grid-item::before {
    position: absolute;
    top: 0px; 
    left: 10px; /* Ajusta según tu nuevo Gap si es necesario */
    
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-weight: 900;
    
    /* CAMBIO CLAVE: Bajamos el z-index para que el menú gane */
    z-index: 10; 
    
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);

    /* RELIEVE Y SOBREPUESTO */
    filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.5));
    border-top: 1px solid rgba(255,255,255,0.4);
    text-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}

/* 3. COLORES TOP 3 */
.grid-ranking article:nth-child(1)::before {
    content: "1"; background: linear-gradient(to bottom, #FFD700, #B8860B) !important;
}
.grid-ranking article:nth-child(2)::before {
    content: "2"; background: linear-gradient(to bottom, #C0C0C0, #7F8C8D) !important;
}
.grid-ranking article:nth-child(3)::before {
    content: "3"; background: linear-gradient(to bottom, #CD7F32, #8B4513) !important;
}

/* 4. TAMAÑOS POR DISPOSITIVO */

@media (max-width: 767px) { /* MÓVIL */
    .grid-ranking article::before { width: 28px; height: 38px; font-size: 16px; left: 5px; }
    .grid-ranking article:nth-child(n+4) { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) { /* TABLET */
    .grid-ranking article::before { width: 36px; height: 48px; font-size: 22px; left: 8px; }
    .grid-ranking article:nth-child(n+6) { display: none !important; }
}

@media (min-width: 1025px) { /* ORDENADOR */
    .grid-ranking article::before { width: 45px; height: 60px; font-size: 28px; left: 10px; }
    .grid-ranking article:nth-child(n+7) { display: none !important; }
}/* End custom CSS */