/* ===== MOBILE DROPDOWN MENU ===== */

/* Ocultar dropdown cuando el menú móvil está abierto */
body.mobile-menu-open .page-mobile-dropdown-menu {
    display: none !important;
}

.page-mobile-dropdown-menu {
    display: none; /* Oculto por defecto, solo visible en móviles */
    position: relative;
    width: 100%;
    max-width: 358px;
    margin: 0 auto;
    z-index: 1000;
}

.dropdown-trigger {
    width: 100%;
    height: 33px;
    background: #E4BEDB 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    cursor: pointer;
    position: relative;
    z-index: 1001;
}

.dropdown-text {
    color: #026751;
    font: normal normal bold 14px/16px 'Lato', sans-serif;
    font-weight: bold;
}

.dropdown-arrow {
    color: #026751;
    font-size: 14px;
    transition: transform 0.3s ease;
}

.dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #E4BEDB;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    margin-top: 2px;
}

.dropdown-content.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-item {
    padding: 12px;
    cursor: pointer;
    border-bottom: 1px solid rgba(2, 103, 81, 0.1);
    transition: background-color 0.2s ease;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background-color: rgba(2, 103, 81, 0.1);
}

.dropdown-item.active {
    background-color: rgba(2, 103, 81, 0.15);
}

.dropdown-item-text {
    color: #026751;
    font: normal normal normal 14px/16px 'Lato', sans-serif;
}

.dropdown-item.active .dropdown-item-text {
    font-weight: bold;
}

.dropdown-trigger.active .dropdown-arrow {
    transform: rotate(90deg);
}

/* Mostrar solo en móviles */
@media (max-width: 768px) {
    .page-mobile-dropdown-menu {
        display: block !important;
        position: sticky;
        top: 120px;
        z-index: 999;
        margin: 1rem auto;
        padding: 0 1rem;
        background: transparent;
        width: 100%;
        max-width: 358px;
    }
    
    /* Ocultar sidebar en móviles */
    .winners-sidebar-fixed {
        display: none !important;
    }
    
    /* Ajustar contenido para móviles sin sidebar */
    .page-layout-wrapper {
        margin-left: 0 !important;
    }
    
    .main-content-area {
        margin-left: 0 !important;
    }
}

@media (max-width: 480px) {
    .page-mobile-dropdown-menu {
        width: calc(100% - 2rem);
        max-width: 358px;
        margin: 0.75rem auto;
        padding: 0 0.75rem;
    }
    
    .dropdown-trigger {
        width: 100%;
    }
    
    .dropdown-content {
        left: 0.75rem !important;
        right: 0.75rem !important;
    }
}

/* ===== ESTILOS PARA PÁGINA 1ª VERSIÓN 2014 ===== */

/* ===== ESTILOS ESPECÍFICOS PARA RECONOCIMIENTOS ESPECIALES 2019 ===== */

/* Estilos específicos para reconocimientos especiales - dos arriba, una abajo centrada */
.recognitions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem !important;
    width: 664px !important;
    max-width: 664px !important;
}

.recognition-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.recognition-card .recognition-media {
    width: 100% !important;
    height: 200px !important;
}

.recognition-card .recognition-media iframe {
    width: 100% !important;
    height: 100% !important;
}

.recognition-card .recognition-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

.recognition-card .recognition-description {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Estilos para la categoría con línea vertical */
.recognition-category {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.category-line {
    width: 2px !important;
    height: 16px !important;
    background-color: #C7C7C7 !important;
    flex-shrink: 0 !important;
}

.category-text {
    width: 119px !important;
    height: 13px !important;
    color: #026751 !important;
    text-align: left !important;
    font: normal normal bold 11px/13px Lato !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

/* Estilos para la categoría en la sección de ganadores */
.winner-category {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Estilos para la sección de premiación */
.premiacion-awards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
    margin-top: 2rem !important;
}

.award-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.award-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.award-description {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    position: relative !important;
    padding-left: 0 !important;
}

.award-description::before {
    content: '' !important;
    width: 0px !important;
    height: 68px !important;
    border: 1px solid #026751 !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    margin-top: 0.25rem !important;
    display: block !important;
    order: -1 !important;
}

.award-text {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #333 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    flex: 1 !important;
}

/* Estilos para ocultar sidebar en Otras ediciones */
body.hide-sidebar .winners-sidebar-fixed {
    display: none !important;
}

body.hide-sidebar .additional-content-wrapper {
    padding-left: 2rem !important;
}

body.hide-sidebar .page-layout-wrapper {
    margin-left: 0 !important;
}

/* Estilos para la sección de finalistas */
.finalistas-section {
    padding: 4rem 0 !important;
    background-color: #f8f9fa !important;
}

.finalistas-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding-left: calc(1rem + 200px + 1rem) !important;
    padding-right: 2rem !important;
}

.finalistas-content {
    max-width: 664px !important;
}

.finalistas-title {
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #026751 !important;
    margin-bottom: 2rem !important;
    text-align: left !important;
}

.finalistas-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
}

.finalistas-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.finalista-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    padding: 0.5rem 0 !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.finalista-category {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #666 !important;
    text-transform: uppercase !important;
}

.finalista-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

.finalista-location {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
}

/* Tercera ficha centrada en la fila inferior con layout especial */
.recognition-card:nth-child(3) {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.recognition-card:nth-child(3) .recognition-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 2rem !important;
}

.recognition-card:nth-child(3) .recognition-media {
    width: 40% !important;
    height: 200px !important;
    flex-shrink: 0 !important;
}

.recognition-card:nth-child(3) .recognition-title-info {
    width: 60% !important;
    flex: 1 !important;
}

.recognition-card:nth-child(3) .recognition-description {
    width: 100% !important;
}

/* ===== FUENTES LOCALES ===== */
@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../../assets/fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* ===== VARIABLES CSS ===== */
:root {
    /* Colores principales */
    --color-primary: #026751;
    --color-secondary: #E7E033;
    --color-background: #F9F7EE;
    --color-text-dark: #313131;
    --color-text-light: #707070;
    --color-text-gray: #707070;
    
    /* Dimensiones */
    --max-width-content: 1280px;
    --header-height: 77px;
    
    /* Fuentes */
    --font-family: 'Lato', Arial, sans-serif;
    --font-size-small: 16px;
    --font-size-medium: 20px;
    --font-size-large: 40px;
    --font-size-title: 48px;
    
    /* Espaciado */
    --spacing-small: 1rem;
    --spacing-medium: 2rem;
    --spacing-large: 4rem;
}

/* ===== RESET Y CONFIGURACIÓN BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif;
    background: #F9F7EE;
    color: #313131;
    line-height: 1.6;
}

/* ===== LAYOUT PRINCIPAL ===== */
main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
}

/* ===== HEADER LINE ===== */
.header-line {
    height: 1px;
    border: 1px solid #026751;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    position: sticky;
    top: 80px;
    z-index: 999;
}

/* ===== HERO SECTION ===== */
.hero-section {
    background: #F9F7EE;
    padding: calc(2rem - 4rem) 0 8rem 0;
    margin-bottom: 0;
    position: relative;
    min-height: 220px;
    display: flex;
    align-items: center;
    overflow: visible;
}

.hero-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Elementos decorativos */
.hero-decorative-left {
    position: absolute;
    top: -397px;
    left: -201px;
    width: 300px;
    height: 400px;
    z-index: 1;
}

/* Responsive para pantallas grandes */
@media (max-width: 1400px) {
    .hero-decorative-left {
        top: -350px;
        left: -180px;
        width: 250px;
        height: 350px;
    }
}

@media (max-width: 1200px) {
    .hero-decorative-left {
        top: -300px;
        left: -160px;
        width: 200px;
        height: 300px;
    }
}

@media (max-width: 992px) {
    .hero-decorative-left {
        top: -250px;
        left: -140px;
        width: 180px;
        height: 250px;
    }
}

.hero-decorative-left img {
    width: 466px;
    height: 939px;
    transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    background: transparent;
    opacity: 1;
    object-fit: contain;
}

/* Responsive para la imagen */
@media (max-width: 1400px) {
    .hero-decorative-left img {
        width: 390px;
        height: 785px;
        transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    }
}

@media (max-width: 1200px) {
    .hero-decorative-left img {
        width: 312px;
        height: 628px;
        transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    }
}

@media (max-width: 992px) {
    .hero-decorative-left img {
        width: 280px;
        height: 564px;
        transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    }
}

.hero-decorative-right {
    position: absolute;
    top: 20px;
    right: -100px;
    width: 120px;
    height: 120px;
    background: #E7E033 0% 0% no-repeat padding-box;
    border-radius: 60px;
    opacity: 1;
    z-index: 5;
}

.hero-content {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0 !important;
    text-align: center;
}

/* Títulos del hero - Actualizado 2024-12-19 */
.hero-title {
    width: 68px;
    height: 19px;
    text-align: left !important;
    font: normal normal 500 16px/19px 'Lato', 'Lato-Local', Arial, sans-serif !important;
    letter-spacing: 0px;
    color: #707070 !important;
    opacity: 1;
    margin: 0;
}

/* Asegurar que los estilos se apliquen en todas las media queries */
.hero-section .hero-content .hero-title {
    text-align: left !important;
    font-family: 'Lato', 'Lato-Local', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #707070 !important;
}

.hero-subtitle {
    width: 500px;
    height: 48px;
    text-align: center;
    font: normal normal 900 40px/48px 'Lato', sans-serif;
    letter-spacing: 0px;
    color: #313131;
    opacity: 1;
    margin: 0;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
}

/* ===== STATISTICS SECTION ===== */
.statistics-section {
    background: #F9F7EE;
    padding: 0.25rem 0 2rem 0;
    margin-bottom: 0;
}

.statistics-container {
    max-width: 1280px; /* Mismo ancho que winners-container */
    margin: 0 auto;
    padding: 0 1rem;
    padding-left: calc(1rem + 200px + 1rem); /* Mismo padding que winners-container para alineación */
    width: 100%; /* Asegurar que use todo el ancho disponible */
}

.statistics-title {
    font: normal normal 900 34px/41px 'Lato', sans-serif;
    color: #026751;
    text-align: left; /* Alineado a la izquierda como "Ganadores 2024" */
    margin: 0 0 3rem 0;
}

