.site-inner {
    max-width: unset !important;
    padding: 0;
}

.site-inner .content {
    width: 100% !important;
}

/* Estilo general de centrado*/
.centered-column {
    max-width: 1680px;
    padding: 0 15px;
}

/* Cuando es el primero */
.centered-column:first-of-type {
    margin: 2em auto 1em;
}

/* Cuando es alguno de en medio */
.centered-column:not(:first-of-type):not(:last-of-type) {
    margin: 1em auto 1em;
}

/* Cuando no es el primero, pero si es el ultimo */
.centered-column:not(:first-of-type):last-of-type {
    margin: 1em auto 3em;
}

/* Cuando es a la vez el primero y el ultimo */
.centered-column:first-of-type:last-of-type {
    margin: 2em auto 3em;
}

.spas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
}

.spa {
    max-height: 380px;
    height: 380px;
    max-width: 850px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-rows: 60px 1fr 80px 60px;
    place-items: center;
    padding: 1em;
    position: relative;
    text-decoration: none;
}

.spa .btn {
    border: solid 1px var(--white);
    color: var(--white);
    font-size: 18.25px;
    font-family: "Myriad Pro Regular";
    padding: 8px 35px;
    border-radius: 3em;
    grid-row: -2 / -1;
    text-decoration: none;
    max-width: 230px;
    width: 100%;
    text-align: center;
    filter: drop-shadow(0 0 0 var(--black))
}

.spa img.logo {
    grid-row: 2;
}

.spa img.logo-hotel {
    grid-row: 3;
}

.spa img, .spa .btn {
    position: relative;
    z-index: 2;
}

.spa-container-overlay {
    position: absolute;
    background-color: var(--blue-overlay);
    opacity: .4;
    inset: 0;
    transition: opacity 0.5s ease; /* duración y tipo de suavizado */
}

.spa-container-overlay:hover {
    opacity: 0;
}

.spa:has(*:hover) .spa-container-overlay {
    opacity: 0;
}

@media(max-width: 1680px) {
    .spa {
        width: 100%;
        max-width: 850px;
    }
}

@media(max-width: 1680px) {
    .spas {
        grid-template-columns: 1fr;
        place-items: center;
    }
}
