:root {
    --verde: #00643E;
    --verde-o: #163932;
    --verde-c: #CFEAE2;
    --negro: #000000;
    --gris: #f5f5f5;
    --separacion-chica: clamp(20px,5vw,50px);
    --separacion-mediana: clamp(30px,10vw,60px);
    --separacion-grande: clamp(30px,10vw,80px);
}

html {
    font-size: 10px;
    overflow-x: hidden;
}

body {
    background: var(--gris);
    color: var(--verde-o);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7em;
}

body::-webkit-scrollbar {
    width: 1rem;
}
 
body::-webkit-scrollbar-track {
    background: #fff;
}
 
body::-webkit-scrollbar-thumb {
    background: var(--verde-o);
}

a {
    color: inherit;
    text-decoration: none;
    transition: all ease 0.3s;
}

h1 {
    font-size: clamp(2rem,1.8vw,3rem);
    font-weight: 500;
}

h2 {
    font-size: clamp(2rem,1.8vw,3rem);
    font-weight: 700;
}


.container, .container-fluid, .row {
    --bs-gutter-x: 4rem;
}

.container-fluid {
    padding: var(--separacion-grande) 0;
}

.boton {
    border: 2px solid var(--verde);
    border-radius: 10px;
    color: var(--verde);
    font-size: clamp(2rem,1.8vw,2.5rem);
    font-weight: 500;
    line-height: 1em;
    display: inline-block;
    padding: 10px 20px;
    margin-top: 15px;
}

.boton:hover {
    background: var(--verde);
    color: #fff;
}

.boton i {
    display: inherit;
    margin-right: 10px;
}

.bg-verde {
    background: var(--verde-c);
}

#inicio img {
    width: 100%;
}

.logo {
    max-width: clamp(200px,25vw,400px);
    margin-bottom: var(--separacion-mediana);
}

.modelo {
    max-width: clamp(520px,35vw,100%);
}

.dir {
    margin-bottom: var(--separacion-chica);
}

#servicios h2 {
    font-size: clamp(3rem,1.8vw,5rem);
    margin-bottom: var(--separacion-grande);
}

.grilla {
    margin-bottom: -3.5rem;
}

.servicio a {
    background: #fff;
    border-radius: 20px;
    border-bottom: 5px solid #fff;
    box-shadow: 5px 5px 10px rgba(147,147,147,0.1);
    color: var(--negro);
    font-size: clamp(2rem,1.8vw,2.5rem);
    display: block;
    padding: 30px 30px 25px;
    margin-bottom: 4rem;
}

.servicio a:hover {
    border-color: var(--verde-c);
    transform: scale(1.05);
}

.servicio img {
    height: 100px;
    width: auto;
    display: block;
    margin: 0 auto 20px;
}

footer .social {
    margin-bottom: -3px;
}

footer a {
    font-size: 3rem;
    display: inline-block;
}

footer a:has(.fa-facebook-f) {
    margin-left: 15px;
    transform: scale(0.9);
}

footer a:hover {
    transform: scale(1.1);
}

@media (min-width: 767px) {
    
    .servicio a {
        min-height: 235px;
    }
    
}

@media (max-width: 767px) {
    
    .boton {
        margin-bottom: var(--separacion-grande);
    }
    
    .grilla {
        margin-bottom: -15px;
    }
    
    .servicio a {
        margin-bottom: 20px;
    }
    
    #inicio *,
    footer .row > div {
        text-align: center !important;
    }
    
    footer .copyright {
        margin-bottom: 20px;
    }
    
}