/* 
Prymary: #18252d
Secundary: #f99f13 
*/
@font-face {
    font-family: 'Pimlico';
    src: url('FS Pimlico.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pimlico';
    src: url('FS Pimlico Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'Pimlico', sans-serif;
    background-color: #18252d;
    margin: 0;
}

header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.logo img {
    height: 50px;
    margin-left: 35px;;
}

nav ul {
    list-style-type: none;
    display: flex;
}

nav ul li {
    margin: 0 15px;
}

nav ul li a {
    color: #ffffff;
    text-decoration: none;
}


.intro {
    height: 400px;
    background: url('../img/intro_bg-2.jpg') no-repeat center center/cover;
    border-radius: 8px;
}

.intro img {
    width: 100%;
}

.intro-text {
    margin: 15px 15px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.50);
    height: 275px;
    color: #ffffff;
}

.intro p,
.intro li,
.ventajas p {
    font-size: 1.1rem;
}

.ventajas p {
    font-size: 1.1rem;
}

.btn-primary {
    background-color: #ffa500;
    border-color: #ffa500;
    color: #333;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(249, 159, 19, 0.3);
}

.services,
.why-us {
    padding: 50px;
    border-radius: 8px;
}

.why-us {
    background-color: #ffffff;
    border-top: #ffa500 15px solid;
}

.why-us h2 span {
    color: black;
}

.services {
    color: #ffffff;
}

.services p,
.services li, .intro-text p,
.intro-text li {
    font-size: 1.25rem;
}

h2 {
    color: #ffa500;
}

.cta {
    display: inline-block;
    background-color: #ffa500;
    color: #1a1a1a;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
}

.features {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.ventajas h5 {
    color: black !important;
}

.descripcion {
    color: grey;
}


.contacto p {
    font-size: 1.25rem;
    color: #ffffff;
}

.formulario {
    margin-left: 85px;
    color: #ffffff;
}

.input {
    width: 70%;
}

.formulario input,
.formulario textarea {
    padding: 10px;
    background-color: #f8ebd4;
    border-radius: 5px;
    border: none;
}

#form-message {
    transition: all 0.3s ease;
}

.d-none {
    display: none !important;
}

.form-control:focus {
    border-color: #f99f13;
    box-shadow: 0 0 0 0.25rem rgba(249, 159, 19, 0.25);
}

.mail {
    text-decoration: none;
}

footer {
    text-align: center;
    padding: 15px;
    background: #f99f13;
    color: #ffffff;
}

.spinner-border {
    color: #f99f13 !important;
    border-color: #18252d !important;
}

#form-message {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    background-color: rgba(24, 37, 45, 0.1);
    border-left: 4px solid #f99f13;
}

#form-message.show {
    opacity: 1;
    max-height: 200px;
    padding: 12px;
    margin-top: 16px;
}

.contacto-datos {
    margin-left: 100px;
    margin-top: 30px;
}

h3 {
    color:#f99f13
}

/* .grecaptcha-badge { 
    visibility: hidden !important; 
} */

.whatsapp-icon{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background:url('../img/whatsapp2.png') no-repeat center center/cover;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    z-index:1000;
}

@media screen and (max-width: 500px) {

    header nav {
        display: none;
    }

    .intro-text {
        margin: 0;
        margin-bottom: 20px;
        padding: 10px 50px;
    }

    .descripcion {
        margin-bottom: 30px;
    }

    .input {
        width: 80%;
    }    

    #submit-btn {
        margin-left: 20px;
    }

    .formulario {
        margin: 15px 15px;
    padding: 20px;
    }

    .contacto-datos {
        margin: 0;
        margin-top: 30px;
        text-align: center;
    }

}