/* ═══════════════════════════════════════════
   APPLE PREMIUM — descentralizacion.gob.pa
   Archivo independiente, no modifica style.css
═══════════════════════════════════════════ */

/* FONT SF PRO — la fuente real de Apple vía Google Fonts equivalente */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --apple-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", sans-serif;
    --apple-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --apple-blue: #0071e3;
    --apple-dark: #1d1d1f;
    --apple-gray: #86868b;
    --apple-light: #f5f5f7;
}

/* ── TIPOGRAFÍA PREMIUM ── */
body, p, li, td, input, textarea, select, button {
    font-family: var(--apple-font) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--apple-font) !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    -webkit-font-smoothing: antialiased !important;
}
h1 { font-weight: 800 !important; letter-spacing: -0.04em !important; }
h2 { font-weight: 700 !important; letter-spacing: -0.03em !important; }

/* ── NAVBAR APPLE ── */
.navbar-area {
    transition: all 0.4s var(--apple-ease) !important;
}
.navbar-area.sticky {
    backdrop-filter: saturate(180%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
}

/* DROPDOWN MENÚ ESTILO APPLE */
.navbar-nav .dropdown-menu,
.navbar-nav ul.dropdown-menu {
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08) !important;
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 8px !important;
    min-width: 220px !important;
    animation: dropdownApple 0.3s var(--apple-ease) !important;
    transform-origin: top center !important;
    overflow: hidden !important;
}

@keyframes dropdownApple {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.navbar-nav .dropdown-menu .nav-item .nav-link,
.navbar-nav ul.dropdown-menu li a {
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--apple-dark) !important;
    transition: background 0.2s var(--apple-ease), color 0.2s var(--apple-ease) !important;
    margin: 2px 0 !important;
    display: block !important;
}
.navbar-nav .dropdown-menu .nav-item .nav-link:hover,
.navbar-nav ul.dropdown-menu li a:hover {
    background: var(--apple-light) !important;
    color: var(--apple-blue) !important;
}

/* NAV LINKS PRINCIPALES */
.main-nav .navbar-nav > .nav-item > .nav-link {
    font-weight: 500 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
    transition: color 0.2s var(--apple-ease) !important;
}
.main-nav .navbar-nav > .nav-item > .nav-link:hover {
    color: var(--apple-blue) !important;
}

/* ── CARDS HOVER APPLE ── */
.blog-item, .feature-item, .service-item, .project-item, .team-item {
    transition: transform 0.5s var(--apple-ease),
                box-shadow 0.5s var(--apple-ease) !important;
    will-change: transform !important;
    border-radius: 18px !important;
}
.blog-item:hover, .feature-item:hover, .service-item:hover,
.project-item:hover, .team-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 24px 48px rgba(0,0,0,0.12) !important;
}

/* IMÁGENES CON ZOOM SUAVE */
.blog-image, .service-item .photo, .project-item .photo, .team-photo {
    overflow: hidden !important;
    border-radius: 14px !important;
}
.blog-image img, .service-item .photo img,
.project-item .photo img, .team-photo img {
    transition: transform 0.6s var(--apple-ease) !important;
}
.blog-item:hover .blog-image img,
.service-item:hover .photo img,
.project-item:hover .photo img,
.team-item:hover .team-photo img {
    transform: scale(1.06) !important;
}

/* ── BOTONES APPLE ── */
.btn-primary, .read-more a, input[type="submit"],
.btn, a.btn {
    border-radius: 980px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    transition: all 0.3s var(--apple-ease) !important;
}
.btn-primary:hover, .read-more a:hover, input[type="submit"]:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 8px 24px rgba(0,113,227,0.3) !important;
}

/* ── ANIMACIÓN DE ENTRADA AL SCROLL ── */
.apple-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s var(--apple-ease),
                transform 0.8s var(--apple-ease);
}
.apple-reveal.apple-visible {
    opacity: 1;
    transform: translateY(0);
}
.apple-reveal-delay-1 { transition-delay: 0.1s !important; }
.apple-reveal-delay-2 { transition-delay: 0.2s !important; }
.apple-reveal-delay-3 { transition-delay: 0.3s !important; }

/* ── SCROLL SUAVE ── */
html { scroll-behavior: smooth; }