:root {
    --azul-verde : #127f87; 
    --azul-verde-claro: #21a6af;
    --negro-claro: #1d1919;
    --gris-claro: #999999;
}

* {
    scroll-behavior: smooth;
}

.amarre-title {
    font-size:35px;
    color: var(--azul-verde-claro);
}

.amarre-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--negro-claro);
    color: var(--azul-verde-claro);
    border-radius:20px;
}

.caracteristicas-amarre p {
    font-size:17px;
}

.caracteristicas-amarre i {
    margin-right:10px;
} 

.caracteristicas-amarre p > span {
    color: aliceblue;
    font-size:20px;
}

.btn-solicitar-amarre {
    background-color: aliceblue;
    color: var(--negro-claro);
    padding:10px 15px;
    border-radius:15px;
    margin-top:25px;
    font-size:17px;
}

.btn-solicitar-amarre:hover {
    color: #004085;
}

.section-form-amarre {
    display: flex;
    justify-content: center;
}

.form-solicitud-amarre {
    width:700px;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    margin-bottom: 100px;
    border:2px solid var(--gris-claro);
    padding:35px 20px;
    border-radius:15px;
    margin-top:160px;
    
}

.form-solicitud-amarre > * {
    width:100%;
}

.texto-normas-uso-amarre {
    color: var(--gris-claro);
    font-size:12px;
    text-align:center;
    margin-top:30px;
    font-style: italic;
}

.form-solicitud-amarre input {
    /* width:100%; */
    padding:10px;
    border: 1px solid var(--negro-claro);
    border-radius:5px;
    color: var(--negro-claro);
}

.form-solicitud-amarre > h2 {
    font-size: 40px;
    text-align:center;
}

.form-solicitud-amarre > .btn-solicitar-amarre {
    width: 100%;
    border: 1px solid var(--gris-claro);

}

.form-solicitud-amarre > textarea {
    field-sizing:content;
    border-color: var(--gris-claro);
    border-radius:5px;
    color: var(--negro-claro);
}

.checkbox-terminis {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
    /* font-size: 0.95rem; */
}

.estado-mail.correcto {
    color: green;
    text-align:center;
}

.estado-mail.error {
    color: red;
    text-align:center;

}

.site-main {
    padding-top:100px;
}

.tlf {
    font-weight:300;
}

#logo-img {
    max-width:180px;
    width:100%;
    max-height:120px;
}

.fixed-header #logo-img {
    max-height:100px !important;
}


@media screen (max-width:405px;) {

    .caracteristicas-amarre p {
        font-size:15px;
    }

    .amarre-title {
        font-size:32px;
    }

    .caracteristicas-amarre p > span {
        font-size:18px;
    }
}