/**
 * Vista: Campañas - Template Montecristo
 * 
 * Sobrescribe los estilos genéricos de campañas para usar
 * los estilos del template Montecristo
 */

/* ========================================
   LISTADO DE CAMPAÑAS - HEADER
   ======================================== */

/* Sección de campañas */
#campanias.campanias-seccion {
    background: var(--blanco);
    padding: 0;
}

/* Header - Estilo Legacy Montecristo */
#campanias .subtitulo_seccion {
    font-family: var(--fuente);
    margin-bottom: 0;
    font-size: 1.5rem;
    padding: 2rem 0 2.5rem 0;
    color: #666;
    font-weight: 400;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

#campanias .subtitulo_seccion .seccion {
    font-family: var(--fuente);
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.3;
    margin-top: 0.3rem;
    color: var(--primario);
    letter-spacing: 0.02em;
    display: block;
}

/* Título de campaña en cards */
#campanias .campania-titulo-page {
    font-size: 2rem;
    font-weight: 700;
}

/* ========================================
   CAMPAÑA AMPLIADA - MONTECRISTO
   ======================================== */

/* Descripción más grande */
#campania_ampliada .descripcion-campania-centrada {
    font-size: 1.6rem !important;
    line-height: 1.8 !important;
    color: var(--negro) !important;
    text-align: left !important;
    margin-bottom: 3rem !important;
}

/* Compartir en redes - más grande */
#campania_ampliada .compartir-redes {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 3rem !important;
    padding: 1.5rem !important;
    background: #f8f9fa !important;
    border-radius: 0.8rem !important;
}

#campania_ampliada .compartir-redes span {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: var(--negro) !important;
}

/* Botones de redes sociales */
#campania_ampliada .compartir-redes .btn {
    width: 4rem !important;
    height: 4rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 1.8rem !important;
    transition: all 0.3s ease !important;
}

#campania_ampliada .compartir-redes .btn-facebook {
    background: #1877f2 !important;
    color: white !important;
}

#campania_ampliada .compartir-redes .btn-facebook:hover {
    background: #0d65d9 !important;
    transform: translateY(-2px) !important;
}

#campania_ampliada .compartir-redes .btn-twitter {
    background: #000000 !important;
    color: white !important;
}

#campania_ampliada .compartir-redes .btn-twitter:hover {
    background: #333333 !important;
    transform: translateY(-2px) !important;
}

#campania_ampliada .compartir-redes .btn-whatsapp {
    background: #25d366 !important;
    color: white !important;
}

#campania_ampliada .compartir-redes .btn-whatsapp:hover {
    background: #1da851 !important;
    transform: translateY(-2px) !important;
}

#campania_ampliada .compartir-redes .btn-linkedin {
    background: #0a66c2 !important;
    color: white !important;
}

#campania_ampliada .compartir-redes .btn-linkedin:hover {
    background: #084d94 !important;
    transform: translateY(-2px) !important;
}

#campania_ampliada .compartir-redes .btn-copy-link {
    background: var(--primario) !important;
    color: white !important;
}

#campania_ampliada .compartir-redes .btn-copy-link:hover {
    background: var(--secundario) !important;
    transform: translateY(-2px) !important;
}

/* Botón volver */
#campania_ampliada .btn-volver {
    font-size: 1.2rem !important;
    padding: 1rem 2.5rem !important;
    background: var(--primario) !important;
    color: white !important;
    border-radius: 5rem !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
}

#campania_ampliada .btn-volver:hover {
    background: var(--secundario) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 106, 182, 0.3) !important;
}

/* Título más grande */
#campania_ampliada .titulo-campania-ampliada {
    font-size: 3rem !important;
    font-weight: 700 !important;
    color: var(--negro) !important;
    margin-bottom: 3rem !important;
}

/* Responsive */
@media (max-width: 768px) {
    #campania_ampliada .descripcion-campania-centrada {
        font-size: 1.4rem !important;
    }
    
    #campania_ampliada .compartir-redes {
        flex-wrap: wrap !important;
        padding: 1.5rem !important;
    }
    
    #campania_ampliada .compartir-redes span {
        font-size: 1.2rem !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
    }
    
    #campania_ampliada .compartir-redes .btn {
        width: 4rem !important;
        height: 4rem !important;
        font-size: 1.8rem !important;
    }
    
    #campania_ampliada .titulo-campania-ampliada {
        font-size: 2.4rem !important;
    }
}