.showcase-content {
    padding-bottom: 50px;
}

.showcase-content div .visit {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.showcase-content div p {
    display: inline-block;
    width: 200px;
    font-size: 0.8rem;

}

.showcase-top i:hover {
    color: var(--red);
    transform: translateY(-2px);
    transition: 0.2s ease;
}

.showcase-content h1 {
    font-size: 2.5rem;
}

.showcase-content h2 {
    font-size: 1.5rem;
}
.showcase-content div i:hover {
    color: var(--red);
    transform: translateY(-2px);
    transition: 0.2s ease;
}

.btn:hover {
    background-color: black;
    transition: 0.2s ease;
    color: var(--red);
    opacity: 1;
    border: 1px solid lightgray;
}

.services-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: 
    "mecanica afinacion aceite"
    "frenos suspension amortiguador";
    width: 60vw;
    margin: 10px auto;
}

.content {
    display: flex;
    flex-direction: column;
    position: relative;
    transition: 0.5s ease;
}

.content:hover {
    align-items: center;
    transition: 0.3s ease;
}

.content h3 {
    position: absolute;
    z-index: 1;
    font-size: 2rem;
    font-weight: 400;
    top: 100px;
    transition: top 0.3s ease;
}

.content:hover h3 {
    top: 70px;
    transition: top 0.3s ease;
}

.content p {
    display: inline-block;
    position: absolute;
    top: 100px;
}

.content:hover p {
    visibility: visible;
    transition: 0.1s ease-out;
    width: 20rem;
}


.services-title {
    font-size: 2rem;
}

.mecanica, .aceite, .afinacion, .frenos, .suspension, .amortiguador {
    height: 220px;
}

.value-section {
    display: flex;
    flex-direction: column;
    height: 300px;
}

.value-section h2 {
    font-size: 2.3rem;
}

.value-section p {
    margin-bottom: -15px;
    font-size: 1.5rem;
}

.value-section--bottom {
    width: 80vw;
}

.value-section--bottom i {
    font-size: 5rem;
}

.team-section h3 {
    font-size: 2.4rem;
}

.team-section--container img {
    width: 250px;
    height: 300px;
}

.location-section {
    margin: 40px;
}

.location-section h3 {
    font-size: 2rem;
}

.location-section__map {
    width: 600px;
}

.footer {
    padding: 20px;
}