/**
 * F9 Cache - Frontend Styles
 * Estilos mínimos para lazy load e otimizações visuais
 *
 * @package F9Cache
 */

/* Prevenir CLS em imagens sem dimensões */
img:not([width]):not([height]) {
    aspect-ratio: auto;
}

/* Otimização de fontes - prevenir FOIT */
.f9-fonts-loading body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Layout stability - prevenir CLS */
.f9-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.f9-aspect-ratio > img,
.f9-aspect-ratio > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}