.statistics-grid {
    display: flex;
    justify-content: flex-start; /* Alineado a la izquierda */
    align-items: center;
    gap: 1rem; /* Mayor espacio entre estadísticas */
    max-width: 800px; /* Ancho ampliado para las estadísticas */
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

/* En escritorio, cambiar a layout horizontal */
/* Para 2022, mantener el layout vertical (texto debajo del número) */
@media (min-width: 769px) {
    .stat-item {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important; /* Espacio estándar para layout vertical */
    }
}

.stat-number {
    width: auto;
    height: 96px;
    color: #313131;
    text-align: center;
    font: normal normal 300 80px/96px 'Lato', sans-serif;
    letter-spacing: 0px;
    color: #313131;
    opacity: 1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Estilos específicos para móvil - Actualizado 2024-12-19 */
@media (max-width: 768px) {
    .stat-number {
        color: var(--unnamed-color-313131) !important;
        text-align: center !important;
        font: normal normal 300 47px/56px 'Lato', 'Lato-Local', Arial, sans-serif !important;
        letter-spacing: 0px !important;
        color: #313131 !important;
        opacity: 1 !important;
    }
}

/* Proteger estilos de escritorio */
@media (min-width: 769px) {
    .stat-number {
        font-size: 80px !important;
        line-height: 96px !important;
        font-weight: 300 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        width: auto !important;
        flex-shrink: 0 !important;
}

.stat-label {
        font-size: 16px !important;
        line-height: 20px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 0rem !important;
        width: auto !important;
        flex-shrink: 0 !important;
    }
    
    .statistics-grid {
        gap: 3rem !important;
        flex-direction: row !important;
        max-width: 800px !important; /* Ancho ampliado para las estadísticas */
        justify-content: flex-start !important; /* Alineado a la izquierda */
    }
    
    /* Removed conflicting stat-item definition to maintain vertical layout for 2022 */
    
    .hero-title {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    .hero-subtitle {
        font-size: 48px !important;
        line-height: 58px !important;
    }
    
    .statistics-title {
        font-size: 32px !important;
        line-height: 38px !important;
    }
    
    .winners-title {
        font-size: 32px !important;
        line-height: 38px !important;
    }
    
    .hero-section {
        padding: 2rem 0 !important;
        min-height: auto !important;
    }
    
    .statistics-section {
        padding: 2rem 0 !important;
    }
    
    .winners-section {
        padding: 2rem 0 !important;
    }
}

/* Removed conflicting stat-item definition to maintain vertical layout for 2022 */

.stat-label {
    width: auto;
    height: 46px;
    color: #CCCCCC;
    text-align: center;
    font: normal normal 300 20px/22px 'Lato', sans-serif;
    letter-spacing: 0px;
    color: #313131;
    opacity: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}

/* En escritorio, alinear texto centrado y en la base */
@media (min-width: 769px) {
    .stat-label {
        align-items: center !important;
        text-align: center !important;
        justify-content: flex-end !important;
    }
}

.stat-label div {
    line-height: 1.4; /* Mayor espacio entre líneas */
    margin: 0 0 0.3rem 0; /* Espacio adicional entre saltos de línea */
}

.stat-divider {
    width: 1px;
    height: 150px;
    background: #ccc;
    margin: 0 0.25rem;
    flex-shrink: 0;
}

/* ===== WINNERS SECTION ===== */
.winners-section {
    background: #F9F7EE;
    margin: 0;
    padding: 2rem 0;
    padding-left: calc(1rem + 200px + 1rem); /* Espaciado reducido para mejor alineación */
}

.winners-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    padding-left: calc(1rem + 200px + 1rem); /* Espaciado reducido para mejor alineación */
}

.winners-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0 1rem 0;
}

.winners-title {
    font: normal normal 900 32px/40px 'Lato', sans-serif;
    color: #026751;
    margin: 0;
}

.filter-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-arrow {
    font-size: 18px;
    color: #CCCCCC;
}

.filter-text {
    font: normal normal normal 14px/20px 'Lato', sans-serif;
    color: #CCCCCC;
}

.category-tabs {
    display: flex !important;
    width: 664px !important;
    height: 39px !important;
    /* UI Properties */
    border: 1px solid #E7E033 !important;
    border-radius: 9px !important;
    opacity: 1 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

.category-tab {
    flex: 1;
    padding: 0 1rem;
    border: none;
    background: transparent;
    font: normal normal normal 14px/20px 'Lato', sans-serif;
    color: #CCCCCC;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.category-tab:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.category-tab:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.category-tab.active {
    background: #E7E033 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    color: #313131;
    font-weight: 700;
}

.tab-line {
    width: 90px;
    height: 13px;
    color: #026751;
    text-align: left;
    font: normal normal normal 11px/13px 'Lato', sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 2px;
}

.tab-title {
    width: 129px;
    height: 17px;
    color: #026751;
    text-align: left;
    font: normal normal normal 14px/17px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    white-space: nowrap;
}

.tab-title-inactive {
    width: 200px;
    height: 17px;
    color: #313131;
    text-align: left;
    font: normal normal normal 14px/17px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    white-space: nowrap;
}

.category-tab.active .tab-line {
    color: #026751;
}

.category-tab.active .tab-title {
    color: #026751;
    font-weight: 900;
}

.category-tab:hover {
    border-color: #026751;
    color: #026751;
}

.category-tabs-line {
    width: 664px !important;
    height: 0px !important;
    border: 1px solid #707070 !important;
    opacity: 1 !important;
    margin-top: 2rem !important;
    position: relative !important;
}

.winners-content {
    display: flex;
    gap: 3rem;
}

/* ===== SIDEBAR FIXED ===== */
.winners-sidebar-fixed {
    display: none; /* Ocultar sidebar en escritorio por defecto */
    position: fixed;
    top: 540px; /* Posición ajustada para mejor visibilidad en portátiles */
    left: 2rem; /* Posición desde el borde izquierdo */
    width: 200px;
    z-index: 2002;
    background: transparent; /* Sin fondo */
    padding: 1rem 0;
    transition: all 0.3s ease; /* Transición suave para todos los cambios */
}

/* Ajustes según la altura de la ventana del navegador */
@media (min-height: 900px) {
    .winners-sidebar-fixed {
        top: 570px; /* Más abajo en pantallas altas */
    }
}

@media (min-height: 1000px) {
    .winners-sidebar-fixed {
        top: 600px; /* Aún más abajo en pantallas muy altas */
    }
}

/* Clase para cuando el sidebar debe ajustarse dinámicamente */
.winners-sidebar-fixed.dynamic-position {
    left: 2rem; /* Mantener posición desde la izquierda */
    right: auto;
}

/* Ajuste del contenido principal cuando el sidebar está visible */
.content-with-sidebar {
    margin-left: 320px; /* 200px sidebar + 120px margin */
    transition: margin-left 0.3s ease;
}

/* Aplicar el ajuste específicamente al page-layout-wrapper */
.page-layout-wrapper.content-with-sidebar {
    margin-left: 320px !important; /* 200px sidebar + 120px margin */
    transition: margin-left 0.3s ease;
}

/* Forzar el ajuste en todas las secciones principales */
.page-layout-wrapper.content-with-sidebar .hero-section,
.page-layout-wrapper.content-with-sidebar .statistics-section,
.page-layout-wrapper.content-with-sidebar .winners-section,
.page-layout-wrapper.content-with-sidebar .reconocimientos-section,
.page-layout-wrapper.content-with-sidebar .premiacion-section {
    margin-left: 0 !important; /* Reset para usar el margin del contenedor padre */
}

/* Aplicar el ajuste a todas las secciones principales */
.content-with-sidebar .hero-section,
.content-with-sidebar .statistics-section,
.content-with-sidebar .winners-section,
.content-with-sidebar .reconocimientos-section,
.content-with-sidebar .premiacion-section {
    margin-left: 0; /* Reset del margin-left para que use el del contenedor padre */
}

/* Estrategia con elementos HR para las líneas */
.winners-sidebar-fixed .sidebar-link {
    display: block !important;
    padding: 6px 0 !important;
}

.winners-sidebar-fixed .sidebar-divider {
    height: 1px !important;
    background-color: #CCCCCC;
    border: none !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    display: block;
    width: 100%;
}

.sidebar-content {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Estilos cuando el menú está en la sección de Jurados */
.winners-sidebar-fixed.judges-section-active {
    color: #000000;
}

.winners-sidebar-fixed.judges-section-active .sidebar-link {
    color: #000000 !important;
    font-weight: normal !important;
}

/* Forzar estilos negros en toda la sección de Jurados */
aside.winners-sidebar-fixed.judges-section-active nav ul li a.sidebar-link {
    color: #000000 !important;
}

.winners-sidebar-fixed.judges-section-active .sidebar-divider {
    background-color: #000000 !important;
    height: 0.5px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.8 !important;
}

/* Forzar líneas negras en toda la sección de Jurados */
aside.winners-sidebar-fixed.judges-section-active nav ul li hr.sidebar-divider {
    background-color: #000000 !important;
    height: 0.5px !important;
    opacity: 0.8 !important;
}

.winners-sidebar-fixed.judges-section-active .sidebar-list li:last-child {
    border-bottom: none !important;
}

/* ===== PREMIACIÓN SECTION ===== */
.premiacion-section {
    background-color: #E0F3AB !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #313131 !important;
    border: none !important;
}

/* ===== ARCHIVO SECTION ===== */
.archivo-section {
    background-color: #F9F7EE !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #313131 !important;
    border: none !important;
}

.archivo-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 3rem 1rem !important;
    padding-left: calc(1rem + 15px + 1rem) !important;
    width: 100% !important;
}

.archivo-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0rem !important;
    margin-bottom: 3rem !important;
}

.archivo-left, .archivo-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 5rem !important;
}

.archivo-title {
    /* UI Properties */
    color: var(--unnamed-color-026751) !important;
    text-align: left !important;
    font: normal normal 900 34px/41px Lato !important;
    letter-spacing: 0px !important;
    color: #026751 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.archivo-description {
    font: normal normal normal 16px/24px Lato !important;
    color: #313131 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.archivo-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.archivo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 324px !important;
    height: 47px !important;
    padding: 1rem 1.5rem !important;
    background: transparent !important;
    border: 1px solid #00604B !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    opacity: 1 !important;
    overflow: visible !important;
    text-decoration: none !important;
    color: inherit !important;
}

