/* ============================================================
   Administrable.cl — Base mínima del frontis
   Todo el diseño vive en Tailwind (partial/head.php → config +
   utilidades en el markup). Este archivo solo contiene lo que
   Tailwind no puede expresar: anti-FOUC, contención de paint y
   overrides globales de rendimiento móvil.
   ============================================================ */

/* ---------- Anti-FOUC: ocultar hasta que Tailwind aplicó ---------- */
html {
    background-color: #0a0515;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #0a0515;
    visibility: hidden;
}

body.is-visible {
    visibility: visible;
}

/* Contención de paint por sección (mejor compositing) */
section {
    contain: paint;
}

/* ---------- Mobile: optimización agresiva de rendimiento ---------- */
@media (max-width: 768px) {
    html, body {
        scroll-behavior: auto !important; /* iOS fix for paint gaps */
    }

    * {
        -webkit-tap-highlight-color: transparent;
    }

    section {
        overflow: hidden !important; /* Contain glows, prevent horizontal scroll */
        content-visibility: visible !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .animate-pulse,
    .animate-bounce {
        animation: none !important;
    }

    .blur-2xl, .blur-3xl, .blur-[130px], .blur-[120px], .blur-[100px],
    .blur-[60px], .blur-[50px], .blur-xl {
        filter: none !important;
        display: none !important;
    }

    [class*="shadow-"] {
        box-shadow: none !important;
    }

    #hero-canvas {
        display: none !important;
    }

    #main-header,
    section {
        will-change: auto !important;
    }
}