/* =============================================
   NEIRAS — fonts.css
   Carga centralizada de @font-face + variables de tipografía.
   Cargar desde todos los HTML del sitio ANTES de styles.css/project.css.
============================================= */

/* ===== BLACK MANGO — fuente principal del sitio (logo, headings, body) ===== */
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Thin.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-ExtraLight.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Light.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Regular.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Medium.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-SemiBold.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Bold.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-ExtraBold.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Black Mango';
    src: url('../fonts/blackmango/BlackMango-Black.otf') format('opentype'),
         url('../fonts/blackmango/BlackMango-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ===== Variable global del logo ===== */
:root {
    --font-logo: 'Black Mango', 'Helvetica Neue', Arial, sans-serif;
}

/* ===== Reset jerarquía: nada en italic por default ===== */
em, i, blockquote, cite, address { font-style: normal; }

/* ===== Render de imágenes — optimización high-quality ===== */
img, video {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: high-quality;
    -ms-interpolation-mode: bicubic;
    /* GPU rasterization para preservar nitidez en transformaciones */
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* ===== Render de texto — high-DPI smoothing ===== */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

/* ===== Hover/transform smoothing — evita flicker en 4K ===== */
[class*="__img"]:hover,
.gallery__item:hover img,
.proj-card__iw:hover img,
.pg-item:hover img {
    will-change: transform;
}