.archivo-link:hover {
    background: #E0F3AB !important;
    border: 1px solid #00604B !important;
    color: #00604B !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

.link-text {
    font: normal normal normal 16px/20px Lato !important;
    color: #026751 !important;
    margin: 0 !important;
    flex: 1 !important;
}

.archivo-link:hover .link-text {
    color: #026751 !important;
}

.link-icon {
    width: 26px !important;
    height: 25px !important;
    background: #E7E033 0% 0% no-repeat padding-box !important;
    border: 1px solid #00604B !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: normal normal bold 14px/16px Lato !important;
    color: #00604B !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    position: absolute !important;
    right: -13px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.archivo-link:hover .link-icon {
    background: #E7E033 0% 0% no-repeat padding-box !important;
    border: 1px solid #00604B !important;
    color: #00604B !important;
    opacity: 1 !important;
}

/* Elementos decorativos */
.archivo-decorative {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 2rem 0 !important;
    padding: 0 !important;
}

.decorative-image {
    max-width: 33% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Otras versiones */
/* ===== OTRAS EDICIONES - SECCIÓN DE ANCHO COMPLETO ===== */
.otras-ediciones-full-width {
    width: 100% !important;
    background-color: #F9F7EE !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ocultar sidebar en la sección de Otras ediciones */
.otras-ediciones-full-width .winners-sidebar-fixed,
.otras-ediciones-full-width .winners-sidebar-fixed.dynamic-position {
    display: none !important;
}

/* Clase para ocultar sidebar cuando se está en Otras ediciones */
.hide-sidebar .winners-sidebar-fixed,
.hide-sidebar .winners-sidebar-fixed.dynamic-position {
    display: none !important;
}

/* Ajustar el contenido principal cuando se oculta el sidebar */
.hide-sidebar .content-with-sidebar,
.hide-sidebar .page-layout-wrapper.content-with-sidebar {
    margin-left: 0 !important;
}

/* ===== SECCIÓN CATEGORÍA 2 INDEPENDIENTE ===== */
.categoria2-section {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.categoria2-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 4rem 1rem !important;
    width: 100% !important;
    padding-left: calc(1rem + 200px + 1rem) !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

/* Encabezado de CATEGORÍA 2 - IDÉNTICO A LÍNEA 1 */
.categoria2-header {
    margin-bottom: 2rem !important;
    text-align: left !important;
}

.categoria2-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.categoria2-label {
    width: 60px;
    height: 13px;
    color: #93B8E2;
    text-align: left;
    font: normal normal bold 11px/13px 'Lato', sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
}

.categoria2-name {
    width: 200px;
    height: 22px;
    color: #313131;
    text-align: left;
    font: normal normal normal 18px/22px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    white-space: nowrap;
}

/* Sección del ganador de CATEGORÍA 2 - IDÉNTICA A LA SECCIÓN SUPERIOR */
.categoria2-content {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    align-items: flex-start;
}

.categoria2-section .categoria2-content .winner-video-card {
    position: relative;
    width: 408px;
    height: 258px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
    flex-shrink: 0;
}

.categoria2-section .categoria2-content .winner-video-card iframe {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.categoria2-section .categoria2-content .winner-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 300px;
}

.categoria2-section .categoria2-content .winner-title {
    font: normal normal 900 18px/24px 'Lato', sans-serif;
    color: #026751;
    margin: 0 0 0.5rem 0;
}

.categoria2-section .categoria2-content .winner-name {
    width: 225px;
    height: 60px;
    color: #313131;
    text-align: left;
    font: normal normal bold 25px/30px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    margin: 0 0 0.5rem 0;
}

.categoria2-section .categoria2-content .winner-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
}

.categoria2-section .categoria2-content .location-arrow {
    color: #026751;
    font-weight: bold;
    font-size: 16px;
}

.categoria2-section .categoria2-content .location-text {
    color: #666666;
    font: normal normal normal 14px/18px 'Lato', sans-serif;
}

.categoria2-description {
    width: 664px;
    height: 156px;
    color: #313131;
    text-align: left;
    font: normal normal normal 15px/18px 'Lato', sans-serif;
    letter-spacing: -0.15px;
    opacity: 1;
    margin: 1rem 0 0 0;
}

/* Reconocimientos especiales dentro de CATEGORÍA 2 - IDÉNTICOS A LA SECCIÓN SUPERIOR */
.categoria2-section .recognitions-section {
    
    margin: 0 !important;
    padding: 2rem 0 !important;
    width: 100% !important;
}

.categoria2-section .recognitions-title {
    height: 19px;
    color: #026751;
    text-align: left;
    font: normal normal 900 16px/25px Lato;
    letter-spacing: 0px;
    color: #026751;
    opacity: 1;
    margin: 2rem 0 2rem 0;
}

.categoria2-section .recognitions-grid {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
}

.categoria2-section .recognition-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 324px;
    background: transparent !important;
}

.categoria2-section .recognition-media {
    position: relative;
    width: 324px;
    height: 258px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    overflow: hidden;
}

.categoria2-section .recognition-media iframe {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.categoria2-section .recognition-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
}

.categoria2-section .recognition-name {
    font: normal normal bold 18px/22px Lato;
    color: #313131;
    margin: 0;
}

.categoria2-section .recognition-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.categoria2-section .recognition-location .location-arrow {
    color: #026751;
    font-weight: bold;
}

.categoria2-section .recognition-location .location-text {
    color: #666666;
    font: normal normal normal 14px/18px Lato;
}

.categoria2-section .recognition-description {
    font: normal normal normal 13px/18px Lato;
    color: #313131;
    margin: 0;
    text-align: justify;
}

/* Responsive para CATEGORÍA 2 */
@media (max-width: 1200px) {
    .categoria2-container {
        padding: 3rem 1rem !important;
        padding-left: calc(1rem + 300px + 1rem) !important;
    }
}

@media (max-width: 768px) {
    .categoria2-section {
        width: 100vw !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }
    
    .categoria2-container {
        padding: 0 1rem !important;
        padding-left: 1rem !important;
        background-color: #ffffff !important;
    }
    
    .categoria2-content {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .categoria2-section .recognitions-grid {
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .categoria2-content {
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    .categoria2-label {
        font-size: 10px !important;
        line-height: 12px !important;
    }
    
    .categoria2-name {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    .categoria2-description {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    
    .categoria2-content {
        flex-direction: column;
        gap: 1rem;
    }
    
    .categoria2-section .categoria2-content .winner-video-card {
        width: 100% !important;
        height: 200px !important;
        margin-bottom: 1rem !important;
    }
    
    .categoria2-section .categoria2-content .winner-video-card iframe {
        width: 100% !important;
        height: 100% !important;
        border-radius: 8px !important;
    }
    
    .categoria2-section .categoria2-content .winner-info {
        padding: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    .categoria2-section .categoria2-content .winner-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .categoria2-section .categoria2-content .winner-name {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 0.5rem !important;
        width: auto !important;
        height: auto !important;
    }
    
    .categoria2-section .categoria2-content .winner-location {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .categoria2-description {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 0 !important;
        margin: 1rem 0 !important;
        width: auto !important;
        height: auto !important;
    }
    
    /* Reconocimientos especiales responsive - IDÉNTICOS A LA SECCIÓN SUPERIOR */
    .categoria2-section .recognitions-section {
        padding: 0 !important;
    }
    
    .categoria2-section .recognitions-title {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 1rem !important;
    }
    
    .categoria2-section .recognitions-grid {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .categoria2-section .recognition-card {
        width: 100% !important;
    }
    
    .categoria2-section .recognition-media {
        width: 100% !important;
        height: 150px !important;
    }
    
    .categoria2-section .recognition-name {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    
    .categoria2-section .recognition-description {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

@media (max-width: 480px) {
    .categoria2-section {
        width: 100vw !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
    }
    
    .categoria2-container {
        padding: 0 0.75rem !important;
        padding-left: 0.75rem !important;
    }
    
    .categoria2-label {
        font-size: 9px !important;
        line-height: 11px !important;
    }
    
    .categoria2-name {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .categoria2-description {
        font-size: 13px !important;
        line-height: 20px !important;
    }
}

.otras-ediciones-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 3rem 1rem !important;
    width: 100% !important;
}

.otras-versiones {
    margin-top: 1.5rem !important;
    padding: 0 !important;
}

.otras-versiones-title {
    font: normal normal bold 32px/38px Lato !important;
    color: #026751 !important;
    text-align: center !important;
    margin: 0 0 4rem 0 !important;
    padding: 0 !important;
}

.versiones-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 324px) !important;
    gap: 1rem !important;
    justify-content: center !important;
}

.ediciones-grid {
    display: flex !important;
    flex-direction: row !important;
    gap: 1.5rem !important;
    justify-content: center !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

.version-card {
    width: 324px !important;
    height: 434px !important;
    background: #FBF9EF 0% 0% no-repeat padding-box !important;
    border: 1px solid #026751 !important;
    border-radius: 17px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.version-card:hover {
    transform: translateY(-4px) !important;
    background: #E0F3AB !important;
}

.version-card:hover .version-header {
    background: #E0F3AB !important;
}

.version-card:hover .version-content {
    background: #E0F3AB !important;
}

.version-header {
    padding: 1rem !important;
    background: #F9F7EE !important;
    border-bottom: none !important;
}

.version-title {
    font: normal normal bold 16px/20px Lato !important;
    color: #026751 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.version-image {
    width: 321px !important;
    height: 230px !important;
    background: transparent !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

.version-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
}

.version-content {
    padding: 1rem !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 !important;
}

.version-description {
    font: normal normal normal 13px/18px Lato !important;
    color: #313131 !important;
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.version-button {
    width: 102px;
    height: 23px;
    background: var(--unnamed-color-93b8e2) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-336bac);
    background: #93B8E2 0% 0% no-repeat padding-box;
    border: 1px solid #336BAC;
    border-radius: 23px;
    opacity: 1;
    color: #ffffff !important;
    font: normal normal bold 12px/14px Lato;
    cursor: pointer;
    transition: background 0.3s ease;
    text-align: center;
    padding: 0;
    margin: 0;
    align-self: flex-start;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.version-button:hover {
    background: var(--unnamed-color-93b8e2) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-336bac);
    background: #93B8E2 0% 0% no-repeat padding-box;
    border: 1px solid #336BAC;
    opacity: 1;
    text-decoration: none !important;
    color: #ffffff !important;
}

.version-button:link,
.version-button:visited,
.version-button:active {
    text-decoration: none !important;
    color: #ffffff !important;
}

/* Reglas adicionales para asegurar que no haya subrayado */
a.version-button,
a.version-button:link,
a.version-button:visited,
a.version-button:hover,
a.version-button:active,
a.version-button:focus {
    text-decoration: none !important;
    color: #ffffff !important;
    outline: none !important;
}

.premiacion-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 3rem 1rem !important;
    padding-left: calc(1rem + 15px + 1rem) !important;
    width: 100% !important;
}

.premiacion-title {
    font: normal normal bold 32px/38px Lato !important;
    color: #026751 !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.premiacion-subtitle {
    font: normal normal normal 16px/24px Lato !important;
    color: #313131 !important;
    margin-bottom: 3rem !important;
    text-align: left !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.premiacion-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    margin: 0 !important;
    padding: 0 !important;
}

.premiacion-line {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.line-title {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    margin-bottom: 0.5rem !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.line-number {
    font: normal normal bold 14px/18px Lato !important;
    color: #026751 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
}

.line-name {
    font: normal normal bold 20px/24px Lato !important;
    color: #026751 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.line-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.award-info {
    position: relative !important;
    padding-left: 1rem !important;
    border-left: 2px solid #026751 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.award-text {
    width: 304px !important;
    color: #313131 !important;
    text-align: left !important;
    font: normal normal normal 15px/18px Lato !important;
    letter-spacing: -0.15px !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== PAGE LAYOUT WRAPPER ===== */
.page-layout-wrapper {
    display: flex;
    gap: 3rem;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* ===== SIDEBAR ===== */
.winners-sidebar {
    width: 200px;
    flex-shrink: 0;
    position: sticky;
    top: 77px; /* Altura del header (77px) para que no se superponga */
    z-index: 2002; /* Por encima del header (z-index: 1000) */
    height: fit-content; /* Altura ajustada al contenido */
    max-height: calc(100vh - 77px); /* Altura máxima considerando el header */
    overflow-y: auto; /* Scroll si el contenido es muy largo */
}

/* ===== MAIN CONTENT AREA ===== */
.main-content-area {
    flex: 1;
    min-width: 0; /* Permite que el contenido se ajuste */
}

.sidebar-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-link {
    display: block;
    padding: 0.5rem 0;
    font: normal normal normal 14px/20px 'Lato', sans-serif;
    color: #026751;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
}

.sidebar-link:hover {
    color: #026751;
}

.sidebar-divider {
    height: 1px;
    background: #CCCCCC;
    margin: 0.5rem 0;
}

/* ===== MAIN WINNER CONTENT ===== */
.winner-main-content {
    flex: 1;
}

.winner-categories {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.category-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-label {
    width: 60px;
    height: 13px;
    color: #93B8E2;
    text-align: left;
    font: normal normal bold 11px/13px 'Lato', sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
}

.category-name {
    width: 200px;
    height: 22px;
    color: #313131;
    text-align: left;
    font: normal normal normal 18px/22px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    white-space: nowrap;
}

.category-divider {
    width: 1px;
    height: 40px;
    background: #CCCCCC;
}

.winner-content-wrapper {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    align-items: flex-start;
}

.winner-video-card {
    position: relative;
    width: 408px;
    height: 258px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
    flex-shrink: 0;
}

.winner-video-card iframe {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

.play-button:hover {
    background: rgba(0, 0, 0, 0.9);
}

.play-icon {
    color: white;
    font-size: 18px;
    margin-left: 3px;
}

.winner-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 300px;
}

.winner-title {
    font: normal normal 900 18px/24px 'Lato', sans-serif;
    color: #026751;
    margin: 0 0 0.5rem 0;
}

.winner-name {
    width: 225px;
    height: 60px;
    color: #313131;
    text-align: left;
    font: normal normal bold 25px/30px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    margin: 0 0 0.5rem 0;
}

.winner-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
}

.location-arrow {
    font-size: 14px;
    color: #CCCCCC;
}

.location-text {
    font: normal normal normal 14px/20px 'Lato', sans-serif;
    color: #CCCCCC;
}

.winner-description {
    width: 664px;
    height: 156px;
    color: #313131;
    text-align: left;
    font: normal normal normal 15px/18px 'Lato', sans-serif;
    letter-spacing: -0.15px;
    opacity: 1;
    margin: 1rem 0 0 0;
}

/* ===== RECOGNITIONS SECTION ===== */
.recognitions-section {
    
    margin: 0 !important;
    padding: 2rem 0 !important;
    
    width: 100% !important;
}

.recognitions-title {
    height: 19px;
    color: #026751;
    text-align: left;
    font: normal normal 900 16px/25px Lato;
    letter-spacing: 0px;
    color: #026751;
    opacity: 1;
    margin: 2rem 0 2rem 0;
    
}

.recognitions-grid {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    
}

.recognition-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 324px;
    background: transparent !important;
}

.recognition-media {
    position: relative;
    width: 324px;
    height: 201px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
}

.recognition-media iframe {
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

.recognition-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.recognition-name {
    font: normal normal 900 24px/32px 'Lato', sans-serif;
    color: #313131;
    margin: 0;
}

.recognition-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.recognition-description {
    font: normal normal normal 15px/18px 'Lato', sans-serif;
    color: #313131;
    margin: 0;
    text-align: left;
    line-height: 1.5;
}

/* ===== WINNERS SIDEBAR STICKY MENU ===== */
/* Los estilos del sidebar sticky están ahora en la sección SIDEBAR principal */

/* ===== IMAGEN DECORATIVA ===== */
.decorative-image-left {
    position: absolute;
    top: 200px;
    left: -20px;
    z-index: 1000;
    width: 200px;
    height: auto;
    margin-top: 3000px;
    pointer-events: none;
}

.decorative-image-left img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== JUDGES SECTION ===== */
.judges-section {
    background-color: #026751 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: white !important;
}

.judges-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 4rem 1rem;
    padding-left: calc(1rem + 200px + 1rem);
}

.judges-title {
    font: normal normal bold 32px/38px 'Lato', sans-serif;
    color: white;
    margin: 2rem 0 2rem 0;
    text-align: left;
}

.judges-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Estilos de escritorio para judges */
@media (min-width: 769px) {
    #judges-section .judge-card {
        display: flex !important;
        flex-direction: row !important;
        gap: 1.5rem !important;
        align-items: flex-start !important;
        padding: 1.5rem 0 2rem 0 !important;
        margin-bottom: 1rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        max-width: 664px !important;
    }

    #judges-section .judge-image {
        flex-shrink: 0 !important;
    }

    #judges-section .judge-header {
        display: flex !important;
        flex-direction: row !important;
        gap: 1.5rem !important;
        align-items: flex-start !important;
        margin-bottom: 0.5rem !important;
    }

    #judges-section .judge-info {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
        align-items: flex-start !important;
    }

    #judges-section .judge-name {
        margin-bottom: 0 !important;
    }

    #judges-section .judge-biography {
        margin-top: 0 !important;
        padding-left: 0 !important;
    }
}

/* Estilos base para judges */
#judges-section .judge-card:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.judge-image {
    width: 153px;
    height: 163px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
    flex-shrink: 0;
}

.judge-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.judge-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.judge-name {
    height: 22px;
    color: #E0F3AB;
    text-align: left;
    font: normal normal bold 18px/22px 'Lato', sans-serif;
    letter-spacing: 0px;
    color: #E0F3AB;
    opacity: 1;
    margin: 0;
}

.judge-biography {
    width: 520px;
    height: 158px;
    color: #FBF9EF;
    text-align: left;
    font: normal normal normal 15px/20px 'Lato', sans-serif;
    letter-spacing: -0.15px;
    color: #FBF9EF;
    opacity: 1;
    margin: 0;
}

/* ===== ADDITIONAL CONTENT FULL WIDTH SECTION ===== */
.additional-content-full-width {
    width: 100%;
    background-color: white;
    padding: 2rem 0;
}

.additional-content-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 1rem;
    padding-left: 1rem; /* Padding base sin offset del sidebar */
    transition: padding-left 0.3s ease;
}

/* Aplicar padding dinámico cuando el sidebar está activo */
.content-with-sidebar .additional-content-wrapper {
    padding-left: calc(1rem + 320px + 1rem); /* 1rem base + 320px sidebar + 1rem gap */
}

/* ===== CATEGORY INFO SECTION ===== */
.category-info-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.category-info-left,
.category-info-right {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.category-line-label,
.category-cat-label {
    width: 60px;
    height: 13px;
    color: #93B8E2;
    text-align: left;
    font: normal normal bold 11px/13px 'Lato', sans-serif;
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
    white-space: nowrap;
}

.category-line-name,
.category-cat-name {
    width: 200px;
    height: 22px;
    color: #313131;
    text-align: left;
    font: normal normal normal 18px/22px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    white-space: nowrap;
}

.category-divider {
    width: 1px;
    height: 40px;
    background: #CCCCCC;
}

/* ===== WINNER SECTION ===== */
.winner-section {
    margin-bottom: 2rem;
}

.winner-content-wrapper {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: flex-start;
}

.winner-video-card {
    position: relative;
    width: 408px;
    height: 258px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
    flex-shrink: 0;
}

.winner-video-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.play-icon {
    font-size: 24px;
    color: #333;
    margin-left: 3px;
}

.winner-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.winner-title {
    font: normal normal 900 16px/20px 'Lato', sans-serif;
    color: #026751;
    margin: 0 0 0.5rem 0;
}

.winner-name {
    width: 225px;
    height: 60px;
    color: #313131;
    text-align: left;
    font: normal normal bold 25px/30px 'Lato', sans-serif;
    letter-spacing: 0px;
    opacity: 1;
    margin: 0 0 0.5rem 0;
}

.winner-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.location-arrow {
    color: #026751;
    font-size: 16px;
}

.location-text {
    font: normal normal normal 14px/18px 'Lato', sans-serif;
    color: #313131;
}

.winner-description {
    height: 135px;
    color: #313131;
    text-align: left;
    font: normal normal normal 15px/18px Lato;
    letter-spacing: -0.15px;
    opacity: 1;
    margin: 0;
}

.additional-content-title {
    height: 19px;
    color: #026751;
    text-align: left;
    font: normal normal 900 16px/25px Lato;
    letter-spacing: 0px;
    opacity: 1;
    margin: 1rem 0 2rem 0 !important;
}

.additional-cards-grid {
    display: flex;
    gap: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.additional-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 324px;
}

.additional-media {
    position: relative;
    width: 324px;
    height: 201px;
    background: transparent;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;
    opacity: 1;
    overflow: hidden;
}

.additional-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.additional-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.additional-name {
    font: normal normal 900 24px/32px 'Lato', sans-serif;
    color: #313131;
    margin: 0;
}

.additional-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.additional-description {
    font: normal normal normal 15px/18px 'Lato', sans-serif;
    color: #313131;
    margin: 0;
    text-align: left;
    line-height: 1.5;
}

/* ===== FOOTER ===== */
/* Los estilos del footer se heredan de main.css para mantener consistencia */

/* ===== RESPONSIVE DESIGN ===== */

/* ===== DESKTOP STYLES (NO AFECTAR) ===== */
/* Estos estilos solo se aplican en escritorio y no deben ser sobrescritos */

/* Ocultar sidebar cuando el menú móvil está abierto en pantallas grandes */
@media (min-width: 769px) {
    body.mobile-menu-open .winners-sidebar-fixed,
    body.mobile-menu-open .winners-sidebar-fixed.dynamic-position,
    body.mobile-menu-open .sidebar-content {
        display: none !important;
    }
}

/* Desktop grande (1400px+) */
@media (min-width: 1400px) {
    .winners-sidebar-fixed {
        left: calc(50% - 670px + 2rem); /* Relativo al centro del layout */
    }
}

/* Desktop medio (1200px-1399px) */
@media (max-width: 1399px) and (min-width: 1200px) {
    .winners-sidebar-fixed {
        left: 2rem;
        width: 180px;
    }
    
    .winners-sidebar-fixed.dynamic-position {
        left: 2rem;
        right: auto;
    }
    
    .content-with-sidebar {
        margin-left: 300px; /* 180px + 120px margin */
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 300px; /* 180px + 120px margin */
    }
}

/* Pantallas medianas-grandes (1025px - 1200px) */
@media (max-width: 1200px) and (min-width: 1025px) {
    .hero-title {
        font-size: 14px;
        line-height: 16px;
        width: 60px;
        height: 16px;
    }
    
    .hero-subtitle {
        font-size: 32px;
        line-height: 38px;
        width: 280px;
        height: 38px;
    }
    
    .statistics-title {
        font-size: 28px;
        line-height: 34px;
    }
    
    .stat-number {
        font-size: 48px;
        line-height: 54px;
    }
}

/* ===== TABLET STYLES ===== */
/* Tablet grande (900px-1199px) */
@media (max-width: 1199px) and (min-width: 900px) {
    .winners-sidebar-fixed {
        left: 1rem;
        width: 160px;
    }
    
    .winners-sidebar-fixed.dynamic-position {
        left: 1rem;
        right: auto;
    }
    
    .content-with-sidebar {
        margin-left: 280px; /* 160px + 120px margin */
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 280px; /* 160px + 120px margin */
    }
}

/* Tablet pequeño (768px-899px) */
@media (max-width: 899px) and (min-width: 768px) {
    .winners-sidebar-fixed {
        left: 0.5rem;
        width: 140px;
        opacity: 0.8; /* Transición suave */
    }
    
    .winners-sidebar-fixed.dynamic-position {
        left: 0.5rem;
        right: auto;
    }
    
    .content-with-sidebar {
        margin-left: 260px; /* 140px + 120px margin */
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 260px; /* 140px + 120px margin */
    }
    
    /* Mejoras para tabs en tablets */
    .category-tabs {
        gap: 0.75rem !important;
        padding: 0.75rem 0 !important;
    }
    
    .category-tab {
        min-width: 140px !important;
        padding: 0.875rem 1.25rem !important;
        font-size: 13px !important;
        line-height: 15px !important;
    }
    
    .tab-line {
        font-size: 11px !important;
        line-height: 13px !important;
    }
    
    .tab-title {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    
    /* Mejoras para videos en tablets */
    .winner-video-card {
        height: 250px !important;
    }
    
    /* Mejoras para información del ganador en tablets */
    .winner-title {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    
    .winner-name {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    
    .winner-location {
        font-size: 15px !important;
        line-height: 19px !important;
    }
    
    /* Mejoras para descripción en tablets */
    .winner-description {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}
    


/* ===== MOBILE STYLES ===== */
/* Mobile (menos de 768px) */
@media (max-width: 767px) {
    .winners-sidebar-fixed {
        display: none !important;
    }
    
    .winners-sidebar-fixed.dynamic-position {
        display: none !important;
    }
    
    /* Ocultar sidebar cuando el menú móvil está abierto */
    body.mobile-menu-open .winners-sidebar-fixed,
    body.mobile-menu-open .winners-sidebar-fixed.dynamic-position,
    body.mobile-menu-open .sidebar-content {
        display: none !important;
    }
    
    .additional-content-wrapper {
        padding-left: 1rem; /* Sin offset del sidebar */
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: calc(1rem + 300px + 1rem); /* 1rem base + 300px sidebar + 1rem gap */
    }
    
    /* Remover padding del sidebar en móviles */
    .hero-container,
    .statistics-container,
    .winners-container,
    .recognitions-section,
    .judges-container,
    .premiacion-container,
    .archivo-container,
    .finalistas-container {
        padding-left: 1rem !important;
    }
    
    .content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .winners-content {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 0 1rem !important;
    }
    
    .winners-sidebar {
        display: none !important; /* Ocultar sidebar original */
    }
    
    .winner-main-content {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }
    
    /* Mejoras para tabs en móviles */
    .category-tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 0.5rem !important;
        padding: 0.5rem 0 !important;
        scrollbar-width: thin !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .category-tabs::-webkit-scrollbar {
        height: 4px !important;
    }
    
    .category-tabs::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
        border-radius: 2px !important;
    }
    
    .category-tabs::-webkit-scrollbar-thumb {
        background: #336BAC !important;
        border-radius: 2px !important;
    }
    
    .category-tab {
        flex-shrink: 0 !important;
        min-width: 120px !important;
        padding: 0.75rem 1rem !important;
        font-size: 12px !important;
        line-height: 14px !important;
    }
    
    .tab-line {
        font-size: 10px !important;
        line-height: 12px !important;
    }
    
    .tab-title {
        font-size: 11px !important;
        line-height: 13px !important;
    }
    
    /* Mejoras para videos en móviles */
    .winner-video-card {
        width: 100% !important;
        height: 200px !important;
        margin-bottom: 1rem !important;
    }
    
    .winner-video-card iframe {
        width: 100% !important;
        height: 100% !important;
        border-radius: 8px !important;
    }
    
    /* Mejoras para información del ganador */
    .winner-info {
        padding: 0 !important;
        margin-bottom: 1rem !important;
    }
    
    .winner-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .winner-name {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .winner-location {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    /* Mejoras para descripción */
    .winner-description {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 0 !important;
        margin: 1rem 0 !important;
    }
    
    /* Mejoras para tarjetas de reconocimientos en móviles */
    .recognition-card {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }
    
    .recognition-media {
        width: 100% !important;
        height: 200px !important;
        margin-bottom: 1rem !important;
    }
    
    .recognition-media iframe {
        width: 100% !important;
        height: 100% !important;
        border-radius: 8px !important;
    }
    
    .recognition-info h4 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .recognition-info p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    /* Mejoras para grid de reconocimientos */
    .recognitions-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .hero-section {
        padding: 0.5rem 0 0.25rem 0; /* Espaciado muy compacto */
        min-height: 120px; /* Altura mínima reducida */
    }
    
    .hero-content {
        padding-top: 0.25rem; /* Padding mínimo */
        margin-bottom: 0.125rem; /* Margen mínimo */
    }
    
    .hero-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 0.25rem;
    }
    
    .hero-subtitle {
        color: var(--unnamed-color-313131) !important;
        text-align: center !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #313131 !important;
        opacity: 1 !important;
        margin-bottom: 0.5rem;
    }
    
    .statistics-section {
        padding-top: 0.125rem; /* Padding mínimo */
        padding-bottom: 0.25rem; /* Padding inferior reducido */
    }
    
    .statistics-title {
        margin-bottom: 0.25rem; /* Margen inferior reducido */
        font-size: 18px;
        line-height: 22px;
        text-align: left !important;
    }
    
    .statistics-grid {
        display: flex;
        flex-direction: row;
        gap: 0.5rem; /* Gap entre estadísticas */
        align-items: center;
        justify-content: center;
    }
    
    .stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.25rem;
    }
    
    .stat-number {
        font-size: 32px;
        line-height: 36px;
        font-weight: bold;
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
    }
    
    .stat-label {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .stat-divider {
        width: 1px;
        height: 40px;
        background-color: #ccc;
        margin: 0 0.5rem;
    }
    
    .winners-section {
        padding-top: 0.25rem; /* Padding superior reducido */
    }
    
    .winners-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0.25rem;
    }
    
    .winners-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.5rem;
        text-align: left !important;
    }
    
    .category-tabs {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #E7E033 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        background: white !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    }
    
    .category-tab {
        flex: 1 !important;
        padding: 0.75rem 0.5rem !important;
        font-size: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: left !important;
        background: transparent !important;
        color: #666 !important;
        border: none !important;
        overflow: hidden !important;
    }
    
    .category-tab.active {
        background: #E7E033 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        border-radius: 10px !important;
        color: #2D5016 !important;
        font-weight: bold !important;
    }
    
    .category-tab:first-child {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }
    
    .category-tab:last-child {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    
    .category-divider {
        display: none !important;
    }
    
    .winner-content-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    
    .winner-video-card {
        width: 100vw !important;
        height: 200px;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        border-radius: 0 !important;
    }
    
    .winner-info {
        width: 100%;
        padding: 0.75rem;
    }
    
    .winner-name {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
        margin-bottom: 1rem !important;
    }
    
    .winners-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winners-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winner-main-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winner-categories {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .category-info-section {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    /* Ocultar imagen decorativa en móvil */
    .decorative-image-left {
        display: none !important;
    }
    
/* Estilos específicos para winner-name en móvil */
@media (max-width: 768px) {
    .winner-info .winner-name {
        color: #313131 !important;
        text-align: left !important;
        font: normal normal bold 25px/30px Lato !important;
        letter-spacing: 0px !important;
        opacity: 1 !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }
}

@media (max-width: 480px) {
    .winner-info .winner-name {
        color: #313131 !important;
        text-align: left !important;
        font: normal normal bold 24px/28px Lato !important;
        letter-spacing: 0px !important;
        opacity: 1 !important;
        font-size: 24px !important;
        line-height: 28px !important;
    }
}

@media (max-width: 360px) {
    .winner-info .winner-name {
        color: #313131 !important;
        text-align: left !important;
        font: normal normal bold 25px/30px Lato !important;
        letter-spacing: 0px !important;
        opacity: 1 !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }
}

@media (max-width: 320px) {
    .winner-info .winner-name {
        color: #313131 !important;
        text-align: left !important;
        font: normal normal bold 22px/26px Lato !important;
        letter-spacing: 0px !important;
        opacity: 1 !important;
        font-size: 22px !important;
        line-height: 26px !important;
    }
}
    
    .recognitions-section {
        padding: 0 !important;
        margin-top: 9.5rem !important;
    }
    
    .recognitions-title {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 1rem !important;
    }
    
    .recognitions-grid {
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .recognition-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 0 1rem 0 !important;
    }
    
    .recognition-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    
    .recognition-card:nth-child(3) .recognition-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    
    .recognition-card:nth-child(3) .recognition-media {
        width: 100% !important;
    }
    
    .recognition-title-info {
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .recognition-card:nth-child(3) .recognition-title-info {
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Estilos responsive para finalistas */
    .finalistas-section {
        padding: 2rem 0 !important;
    }
    
    .finalistas-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .finalistas-content {
        max-width: 100% !important;
    }
    
    .finalistas-title {
        font-size: 1.5rem !important;
        margin-bottom: 1.5rem !important;
        text-align: left !important;
    }
    
    .finalistas-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .finalistas-column {
        width: 100% !important;
        gap: 0.75rem !important;
    }
    
    .finalista-item {
        padding: 0.5rem 0 !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    .finalista-category {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #026751 !important;
        text-transform: uppercase !important;
        margin-bottom: 0.25rem !important;
    }
    
    .finalista-name {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #333 !important;
        line-height: 1.3 !important;
        margin-bottom: 0.25rem !important;
    }
    
    .finalista-location {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #666 !important;
    }
    
    /* Estilos responsive para sección de archivo */
    .archivo-section {
        padding: 1rem 0 !important;
        background-color: #F9F7EE !important;
    }
    
    .archivo-container {
        padding: 1rem 0.75rem !important;
        max-width: 100% !important;
    }
    
    .archivo-content {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .archivo-title {
        /* UI Properties */
        color: var(--unnamed-color-026751) !important;
        text-align: left !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #026751 !important;
        opacity: 1 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .archivo-description {
        font-size: 14px !important;
        line-height: 18px !important;
        text-align: left !important;
        margin-bottom: 1rem !important;
    }
    
    .archivo-links {
        gap: 0.75rem !important;
    }
    
    .archivo-link {
        padding: 0.75rem !important;
        font-size: 14px !important;
        line-height: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .link-text {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .link-icon {
        width: 20px !important;
        height: 20px !important;
        font-size: 12px !important;
    }
    
    .archivo-decorative {
        margin: 1.5rem 0 !important;
    }
    
    .decorative-image {
        max-width: 70% !important;
    }
    
    /* Quitar gap en móviles para archivo-left y archivo-right */
    .archivo-left, .archivo-right {
        gap: 0 !important;
    }
    
    .recognition-media {
        width: 100% !important;
        height: 150px !important;
    }
    
    .recognition-name {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.25rem !important;
    }
    
    .recognition-description {
        font-size: 11px !important;
        line-height: 14px !important;
    }
    
    .additional-content-full-width {
        padding: 0.75rem 0 !important;
    }
    
    .additional-content-wrapper {
        padding: 0.75rem 1rem !important;
        padding-left: 1rem !important;
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: calc(1rem + 280px + 1rem) !important; /* 1rem base + 280px sidebar + 1rem gap */
    }
    
    .additional-content-title {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 1rem !important;
    }
    
    .category-info-section {
        margin-bottom: 0.75rem !important;
        padding: 0.5rem 0 !important;
    }
    
    .winner-section {
        margin-bottom: 1rem !important;
    }
    
    .winner-content-wrapper {
        margin-bottom: 0.75rem !important;
    }
    
    .winner-video-card {
        margin-bottom: 0.5rem !important;
    }
    
    .category-line-label,
    .category-cat-label {
        font-size: 9px !important;
        line-height: 11px !important;
    }
    
    .category-line-name,
    .category-cat-name {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    .winner-title {
        font-size: 12px !important;
        line-height: 16px !important;
        margin-bottom: 0.25rem !important;
    }
    
    .winner-location {
        font-size: 10px !important;
        line-height: 14px !important;
        margin-top: 4.25rem !important;
    }
    
    .location-arrow {
        font-size: 15px !important;
    }
    
    .location-text {
        /* UI Properties */
        color: var(--unnamed-color-313131) !important;
        text-align: left !important;
        font: normal normal normal 15px/18px Lato !important;
        letter-spacing: 0px !important;
        color: #313131 !important;
        opacity: 1 !important;
    }
    
    .additional-cards-grid {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .additional-card {
        width: 100% !important;
    }
    
    .additional-media {
        width: 100% !important;
        height: 150px !important;
    }
    
    .additional-name {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 0.25rem !important;
    }
    
    .additional-location {
        font-size: 10px !important;
        line-height: 14px !important;
    }
    
    .additional-description {
        font-size: 11px !important;
        line-height: 14px !important;
        margin-bottom: 0.75rem !important;
        text-align: left !important;
    }
    
    .decorative-image-left {
        width: 150px !important;
        margin-top: 800px !important;
    }
    
    .judges-section {
        padding: 1rem 0 !important;
    }
    
    .judges-container {
        padding: 0 1rem !important;
        padding-left: 1rem !important;
    }
    
    .judges-title {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 1rem !important;
    }
    
    .judges-grid {
        gap: 1rem !important;
    }
    
    #judges-section .judge-card {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 1rem 0 1.5rem 0 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }
    
    #judges-section .judge-card:last-child {
        margin-bottom: 0 !important;
    }
    
    .judge-image {
        width: 100px !important;
        height: 110px !important;
        margin: 0 auto !important;
        border-radius: 10px !important;
    }
    
    .judge-name {
        height: 18px !important;
        font-size: 14px !important;
        line-height: 18px !important;
        text-align: center !important;
        color: #E0F3AB !important;
        font-weight: bold !important;
    }
    
    .judge-biography {
        width: 100% !important;
        height: auto !important;
        font-size: 11px !important;
        line-height: 14px !important;
        text-align: left !important;
        color: #FBF9EF !important;
        letter-spacing: -0.1px !important;
    }
    
    .hero-title {
        font-size: 32px;
        line-height: 40px;
    }
    
    .hero-subtitle {
        font-size: 14px;
        line-height: 24px;
    }
    
    .hero-decorative-left {
        display: none;
    }
    
    .hero-decorative-right {
        width: 60px;
        height: 60px;
        top: 20px;
        right: 20px;
        background: #E7E033 0% 0% no-repeat padding-box;
    }
    
    .statistics-section,
    .winners-section {
        padding: 1rem 0;
    }
    
    .statistics-title,
    .winners-title {
        font-size: 24px;
        line-height: 32px;
        text-align: center;
    }
    
    .statistics-grid {
        flex-direction: row;
        gap: 0.5rem;
    }
    
    .stat-divider {
        width: 1px;
        height: 80px;
        background-color: #ccc;
        margin: 0 0.5rem;
    }
    
    .stat-number {
        font-size: 40px;
        line-height: 48px;
    }
    
    .winners-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.5rem;
        text-align: left !important;
    }
    
    .category-tabs {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #E7E033 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        background: white !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    }
    
    .category-tab {
        flex: 1 !important;
        padding: 0.75rem 0.5rem !important;
        font-size: 12px !important;
        width: auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: left !important;
        background: transparent !important;
        color: #666 !important;
        border: none !important;
        overflow: hidden !important;
    }
    
    .category-tab.active {
        background: #E7E033 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        border-radius: 10px !important;
        color: #2D5016 !important;
        font-weight: bold !important;
    }
    
    .category-tab:first-child {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }
    
    .category-tab:last-child {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    
    .category-divider {
        display: none !important;
    }
    
    .winners-sidebar-fixed {
        display: none !important; /* Ocultar en móvil */
    }
    
    .page-layout-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    
    .winners-sidebar {
        width: 100%;
        order: 2;
        position: static; /* En móvil no es sticky */
        top: auto;
        z-index: auto;
        max-height: none;
        overflow-y: visible;
    }
    
    .winners-content {
        flex-direction: column;
        gap: 1rem;
    }
    
    .additional-content-wrapper {
        padding-left: 1rem; /* En móvil sin offset del sidebar */
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: calc(1rem + 260px + 1rem); /* 1rem base + 260px sidebar + 1rem gap */
    }
    
    .sidebar-list {
        display: flex;
        gap: 0.5rem;
        overflow-x: auto;
    }
    
    .sidebar-link {
        white-space: nowrap;
        padding: 0.5rem 0.5rem;
        border-bottom: 1px solid #E0E0E0 !important;
        border-radius: 20px;
        background: #f5f5f5;
    }
    
    .sidebar-link.active {
        background: #026751;
        color: white;
    }
    
    .sidebar-link:last-child {
        border-bottom: none !important;
    }
    
    .sidebar-divider {
        display: none;
    }
    
    .winner-categories {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .winner-media {
        height: 200px;
    }
    
    .winner-info {
        padding: 1.5rem;
    }
    
    .winner-name {
        font-size: 18px;
        line-height: 28px;
    }
    
    /* Los estilos del footer se heredan de main.css */
    
    /* Premiación responsive para tablets pequeñas */
    .premiacion-section { 
        padding: 1rem 0 !important; 
    }
    
    .premiacion-container { 
        padding: 0 1rem !important; 
        padding-left: 1rem !important; 
    }
    
    .premiacion-title { 
        font-size: 18px !important; 
        line-height: 22px !important; 
        margin-bottom: 0.75rem !important; 
    }
    
    .premiacion-subtitle { 
        font-size: 12px !important; 
        line-height: 16px !important; 
        margin-bottom: 1rem !important; 
    }
    
    .premiacion-content { 
        grid-template-columns: 1fr !important; 
        gap: 1rem !important; 
    }
    
    .premiacion-line { 
        gap: 0.75rem !important; 
    }
    
    .line-title { 
        gap: 0.125rem !important; 
        margin-bottom: 0.5rem !important; 
    }
    
    .line-number { 
        font-size: 10px !important; 
        line-height: 12px !important; 
    }
    
    .line-name { 
        font-size: 14px !important; 
        line-height: 18px !important; 
    }
    
    .line-content { 
        gap: 0.75rem !important; 
    }
    
    .award-info { 
        padding-left: 0.75rem !important; 
    }
    
    .award-text { 
        width: 100% !important;
        font-size: 10px !important; 
        line-height: 14px !important; 
    }
    
    /* Estilos responsivos para sección de archivo */
    .archivo-section {
        padding: 1rem 0 !important;
        background-color: #F9F7EE !important;
    }
    
    .archivo-container {
        padding: 1rem 0.75rem !important;
        max-width: 100% !important;
    }
    
    .archivo-content {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .archivo-title {
        /* UI Properties */
        color: var(--unnamed-color-026751) !important;
        text-align: left !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #026751 !important;
        opacity: 1 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .archivo-description {
        font-size: 14px !important;
        line-height: 18px !important;
        text-align: left !important;
        margin-bottom: 1rem !important;
    }
    
    .archivo-links {
        gap: 0.75rem !important;
    }
    
    .archivo-link {
        padding: 0.75rem !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }
}

/* Móviles pequeños (320px - 480px) */
@media (max-width: 480px) {
    .stat-divider {
        height: 125px !important;
    }
    
    .winners-sidebar-fixed {
        display: none !important; /* Ocultar sidebar en móviles */
    }
    
    .winners-sidebar-fixed.dynamic-position {
        display: none !important;
    }
    
    .content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .additional-content-wrapper {
        padding-left: 0.5rem !important; /* Padding mínimo */
        padding-right: 0.5rem !important;
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: 0.5rem !important; /* En móviles pequeños no hay sidebar */
    }
    
    /* Ajustes específicos para secciones después de Jurados */
    .premiacion-section,
    .archivo-section {
        margin: 0 !important;
        padding: 1rem 0 !important;
    }
    
    .premiacion-container,
    .archivo-container {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        max-width: 100% !important;
    }
    
    .winners-content {
        flex-direction: column !important;
        gap: 0.75rem !important;
        padding: 0 0.75rem !important;
    }
    
    .winners-sidebar {
        display: none !important; /* Ocultar sidebar original */
    }
    
    .winner-main-content {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Mejoras adicionales para pantallas muy pequeñas */
    .category-tabs {
        gap: 0.375rem !important;
        padding: 0.375rem 0 !important;
    }
    
    .category-tab {
        min-width: 100px !important;
        padding: 0.625rem 0.75rem !important;
        font-size: 11px !important;
        line-height: 13px !important;
    }
    
    .tab-line {
        font-size: 9px !important;
        line-height: 11px !important;
    }
    
    .tab-title {
        font-size: 10px !important;
        line-height: 12px !important;
    }
    
    /* Videos más compactos para pantallas muy pequeñas */
    .winner-video-card {
        height: 180px !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Información del ganador más compacta */
    .winner-info {
        margin-bottom: 0.75rem !important;
    }
    
    .winner-title {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 0.375rem !important;
    }
    
    .winner-name {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.375rem !important;
    }
    
    .winner-location {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    
    /* Descripción más compacta */
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
        margin: 0.75rem 0 !important;
    }
    
    .winners-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winners-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .hero-section {
        padding: 0.25rem 0 0.125rem 0; /* Espaciado mínimo */
        min-height: 100px; /* Altura mínima muy reducida */
    }
    
    .hero-content {
        padding-top: 0.125rem; /* Padding mínimo */
        margin-bottom: 0.0625rem; /* Margen mínimo */
    }
    
    .hero-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0.125rem;
    }
    
    .hero-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0.25rem;
    }
    
    .statistics-section {
        padding-top: 0.0625rem; /* Padding mínimo */
        padding-bottom: 0.125rem; /* Padding inferior reducido */
    }
    
    .statistics-title {
        margin-bottom: 0.125rem; /* Margen inferior reducido */
        font-size: 16px;
        line-height: 20px;
    }
    
    .statistics-grid {
        gap: 0.5rem; /* Gap entre estadísticas */
        align-items: center;
        justify-content: center;
    }
    
    .stat-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.25rem;
    }
    
    .stat-number {
        font-size: 28px;
        line-height: 32px;
        font-weight: bold;
        margin: 0;
        text-align: center;
        display: flex;
        align-items: center;
    }
    
    .stat-label {
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .stat-divider {
        width: 1px;
        height: 35px;
        background-color: #ccc;
        margin: 0 0.375rem;
    }
    
    .winners-section {
        padding-top: 0.125rem; /* Padding superior reducido */
    }
    
    .winners-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0.125rem;
    }
    
    .winners-header {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 0.25rem;
        text-align: left !important;
    }
    
    .category-tabs {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #E7E033 !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        background: white !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    }
    
    .category-tab {
        flex: 1 !important;
        padding: 0.5rem 0.25rem !important;
        font-size: 9px !important;
        width: auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: left !important;
        background: transparent !important;
        color: #666 !important;
        border: none !important;
        overflow: hidden !important;
    }
    
    .category-tab.active {
        background: #E7E033 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 3px 6px #00000029 !important;
        border-radius: 10px !important;
        color: #2D5016 !important;
        font-weight: bold !important;
    }
    
    .category-tab:first-child {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }
    
    .category-tab:last-child {
        border-top-right-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    
    .category-divider {
        display: none !important;
    }
    
    .winner-content-wrapper {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .winner-video-card {
        width: 100vw !important;
        height: 180px;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        border-radius: 0 !important;
    }
    
    .winner-info {
        width: 100%;
        padding: 0.5rem;
    }
    
    .winner-name {
        /* UI Properties */
        color: var(--unnamed-color-313131) !important;
        text-align: left !important;
        font: normal normal bold 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #313131 !important;
        opacity: 1 !important;
        margin-bottom: 0.25rem !important;
    }
    
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        hyphens: auto !important;
        overflow-wrap: break-word !important;
        margin: 0.75rem 0 !important;
        padding: 0 !important;
    }
    
    .winners-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winners-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winner-main-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .winner-categories {
        flex-direction: column !important;
        gap: 0.25rem !important;
    }
    
    .category-info-section {
        flex-direction: column !important;
        gap: 0.25rem !important;
    }
    
    .recognitions-section {
        padding: 0 !important;
        margin-top: 9.5rem !important;
    }
    
    .recognitions-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.75rem !important;
    }
    
    .recognitions-grid {
        flex-direction: column !important;
        gap: 0.75rem !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .recognition-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 0 1rem 0 !important;
    }
    
    .recognition-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    
    .recognition-card:nth-child(3) .recognition-top {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
    }
    
    .recognition-card:nth-child(3) .recognition-media {
        width: 100% !important;
    }
    
    .recognition-title-info {
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .recognition-card:nth-child(3) .recognition-title-info {
        text-align: left !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .recognition-media {
        width: 100% !important;
        height: 120px !important;
    }
    
    .recognition-name {
        font-size: 14px !important;
        line-height: 18px !important;
        margin-bottom: 0.125rem !important;
    }
    
    .recognition-description {
        font-size: 9px !important;
        line-height: 12px !important;
    }
    
    .additional-content-full-width {
        padding: 0.5rem 0 !important;
    }
    
    .additional-content-wrapper {
        padding: 0.5rem 0.75rem !important;
        padding-left: 0.75rem !important;
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: 0.75rem !important; /* En móviles muy pequeños no hay sidebar */
    }
    
    .additional-content-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.75rem !important;
    }
    
    .category-info-section {
        margin-bottom: 0.5rem !important;
        padding: 0.25rem 0 !important;
    }
    
    .winner-section {
        margin-bottom: 0.75rem !important;
    }
    
    .winner-content-wrapper {
        margin-bottom: 0.5rem !important;
    }
    
    .winner-video-card {
        margin-bottom: 0.25rem !important;
    }
    
    .category-line-label,
    .category-cat-label {
        font-size: 8px !important;
        line-height: 10px !important;
    }
    
    .category-line-name,
    .category-cat-name {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    
    .winner-title {
        font-size: 10px !important;
        line-height: 14px !important;
        margin-bottom: 0.125rem !important;
    }
    
    .winner-location {
        font-size: 8px !important;
        line-height: 12px !important;
        margin-top: 4.125rem !important;
    }
    
    .location-arrow {
        font-size: 15px !important;
    }
    
    .location-text {
        /* UI Properties */
        color: var(--unnamed-color-313131) !important;
        text-align: left !important;
        font: normal normal normal 15px/18px Lato !important;
        letter-spacing: 0px !important;
        color: #313131 !important;
        opacity: 1 !important;
    }
    
    .additional-cards-grid {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }
    
    .additional-card {
        width: 100% !important;
    }
    
    .additional-media {
        width: 100% !important;
        height: 120px !important;
    }
    
    .additional-name {
        font-size: 12px !important;
        line-height: 16px !important;
        margin-bottom: 0.125rem !important;
    }
    
    .additional-location {
        font-size: 8px !important;
        line-height: 12px !important;
    }
    
    .additional-description {
        font-size: 9px !important;
        line-height: 12px !important;
        margin-bottom: 0.5rem !important;
        text-align: left !important;
    }
    
    .decorative-image-left {
        width: 120px !important;
        margin-top: 600px !important;
    }
    
    .judges-section {
        padding: 0.75rem 0 !important;
    }
    
    .judges-container {
        padding: 0 0.75rem !important;
        padding-left: 0.75rem !important;
    }
    
    .judges-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 0.75rem !important;
    }
    
    .judges-grid {
        gap: 0.75rem !important;
    }
    
    #judges-section .judge-card {
        flex-direction: column !important;
        gap: 0.75rem !important;
        padding: 0.75rem 0 1rem 0 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }
    
    #judges-section .judge-card:last-child {
        margin-bottom: 0 !important;
    }
    
    .judge-image {
        width: 90px !important;
        height: 100px !important;
        margin: 0 auto !important;
        border-radius: 8px !important;
    }
    
    .judge-name {
        height: 16px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: center !important;
        color: #E0F3AB !important;
        font-weight: bold !important;
    }
    
    .judge-biography {
        width: 100% !important;
        height: auto !important;
        font-size: 9px !important;
        line-height: 12px !important;
        text-align: left !important;
        color: #FBF9EF !important;
        letter-spacing: -0.05px !important;
    }
    
    .hero-title {
        font-size: 28px;
        line-height: 36px;
    }
    
    .hero-subtitle {
        font-size: 14px;
        line-height: 22px;
    }
    
    .statistics-title,
    .winners-title {
        font-size: 18px;
        line-height: 28px;
    }
    
    .stat-number {
        font-size: 36px;
        line-height: 44px;
    }
    
    .winner-info {
        padding: 0.5rem;
    }
    
    .winner-name {
        font-size: 18px;
        line-height: 26px;
    }
    
    .winner-description {
        font-size: 14px;
        line-height: 22px;
    }
}

/* Pantallas muy pequeñas (menos de 320px) */
@media (max-width: 320px) {
    .winners-sidebar-fixed {
        display: none !important;
    }
    
    .winners-sidebar-fixed.dynamic-position {
        display: none !important;
    }
    
    .content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .page-layout-wrapper.content-with-sidebar {
        margin-left: 0 !important;
    }
    
    .additional-content-wrapper {
        padding-left: 0.25rem;
    }
    
    .content-with-sidebar .additional-content-wrapper {
        padding-left: 0.25rem; /* En pantallas muy pequeñas no hay sidebar */
    }
    
    .hero-section {
        padding: 0.5rem 0 0.125rem 0; /* Espaciado mínimo */
        min-height: 100px; /* Altura mínima muy reducida */
    }
    
    .hero-content {
        padding-top: 0.125rem; /* Padding mínimo */
        margin-bottom: 0.0625rem; /* Margen mínimo */
    }
    
    .statistics-section {
        padding-top: 0.0625rem; /* Padding mínimo */
        padding-bottom: 0.125rem; /* Padding inferior reducido */
    }
    
    .statistics-title {
        margin-bottom: 0.125rem; /* Margen inferior reducido */
    }
    
    .statistics-grid {
        gap: 0.125rem; /* Gap mínimo entre estadísticas */
    }
    
    .winners-section {
        padding-top: 0.125rem; /* Padding superior reducido */
    }
    
    .hero-title {
        font-size: 24px;
        line-height: 32px;
    }
    
    .hero-subtitle {
        font-size: 12px;
        line-height: 18px;
    }
    
    .statistics-title,
    .winners-title {
        font-size: 18px;
        line-height: 24px;
    }
    
    .stat-number {
        font-size: 32px;
        line-height: 40px;
    }
    
    .winner-name {
        font-size: 16px;
        line-height: 22px;
    }
    
    .winner-description {
        font-size: 12px;
        line-height: 18px;
    }
    
    .category-tab {
        padding: 0.5rem 0.75rem;
        font-size: 12px;
    }
    
    .recognition-card {
        padding: 0;
    }
    
    .recognition-title {
        font-size: 14px;
        line-height: 20px;
    }
    
    /* Premiación responsive */
    .premiacion-section { 
        padding: 1rem 0 !important; 
    }
    
    .premiacion-container { 
        padding: 0 1rem !important; 
        padding-left: 1rem !important; 
    }
    
    .premiacion-title { 
        font-size: 18px !important; 
        line-height: 22px !important; 
        margin-bottom: 0.75rem !important; 
    }
    
    .premiacion-subtitle { 
        font-size: 12px !important; 
        line-height: 16px !important; 
        margin-bottom: 1rem !important; 
    }
    
    .premiacion-content { 
        grid-template-columns: 1fr !important; 
        gap: 1rem !important; 
    }
    
    .premiacion-line { 
        gap: 0.75rem !important; 
    }
    
    .line-title { 
        gap: 0.125rem !important; 
        margin-bottom: 0.5rem !important; 
    }
    
    .line-number { 
        font-size: 10px !important; 
        line-height: 12px !important; 
    }
    
    .line-name { 
        font-size: 14px !important; 
        line-height: 18px !important; 
    }
    
    .line-content { 
        gap: 0.75rem !important; 
    }
    
    .award-info { 
        padding-left: 0.75rem !important; 
    }
    
    .award-text { 
        width: 100% !important;
        font-size: 9px !important; 
        line-height: 12px !important; 
    }
    
    /* Premiación responsive para móviles pequeños */
    .premiacion-section { 
        padding: 1rem 0 !important; 
        background-color: #E0F3AB !important;
    }
    
    .premiacion-container { 
        padding: 1rem 0.75rem !important; 
        padding-left: 0.75rem !important; 
        max-width: 100% !important;
    }
    
    .premiacion-content { 
        flex-direction: column !important; 
        gap: 1rem !important; 
    }
    
    .premiacion-line { 
        flex-direction: column !important; 
        gap: 0.5rem !important; 
    }
    
    .line-content { 
        gap: 0.5rem !important; 
    }
    
    .award-text { 
        width: 100% !important; 
        font-size: 12px !important; 
        line-height: 16px !important; 
    }
    
    .premiacion-title {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    
    .premiacion-subtitle {
        font-size: 12px !important;
        line-height: 16px !important;
    }
    
    /* Archivo responsive para móviles pequeños */
    .archivo-section { 
        padding: 1rem 0 !important; 
        background-color: #F9F7EE !important;
    }
    
    .archivo-container { 
        padding: 1rem 0.75rem !important; 
        padding-left: 0.75rem !important; 
        max-width: 100% !important;
    }
    
    .archivo-content { 
        grid-template-columns: 1fr !important; 
        gap: 1.5rem !important; 
        margin-bottom: 1.5rem !important; 
    }
    
    .archivo-title { 
        /* UI Properties */
        color: var(--unnamed-color-026751) !important;
        text-align: left !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #026751 !important;
        opacity: 1 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .archivo-description { 
        font-size: 12px !important; 
        line-height: 16px !important; 
        text-align: left !important;
    }
    
    .archivo-links { 
        gap: 0.75rem !important; 
    }
    
    .archivo-link { 
        padding: 0.75rem !important; 
        width: 100% !important; 
        max-width: 280px !important; 
    }
    
    .link-text { 
        font-size: 12px !important; 
        line-height: 14px !important; 
    }
    
    .link-icon { 
        font-size: 14px !important; 
    }
    
    .archivo-decorative { 
        margin: 1.5rem 0 !important; 
    }
    
    .decorative-image { 
        max-width: 80% !important; 
    }
    
    .otras-ediciones-full-width {
        padding: 0 !important;
    }
    
    .otras-ediciones-container {
        padding: 2rem 1rem !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE/Edge */
        cursor: grab !important;
        user-select: none !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding: 0 !important;
    }
    
    .otras-ediciones-container::-webkit-scrollbar {
        display: none !important; /* Chrome/Safari */
        width: 0 !important;
        height: 0 !important;
    }
    
    .otras-ediciones-container::-webkit-scrollbar-track {
        display: none !important;
    }
    
    .otras-ediciones-container::-webkit-scrollbar-thumb {
        display: none !important;
    }
    
    .otras-ediciones-container:active {
        cursor: grabbing !important;
    }
    
    .otras-versiones-title { 
        font-size: 18px !important; 
        line-height: 22px !important; 
        margin-bottom: 1.5rem !important; 
    }
    
    .versiones-grid { 
        display: flex !important;
        flex-direction: row !important;
        grid-template-columns: none !important;
        gap: 1rem !important;
        padding: 0 1rem !important;
        justify-content: flex-start !important;
        width: max-content !important;
        align-items: stretch !important;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        scroll-behavior: smooth !important;
        width: 100% !important;
        user-select: none !important;
        justify-content: flex-start !important;
    }
    
    .versiones-grid::-webkit-scrollbar {
        display: none !important;
    }
    
    .version-card {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
        flex-shrink: 0 !important;
        height: auto !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: always !important;
        margin: 0 auto !important;
    }
    
    .version-image { 
        width: 100% !important; 
        height: 150px !important; 
    }
    
    .version-title { 
        font-size: 14px !important; 
        line-height: 18px !important; 
    }
    
    .version-description { 
        font-size: 11px !important; 
        line-height: 15px !important; 
    }
    
    .version-button { 
        width: 102px !important; 
        height: 23px !important; 
        font-size: 12px !important; 
        text-decoration: none !important;
        color: #ffffff !important;
    }
    
    .premiacion-subtitle { 
        font-size: 10px !important; 
        line-height: 14px !important; 
        margin-bottom: 0.75rem !important; 
    }
    
    .premiacion-content { 
        grid-template-columns: 1fr !important; 
        gap: 0.75rem !important; 
    }
    
    .premiacion-line { 
        gap: 0.5rem !important; 
    }
    
    .line-title { 
        gap: 0.125rem !important; 
        margin-bottom: 0.25rem !important; 
    }
    
    .line-number { 
        font-size: 8px !important; 
        line-height: 10px !important; 
    }
    
    .line-name { 
        font-size: 12px !important; 
        line-height: 16px !important; 
    }
    
    .line-content { 
        gap: 0.5rem !important; 
    }
    
    .award-info { 
        padding-left: 0.5rem !important; 
    }
    
    .award-text { 
        width: 100% !important;
        font-size: 8px !important; 
        line-height: 11px !important; 
    }
    
    /* Estilos responsivos para sección de archivo en móviles pequeños */
    .archivo-section {
        padding: 0.75rem 0 !important;
        background-color: #F9F7EE !important;
    }
    
    .archivo-container {
        padding: 0.75rem 0.5rem !important;
        max-width: 100% !important;
    }
    
    .archivo-content {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    .otras-ediciones-full-width {
        padding: 0 !important;
    }
    
    .otras-ediciones-container {
        padding: 2rem 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Efecto fade en los bordes para el carrusel */
    .otras-ediciones-container::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 20px !important;
        height: 100% !important;
        background: linear-gradient(to right, #F9F7EE 0%, transparent 100%) !important;
        pointer-events: none !important;
        z-index: 10 !important;
    }
    
    .otras-ediciones-container::after {
        content: '' !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 20px !important;
        height: 100% !important;
        background: linear-gradient(to left, #F9F7EE 0%, transparent 100%) !important;
        pointer-events: none !important;
        z-index: 10 !important;
    }
    
    .archivo-title {
        /* UI Properties */
        color: var(--unnamed-color-026751) !important;
        text-align: left !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #026751 !important;
        opacity: 1 !important;
        margin-bottom: 0.5rem !important;
    }
    
    .archivo-description {
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: left !important;
        margin-bottom: 0.75rem !important;
    }
    
    .archivo-links {
        gap: 0.5rem !important;
    }
    
    .archivo-link {
        padding: 0.5rem !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

/* Estilos específicos para winner-description en móvil */
@media (max-width: 768px) {
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
    }
    
    .winners-title {
        /* UI Properties */
        color: var(--unnamed-color-026751) !important;
        text-align: left !important;
        font: normal normal 900 25px/30px Lato !important;
        letter-spacing: 0px !important;
        color: #026751 !important;
        opacity: 1 !important;
    }
}

@media (max-width: 480px) {
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
    }
}

@media (max-width: 360px) {
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
    }
}

@media (max-width: 320px) {
    .winner-description {
        /* UI Properties */
        color: var(--unnamed-color-313131);
        text-align: left;
        font: normal normal normal 15px/18px Lato;
        letter-spacing: -0.15px;
        color: #313131;
        opacity: 1;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
        hyphens: auto !important;
        overflow-wrap: break-word !important;
        margin: 0.75rem 0 !important;
        padding: 0 !important;
    }
}

/* ===== OCULTAR TODAS LAS BARRAS DE DESPLAZAMIENTO HORIZONTALES ===== */
* {
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}

*::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

*::-webkit-scrollbar-track {
    display: none !important;
}

*::-webkit-scrollbar-thumb {
    display: none !important;
}

/* Ocultar barras específicas en tabs y sidebar */
.category-tabs {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.category-tabs::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.category-tabs::-webkit-scrollbar-track {
    display: none !important;
}

.category-tabs::-webkit-scrollbar-thumb {
    display: none !important;
}

.sidebar-list {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.sidebar-list::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.sidebar-list::-webkit-scrollbar-track {
    display: none !important;
}

.sidebar-list::-webkit-scrollbar-thumb {
    display: none !important;
}

/* ===== ESTILOS DE ESCRITORIO PARA CARRUSEL ===== */
@media (min-width: 769px) {
    /* Centrar tarjetas en escritorio */
    .otras-ediciones-container {
        margin: 0 auto !important;
        max-width: 1280px !important;
    }
    
    .versiones-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 324px) !important;
        gap: 1rem !important;
        justify-content: center !important;
        margin: 0 auto !important;
        width: auto !important;
        max-width: 1000px !important;
    }
    
    .version-card {
        width: 324px !important;
        height: 434px !important;
        margin: 0 !important;
    }
    
    /* Ocultar indicadores en escritorio */
    .carousel-indicators {
        display: none !important;
    }
}