@charset "UTF-8";

/*!
* 
* MAR 2025
* evomeet.es
* jblanco
* 
*/


/* MEDIA BREAKPOINTS ------------------------------------------------

@media (min-width: 576px) {}    sm
@media (min-width: 768px) {}    md
@media (min-width: 992px) {}    lg
@media (min-width: 1200px) {}   xl
@media (min-width: 1400px) {}   xxl

-------------------------------------------------------------------- */

/*
Neue Haas Grotesk Display Pro 45 Light
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 400;
font-style: normal;

Neue Haas Grotesk Display Pro 75 Bold
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 700;
font-style: normal;

*/

@media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
}
  


:root {
    --bs-primary:#b446dc; 
    --bs-primary-darken:#9c33c3; 
}


html{
    font-size:14px; /* Tamaño para 1rem */
}
body {
    margin: 0;
    padding:0;
    font-size:1rem;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;      
    color:white;
    background-color:#001e39;
}




strong{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}
h1{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:4.4rem;
    line-height:1.1em;
}

.h-100{
    height:100vh;
    min-height:100vh;
}

p{
    line-height:1.2em;
}

.txt-intro{
    font-size:2em;
}

.contact{
    line-height:1.1em;
    font-size:1.2em;
}
.contact p{
    margin-bottom:0.5rem;
}
.link{
    font-size:1.2em;
    line-height:1.1em;
    color:var(--bs-primary);
    display:block;
    text-decoration:none;
}
.link:hover{
    color:var(--bs-primary-darken);
}
.link:visited{
    color:var(--bs-primary);
}


@media (max-width: 991px) {

    .txt-intro{
        font-size:2em;
    }
    h1{
        font-size:3.4rem;
    }

} 

/*FORM ------------------------------- */

.form-control,
.form-control:focus,
.form-control:visited{
    background-color: #334b61;
    color:white;
    border-radius:25px;
    border:transparent;
    font-size:1.4rem!important;
}

/* Primary */
.btn-primary{
    border-color:var(--bs-primary);
    background-color:var(--bs-primary);
    color:white;
    border-radius:25px;
    padding-left:20px;
    padding-right:20px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    border-color:var(--bs-primary-darken);
    background-color:var(--bs-primary-darken);
    color: white;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active{
    border-color:var(--bs-primary);
    background-color:var(--bs-primary);
    color:white;
}
.btn-primary.disabled, 
.btn-primary:disabled{
    border-color:var(--bs-primary);
    background-color:var(--bs-primary);
    color:white;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.5);
}