@import url("root.css");
@import url("main.css");

@font-face {
    font-family: 'vietnam-regular';
    src:  url('../fonts/bevietnamproregular.ttf') format('truetype');
    font-display: swap; 
}

@font-face {
    font-family: 'vietnam-extrabold';
    src:  url('../fonts/bevietnamproextrabold.ttf') format('truetype');
    font-display: swap; 
}

@font-face {
    font-family: 'vietnam-semibold';
    src:  url('../fonts/bevietnamprosemibold.ttf') format('truetype');
    font-display: swap; 
}

@font-face {
    font-family: 'vietnam-lightitalic';
    src:  url('../fonts/bevietnamprolightitalic.ttf') format('truetype');
    font-display: swap;
}

/* Cargador del feed de Instagram, visible mientras se espera la respuesta de Meta */
.imv-ig-loader {
    width: 42px;
    height: 42px;
    margin: 40px auto;
    border-radius: 50%;
    border: 4px solid var(--color-gris, #d7e7f9);
    border-top-color: var(--color-azul, #2a3d73);
    animation: imv-ig-spin 0.8s linear infinite;
}

@keyframes imv-ig-spin {
    to { transform: rotate(360deg); }
}