/**
 * Estilos para Linea Page - ALTA ESPECIFICIDAD
 * Respeta estructura original 100%
 * Color Corporativo: #ff5959
 */

/* ============================================
   MEJORAS AL HEADER EXISTENTE
   ============================================ */

.single.linea-page-enhanced .article .linea-header-enhanced,
.linea-page-enhanced .single_post .linea-header-enhanced {
    background: linear-gradient(135deg, #ff5959 0%, #ff3838 100%) !important;
    padding: 3rem 2rem !important;
    border-radius: 0 0 20px 20px !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
}

.single.linea-page-enhanced .linea-header-enhanced::before,
.linea-page-enhanced .single_post .linea-header-enhanced::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    right: -10% !important;
    width: 300px !important;
    height: 300px !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
    border-radius: 50% !important;
}

.single.linea-page-enhanced .linea-header-enhanced .nombreProducto,
.linea-page-enhanced .single_post .linea-header-enhanced .nombreProducto,
.linea-page-enhanced .linea-header-enhanced h1.nombreProducto {
    color: white !important;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    margin-bottom: 1rem !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    position: relative !important;
    z-index: 2 !important;
}

.single.linea-page-enhanced .linea-header-enhanced .claimProducto,
.linea-page-enhanced .single_post .linea-header-enhanced .claimProducto,
.linea-page-enhanced .linea-header-enhanced h2.claimProducto {
    color: rgba(255,255,255,0.95) !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    position: relative !important;
    z-index: 2 !important;
    margin-top: 0 !important;
}


/* ============================================
   MEJORAS A LA IMAGEN EXISTENTE
   ============================================ */

.single.linea-page-enhanced .linea-imagen-enhanced,
.linea-page-enhanced .single_post .linea-imagen-enhanced,
.linea-page-enhanced .capaImagen.linea-imagen-enhanced {
    border-radius: 16px !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
    position: relative !important;
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
}

.single.linea-page-enhanced .linea-imagen-enhanced::after,
.linea-page-enhanced .capaImagen.linea-imagen-enhanced::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.5), transparent) !important;
    pointer-events: none !important;
}


/* ============================================
   MEJORAS AL CONTENIDO EXISTENTE
   ============================================ */

.single.linea-page-enhanced .linea-content-enhanced,
.linea-page-enhanced .single_post .linea-content-enhanced,
.linea-page-enhanced .post-content.linea-content-enhanced {
    background: white !important;
    border-radius: 16px !important;
    padding: 2.5rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
    line-height: 1.8 !important;
}

.single.linea-page-enhanced .linea-content-enhanced p,
.linea-page-enhanced .post-content.linea-content-enhanced p {
    font-size: 1.05rem !important;
    color: #444 !important;
    margin-bottom: 1.2rem !important;
}


/* ============================================
   MEJORAS AL LISTADO EXISTENTE
   ============================================ */

.single.linea-page-enhanced .listadoFamilias,
.linea-page-enhanced .single_post .listadoFamilias {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/* El grid de oposiciones ya tiene sus estilos en oposiciones.css */


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

@media (max-width: 768px) {
    .single.linea-page-enhanced .linea-header-enhanced,
    .linea-page-enhanced .single_post .linea-header-enhanced {
        padding: 2rem 1.5rem !important;
        border-radius: 0 0 12px 12px !important;
    }
    
    .single.linea-page-enhanced .linea-header-enhanced .nombreProducto,
    .linea-page-enhanced .linea-header-enhanced h1.nombreProducto {
        font-size: 2rem !important;
    }
    
    .single.linea-page-enhanced .linea-header-enhanced .claimProducto,
    .linea-page-enhanced .linea-header-enhanced h2.claimProducto {
        font-size: 1.1rem !important;
    }
    
    .single.linea-page-enhanced .linea-imagen-enhanced,
    .linea-page-enhanced .capaImagen.linea-imagen-enhanced {
        min-height: 300px !important;
        border-radius: 12px !important;
    }
    
    .single.linea-page-enhanced .linea-content-enhanced,
    .linea-page-enhanced .post-content.linea-content-enhanced {
        padding: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .single.linea-page-enhanced .linea-header-enhanced,
    .linea-page-enhanced .single_post .linea-header-enhanced {
        padding: 1.5rem 1rem !important;
    }
    
    .single.linea-page-enhanced .linea-header-enhanced .nombreProducto,
    .linea-page-enhanced .linea-header-enhanced h1.nombreProducto {
        font-size: 1.75rem !important;
    }
    
    .single.linea-page-enhanced .linea-imagen-enhanced,
    .linea-page-enhanced .capaImagen.linea-imagen-enhanced {
        min-height: 250px !important;
    }
    
    .single.linea-page-enhanced .linea-content-enhanced,
    .linea-page-enhanced .post-content.linea-content-enhanced {
        padding: 1.25rem !important;
    }
}


/* ============================================
   ANIMACIONES SUAVES
   ============================================ */

.single.linea-page-enhanced .linea-header-enhanced .nombreProducto,
.single.linea-page-enhanced .linea-header-enhanced .claimProducto {
    animation: fadeInUp 0.6s ease-out !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ============================================
   FIXES ADICIONALES
   ============================================ */

/* Asegurar que el header no tenga otros backgrounds */
.linea-page-enhanced header.linea-header-enhanced {
    background-color: transparent !important;
    background-image: none !important;
}

/* Asegurar que la imagen grande se vea bien */
.linea-page-enhanced .capaImagen {
    display: block !important;
}

/* Asegurar que el contenido tenga el fondo blanco */
.linea-page-enhanced .post-content {
    background-color: white !important;
}