/* ==========================================================
   BIBLIOTECA BIK
   ESTILOS GENERALES
   Versión 1.0
   ========================================================== */


/* ===============================
   BODY
   =============================== */

body{

    font-family:var(--fuente-principal);

    font-size:var(--texto-md);

    color:var(--texto-principal);

    background:var(--fondo-blanco);

    line-height:1.6;

}


/* ===============================
   TÍTULOS
   =============================== */

h1,
h2,
h3,
h4,
h5,
h6{

    font-family:var(--fuente-titulos);

    font-weight:700;

    line-height:1.25;

    color:var(--texto-principal);

    margin-bottom:var(--espacio-md);

}

h1{

    font-size:var(--texto-hero);

}

h2{

    font-size:var(--texto-xxl);

}

h3{

    font-size:var(--texto-xl);

}

h4{

    font-size:var(--texto-lg);

}


/* ===============================
   PÁRRAFOS
   =============================== */

p{

    margin-bottom:var(--espacio-md);

    color:var(--texto-secundario);

}


/* ===============================
   TEXTO
   =============================== */

strong{

    font-weight:700;

}

em{

    font-style:italic;

}


/* ===============================
   ENLACES
   =============================== */

a{

    color:var(--color-principal);

    transition:all var(--transicion-normal);

}

a:hover{

    color:var(--color-secundario);

}


/* ===============================
   LISTAS
   =============================== */

ul{

    margin-bottom:var(--espacio-md);

}

li{

    margin-bottom:8px;

}


/* ===============================
   IMÁGENES
   =============================== */

img{

    max-width:100%;

    display:block;

}


/* ===============================
   HR
   =============================== */

hr{

    border:none;

    border-top:1px solid var(--borde-claro);

    margin:var(--espacio-lg) 0;

}


/* ===============================
   SELECCIÓN DE TEXTO
   =============================== */

::selection{

    background:var(--color-principal);

    color:white;

}


/* ===============================
   TABLAS
   =============================== */

table{

    width:100%;

    border-collapse:collapse;

}

th{

    background:var(--color-principal);

    color:white;

    padding:15px;

    text-align:left;

}

td{

    padding:15px;

    border-bottom:1px solid var(--borde-claro);

}


/* ===============================
   UTILIDADES
   =============================== */

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

.mt-1{

    margin-top:var(--espacio-sm);

}

.mt-2{

    margin-top:var(--espacio-md);

}

.mt-3{

    margin-top:var(--espacio-lg);

}

.mb-1{

    margin-bottom:var(--espacio-sm);

}

.mb-2{

    margin-bottom:var(--espacio-md);

}

.mb-3{

    margin-bottom:var(--espacio-lg);

}

.oculto{

    display:none;

}


/* ===============================
   RESPONSIVE
   =============================== */

@media(max-width:768px){

    h1{

        font-size:2.2rem;

    }

    h2{

        font-size:1.9rem;

    }

    h3{

        font-size:1.5rem;

    }

}