/* ============================================================
   SUPERATEC - Proyectos - CSS Complementario Mínimo
   Solo efectos que Elementor no puede hacer de forma nativa.
   Los estilos principales están en Elementor (editable visualmente).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');

/* ---- Transición suave al hacer hover en cards ---- */
.page-id-3784 .elementor-top-section {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ---- ODS Section Label ---- */
.page-id-3784 .elementor-widget-meafe-clients>.elementor-widget-container::before {
    content: '🌍 Objetivos de Desarrollo Sostenible';
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    color: #0077B6;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.6rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(0, 119, 182, 0.1);
}

/* ---- ODS icons hover scale ---- */
.page-id-3784 .meafe-client {
    transition: transform 0.3s ease;
}

.page-id-3784 .meafe-client:hover {
    transform: scale(1.12) !important;
}

.page-id-3784 .meafe-client:hover .meafe-image {
    opacity: 1 !important;
}

/* ---- Checklist items enhanced styling ---- */
.page-id-3784 .meafe-icon-list-item {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    margin-bottom: 8px;
}

.page-id-3784 .meafe-icon-list-item:hover {
    background: rgba(0, 119, 182, 0.08);
    border-color: rgba(0, 119, 182, 0.2);
    transform: translateX(6px);
}

/* ---- Checklist icon styling ---- */
.page-id-3784 .meafe-icon-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ---- Smooth scroll ---- */
.page-id-3784 {
    scroll-behavior: smooth;
}