*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/Poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/Poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
}

html{
    margin: 0;
}

body {
    font-family: "Poppins", sans-serif !important;
}

:root,
[data-bs-theme="light"] {
    /* Color principal basado en el azul del logo */
    --tblr-primary: #87B4DD !important;
    --tblr-primary-rgb: 135, 180, 221 !important;
    /* Color secundario basado en el gris oscuro */
    --tblr-secondary: #202A34 !important;
    --tblr-secondary-rgb: 32, 42, 52 !important;
    /* Color del texto principal */
    --tblr-body-color: #000000 !important;
    --tblr-body-color-rgb: 0, 0, 0 !important;
    /* Color de links (igual al azul del logo) */
    --tblr-link-color: #87B4DD !important;
    --tblr-link-color-rgb: 135, 180, 221 !important;
    /* Hover del link: un azul un poco más oscuro */
    --tblr-link-hover-color: #6FA6D8 !important;
    --tblr-link-hover-color-rgb: 111, 166, 216 !important;
    /* Bordes */
    --tblr-border-color: #E0E0E0;
    --tblr-border-color-translucent: rgba(0, 0, 0, 0.05);
    /* Highlight basado en un azul muy suave */
    --tblr-highlight-bg: #E6F0FA !important;
    /* Fondos */
    --tblr-body-bg: #FFFFFF !important;
    --tblr-body-bg-rgb: 255, 255, 255 !important;
}

/*LOGIN*/

.bg-login {
    background-color: #f4f4f5;
}

.round-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.round-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


/******************************************/
/* Header */
.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

/******************************************/

/*****************************************/

.text-personalize {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 992px) {
    .logo-anchor {
        width: 10%;
    }

    .fc-header-toolbar{
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}