.m-1 {
 margin:.25rem!important
}
.mt-1,
.my-1 {
 margin-top:.25rem!important
}
.mr-1,
.mx-1 {
 margin-right:.25rem!important
}
.mb-1,
.my-1 {
 margin-bottom:.25rem!important
}
.ml-1,
.mx-1 {
 margin-left:.25rem!important
}
.m-2 {
 margin:.5rem!important
}
.mt-2,
.my-2 {
 margin-top:.5rem!important
}
.mr-2,
.mx-2 {
 margin-right:.5rem!important
}
.mb-2,
.my-2 {
 margin-bottom:.5rem!important
}
.ml-2,
.mx-2 {
 margin-left:.5rem!important
}
.m-3 {
 margin:1rem!important
}
.mt-3,
.my-3 {
 margin-top:1rem!important
}
.mr-3,
.mx-3 {
 margin-right:1rem!important
}
.mb-3,
.my-3 {
 margin-bottom:1rem!important
}
.ml-3,
.mx-3 {
 margin-left:1rem!important
}
.m-4 {
 margin:1.5rem!important
}
.mt-4,
.my-4 {
 margin-top:1.5rem!important
}
.mr-4,
.mx-4 {
 margin-right:1.5rem!important
}
.mb-4,
.my-4 {
 margin-bottom:1.5rem!important
}
.ml-4,
.mx-4 {
 margin-left:1.5rem!important
}
#header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Contenedor del logo */
.logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

/* Imagen del logo */
.logo {
    max-width: 180px; /* ajusta según diseño */
    width: 100%;
    height: auto;
    display: block;
}

#cta-block {
    text-align: center;
}

/*.cta-text {
    font-size: 1.35em;
    line-height: 1.65;
    margin-bottom: 1.5em;
    color: rgba(255, 255, 255, 0.75);
}*/

/* Botón */
.cta-button {
    display: inline-block;
    /*padding: 0.75em 2em;*/
    border: 1px solid rgba(255, 255, 255, 0.75);
    color: #fff;
    text-decoration: none;
    /*font-size: 0.9em;*/
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

/* Hover */
.cta-button:hover {
    background: #fff;
    color: #000;
}

a {
    text-decoration: none;
    border-bottom: 2px solid #228bc2;
    transition: all 0.3s ease;
}

a:hover {
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
}