/*
==========================================================
 Portal ICEC GYE
 Archivo: styles.css
 Versión: 0.1.0
==========================================================
*/

/* ===== RESET ===== */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:var(--font-family);
    font-size:var(--font-md);
    color:var(--color-dark);
    background:var(--color-light);
    line-height:1.6;
    overflow-x:hidden;
}

/* ===== ELEMENTOS ===== */

img{
    max-width:100%;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
    transition:var(--transition);
}

ul{
    list-style:none;
}

button,
input,
textarea,
select{
    font:inherit;
}

button{
    cursor:pointer;
    border:none;
    background:none;
}

/* ===== TIPOGRAFÍA ===== */

h1,h2,h3,h4,h5,h6{
    color:var(--color-primary);
    line-height:1.2;
    margin-bottom:var(--space-4);
}

p{
    margin-bottom:var(--space-4);
    color:var(--color-gray);
}

/* ===== CONTENEDOR ===== */

.container{
    width:min(100% - 2rem,var(--container));
    margin-inline:auto;
}

/* ===== BOTONES ===== */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.85rem 1.6rem;
    border-radius:var(--radius-md);
    transition:var(--transition);
    font-weight:600;
}

.btn-primary{
    background:var(--color-primary);
    color:var(--color-white);
}

.btn-primary:hover{
    background:var(--color-primary-dark);
}

.btn-secondary{
    background:var(--color-secondary);
    color:var(--color-dark);
}

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

.text-center{
    text-align:center;
}

.hidden{
    display:none!important;
}

.shadow{
    box-shadow:var(--shadow-md);
}

.rounded{
    border-radius:var(--radius-lg);
}

/* ===== SELECCIÓN ===== */

::selection{
    background:var(--color-primary);
    color:var(--color-white);
}