/* Fuentes personalizadas */
@font-face {
    font-family: 'hatton';
    src: url('/static/fonts/hatton-medium-webfont.woff2') format('woff2'),
         url('/static/fonts/hatton-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'hatton';
    src: url('/static/fonts/hatton-semibold-webfont.woff2') format('woff2'),
         url('/static/fonts/hatton-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'hatton';
    src: url('/static/fonts/hatton-ultralight-webfont.woff2') format('woff2'),
         url('/static/fonts/hatton-ultralight-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'naive';
    src: url('/static/fonts/naive_sans-black-webfont-webfont.woff2') format('woff2'),
         url('/static/fonts/naive_sans-black-webfont-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'naive';
    src: url('/static/fonts/naive_sans-bold-webfont-webfont.woff2') format('woff2'),
         url('/static/fonts/naive_sans-bold-webfont-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'naive';
    src: url('/static/fonts/naive_sans-extrablack-webfont-webfont.woff2') format('woff2'),
         url('/static/fonts/naive_sans-extrablack-webfont-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'naive';
    src: url('/static/fonts/naive_sans-light-webfont-webfont.woff2') format('woff2'),
         url('/static/fonts/naive_sans-light-webfont-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'naive';
    src: url('/static/fonts/naive_sans-medium-webfont-webfont.woff2') format('woff2'),
         url('/static/fonts/naive_sans-medium-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Aplicar las fuentes personalizadas a los encabezados */
h1,h2,h3,h4,h5,h6 {
    font-weight: normal !important;
    font-family: 'hatton' !important;
}
html, body {
    height: 100%; /* Esto asegura que el body ocupe toda la altura de la pantalla */
    margin: 0; /* Elimina márgenes por defecto */
    display: flex; /* Usa Flexbox para organizar los elementos */
    flex-direction: column; /* Organiza los elementos de arriba hacia abajo */
}

main {
    flex: 1; /* Esto hace que el contenido principal ocupe el espacio restante */
}
/* Estilo para los textos en general */
body {
    font-family: "Noto Sans Adlam", sans-serif;
    background-color: #f8f7f4;
    color: #634C3F;
}

/* Estilo para los placeholders */
::-webkit-input-placeholder { 
    font-family: "Noto Sans Adlam", sans-serif;
}
:-moz-placeholder { 
    font-family: "Noto Sans Adlam", sans-serif;
}
::-moz-placeholder { 
    font-family: "Noto Sans Adlam", sans-serif;
}
:-ms-input-placeholder { 
    font-family: "Noto Sans Adlam", sans-serif;
}
::placeholder { 
    font-family: "Noto Sans Adlam", sans-serif;
}

/* Botones y texto */
button, .btn {
    background-color: #634C3F;
    color: #fff;
    border: 1px solid #634C3F;
}

button:hover, .btn:hover {
    background-color: #67745B;
    border-color: #67745B;
}

/* Enlaces (href) */
a {
    color: #67745B;
    text-decoration: none;
}

a:hover {
    color: #634C3F;
    text-decoration: underline;
}

label {font-weight: bold;font-family: 'hatton';font-size:1.2rem}

/* Contenedor con ancho máximo de 1140px */
.container {
    max-width: 1140px;
    margin: 0 auto; /* Centra el contenedor en la página */
    padding: 0 15px; /* Agrega un pequeño relleno a los lados para espacio */
}
.container.login{max-width:600px;}

.logo {width:100px;margin-bottom:30px;}

.active > .page-link, .page-link.active{background-color:#634C3F;border-color:#634C3F;}

.alert{margin:15px;}
.alert p{margin-bottom: 0;}

footer {
    margin-top: auto; /* Esto empuja el footer hacia abajo */
}
@media (max-width: 991px)
{
    #navbarAdmin{padding-top:20px;}
}