/* app.css */


:root {
    --font-titles: 'Montserrat', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;

    --bg-color: #0d0d0d;
    --text-primary: #ffffff;
    --text-secondary: #b3b3b3;
}

/* RESET básico */
html, body {
    margin: 0;
    padding: 0;
    
    overflow-x: hidden;
    max-width: 100%;
}

/* utilidades globales */
.object-fit-cover {
    object-fit: cover;
}

/* evitar overflow raro */
body {
    overflow-x: hidden;
    background-image: url('/imgs/background.png');
    background-size: cover;        
    background-position: center;   
    background-repeat: no-repeat;  
    background-attachment: fixed;  
    
    font-family: var(--font-body);
    font-weight: 400; /* Plus Jakarta Sans base */
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--font-titles);
    font-weight: 700; /* Bold */
    text-transform: uppercase; 
    letter-spacing: -0.01em;   /* Montserrat Bold se ve mejor un poco más junta */
    
    color: #f0e7ff;

    -webkit-text-stroke: 0.07px black;
}

p{
    color: #bababa;

}

small{
    color: #8e6889;

}