/* Fuentes Corporativas Macabi - Personalización de Marca */

/* IMPORTANTE: 
   - Renombra tus archivos .otf según el patrón: macabi-[peso].otf
   - Ejemplo: macabi-black.otf, macabi-bold.otf, macabi-light.otf, etc.
   - Sube los archivos a la carpeta resources/fonts/
*/

/* Declaración de fuentes corporativas */
@font-face {
    font-family: 'Macabi Corporate';
    src: url('resources/fonts/macabi-black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Macabi Corporate';
    src: url('resources/fonts/macabi-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Macabi Corporate';
    src: url('resources/fonts/macabi-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Macabi Corporate';
    src: url('resources/fonts/macabi-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Macabi Corporate';
    src: url('resources/fonts/macabi-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Clases de utilidad para aplicar la fuente corporativa */
.font-corporate {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
}

.font-corporate-light {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 300 !important;
}

.font-corporate-regular {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 400 !important;
}

.font-corporate-medium {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 500 !important;
}

.font-corporate-bold {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 700 !important;
}

.font-corporate-black {
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 900 !important;
}

/* Aplicación de fuente corporativa a elementos específicos */
.logo,
.navbar .logo,
.hero-title,
.section h2,
.card-title,
.btn {
    /* DESCOMENTAR PARA USAR FUENTE CORPORATIVA */
    font-family: 'Macabi Corporate', var(--font-heading), serif !important;
}

.hero-title,
.section h2 {
    /* DESCOMENTAR PARA USAR PESO BOLD */
    font-weight: 700 !important;
}

.card-title,
.btn {
    /* DESCOMENTAR PARA USAR PESO MEDIUM */
    font-weight: 500 !important;
}

/* Fallback para cuando las fuentes no estén cargadas */
.font-loading {
    font-family: var(--font-primary), sans-serif !important;
}

/* Estilos adicionales para mejorar la legibilidad con fuentes corporativas */
.font-corporate.text-xs {
    letter-spacing: 0.025em;
}

.font-corporate.text-sm {
    letter-spacing: 0.015em;
}

.font-corporate.text-lg {
    letter-spacing: -0.01em;
}

.font-corporate.text-xl {
    letter-spacing: -0.015em;
}

/* Ajustes para títulos con fuente corporativa */
.font-corporate h1,
.font-corporate .hero-title {
    line-height: 1.1;
}

.font-corporate h2,
.font-corporate .section h2 {
    line-height: 1.2;
}

/* Mejoras de renderizado para fuentes OTF */
.font-corporate {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Media queries para diferentes tamaños de pantalla */
@media (max-width: 768px) {
    .font-corporate.hero-title {
        letter-spacing: -0.02em;
    }
    
    .font-corporate.section h2 {
        letter-spacing: -0.01em;
    }
}

/* Clases específicas para diferentes usos de la fuente */
.font-corporate-nav {
    /* Para navegación - usar peso medium */
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 500 !important;
}

.font-corporate-heading {
    /* Para encabezados - usar peso bold */
    font-family: 'Macabi Corporate', var(--font-heading), serif !important;
    font-weight: 700 !important;
}

.font-corporate-body {
    /* Para texto corporativo - usar peso regular */
    font-family: 'Macabi Corporate', var(--font-primary), sans-serif !important;
    font-weight: 400 !important;
}

/* Animación suave al cargar fuentes */
@supports (font-display: swap) {
    .font-corporate {
        transition: font-family 0.3s ease-in-out;
    }
}