@charset "UTF-8";

.site-header{
    background:var(--primary-dark);box-shadow:0 2px 8px rgba(15,23,42,0.06);
    padding: 20px;
}

.header-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}


.logo {
    display: block;
}

.btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;display:inline-block;}

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

.btn-cta{background:var(--primary-blue-2);color:white;
    font-weight:700;padding:14px 20px;border-radius:14px;}
.btn-primary:hover,.btn-cta:hover {
    background-color: white;
    color: #0b2c72;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.699);
}

.btn-inicio {
    background:var(--white);
    color:var(--primary-dark);
    font-weight:700;padding:14px 40px;border-radius:14px;
}
.btn-inicio:hover{
    background:var(--primary-blue-2);color:white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.699);
}

.site-footer{background:#1c1b23;color:white;padding:18px;text-align:center;}

.footer-brand {
    font-weight: 700;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-contacts > div > p{
    padding: 0px;
    margin: 0px;
}

main {
    width: 90vw;
    margin: auto;
    margin-top: 20px;
    border: 2px solid black;
    padding: 0px 30px;
    border-radius: 10px;
}

@media screen and (min-width: 1200px) {
   
    .header-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

    main {
    width: 1100px;
}
}