@font-face {
    font-family: 'RobsonCircclobold';
    src: url('../fonts/RobsonCircclobold-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Clases de fuente personalizadas */
.circclo-font-1 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 4.5em !important;
}

.circclo-font-2 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 3.6em !important; /* 80% de 4.5em */
}

.circclo-font-3 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 2.9em !important; /* 80% de 3.6em */
}

.circclo-font-4 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 2.3em !important; /* 80% de 2.9em */
}

.circclo-font-5 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 1.8em !important; /* 80% de 2.3em */
}

/* Aplicación automática a los headings */
h1 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 4.5em !important;
}

h2 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 3.6em !important;
}

h3 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 2.9em !important;
}

h4 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 2.3em !important;
}

h5 {
    font-family: 'RobsonCircclobold', sans-serif !important;
    font-size: 1.8em !important;
}

/* Asegurar que los títulos en el header usen la fuente
.page-header h1,
.page-header .text-9,
.page-header .text-8,
.page-header .text-7,
.page-header .text-6,
.page-header .text-5,
.page-header .text-4 {
    font-family: 'RobsonCircclobold', sans-serif !important;
} */