@charset "utf-8"; /* *****************************************************************
Theme Name: Theme Base Bootstrap 5 
Theme URI: https://zentrum.cl/
Description: Theme para la web de Zentrum, esta construido en bootstrap 5 ver el panel de control para más detalles.
Author: Animal Creativo
Author URI: https://www.animalcreativo.cl
Version: 2025
****************************************************************** */
*::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

*::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #F8F8F8
}

*::-webkit-scrollbar-track:hover {
    background-color: #F8F8F8
}

*::-webkit-scrollbar-track:active {
    background-color: #F8F8F8
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #707070
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #707070
}

*::-webkit-scrollbar-thumb:active {
    background-color: #202124
}

html {
    background-color: #202124
}

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

a:hover, a:focus {
    transition: all 0.3s ease;
    text-decoration: none
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: "Noto Sans", serif
}

section#contenido {
    flex: 1;
    background-color: #fff;
    align-items: baseline
}

#modalchasis table.table tr.sold {
    text-decoration: line-through;
    color: #79797b;
}

#modalchasis table.table tr.sold td {
    color: #79797b;
}

a.chasis-modelos {
    color: #000;
    text-decoration: underline;
    padding: 5px 15px;
    border-radius: 6px;
}

a.chasis-modelos:hover {
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
}

.container {
    max-width: 1240px;
    padding: 0px 20px
}

.tab-content>.tab-pane {
    display: block;
    max-height: 0;
    overflow: hidden
}

.tab-content>.active {
    max-height: max-content
}

#loader {
    background-color: #202124;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease
}

#loader .logo-zentrum {
    padding: 15px
}

#loader .logo-zentrum figure {
    margin: 0;
    max-width: 162px;
    animation: opacity 3s linear infinite
}

#loader .logo-zentrum figure img {
    width: 100%;
    height: auto;
    display: block
}

@keyframes opacity {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

header {
    position: relative;
    z-index: 2;
}

header .desktop-menu {
    background-color: #202124
}

header .desktop-menu .wrapper .logo {
    display: flex;
    align-items: center
}

header .desktop-menu .wrapper {
    display: flex;
    justify-content: space-between
}

header .desktop-menu .wrapper .logo figure {
    max-width: 162px;
    margin: 0
}

header .desktop-menu .wrapper .logo figure a {
}

header .desktop-menu .wrapper .logo figure a img {
    width: 100%;
    height: auto
}

header .desktop-menu .wrapper .menu-wrapper {
    display: flex;
    justify-content: space-between
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal {
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul {
    margin: 0;
    padding: 0
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li {
    position: relative;
    display: flex;
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li a {
    color: #FFFFFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 25px 15px
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li a figure {
    width: 50px;
    height: 25px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: right
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li a figure img {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li a .caret {
    margin-left: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    transition: .3s ease
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li a .caret svg {
    transition: .3s ease
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li ul.submenu {
    position: absolute;
    background-color: #202124;
    list-style: none;
    min-width: 210px;
    top: 71px;
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li ul.submenu li {
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li ul.submenu li a {
    justify-content: space-between;
    padding: 10px 13px;
    gap: 30px;
    border-bottom: 1px solid rgb(112 112 112 / 10%);
    width: 100%;
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul.menu {
    display: flex;
    list-style: none
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li:last-child a {
    padding-right: 0
}

header .desktop-menu .wrapper .menu-wrapper .menu-principal ul li.submenu.active a .caret svg {
    transform: rotate(180deg)
}

@media (max-width: 991px) {
    header .desktop-menu {
        display: none
    }
}

header .mobile-menu {
    display: none;
    background-color: #202124
}

@media (max-width: 991px) {
    header .mobile-menu {
        display: block
    }
}

header .mobile-menu .header-bar {
    position: relative;
    z-index: 10;
    background-color: #202124
}

header .mobile-menu .header-bar .wrapper-header-bar {
    display: flex;
    justify-content: space-between;
    min-height: 66px
}

header .mobile-menu .header-bar .wrapper-header-bar .logo-zentrum {
    display: flex;
    align-items: center
}

header .mobile-menu .header-bar .wrapper-header-bar .logo-zentrum figure {
    margin: 0;
    max-width: 121px;
    display: flex
}

header .mobile-menu .header-bar .wrapper-header-bar .logo-zentrum figure a {
    display: flex
}

header .mobile-menu .header-bar .wrapper-header-bar .logo-zentrum figure img {
    width: 100%;
    height: auto;
    display: block
}

header .mobile-menu .header-bar .wrapper-header-bar .boton-menu {
    display: flex;
    align-items: center
}

header .mobile-menu .header-bar .wrapper-header-bar .boton-menu button {
    background-color: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 38px;
    width: 100%
}

header .mobile-menu .header-bar .wrapper-header-bar .boton-menu button img {
    width: 100%;
    height: auto
}

header .mobile-menu .menu-mobile-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #202124;
    padding: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow-y: auto;
    max-height: calc(100vh - 66px);
    transform: translateY(calc(-100% - 66px));
    transition: .7s ease;
    z-index: 0;
    background-color: #202124
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item {
    border-top: 1px solid rgb(112 112 112 / 27%);
    padding: 0px 20px
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item a {
    color: #FFFFFF;
    font-size: 18px;
    display: flex;
    min-height: 60px;
    align-items: center
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item {
    border-radius: 0;
    border: 0;
    background-color: transparent;
    outline: none;
    box-shadow: none
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header button {
    background-color: transparent;
    color: #fff;
    padding: 0;
    min-height: 60px;
    justify-content: space-between;
    font-size: 18px;
    outline: none;
    box-shadow: none
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header button::after {
    display: none
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header button .caret {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header button .caret svg {
    transition: .3s ease;
    width: 10px;
    transform: rotate(180deg)
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-body {
    padding: 0 15px
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .sub-menu-content {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .sub-menu-content .sub-item {
    border-bottom: 1px solid rgb(112 112 112 / 10%)
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .sub-menu-content .sub-item a {
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item a figure {
    margin: 0;
    display: flex;
    margin-right: 10px;
    max-width: 38px;
    width: 100%;
    height: 100%;
    max-height: 28px
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item a figure img {
    width: 100%;
    height: auto
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .accordion-header button.collapsed .caret svg {
    transform: rotate(0deg)
}

header .mobile-menu .menu-mobile-wrapper .menu-wrapper .menu-principal-mobile .item.submenu .accordion-item .sub-menu-content .sub-item:last-child {
    border-bottom: 0
}

header .mobile-menu .menu-mobile-wrapper.active {
    transform: translateY(0)
}

@media (max-width: 991px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999
    }

    body {
        padding-top: 66px
    }
}

footer {
    background-color: #202124;
    padding-top: 55px;
    padding-bottom: 27px;
    min-height: 187px;
    display: flex
}

footer .wrapper-footer {
    display: flex;
    padding: 0px 0px;
    gap: 30px;
    flex: 1
}

footer .wrapper-footer .footer-lat {
    width: 30%;
}

footer .wrapper-footer .logo-footer {
    margin-bottom: 30px
}

footer .wrapper-footer .menu-mobile {
    display: none;
}

footer .wrapper-footer .logo-footer figure {
    margin: 0;
    max-width: 136px
}

footer .wrapper-footer .footer-lat .valoraciones a {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 11px 19px 12px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    max-width: 216px;
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
}

footer .wrapper-footer .footer-lat .valoraciones a figure {
    margin: 0;
    margin-left: 10px;
}

footer .wrapper-footer .footer-lat.left {
    display: flex;
    align-items: end;
}

footer .wrapper-footer .footer-lat.left .valoraciones .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    flex-direction: column;
}

footer .wrapper-footer .footer-lat.left .valoraciones .stars h4 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    margin-top: 5px;
}

footer .wrapper-footer .footer-lat.left .valoraciones {
    max-width: 216px;
}

footer .wrapper-footer .footer-lat .valoraciones a:last-child {
    margin-bottom: 0;
}

footer .wrapper-footer .footer-lat .valoraciones a:hover {
    background-color: #FFFFFF;
    color: #202124;
}

footer .wrapper-footer .footer-lat .valoraciones a:hover figure svg path {
    stroke: #202124;
}

footer .wrapper-footer .footer-lat .valoraciones a figure svg path {
    transition: .3s ease;
}

footer .wrapper-footer .footer-lat .menu-footer {
    padding: 0;
    margin: 0
}

footer .wrapper-footer .footer-lat .menu-footer li {
    margin-bottom: 5px
}

footer .wrapper-footer .footer-lat .menu-footer li a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold
}

footer .wrapper-footer .footer-center {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

/*nuevos elementro footer central*/
footer .wrapper-footer .footer-center h4 {
    font-size: 1.5rem;
    color: #FFFFFF;
}

footer .wrapper-footer .footer-center p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    padding-bottom: 40px;
}

/*fin*/
footer .wrapper-footer .footer-center .menu-bottom {
}

footer .wrapper-footer .footer-center .menu-bottom .menu-footer {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center
}

footer .wrapper-footer .footer-center .menu-bottom .menu-footer li {
    padding: 0px 10px
}

footer .wrapper-footer .footer-center .menu-bottom .menu-footer li a {
    color: #FFFFFF;
    font-size: 14px
}

footer .wrapper-footer .footer-lat ul.rrss {
    display: flex;
    margin: 0;
    padding-left: 40px;
    flex: 1;
    align-items: flex-end;
    gap: 20px
}

footer .wrapper-footer .footer-lat ul.rrss li {
    display: flex;
    align-items: center;
    justify-content: center
}

footer .wrapper-footer .footer-lat ul.rrss li a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

footer .wrapper-footer .footer-lat ul.rrss li a i {
    font-size: 25px
}

footer .wrapper-footer .logo-footer figure img {
    width: 100%;
    height: auto;
    display: block
}

footer .container {
    flex: 1;
    display: flex;
    flex-direction: column
}

footer .wrapper-footer .footer-lat.right {
    display: flex
}

footer .wrapper-footer .footer-center .menu-bottom .menu-footer.mobile {
    display: none
}

@media (max-width: 991px) {
    footer .wrapper-footer .footer-lat {
        display: none
    }

    footer .wrapper-footer {
        flex-direction: column;
        gap: 0;
        padding: 0
    }

    footer .wrapper-footer .footer-center {
        width: 100%
    }

    footer {
        padding-top: 44px
    }

    footer .wrapper-footer .footer-center .menu-bottom .menu-footer.mobile {
        display: flex
    }

    footer .wrapper-footer .footer-center .menu-bottom .menu-footer {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        margin-bottom: 30px
    }

    footer .wrapper-footer .footer-center .menu-bottom {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        display: none;
    }

    footer .wrapper-footer .footer-center .menu-bottom .menu-footer.mobile li a {
        font-size: 18px;
        font-weight: bold
    }

    footer .wrapper-footer .logo-footer {
        margin-bottom: 45px
    }

    footer .wrapper-footer .footer-center .menu-bottom .menu-footer:first-child {
        margin-bottom: 0
    }

    footer .wrapper-footer .footer-lat.right {
        width: 100%;
        display: flex;
        order: 3;
    }

    footer .wrapper-footer .footer-lat ul.rrss {
        padding: 0;
        gap: 0;
        justify-content: center;
        margin-top: 35px
    }

    footer .wrapper-footer .footer-lat ul.rrss li {
        margin: 0px 10px
    }

    footer .wrapper-footer .footer-center .menu-bottom .menu-footer li {
        margin-bottom: 6px
    }

    footer .wrapper-footer .footer-lat ul.rrss li a i {
        font-size: 32px
    }

    footer .wrapper-footer .footer-lat.left {
        order: 2;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .wrapper-footer .menu-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 0;
        order: 2;
        margin-top: 39px;
    }

    footer .wrapper-footer .menu-mobile ul {
        padding: 0;
        margin: 0;
    }

    footer .wrapper-footer .menu-mobile ul li {
        margin-bottom: 10px;
    }

    footer .wrapper-footer .menu-mobile ul li a {
        color: #FFFFFF;
        font-size: 14px;
    }

    footer .wrapper-footer .menu-mobile ul li:last-child {
        margin-bottom: 0;
    }

    footer .wrapper-footer .footer-lat.left .valoraciones .stars {
        margin-bottom: 16px;
    }
}

.banner-ficha {
    display: flex;
    min-height: 480px
}

.banner-ficha .image {
    width: 57%;
    position: relative
}

.banner-ficha .image figure {
    margin: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner-ficha .fondo {
    width: 43%;
    display: flex;
    align-items: center;
    padding-left: 60px;
    padding-right: 30px
}

.banner-ficha .fondo .texts {
}

.banner-ficha .fondo .texts .content {
}

.banner-ficha .fondo .texts .content h1 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.banner-ficha .fondo .texts .content h2 {
    margin: 0;
    color: #fff;
    font-size: 36px;
    font-weight: 500
}

.banner-ficha .fondo .texts .content .boton {
    margin-top: 25px;
    display: flex;
    gap: 10px
}

.banner-ficha .fondo .texts .content .boton a {
    background-color: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    padding: 12px 19px 11px;
    color: #202124;
    font-size: 14px;
    font-weight: 600;
    display: inline-block
}

.banner-ficha .fondo .texts .content .boton a:hover {
    filter: brightness(0.9)
}

@media (max-width: 991px) {
    .banner-ficha {
        flex-direction: column;
        min-height: inherit
    }

    .banner-ficha .image {
        width: 100%;
        padding-top: 42%
    }

    .banner-ficha .fondo {
        width: 100%;
        padding: 25px 20px 36px
    }
}

@media (max-width: 768px) {
    .banner-ficha .fondo .texts .content h1 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .banner-ficha .fondo .texts .content h2 {
        font-size: 24px
    }

    .banner-ficha .fondo .texts .content .boton {
        margin-top: 17px
    }

    .banner-ficha .fondo {
        padding-bottom: 25px
    }
}

.titular-ficha-modelo {
    padding-top: 5px;
    padding-bottom: 60px
}

.titular-ficha-modelo .logo-modelo {
    display: flex;
    align-items: center;
    justify-content: center
}

.titular-ficha-modelo .logo-modelo figure {
    width: 100%;
    height: auto;
    max-width: 160px;
    max-height: initial;
    margin-bottom: 0
}

.titular-ficha-modelo .logo-modelo figure img {
    width: 100%;
    height: auto
}

.titular-ficha-modelo .titulo-modelo {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.titular-ficha-modelo .titulo-modelo h3 {
    margin: 0;
    color: #101828;
    font-size: 36px;
    font-weight: 500
}

@media (max-width: 991px) {
    .titular-ficha-modelo .logo-modelo figure {
        margin-bottom: 16px
    }

    .titular-ficha-modelo .titulo-modelo h3 {
        font-size: 30px
    }

    .titular-ficha-modelo {
        padding-top: 30px;
        padding-bottom: 40px
    }
}

.foto-descripcion {
    margin-bottom: 90px
}

.foto-descripcion .titular-sect h4 {
    text-align: center
}

.foto-descripcion .wrapper {
    display: flex;
    gap: 30px
}

.foto-descripcion .wrapper .imagen {
    width: 55%
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper {
    position: relative
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria {
    overflow: hidden;
    border-radius: 12px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria .slick-track {
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria .item {
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria .item a {
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria .item a figure {
    padding-top: 49%;
    margin: 0;
    background-position: center;
    background-size: cover
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores {
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .left {
    left: 15px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .right {
    right: 15px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores button.arrow {
    background-color: rgb(32 33 36 / 30%);
    outline: none;
    border: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores button.arrow svg {
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots ul.slick-dots {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots ul.slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots ul.slick-dots li button {
    display: flex;
    border: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #E8E8E8;
    padding: 0
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots ul.slick-dots li.slick-active button {
    background-color: #202124
}

.foto-descripcion .wrapper .content {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.foto-descripcion .wrapper .content h4 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.foto-descripcion .wrapper .content h2 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.foto-descripcion .wrapper .content p {
    color: #101828;
    font-size: 14px
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .right, .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores button.arrow.disabled {
    opacity: 0.4
}

@media (max-width: 768px) {
    .foto-descripcion .wrapper {
        flex-direction: column;
        gap: 0
    }

    .foto-descripcion .wrapper .imagen {
        width: 100%
    }

    .foto-descripcion .wrapper .content {
        width: 100%;
        margin-top: 45px
    }

    .foto-descripcion .wrapper .content h4 {
        font-size: 24px;
        margin-bottom: 10px
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .carrusel-galeria {
        border-radius: 8px
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .right, .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .left {
        position: relative;
        top: initial;
        transform: initial
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .dots {
        position: relative;
        flex: 1;
        display: flex;
        justify-content: center;
        bottom: 0
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .right {
        right: initial
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores .left {
        left: initial
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores button.arrow {
        background-color: #F8F8F8
    }

    .foto-descripcion .wrapper .imagen .carrusel-galeria-wrapper .navegadores button.arrow svg path {
        stroke: #4C4D4F !important
    }
}

.titular-sect {
    margin-bottom: 35px
}

.titular-sect h4 {
    color: #101828;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0
}

.table-responsive {
}

.table-responsive table.table thead {
}

.table-responsive table.table tr {
}

.table-responsive table.table tr th {
    vertical-align: top;
    font-size: 16px;
    padding-bottom: 17px;
    border: 0;
    padding-right: 35px
}

.table-responsive table.table tbody {
}

.table-responsive table.table tr td {
    white-space: nowrap;
    padding: 15px 5px;
    border: 0;
    background-color: #F8F8F8;
    color: #202124;
    font-size: 14px;
    padding-right: 29px
}

.table-responsive table.table tr td:last-child {
    padding-right: 5px
}

.table-responsive table.table tr:nth-child(even) td {
    background-color: #fff !important
}

.table-responsive table.table tr th:last-child {
    max-width: 220px;
    padding-right: 20px
}

.tabla-wrapper {
}

.tabla-wrapper .legales {
    margin-top: 48px;
    margin-bottom: 70px
}

.tabla-wrapper .legales p {
    color: #101828;
    font-size: 14px
}

@media (max-width: 768px) {
    .titular-sect h4 {
        text-align: left
    }

    .tabla-wrapper .legales {
        margin-top: 30px
    }
}

.piso-cotizador {
    position: relative;
    padding-top: 60px;
    padding-bottom: 70px
}

.piso-cotizador .sombra {
    background: rgb(0, 30, 80);
    background: -moz-linear-gradient(227deg, rgba(0, 30, 80, 1) 0%, rgba(0, 6, 16, 1) 100%);
    background: -webkit-linear-gradient(227deg, rgba(0, 30, 80, 1) 0%, rgba(0, 6, 16, 1) 100%);
    background: linear-gradient(227deg, rgba(0, 30, 80, 1) 0%, rgba(0, 6, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001e50", endColorstr="#000610", GradientType=1);
    width: 100%;
    display: block;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.piso-cotizador .titulo-sect {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 50px
}

.piso-cotizador .titulo-sect h4 {
    margin: 0;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold
}

.piso-cotizador .wrapper-content {
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 1;
    padding: 0px 30px
}

.piso-cotizador .wrapper-content .left {
    max-width: 351px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%)
}

.piso-cotizador .wrapper-content .left .sidebar {
}

.piso-cotizador .wrapper-content .left .sidebar .auto {
}

.piso-cotizador .wrapper-content .left .sidebar .auto figure {
    position: relative;
    padding-top: 15px
}

.piso-cotizador .wrapper-content .left .sidebar .auto figure .sombra {
    background: rgb(207, 205, 206);
    background: -moz-linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    background: -webkit-linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    background: linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcdce", endColorstr="#6e6e6e", GradientType=1);
    height: auto;
    padding-top: 26%;
    position: absolute;
    top: 21px;
    left: 24px;
    right: 24px;
    width: auto;
    opacity: 0.22;
    border-radius: 8px 8px 0px 0px
}

.piso-cotizador .wrapper-content .left .sidebar .auto figure img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.piso-cotizador .wrapper-content .left .sidebar .datos-auto {
    padding: 25px;
    display: flex;
    flex-direction: column
}

.piso-cotizador .wrapper-content .left .sidebar .datos-auto .item {
    display: flex;
    margin-bottom: 14px;
    font-size: 16px
}

.piso-cotizador .wrapper-content .left .sidebar .datos-auto .item .spec {
    width: 100%;
    max-width: 114px;
    color: #001E50;
    font-weight: bold
}

.piso-cotizador .wrapper-content .left .sidebar .datos-auto .item .cont {
    flex: 1;
    color: #101828;
    font-size: 16px
}

.piso-cotizador .wrapper-content .right {
    flex: 1;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 0px 10px 0px #00000014;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 35px
}

.piso-cotizador .wrapper-content .right .titular {
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column
}

.piso-cotizador .wrapper-content .right .titular h4 {
    color: #001D4C;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0
}

.piso-cotizador .wrapper-content .right .titular p {
    margin: 0;
    color: #001D4C;
    font-size: 24px
}

.piso-cotizador .wrapper-content .right .formulario {
}

.piso-cotizador .wrapper-content .right .formulario form {
    display: flex;
    flex-direction: column
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px 10px
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso {
    display: flex;
    gap: 12px;
    margin-bottom: 23px;
    width: calc(50% - 5px)
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    position: relative
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label input[type="text"] {
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B
}

.piso-cotizador .wrapper-content .right .formulario form .error {
    font-size: 12px;
    color: #dd1212;
    display: block;
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email {
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email .icon {
    position: absolute;
    right: 15px;
    top: 8px
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email .icon img {
    width: 20px;
    height: auto
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso .tip {
    color: #BBBCBC;
    font-size: 14px;
    margin-top: 3px
}

.piso-cotizador .wrapper-content .right .formulario form .legal {
    margin-top: 15px
}

.piso-cotizador .wrapper-content .right .formulario form .legal span.error {
    margin-top: 10px;
}

.piso-cotizador .wrapper-content .right .formulario form .legal label {
    position: relative;
    padding-left: 27px;
    color: #202124;
    font-size: 14px;
    cursor: pointer
}

.piso-cotizador .wrapper-content .right .formulario form .legal label a {
    color: #202124;
    text-decoration: underline
}

.piso-cotizador .wrapper-content .right .formulario form .legal label a:hover {
    text-decoration: none
}

.piso-cotizador .wrapper-content .right .formulario form .legal label input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute
}

.piso-cotizador .wrapper-content .right .formulario form .legal label .check {
    border: 1px solid #D2D2D3;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 4px
}

.piso-cotizador .wrapper-content .right .formulario form .legal label .check span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    opacity: 0
}

.piso-cotizador .wrapper-content .right .formulario form .legal label .check span img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

.piso-cotizador .wrapper-content .right .formulario form .enviar {
    margin-top: 55px;
    display: flex;
    align-items: center;
    justify-content: center
}

.piso-cotizador .wrapper-content .right .formulario form .enviar button {
    background-color: #202124;
    border-radius: 8px;
    border: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 13px;
    min-width: 170px;
    transition: .3s ease
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label input[type="text"]::placeholder {
    color: #79797B
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email input[type="text"] {
    padding-right: 50px
}

.piso-cotizador .wrapper-content .right .formulario form .legal label input[type="checkbox"]:checked ~ .check span {
    opacity: 1 !important
}

.piso-cotizador .wrapper-content .right .formulario form .enviar button:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8
}

@media (max-width: 768px) {
    .piso-cotizador .wrapper-content {
        flex-direction: column;
        gap: 0;
        padding: 0
    }

    .piso-cotizador .wrapper-content .left {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .piso-cotizador .wrapper-content .left .sidebar .auto figure img {
        display: block;
        margin: 0 auto
    }

    .piso-cotizador .wrapper-content .left .sidebar .auto figure .sombra {
        max-height: 97px;
        height: 100%;
        padding-top: 0
    }

    .piso-cotizador .wrapper-content .left .sidebar .datos-auto .item .spec {
        max-width: 50%
    }

    .piso-cotizador .wrapper-content .left .sidebar .datos-auto .item:last-child {
        margin-bottom: 0
    }

    .piso-cotizador .wrapper-content .left .sidebar .datos-auto {
        padding-top: 10px
    }

    .piso-cotizador .wrapper-content .right .titular {
        height: auto;
        padding: 40px
    }

    .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso {
        gap: 0;
        flex-direction: column;
        margin: 0;
        width: 100%
    }

    .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label {
        max-width: 100%;
        margin-bottom: 15px
    }

    .piso-cotizador .wrapper-content .right .formulario form .enviar {
        margin-top: 30px
    }

    .piso-cotizador .wrapper-content .right .formulario form .input-texts {
        gap: 0;
        flex-direction: column
    }
}

.banner-modelo-cat {
}

.banner-modelo-cat .image {
    position: relative;
    min-height: 650px
}

.banner-modelo-cat .image figure {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.banner-modelo-cat .image figure.mobile {
    display: none
}

.banner-modelo-cat .title {
}

.banner-modelo-cat .title h1 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 24px;
    text-transform: uppercase
}

.banner-modelo-cat .model-icon {
    margin-top: 5px;
    margin-bottom: 25px
}

.banner-modelo-cat .model-icon figure {
    max-width: 160px;
    max-height: 160px;
    display: block;
    margin: 0 auto
}

.banner-modelo-cat .model-icon figure img {
    width: 100%
}

.banner-modelo-cat .resultado-text {
    margin-bottom: 34px
}

.banner-modelo-cat .resultado-text h3 {
    color: #202124;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    opacity: 0.5
}

.banner-modelo-cat .resultado-text h3 sup {
    top: initial;
    font-size: 16px;
    font-weight: 400;
    margin-left: 7px
}

.banner-modelo-cat.version .image {
    min-height: auto;
    padding-top: 0
}

.banner-modelo-cat.version .image figure {
    position: relative
}

.banner-modelo-cat.version .image figure img {
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .banner-modelo-cat .image figure.desktop {
        display: none
    }

    .banner-modelo-cat .image figure.mobile {
        display: block
    }

    .banner-modelo-cat .image {
        min-height: auto;
        padding-top: 100%
    }

    .banner-modelo-cat .model-icon {
        margin-top: 24px
    }

    .banner-modelo-cat .resultado-text h3 sup {
        display: block;
        vertical-align: initial;
        line-height: initial;
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .banner-modelo-cat.version .image figure.desktop {
        display: none
    }

    .banner-modelo-cat.version .image figure.mobile {
        display: block
    }
}

.listado-modelos {
    margin-left: -10px;
    margin-right: -10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(261px, 1fr))
}

.card-model {
    min-width: 224px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 10px 0px #00000014;
    position: relative;
}

.card-model .auto {
    padding: 20px 13px;
    padding-bottom: 15px
}

.card-model .auto figure, .card-model .auto a {
    margin: 0;
    position: relative;
    padding-top: 15px;
    text-align: center;
    display: block
}

.card-model .auto figure .sombra, .card-model .auto a .sombra {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 19%;
    opacity: 0.5;
    border-radius: 8px 8px 0px 0px;
    background: rgb(207, 205, 206);
    background: -moz-linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    background: -webkit-linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    background: linear-gradient(227deg, rgba(207, 205, 206, 1) 0%, rgba(110, 110, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcdce", endColorstr="#6e6e6e", GradientType=1);
    opacity: 0.22
}

.card-model .auto figure img, .card-model .auto a img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    display: inline-block
}

.card-model .middle {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px
}

.card-model .middle span.etiqueta {
    color: #E00026;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #E00026;
    border-radius: 150px;
    display: inline-block;
    padding: 1px 17px;
    margin-bottom: 15px
}

.card-model .middle .content {
}

.card-model .middle .content h4 {
    color: #101828;
    font-size: 16px;
    font.w: b;
    font.w: b;
    font-weight: bold;
    margin-bottom: 3px
}

.card-model .middle .content p {
    margin: 0;
    color: #79797B;
    font-size: 16px
}

.card-model .bottom {
    padding: 10px;
    border-top: 1px solid #E8E8E8;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card-model .bottom .marca {
}

.card-model .bottom .marca figure {
    max-width: 80px;
    max-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative
}

.card-model .bottom .marca figure img {
    he; width: auto;
    height: 100%;
    max-width: 60px;
    max-height: 36px
}

.card-model .bottom .botones {
    padding-left: 15px;
    display: flex;
    align-items: center
}

.card-model .bottom .botones a {
    border: 1px solid #202124;
    color: #202124;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 72px;
    padding: 5px 10px;
    margin-right: 4px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px
}

.card-model .bottom .botones a.vermas {
}

.card-model .bottom .botones a.cotiza {
    background-color: #202124;
    color: #fff
}

.card-model .bottom .botones a:hover {
}

.listado-modelos .card-model {
    min-width: initial;
    margin: 20px 10px;
    max-width: 450px;
}

.piso-modelos {
    padding-bottom: 75px
}

.banner-page-interior {
}

.banner-page-interior .imagen {
    position: relative;
    min-height: 400px
}

.banner-page-interior .imagen figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    margin: 0
}

.banner-page-interior .imagen figure.mobile {
    display: none
}

.piso-cotizador.cotizador-form {
    padding: 0px;
    padding-bottom: 60px;
    margin-top: -130px
}

@media (max-width: 768px) {
    .piso-cotizador.cotizador-form {
        padding-left: 0;
        padding-right: 0
    }

    .piso-cotizador.cotizador-form .wrapper-content .right .titular p {
        margin-top: 30px
    }

    .banner-page-interior .imagen figure.mobile {
        display: block
    }

    .banner-page-interior .imagen figure.desktop {
        display: none
    }
}

.gracias-piso {
    margin-top: -130px;
    padding-bottom: 60px
}

.gracias-piso .box {
    padding: 0px 30px
}

.gracias-piso .box .wrapper {
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 19%);
    min-height: 524px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px 20px;
    position: relative;
    text-align: center
}

.gracias-piso .box .wrapper figure {
    margin: 0;
    margin-bottom: 35px
}

.gracias-piso .box .wrapper figure img {
    width: 60px;
    height: auto
}

.gracias-piso .box .wrapper h3 {
    color: #202124;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px
}

.gracias-piso .box .wrapper p {
    color: #101828;
    font-size: 14px;
    margin: 0
}

.gracias-piso .box .wrapper .boton {
    margin-top: 118px
}

.gracias-piso .box .wrapper .boton a {
    background-color: #202124;
    color: #fff;
    border-radius: 8px;
    min-height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 25px
}

@media (max-width: 768px) {
    .gracias-piso .box {
        padding: 0
    }

    .gracias-piso .box .wrapper {
        min-height: 350px;
        padding-top: 40px;
        padding-bottom: 60px
    }

    .gracias-piso .box .wrapper h3 {
        font-size: 24px;
        max-width: 260px
    }

    .gracias-piso .box .wrapper .boton {
        margin-top: 25px
    }
}

.piso-cotizador.formulario-contacto .wrapper-content {
    flex-direction: column;
    gap: 0
}

.piso-cotizador.formulario-contacto .wrapper-content .titular {
    margin-bottom: 20px;
}

.piso-cotizador.formulario-contacto .wrapper-content .titular h4 {
    color: #202124;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
}
.piso-cotizador.formulario-contacto .wrapper-content .titular p {
    text-align: center;
}

.piso-cotizador.formulario-contacto {
    padding-top: 35px
}

.piso-cotizador.formulario-contacto .right {
    padding-top: 45px
}

.piso-cotizador.formulario-contacto .right .formulario {
    max-width: 952px;
    margin: 0 auto
}

.piso-cotizador.formulario-contacto .wrapper-content .right .formulario form .input-texts {
    gap: 10px 20px
}

.piso-cotizador.formulario-contacto .wrapper-content .right .formulario form .input-texts .piso {
    width: calc(50% - 10px)
}

.piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label select {
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(img/arrow-down.svg);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 30px);
    background-position-y: center;
    padding-right: 65px
}

@media (max-width: 768px) {
    .piso-cotizador.formulario-contacto .wrapper-content .right .formulario form .input-texts {
        gap: 0
    }

    .piso-cotizador.formulario-contacto .wrapper-content .right .formulario form .input-texts .piso {
        width: 100%
    }

    .piso-cotizador.formulario-contacto .wrapper-content .titular h4 {
        font-size: 24px
    }

    .piso-cotizador.formulario-contacto .wrapper-content .titular {
        margin-bottom: 30px
    }
}

.piso-selecionar-legales {
    padding-top: 40px;
    padding-bottom: 120px
}

.piso-selecionar-legales .wrapper {
}

.piso-selecionar-legales .wrapper h2 {
    color: #202124;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px
}

.piso-selecionar-legales .wrapper .marcas {
    display: flex;
    justify-content: center;
    padding: 0px 20px;
    flex-wrap: wrap;
    align-items: center
}

.piso-selecionar-legales .wrapper .marcas .item {
    flex: 1;
    display: flex;
    margin: 15px 10px;
    min-width: 200px;
    max-width: 200px
}

.piso-selecionar-legales .wrapper .marcas .item a {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px #00000014;
    padding-top: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    justify-content: center
}

.piso-selecionar-legales .wrapper .marcas .item a figure {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px
}

.piso-selecionar-legales .wrapper .marcas .item a figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.piso-selecionar-legales .wrapper .marcas .item a h4 {
    margin: 0;
    color: #202124;
    font-size: 18px;
    font-weight: 400
}

@media (max-width: 768px) {
    .piso-selecionar-legales .wrapper h2 {
        font-size: 24px;
        max-width: 290px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .piso-selecionar-legales .wrapper .marcas {
        padding: 0
    }

    .piso-selecionar-legales .wrapper .marcas .item {
        max-width: calc(50% - 20px);
        min-width: calc(50% - 20px);
        margin: 10px
    }
}

.contenedor-general {
    margin-top: -130px
}

.contenedor-general .contenedor-wrapper {
    padding: 0px 30px;
    padding-bottom: 110px;
    color: #202124;
    font-size: 16px
}

.contenedor-general .contenedor-wrapper .wrapper-gral {
    background-color: #fff;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #00000014;
    padding: 0px 60px;
    padding-bottom: 90px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .color-marca {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-marca {
    padding-top: 70px;
    padding-bottom: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-marca figure {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    max-width: 136px;
    margin: 0 auto
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-marca figure img {
    width: 100%;
    height: auto
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-marca h2 {
    color: #202124;
    font-size: 24px;
    font-weight: bold;
    margin: 0
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones {
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion {
    border: 0
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item {
    border: 0;
    background-color: transparent;
    margin-bottom: 16px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header {
    border: 0;
    box-shadow: none
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header button {
    border: 1px solid #B5B5B5;
    color: #202124;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    box-shadow: none;
    padding: 20px 25px;
    border-radius: 9px;
    position: relative;
    background-color: transparent;
    padding-right: 70px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header button::after {
    display: none
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header button span.arrow {
    position: absolute;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%)
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header button span.arrow img {
    width: 20px;
    height: auto;
    transition: .3s ease;
    transform: rotate(180deg)
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item .accordion-body {
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item .accordion-body p {
}

.contenedor-general .contenedor-wrapper .wrapper-gral .acordeones .accordion .accordion-item h3.accordion-header button.collapsed span.arrow img {
    transform: rotate(0deg)
}

@media (max-width: 768px) {
    .contenedor-general {
        margin-top: 0
    }

    .contenedor-general .container {
        max-width: 100%;
        padding: 0
    }

    .contenedor-general .container .contenedor-wrapper {
        padding: 0
    }

    .contenedor-general .contenedor-wrapper .wrapper-gral {
        padding: 0px 20px;
        padding-bottom: 60px;
        border-radius: 0
    }
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-page {
    display: flex;
    min-height: 185px;
    align-items: center;
    justify-content: center;
    jus+: ;
    jus+: c;
    jus+: ce;
    jus+: c;
    text-align: center;
    padding: 30px 0px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .titular-page h1 {
    color: #202124;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin: 0
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text {
    color: #202124;
    font-size: 16px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text h1 {
    color: #202124;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    margin-top: 60px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text h1:first-child {
    margin-top: 0
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text h2:first-child {
    margin-top: 0
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text p a {
    color: #202124;
    text-decoration: underline
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text p a:hover {
    text-decoration: none
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text h2 {
    color: #202124;
    font-size: 24px;
    margin-bottom: 40px;
    margin-top: 55px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text h3 {
    color: #202124;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 24px;
    margin-top: 35px;
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ol {
    padding-left: 20px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ol li::marker {
    font-weight: bold
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ol li {
    padding-left: 15px;
    margin-bottom: 15px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ul {
    padding-left: 20px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ul li {
    margin-bottom: 15px;
    padding-left: 15px
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text ul li::marker {
}

@media (max-width: 768px) {
    .contenedor-general .contenedor-wrapper .wrapper-gral .titular-page {
        min-height: auto;
        padding: 40px 0px;
        padding-bottom: 48px
    }
}

.banner-home {
    position: relative
}

.banner-home .carrusel-home {
}

.banner-home .carrusel-home .slick-track {
}

.banner-home .carrusel-home .item {
}

.banner-home .carrusel-home .item figure {
    min-height: 0;
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 34.2%
}

.banner-home .carrusel-home .item figure.desktop {
}

.banner-home .carrusel-home .item figure.mobile {
    display: none
}

.banner-home .carrusel-home .item .boton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 50px
}

.banner-home .carrusel-home .item .boton .wrapper-button {
    margin-left: 105px
}

.banner-home .carrusel-home .item .boton .wrapper-button a {
    display: inline-block;
    color: #FFFFFF;
    background-color: #202124;
    padding: 11px 19px;
    padding-top: 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600
}

.banner-home .dots-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-home .dots-wrapper .dots {
    display: flex;
    flex-wrap: wrap;
    max-width: 991px
}

.banner-home .dots-wrapper .dots button {
    background-color: #E8E8E8;
    padding: 0;
    border: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin: 4px 6px
}

.banner-home .dots-wrapper .dots button.active {
    background-color: #202124
}

.banner-home .controles-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0
}

.banner-home .controles-wrapper .navegadores {
    position: relative
}

.banner-home .controles-wrapper .navegadores .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.banner-home .controles-wrapper .navegadores .arrow button {
    background-color: rgb(32 33 36 / 30%);
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px
}

.banner-home .controles-wrapper .navegadores .arrow button svg path {
}

.banner-home .controles-wrapper .navegadores .left.arrow {
    left: 30px
}

.banner-home .controles-wrapper .navegadores .right.arrow {
    right: 30px
}

@media (max-width: 768px) {
    .banner-home .carrusel-home .item figure.desktop {
        display: none
    }

    .banner-home .carrusel-home .item figure.mobile {
        display: block;
        min-height: initial;
        padding-top: 115%
    }

    .banner-home .controles-wrapper .navegadores .left.arrow {
        left: 0
    }

    .banner-home .controles-wrapper .navegadores .right.arrow {
        right: 0
    }

    .banner-home .carrusel-home .item .boton .wrapper-button {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .banner-home .dots-wrapper {
        bottom: 20px
    }
}

.modelos-destacados-home {
    background-color: #F7F7F7;
    padding-bottom: 30px
}

.modelos-destacados-home .barra-tabs {
    background-color: #fff;
    padding-top: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px 0px #00000014
}

.modelos-destacados-home .barra-tabs h2 {
    color: #202124;
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px
}

.modelos-destacados-home .barra-tabs ul.nav {
    justify-content: center;
    flex-wrap: wrap;
    gap: 55px
}

.modelos-destacados-home .barra-tabs ul.nav li {
    display: flex;
    align-items: center;
    justify-content: center
}

.modelos-destacados-home .barra-tabs ul.nav li button {
    border: 0;
    border-radius: 0;
    padding: 0;
    opacity: 1;
    transition: 0s;
    border-bottom: 0px;
    flex: 1;
    display: flex;
    padding-bottom: 15px
}

.modelos-destacados-home .barra-tabs ul.nav li button figure {
    margin: 0;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    max-width: 108px;
    max-height: 108px;
    width: 100%;
    height: 100%
}

.modelos-destacados-home .barra-tabs ul.nav li button figure img {
    max-width: 100%;
    height: auto;
    opacity: 0.47;
    transition: .3s ease
}

.modelos-destacados-home .barra-tabs h2 strong {
    font-weight: 600
}

.modelos-destacados-home .barra-tabs ul.nav li button.active {
    background-color: transparent;
    border-bottom: 7px solid;
    padding-bottom: 8px
}

.modelos-destacados-home .barra-tabs ul.nav li button.active img {
    opacity: 1
}

@media (max-width: 991px) {
    .modelos-destacados-home .barra-tabs ul.nav {
        gap: 30px
    }
}

@media (max-width: 768px) {
    .modelos-destacados-home .barra-tabs ul.nav li button {
        padding: 1px;
        border-radius: 8px;
        padding: 0;
        padding-bottom: 0 !important
    }

    .modelos-destacados-home .barra-tabs ul.nav li button.active {
        border: 2px solid
    }

    .modelos-destacados-home .barra-tabs ul.nav {
        gap: 0
    }

    .modelos-destacados-home .barra-tabs h2 {
        max-width: 358px;
        font-size: 24px;
        margin: 0 auto;
        margin-bottom: 30px
    }

    .modelos-destacados-home .barra-tabs {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .modelos-destacados-home .barra-tabs ul.nav li button figure {
        border: 2px solid rgb(0 30 80 / 6%);
        border-radius: 8px;
        padding: 10px
    }

    .modelos-destacados-home .barra-tabs ul.nav li button.active figure {
        border: 0
    }

    .modelos-destacados-home .barra-tabs ul.nav li {
        margin: 5px
    }
}

.modelos-destacados-home .content-tabs {
}

.modelos-destacados-home .content-tabs .boton {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 25px
}

.modelos-destacados-home .content-tabs .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px
}

.modelos-destacados-home .content-tabs .navegadores {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 35px
}

.modelos-destacados-home .content-tabs .navegadores .dots:has(.dot.active + .dot.active) .dot.active:first-of-type {
    background-color: #E8E8E8
}

.modelos-destacados-home .content-tabs .navegadores .arrow {
}

.modelos-destacados-home .content-tabs .navegadores .arrow button {
    background-color: #FFFFFF;
    padding: 0;
    border-radius: 8px;
    border: 0;
    width: 40px;
    height: 40px
}

.modelos-destacados-home .content-tabs .navegadores .arrow button svg {
    width: 20px;
    height: auto
}

.modelos-destacados-home .content-tabs .navegadores .dots {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 24px;
    flex-wrap: wrap
}

.modelos-destacados-home .content-tabs .navegadores .dots button {
    width: 8px;
    height: 8px;
    background-color: #E8E8E8;
    border-radius: 100%;
    border: 0;
    padding: 0;
    margin: 3px 6px
}

.modelos-destacados-home .content-tabs .navegadores .dots button.active {
    background-color: #202124
}

.modelos-destacados-home .content-tabs .navegadores .arrow.disabled {
    opacity: 0.4
}

.carrusel-modelos-home .slick-track {
    display: flex
}

.carrusel-modelos-home .slick-track .slick-slide {
    min-height: auto;
    height: initial;
    flex: 1;
    display: flex
}

@media (max-width: 539px) {
    .modelos-destacados-home .content-tabs .tab-pane .carrusel-modelos-home {
        margin-right: -20px
    }

    .modelos-destacados-home .content-tabs .tab-pane .carrusel-modelos-home .slick-list {
        padding-right: 20%
    }
}

.piso-servicios {
    padding-top: 70px;
    padding-bottom: 70px
}

.piso-servicios .wrapper-boxes {
    display: flex;
    margin-left: -10px;
    margin-right: -10px
}

.piso-servicios .wrapper-boxes .item {
    display: flex;
    flex: 1;
    padding: 0px 10px
}

.piso-servicios .wrapper-boxes .item .item-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 10px 0px #00000014;
    padding: 20px 15px;
    padding-bottom: 27px
}

.piso-servicios .wrapper-boxes .item .item-wrapper .content {
    flex: 1;
    display: flex;
    flex-direction: column
}

.piso-servicios .wrapper-boxes .item .item-wrapper .content figure {
    padding-top: 57%;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 25px
}

.piso-servicios .wrapper-boxes .item .item-wrapper .content h3 {
    color: #202124;
    font-size: 24px;
    font-weight: bold;
    font.-w: ;
    font.-w: b;
    display: block;
    min-height: 57px;
    margin-bottom: 7px
}

.piso-servicios .wrapper-boxes .item .item-wrapper .content p {
    color: #79797B;
    font-size: 14px;
    margin: 0
}

.piso-servicios .wrapper-boxes .item .item-wrapper .button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.piso-servicios .wrapper-boxes .item .item-wrapper .button a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    background-color: #202124;
    border-radius: 8px;
    padding: 9px 24px 11px
}

.titulo-sect {
}

.titulo-sect h2 {
    color: #202124;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .piso-servicios .wrapper-boxes {
        flex-wrap: wrap
    }

    .piso-servicios .wrapper-boxes .item {
        width: 50%;
        flex: initial;
        padding: 10px
    }
}

@media (max-width: 768px) {
    .titulo-sect h2 {
        font-size: 24px
    }

    .piso-servicios .wrapper-boxes .item {
        width: 100%
    }

    .piso-servicios .wrapper-boxes .item .item-wrapper .content figure {
        padding-top: 42%;
        margin-bottom: 16px
    }

    .piso-servicios .wrapper-boxes .item .item-wrapper .content h3 {
        font-size: 20px;
        min-height: auto;
        margin-bottom: 10px
    }
}

.piso-sucursales {
    padding-top: 0px;
    padding-bottom: 70px
}

.piso-sucursales .wrapper-suc {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(243px, 1fr));
    margin-left: -8px;
    margin-right: -8px
}

.piso-sucursales .wrapper-suc .item {
    padding: 0px 8px;
    padding-bottom: 16px
}

.piso-sucursales .wrapper-suc .item .wrapper-int {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px #00000014;
    border-radius: 12px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .logo {
    min-height: 102px;
    display: flex;
    align-items: center;
    justify-content: center
}

.piso-sucursales .wrapper-suc .item .wrapper-int .logo figure {
    margin: 0;
    max-width: 95px;
    max-height: 95px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .logo figure img {
    max-width: 100%;
    height: auto
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper {
    padding: 30px 15px;
    padding-top: 0
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion {
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item {
    border: 0;
    border-top: 1px solid #E8E8E8;
    border-radius: 0;
    border-bottom: 1px solid #E8E8E8;
    margin-top: -1px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 {
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 button {
    background-color: transparent;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    padding: 18px 0px;
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: -1px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 button .chevron {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s ease;
    .3s:; .3s: inherit; .3s: inherit; .3s: e; .3s: ea; .3s: eas; .3s: ease; .3s: eas; .3s: ea; .3s: inherit; .3s: inherit; .3s: e }

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 button .chevron img {
    width: 19px;
    height: auto;
    transition: .3s ease;
    transform: rotate(180deg)
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 button::after {
    display: none
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body {
    padding: 0;
    padding-top: 15px;
    padding-bottom: 20px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior {
    margin-bottom: 30px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior h4 {
    color: #101828;
    font-weight: bold;
    font-size: 14px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li {
    display: flex;
    margin-bottom: 10px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li figure {
    margin: 0;
    width: 25px;
    margin-right: 5px;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li figure img {
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li p {
    display: block;
    width: calc(100% - 30px);
    margin: 0;
    color: #79797B;
    font-size: 14px
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item h2 button.collapsed .chevron img {
    transform: rotate(0deg)
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li:last-child {
    margin-bottom: 0
}

.piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body .item-interior ul li p a {
    color: #79797B;
    font-weight: bold
}

@media (max-width: 768px) {
    .piso-sucursales .wrapper-suc .item .wrapper-int .acordeon-wrapper .accordion .accordion-item .accordion-body {
        padding-top: 25px;
        padding-bottom: 10px
    }
}

.cotizador-ficha .piso-cotizador.formulario-contacto.piso-home {
    padding-top: 0
}

.cotizador-ficha .piso-cotizador.cotizador-form {
    margin-top: 0;
    padding-top: 65px;
    position: relative
}

.cotizador-ficha .piso-cotizador.cotizador-form:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 350px
}

@media (max-width: 768px) {
    .cotizador-ficha .piso-cotizador.cotizador-form:before {
        height: 270px
    }
}

.slick-slider.listado-modelos .slick-track {
    display: flex
}

.slick-slider.listado-modelos .slick-track .item {
    min-height: auto;
    height: auto;
    flex: 1;
    display: flex
}

.piso-cotizador.cotizador-form.marca-volkswagen::before {
    background: rgb(0, 30, 80);
    background: -moz-linear-gradient(252deg, rgba(0, 30, 80, 1) 32%, rgba(0, 6, 16, 1) 100%);
    background: -webkit-linear-gradient(252deg, rgba(0, 30, 80, 1) 32%, rgba(0, 6, 16, 1) 100%);
    background: linear-gradient(252deg, rgba(0, 30, 80, 1) 32%, rgba(0, 6, 16, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001e50", endColorstr="#000610", GradientType=1)
}

.piso-cotizador.cotizador-form.marca-audi::before {
    background: rgb(182, 63, 69);
    background: -moz-linear-gradient(252deg, rgba(182, 63, 69, 1) 32%, rgba(54, 18, 20, 1) 100%);
    background: -webkit-linear-gradient(252deg, rgba(182, 63, 69, 1) 32%, rgba(54, 18, 20, 1) 100%);
    background: linear-gradient(252deg, rgba(182, 63, 69, 1) 32%, rgba(54, 18, 20, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b63f45", endColorstr="#361214", GradientType=1)
}

.piso-cotizador.cotizador-form.marca-cupra::before {
    background: rgb(79, 78, 78);
    background: -moz-linear-gradient(252deg, rgba(79, 78, 78, 1) 32%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(252deg, rgba(79, 78, 78, 1) 32%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(252deg, rgba(79, 78, 78, 1) 32%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f4e4e", endColorstr="#000000", GradientType=1)
}

.piso-cotizador.cotizador-form.marca-seat::before {
    background: rgb(236, 28, 36);
    background: -moz-linear-gradient(252deg, rgba(236, 28, 36, 1) 32%, rgba(85, 11, 14, 1) 100%);
    background: -webkit-linear-gradient(252deg, rgba(236, 28, 36, 1) 32%, rgba(85, 11, 14, 1) 100%);
    background: linear-gradient(252deg, rgba(236, 28, 36, 1) 32%, rgba(85, 11, 14, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec1c24", endColorstr="#550b0e", GradientType=1)
}

.piso-cotizador.cotizador-form.marca-skoda::before {
    background: rgb(13, 57, 46);
    background: -moz-linear-gradient(252deg, rgba(13, 57, 46, 1) 32%, rgba(5, 22, 18, 1) 100%);
    background: -webkit-linear-gradient(252deg, rgba(13, 57, 46, 1) 32%, rgba(5, 22, 18, 1) 100%);
    background: linear-gradient(252deg, rgba(13, 57, 46, 1) 32%, rgba(5, 22, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d392e", endColorstr="#051612", GradientType=1)
}

.piso-cotizador.cotizador-form.marca-convenios::before{
    background-image: url("https://zentrum.cl/wp-content/uploads/2026/02/14371_ZENTRUM_LANDING_FLOTAS_DESKTOP.jpg");
	background-size:cover;	
}

.card-model .bottom .botones a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8
}

.modelos-destacados-home .content-tabs .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8
}

.piso-servicios .wrapper-boxes .item .item-wrapper .button a:hover {
    background-color: #E8E8E8 !important;
    color: #202124;
    border-color: #E8E8E8
}

.card-model .bottom .botones a.vermas:hover {
    border: 1px solid #202124
}

.carrusel-wrapper-marca {
    position: relative
}

.carrusel-wrapper-marca .navegadores {
}

.carrusel-wrapper-marca .navegadores .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px
}

.carrusel-wrapper-marca .navegadores .arrow button {
    background-color: #FFFFFF;
    padding: 0;
    border-radius: 8px;
    border: 0;
    width: 40px;
    height: 40px
}

.carrusel-wrapper-marca .navegadores .arrow button svg {
}

.carrusel-wrapper-marca .navegadores .dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.carrusel-wrapper-marca .navegadores .dots ul.slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    flex-wrap: wrap
}

.carrusel-wrapper-marca .navegadores .dots ul.slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center
}

.carrusel-wrapper-marca .navegadores .dots ul.slick-dots li button {
    width: 8px;
    height: 8px;
    background-color: #E8E8E8;
    border-radius: 100%;
    border: 0;
    padding: 0;
    margin: 3px 6px
}

.carrusel-wrapper-marca .navegadores .dots ul.slick-dots li.active button {
}

.carrusel-wrapper-marca .navegadores .dots ul.slick-dots li.slick-active button {
    background-color: #202124
}

.carrusel-wrapper-marca .navegadores .arrow.left {
    left: 0
}

.carrusel-wrapper-marca .navegadores .arrow.right {
    right: 0
}

@media (max-width: 768px) {
    .carrusel-wrapper-marca .navegadores .arrow {
        display: none
    }
}

.botones-laterales {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 1
}

.botones-laterales ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.botones-laterales ul li {
    margin: 9px 0px
}

.botones-laterales ul li a {
    background-color: #4CC7F4;
    display: flex;
    align-items: center;
    border-radius: 130px;
    padding: 10px;
    gap: 0
}

.botones-laterales ul li a .icono {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.botones-laterales ul li a .icono svg {
}

.botones-laterales ul li a .icono svg path {
    transition: .3s ease;
    fill: #001e50
}

.botones-laterales ul li a:hover {
    background-color: #202124
}

.botones-laterales ul li a:hover .icono svg path {
    fill: #fff
}

.botones-laterales ul li a:hover path {
    fill: #fff
}

.botones-laterales ul li a .texto {
    max-width: 0;
    overflow: hidden;
    transition: .3s ease;
    width: 100%
}

.botones-laterales ul li a .texto p {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    color: #001e50;
    font-size: 13px;
    transition: .3s ease;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap
}

.botones-laterales ul li a:hover .texto p {
    color: #fff
}

.botones-laterales ul:hover li a .texto {
    max-width: 210px
}

@media (max-width: 559px) {
    .botones-laterales {
    }

    .botones-laterales ul li a .icono {
        width: 20px;
        height: 20px
    }

    .botones-laterales ul li a .texto p {
        font-size: 13px
    }

    .botones-laterales {
        right: 15px;
        bottom: 13px
    }
}

.piso-cotizador.formulario-contacto .wrapper-content .right .formulario.primer-paso form .input-texts {
    justify-content: center
}

.piso-cotizador.formulario-contacto .right#paso-1 {
    margin-bottom: 30px
}

.piso-agenda-visita {
    padding-top: 70px;
    padding-bottom: 70px
}

.piso-agenda-visita.mantenciones {
    padding-top: 0;
}

.piso-agenda-visita .titulo-sect {
}

.piso-agenda-visita .wrapper-content-agenda {
}

.piso-agenda-visita .wrapper-content-agenda .top-bg {
    min-height: 214px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden
}

.piso-agenda-visita .wrapper-content-agenda .bajada {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 35px;
    position: relative
}

.piso-agenda-visita .wrapper-content-agenda .bajada h3 {
    color: #202124;
    font-size: 24px;
    font-weight: bold;
    position: relative
}

.piso-agenda-visita .wrapper-content-agenda .bajada p {
    color: #79797B;
    margin: 0;
    position: relative
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas {
    position: relative;
    z-index: 0;
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
    flex-wrap: wrap;
    justify-content: center
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item {
    padding: 0px 8px;
    padding-bottom: 16px;
    flex: 1;
    min-width: 240px;
    max-width: 241px;
    justify-content: ce
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .marca {
    min-height: 102px;
    display: flex;
    align-items: center;
    justify-content: center
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .marca figure {
    margin: 0;
    max-width: 95px;
    max-height: 95px
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .marca figure img {
    max-width: 100%;
    height: auto
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .botones {
    display: flex;
    flex-direction: column
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .botones a {
    text-align: center
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .botones a.boton {
    border: 1px solid #000000;
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202124;
    font-weight: 600;
    font-size: 13px;
    border-radius: 8px
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item a.boton.top {
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item a.boton.wtsp {
    margin-top: 5px;
    border-color: #20C75F;
    color: #20C75F
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int {
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px #00000014;
    border-radius: 12px;
    padding: 0px 10px 24px;
    background-color: #fff
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int .precios {
    margin-bottom: 15px;
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int .precios a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #202124;
    font-size: 14px;
    14px:; 14px: f; 14px: fo; 14px: f; font-weight: 500;
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int .precios a figure {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int .precios a figure img {
    display: block;
    width: 17px;
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item .botones a.boton:hover {
    background-color: #000000;
    color: #fff
}

.piso-agenda-visita .wrapper-content-agenda .items-marcas .item a.boton.wtsp:hover {
    background-color: #20C75F;
    color: #fff
}

.piso-agenda-visita .wrapper-content-agenda .bajada::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -103px;
    background-color: #F7F7F7
}

@media (max-width: 768px) {
    .piso-agenda-visita .wrapper-content-agenda .items-marcas {
        flex-wrap: nowrap;
        flex-direction: column
    }

    .piso-agenda-visita .wrapper-content-agenda .items-marcas .item {
        max-width: 100%;
        min-height: auto
    }

    .piso-agenda-visita .wrapper-content-agenda .items-marcas .item .wrapper-int {
        flex-direction: row;
        padding: 26px 18px;
        padding-left: 0
    }

    .piso-agenda-visita .wrapper-content-agenda .items-marcas .item .botones {
        flex: 1;
        justify-content: center
    }

    .piso-agenda-visita .wrapper-content-agenda .items-marcas .item .marca {
        padding-left: 15px;
        padding-right: 20px
    }

    .piso-agenda-visita .wrapper-content-agenda .bajada::before {
        display: none
    }

    .piso-agenda-visita .wrapper-content-agenda .bajada {
        text-align: left
    }
}

.piso-agendatuvisita {
    padding-bottom: 135px
}

.piso-agendatuvisita .wrapper-content {
    display: flex
}

.piso-agendatuvisita .wrapper-content .content {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-right: 60px
}

.piso-agendatuvisita .wrapper-content .content .content-text {
    padding-top: 40px
}

.piso-agendatuvisita .wrapper-content .content .content-text h5 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px
}

.piso-agendatuvisita .wrapper-content .content .content-text p {
    color: #101828;
    font-size: 14px
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones {
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .marca {
    display: none
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .marca figure {
    margin: 0
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .marca img {
    max-width: 100%;
    height: auto
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones {
    display: flex;
    gap: 20px;
    max-width: 423px;
    margin-top: 40px
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton {
    border: 1px solid #000000;
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202124;
    font-weight: 600;
    font-size: 13px;
    border-radius: 8px;
    padding: 0px 15px;
    flex: 1
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton.top {
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton.wtsp {
    border-color: #20C75F;
    color: #20C75F
}

.piso-agendatuvisita .wrapper-content .image {
    width: 50%
}

.piso-agendatuvisita .wrapper-content .image figure {
    min-height: 335px;
    margin: 0;
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.piso-agendatuvisita .wrapper-content .image figure .desktop {
}

.piso-agendatuvisita .wrapper-content .image figure .mobile {
    display: none
}

.piso-agendatuvisita .wrapper-content .image figure div {
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    l.e: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.piso-agendatuvisita .wrapper-content .image figure div {
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton.top:hover {
    background-color: #202124;
    color: #fff
}

.piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton.wtsp:hover {
    background-color: #20C75F;
    color: #fff
}

@media (max-width: 991px) {
    .piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones {
        flex-direction: column;
        gap: 0
    }

    .piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton.wtsp {
        margin-top: 5px
    }
}

@media (max-width: 768px) {
    .piso-agendatuvisita .titular-sect h4 {
        text-align: center;
        max-width: 375px
    }

    .piso-agendatuvisita .titular-sect {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .piso-agendatuvisita .wrapper-content {
        flex-direction: column-reverse
    }

    .piso-agendatuvisita .wrapper-content .content {
        width: 100%;
        padding: 0
    }

    .piso-agendatuvisita .wrapper-content .image {
        width: 100%
    }

    .piso-agendatuvisita .wrapper-content .image figure {
        min-height: auto;
        padding-top: 43%
    }

    .piso-agendatuvisita .wrapper-content .image figure .mobile {
        display: block
    }

    .piso-agendatuvisita .wrapper-content .image figure .desktop {
        display: none
    }

    .piso-agendatuvisita .wrapper-content .content .content-text {
        padding-top: 16px
    }

    .piso-agendatuvisita .wrapper-content .content .content-text h5 {
        font-size: 20px;
        margin-bottom: 8px
    }

    .piso-agendatuvisita .wrapper-content .content .content-text p {
        color: #79797B
    }

    .piso-agendatuvisita .wrapper-content .content .wrapper-botones .marca {
        display: flex;
        width: 150px;
        justify-content: center;
        align-items: center;
        padding: 0px 15px
    }

    .piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones {
        margin: 0;
        flex: 1;
        justify-content: center;
        max-width: 100%
    }

    .piso-agendatuvisita .wrapper-content .content .wrapper-botones .botones a.boton {
        flex: 0;
        text-align: center;
        width: 100%
    }

    .piso-agendatuvisita .wrapper-content .content .wrapper-botones {
        display: flex;
        box-shadow: 0px 0px 10px 0px #00000014;
        border-radius: 12px;
        padding: 20px 15px;
        background-color: #fff;
        padding-left: 0;
        margin-top: 20px
    }
}

.banner-ficha .fondo .texts .content .boton .boton-ficha {
    position: relative
}

.banner-ficha .fondo .texts .content .boton .boton-ficha button.ficha-tecnica {
    background-color: transparent;
    border-radius: 8px;
    overflow: hidden;
    padding: 11px 19px 10px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    outline: none;
    border: 1px solid #FFFFFF;
    color: #fff;
    position: relative;
    padding-right: 45px
}

.banner-ficha .fondo .texts .content .boton .boton-ficha button.ficha-tecnica span {
    position: absolute;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% + 2px);
    transform: translateY(-50%);
    width: 10px;
    transition: .3s ease
}

.banner-ficha .fondo .texts .content .boton .boton-ficha button.ficha-tecnica span svg {
    width: 100%;
    height: auto;
    transition: .3s ease
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul {
    padding: 0;
    background-color: #FFFFFF;
    border-radius: 4px;
    list-style: none;
    box-shadow: 0px 0px 10px 0px #00000014;
    transition: 0.3s ease;
    overflow: hidden
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li {
    border-bottom: 1px solid #E8E8E8;
    margin: 0;
    display: flex
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li a {
    background-color: transparent;
    white-space: nowrap;
    color: #202124;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 20px;
    position: relative;
    padding-right: 60px;
    border-radius: 0;
    flex: 1;
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li a figure {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li a figure img {
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li a:hover {
    background-color: #E8E8E8
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul li:last-child {
    border-bottom: 0
}

.banner-ficha .fondo .texts .content .boton .boton-ficha ul.active {
    min-height: auto
}

.banner-ficha .fondo .texts .content .boton .boton-ficha .wrapper-fichas {
    position: absolute;
    top: calc(100% + 10px);
    overflow: hidden;
    padding: 15px;
    left: -15px;
    transform: scaleY(0);
    transform-origin: top;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease
}

.banner-ficha .fondo .texts .content .boton .boton-ficha .wrapper-fichas.active {
    transform: scaleY(1);
    opacity: 1
}

.banner-ficha .fondo .texts .content .boton .boton-ficha button.ficha-tecnica.active span svg {
    transform: rotate(180deg)
}

@media (max-width: 1199px) {
    .banner-ficha .fondo .texts .content .boton {
        display: block
    }
}

@media (max-width: 991px) {
    .banner-ficha .fondo .texts .content .boton {
        display: flex
    }

    .banner-ficha .fondo .texts .content .boton .boton-ficha .wrapper-fichas {
        left: 14px;
        width: calc(100% - 20px);
        top: calc(100% - 25px);
        padding-left: 8px;
        padding-right: 8px
    }

    .banner-ficha .fondo .texts .content .boton .boton-ficha {
        position: initial
    }

    .banner-ficha .fondo .texts {
    }

    .banner-ficha .fondo {
        position: relative
    }

    .banner-ficha .fondo .texts .content .boton .boton-ficha ul li a {
        width: 100%;
        white-space: normal
    }
}

@media (max-width: 768px) {
    .banner-ficha .fondo .texts .content .boton .boton-ficha .wrapper-fichas.active {
        margin-top: 10px
    }
}

.piso-nuestros-servicios {
    padding-top: 75px;
    padding-bottom: 110px
}

.piso-nuestros-servicios .wrapper {
    display: flex;
    gap: 20px
}

.piso-nuestros-servicios .wrapper .item {
    flex: 1;
    display: flex;
    flex-direction: column
}

.piso-nuestros-servicios .wrapper .item .wrapper-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px 0px #00000014;
    border-radius: 12px;
    overflow: hidden;
    padding: 16px
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .imagen {
    padding-top: 26%;
    position: relative;
    margin-bottom: 15px
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .imagen figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .imagen figure.desktop {
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .imagen figure.mobile {
    display: none
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .content {
    text-align: center;
    flex: 1
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .content h3 {
    color: #202124;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .content p {
    color: #79797B;
    margin: 0
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .boton {
    text-align: center;
    padding: 20px 0px;
    padding-bottom: 5px
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
    min-width: 162px
}

.piso-nuestros-servicios .wrapper .item .wrapper-item .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8
}

.piso-nuestros-servicios .titulo-sect {
    margin-bottom: 45px
}

@media (max-width: 768px) {
    .piso-nuestros-servicios .wrapper {
        flex-direction: column;
        gap: 0
    }

    .piso-nuestros-servicios .wrapper .item {
        margin-bottom: 16px
    }

    .piso-nuestros-servicios .wrapper .item .wrapper-item .content h3 {
        font-size: 20px
    }

    .piso-nuestros-servicios .wrapper .item .wrapper-item .content p {
        font-size: 14px
    }

    .piso-nuestros-servicios .wrapper .item .wrapper-item .imagen figure.mobile {
        display: block
    }

    .piso-nuestros-servicios .wrapper .item .wrapper-item .imagen figure.desktop {
        display: none
    }

    .piso-nuestros-servicios .wrapper .item .wrapper-item .imagen {
        padding-top: 46%
    }
}

.mantenciones-top {
}

.mantenciones-top .franja-top {
    /* min-height: 113px; */
    display: flex;
    align-items: center;
    padding: 40px 0px 32px;
}

.mantenciones-top .franja-top h1 {
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
}

.mantenciones-top .logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mantenciones-top .logo figure {
    margin: 0;
}

.mantenciones-top .logo figure img {
    max-width: 120px;
    height: auto;
}

.item-listado-mantenciones {
    margin-top: 30px;
    margin-bottom: 90px;
}

.item-listado-mantenciones .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.item-listado-mantenciones .top .titulares {
}

.item-listado-mantenciones .top .titulares h2 {
    color: #202124;
    24px: font-w; 24px: font-w; 24px: font-; 24px: font; 24px: fon; 24px: fo; 24px: f; font-weight: bold;
    font-size: 24px;
    margin: 0;
}

.item-listado-mantenciones .top .titulares p {
    color: #202124;
    margin: 0;
    font-size: 16px;
}

.item-listado-mantenciones .top .descargar {
}

.item-listado-mantenciones .top .descargar a {
    color: #202124;
    border-radius: 8px;
    border: 1px solid #202124;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    padding: 8px 20px;
    padding-right: 50px;
    position: relative;
}

.item-listado-mantenciones .top .descargar a figure {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-listado-mantenciones .top .descargar a figure svg {
    width: 18px;
    height: auto;
}

.item-listado-mantenciones .top .descargar a:hover {
    background-color: #202124;
    color: #fff;
}

.item-listado-mantenciones .top .descargar a:hover figure svg path {
}

.item-listado-mantenciones .top .descargar a:hover .hover {
    stroke: #fff;
}

.item-listado-mantenciones .top .descargar a:hover path.hover-path {
    fill: #fff;
}

.item-listado-mantenciones .top .descargar a figure svg path {
    transition: .3s ease;
}

.item-listado-mantenciones .wrapper-table {
}

.item-listado-mantenciones .wrapper-table table.table {
}

.item-listado-mantenciones .wrapper-table table.table th {
    background-color: #202124;
    color: #fff;
    font-size: 14px;
    padding: 15px 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.item-listado-mantenciones .wrapper-table table.table tbody {
}

.item-listado-mantenciones .wrapper-table table.table tbody tr {
}

.item-listado-mantenciones .wrapper-table table.table tbody tr td {
    padding: 0;
    vertical-align: middle;
    padding: 16px 10px;
    border-bottom: 1px solid #2021241c;
    color: #202124;
    font-size: 14px;
    background-color: transparent;
}

.item-listado-mantenciones .wrapper-table table.table tbody tr td figure {
    margin: 0;
}

.item-listado-mantenciones .wrapper-table table.table tbody tr td figure img {
    max-width: 130px;
}

.item-listado-mantenciones .wrapper-table table.table th figure.mobile-scroll {
    margin: 0;
    margin-left: 5px;
    display: none;
}

.item-listado-mantenciones .wrapper-table table.table th figure.mobile-scroll img {
    width: 27px;
    height: auto;
}

@media (max-width: 991px) {
    .item-listado-mantenciones .wrapper-table table.table th figure.mobile-scroll {
        display: block;
    }
}

@media (max-width: 768px) {
    .item-listado-mantenciones .top {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .item-listado-mantenciones .top .titulares h2 {
        font-size: 18px;
    }

    .item-listado-mantenciones .top .titulares {
        width: 100%;
        margin-bottom: 16px;
    }

    .item-listado-mantenciones .wrapper-table table.table th {
        padding: 9px 8px;
    }

    .mantenciones-top .franja-top h1 {
        font-size: 24px;
    }

    .mantenciones-top .franja-top {
        padding: 22px 0px;
    }
}

.mensaje-agenda {
    padding-bottom: 100px;
}

.mensaje-agenda h4 {
    color: #202124;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 35px;
}

.mensaje-agenda .botones {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.mensaje-agenda .botones a {
    border: 1px solid #000000;
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202124;
    font-weight: 600;
    font-size: 13px;
    border-radius: 8px;
    padding: 7px 25px;
}

.mensaje-agenda .botones a.verde {
    border-color: #20C75F;
    color: #20C75F;
}

.mensaje-agenda .botones a:hover {
    background-color: #202124;
    color: #fff;
}

.mensaje-agenda .botones a.verde:hover {
    background-color: #20C75F;
    color: #fff;
}

@media (max-width: 768px) {
    .mensaje-agenda h4 {
        font-size: 24px;
    }

    .mensaje-agenda .botones {
        flex-direction: column;
        gap: 0;
        max-width: 206px;
        margin: 0 auto;
    }

    .mensaje-agenda .botones a.verde {
        margin-top: 8px;
    }
}

.error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    text-align: center;
}

.error-404 h2 {
    font-weight: bold;
    font-size: 146px;
    margin: 0;
}

.error-404 h3 {
    font-size: 50px;
    font-weight: bold;
    margin-top: -20px;
    margin-bottom: 20px;
}

.error-404 p {
    font-size: 16px;
}

.error-404 .boton {
}

.error-404 .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
}

.error-404 .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

@media (max-width: 768px) {
    .error-404 h2 {
        font-size: 120px;
    }

    .error-404 h3 {
        font-size: 40px;
    }

    .error-404 {
        min-height: 50vh;
    }
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text .boxes-interior {
    display: flex;
    gap: 40px;
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text .boxes-interior .box {
    flex: 1;
}

.contenedor-general .contenedor-wrapper .wrapper-gral .content-text .boxes-interior .box h4 {
    font-size: 20px;
    font-weight: bold;
    font.-w: ;
    font.-w: b;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .contenedor-general .contenedor-wrapper .wrapper-gral .content-text .boxes-interior {
        gap: 0;
        flex-direction: column;
    }

    .contenedor-general .contenedor-wrapper .wrapper-gral .content-text .boxes-interior .box {
        margin-bottom: 35px;
    }
}

.piso-repuestos-sliders {
    margin: 75px 0px;
}

.piso-repuestos-sliders .wrapper {
    display: flex;
}

.piso-repuestos-sliders .wrapper .carrusel {
    width: 55%;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos {
    position: relative;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: rgb(32 33 36 / 30%);
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    outline: none;
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow svg {
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .item {
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .item img {
    max-width: 100%;
    height: auto;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-list {
    overflow: hidden;
    border-radius: 12px;
}

.piso-repuestos-sliders .wrapper .content {
    width: 45%;
    display: flex;
    align-items: end;
    padding-bottom: 35px;
}

.piso-repuestos-sliders .wrapper .content .wrapper-content {
    padding-left: 38px;
}

.piso-repuestos-sliders .wrapper .content .wrapper-content h2 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.piso-repuestos-sliders .wrapper .content .wrapper-content p {
    color: #101828;
    font-size: 14px;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow svg g path {
    stroke: #fff;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow.slick-prev {
    left: 10px;
    z-index: 1;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow.slick-next {
    right: 10px;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos ul.slick-dots {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0px 65px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos ul.slick-dots li {
    margin: 6px;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos ul.slick-dots li button {
    font-size: 0;
    padding: 0;
    border: 0;
    background-color: #E8E8E8;
    width: 8px;
    height: 8px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos ul.slick-dots li.slick-active button {
    background-color: #202124;
}

@media (max-width: 768px) {
    .piso-repuestos-sliders {
        margin: 65px 0px;
        margin-bottom: 50px;
    }

    .piso-repuestos-sliders .wrapper {
        flex-direction: column;
    }

    .piso-repuestos-sliders .wrapper .carrusel {
        width: 100%;
        margin-bottom: 50px;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos ul.slick-dots {
        position: relative;
        bottom: 0;
        margin-top: 25px;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow {
        top: initial;
        bottom: -29px;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow.slick-prev {
        left: 0;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow.slick-next {
        right: 0;
    }

    .piso-repuestos-sliders .wrapper .content {
        width: 100%;
        padding: 0;
    }

    .piso-repuestos-sliders .wrapper .content .wrapper-content {
        padding-left: 0;
    }

    .piso-repuestos-sliders .wrapper .content .wrapper-content h2 {
        font-size: 24px;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow svg g path {
        stroke: #4C4D4F;
    }

    .piso-repuestos-sliders .wrapper .carrusel .carrusel-repuestos .slick-arrow {
        background-color: #F8F8F8;
    }
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts {
    flex-direction: column;
    gap: 0;
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .top {
    display: flex;
    gap: 80px;
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .top .columna {
    flex: 1;
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .top .columna .piso {
    width: 100%;
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .bottom label {
    width: 100%;
}

.piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .bottom textarea {
    border: 1px solid #D2D2D3;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 10px 15px;
    color: #79797B;
    resize: none;
    width: 100%;
    min-height: 144px;
}

@media (max-width: 768px) {
    .piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .top {
        gap: 0;
        flex-direction: column;
    }

    .piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .piso label {
        margin-bottom: 20px;
    }

    .piso-cotizador.formulario-contacto.formulario-repuestos .wrapper-content .right .formulario form .input-texts .top .columna:first-child .piso:first-child label {
        margin-bottom: 41px;
    }
}

a.btn-primary {
    border: 1px solid #202124;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 72px;
    padding: 5px 10px;
    margin-right: 4px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    background-color: #202124;
    color: #fff;
}

a.btn-primary:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

.tiular-section {
    margin: 50px 0px;
}

.tiular-section h3 {
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.foto-descripcion.variacion-1 .wrapper {
    gap: 64px;
}

.boton-convenios a.boton-general {
    border: 1px solid #202124;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 145px;
    padding: 5px 10px;
    margin-right: 0px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    background-color: #202124;
    color: #fff;
    width: inherit;
    margin-top: 0;
}

.boton-convenios a.boton-general:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

.boton-convenios {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .foto-descripcion.variacion-1 .wrapper {
        gap: 0;
    }

    .foto-descripcion.variacion-1 .wrapper .content {
        margin-top: 30px;
    }

    .boton-convenios {
        margin-top: 20px;
    }

    .tiular-section {
        margin-bottom: 30px;
    }

    .tiular-section h3 {
        font-size: 24px;
    }
}

.listado-beneficios {
    margin-bottom: 90px;
}

.listado-beneficios .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 34px 20px;
}

.listado-beneficios .wrapper .item {
    width: calc(33.33% - 14px);
}

.listado-beneficios .wrapper .item .itemw-wrap {
    display: flex;
}

.listado-beneficios .wrapper .item .itemw-wrap .icon {
}

.listado-beneficios .wrapper .item .itemw-wrap .icon figure {
}

.listado-beneficios .wrapper .item .itemw-wrap .icon figure img {
}

.listado-beneficios .wrapper .item .itemw-wrap .content {
    padding-left: 22px;
}

.listado-beneficios .wrapper .item .itemw-wrap .content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #202124;
    margin-bottom: 20px;
    min-height: 48px;
}

.listado-beneficios .wrapper .item .itemw-wrap .content ul {
    list-style: none;
    padding: 0;
}

.listado-beneficios .wrapper .item .itemw-wrap .content ul li {
}

.listado-beneficios .wrapper .item .itemw-wrap .content ul li {
    color: #202124;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

.listado-beneficios .wrapper .item .itemw-wrap .content ul li::before {
    width: 6px;
    height: 6px;
    content: '';
    display: block;
    background-color: #16CB7D;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 9px;
}

.listado-beneficios .boton-convenios {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .listado-beneficios .wrapper .item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .listado-beneficios .wrapper .item {
        width: 100%;
        margin-bottom: 35px;
    }

    .listado-beneficios .wrapper {
        gap: 0;
    }

    .listado-beneficios .wrapper .item .itemw-wrap .content h4 {
        font-size: 18px;
        min-height: auto;
    }

    .listado-beneficios .wrapper .item .itemw-wrap .content {
        padding-left: 12px;
    }

    .listado-beneficios .wrapper .item:last-child {
        margin-bottom: 0;
    }

    .listado-beneficios .boton-convenios {
        display: none;
    }

    .listado-beneficios .wrapper .item .itemw-wrap .icon figure {
        width: 30px;
        height: auto;
    }

    .listado-beneficios .wrapper .item .itemw-wrap .icon figure img {
        width: 100%;
        height: auto;
    }
}

.piso-iniciativa {
    margin-bottom: 80px;
}

.carrusel-iniciativa {
}

.carrusel-iniciativa .slick-track {
    display: flex;
}

.carrusel-iniciativa .item {
    min-height: auto;
    height: auto;
    flex: 1;
    display: flex !important;
    padding: 15px 12px;
}

.carrusel-iniciativa .item .item-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #0000001c;
}

.carrusel-iniciativa .item .item-wrapper .icon {
    min-height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carrusel-iniciativa .item .item-wrapper .icon figure {
    margin: 0;
}

.carrusel-iniciativa .item .item-wrapper .icon figure img {
    max-width: 100%;
    height: auto;
}

.carrusel-iniciativa .item .item-wrapper .content {
    flex: 1;
    padding: 0px 22px;
    padding-bottom: 48px;
}

.carrusel-iniciativa .item .item-wrapper .content h4 {
    color: #202124;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
}

.carrusel-iniciativa .item .item-wrapper .content p {
    margin: 0;
    color: #202124;
    font-size: 14px;
}

.piso-iniciativa .boton-convenios {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .carrusel-iniciativa {
        margin-left: -20px;
        margin-right: -20px;
    }

    .carrusel-iniciativa .slick-list {
        padding-right: 11% !important;
    }
}

@media (max-width: 514px) {
    .carrusel-iniciativa .slick-list {
        padding-right: 27% !important;
    }
}

.piso-nuestros-modelos {
    background: #202124;
    background: -webkit-linear-gradient(121deg, rgba(32, 33, 36, 1) 0%, rgba(18, 19, 26, 0.98) 100%);
    background: -moz-linear-gradient(121deg, rgba(32, 33, 36, 1) 0%, rgba(18, 19, 26, 0.98) 100%);
    background: linear-gradient(121deg, rgba(32, 33, 36, 1) 0%, rgba(18, 19, 26, 0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#202124", endColorstr="#12131A", GradientType=0);
    padding-top: 10px;
    padding-bottom: 115px;
}

.piso-nuestros-modelos .tiular-section {
}

.piso-nuestros-modelos .wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 950px;
    margin: 0 auto;
    gap: 30px;
}

.piso-nuestros-modelos .wrapper .item {
    width: calc(33.33% - 20px);
    position: relative;
}

.piso-nuestros-modelos .wrapper .item a {
    display: flex;
}

.piso-nuestros-modelos .wrapper .item .item-wrap {
    position: relative;
    width: 100%;
    padding-top: 77%;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    overflow: hidden;
}

.piso-nuestros-modelos .wrapper .item .item-wrap figure {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 61%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.piso-nuestros-modelos .wrapper .item .item-wrap figure img {
    width: 100%;
    height: 100%;
}

.piso-nuestros-modelos .tiular-section h3 {
    color: #FFFFFF;
}

.piso-nuestros-modelos .wrapper .item .item-wrap::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.55;
    transition: .3s ease;
}

.piso-nuestros-modelos .wrapper .item a:hover .item-wrap::before {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .piso-nuestros-modelos .wrapper {
        gap: 0;
        margin-left: -7px;
        margin-right: -7px;
    }

    .piso-nuestros-modelos .wrapper .item {
        width: 50%;
        padding: 7px;
    }

    .piso-nuestros-modelos .tiular-section {
        margin-bottom: 40px;
    }
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso p {
    width: 100%;
    display: flex;
    margin: 0;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso p label {
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso p label br {
    display: none;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso p label span {
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso p label span input {
    width: 100%;
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .legal p {
    margin: 0;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .legal span.wpcf7-list-item {
    margin: 0;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .legal span.wpcf7-list-item input[type="checkbox"] {
    opacity: 1;
    width: 15px;
    15px: auto; height: 15px;
    top: 5px;
    left: 0;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar {
    position: relative;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar p {
    margin: 0;
    position: relative;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar input {
    background-color: #202124;
    border-radius: 8px;
    border: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 13px;
    min-width: 170px;
    transition: .3s ease;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar input:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar span.wpcf7-spinner {
    position: absolute;
    right: -30px;
    margin: 0;
    top: 11px;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #dd1212;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label input {
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B;
    width: 100%;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email input {
    padding-right: 40px;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .input-texts .piso label.email .icon {
    z-index: 1;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .wpcf7-response-output {
    border: 0;
    text-align: center;
    font-weight: bold;
}

.pagina-form .piso-cotizador .wrapper-content .right .formulario form .enviar .wrapper-button {
    position: relative;
}

.cotizador-ficha.pagina-form.gracias {
    flex: 1;
    display: flex;
    width: 100%;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form {
    width: 100%;
    flex: 1;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form .wrapper-content {
    min-height: 420px;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form .wrapper-content .right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form .wrapper-content .right .boton {
    margin-top: 40px;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form .wrapper-content .right .boton a {
    border: 1px solid #202124;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 72px;
    padding: 5px 30px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    background-color: #202124;
    color: #fff;
}

.cotizador-ficha.pagina-form.gracias .piso-cotizador.cotizador-form .wrapper-content .right .boton a:hover {
    color: #202124;
    background-color: #fff;
}

.card-model .bottom .botones button.vermas {
    background-color: #F3F3F3;
    border: 0;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    transition: .3s ease;
}

.card-model .bottom .botones button.vermas figure {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.card-model .bottom .botones button.vermas:hover {
    background-color: #cccccc;
}

.ofertas .card-model .auto {
    position: relative;
}

.ofertas .card-model .auto .dcto {
    color: #E00026;
    font-size: 14px;
    font-weight: 500;
    display: block;
    border: 1px solid #E00026;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    border-radius: 30px;
    padding: 2px 12px;
    top: 8px;
}

.ofertas .card-model .middle .precios {
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #e8e8e8;
    padding: 12px 10px;
    display: flex;
    flex-direction: column;
}

.ofertas .card-model .middle .content {
    padding-bottom: 12px;
}

.ofertas .card-model .middle .precios .lista {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.ofertas .card-model .middle .precios .lista .text {
    color: #79797B;
    font-size: 14px;
}

.ofertas .card-model .middle .precios .lista .price {
    color: #79797B;
    font-size: 14px;
}

.ofertas .card-model .middle .precios .oferta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ofertas .card-model .middle .precios .oferta .text {
    color: #101828;
    font-size: 16px;
    font-weight: bold;
}

.ofertas .card-model .middle .precios .oferta .price {
    color: #E00026;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.ofertas .card-model .middle {
    padding-bottom: 0;
}

.ofertas .card-model .acordeon-specs {
    padding: 12px 10px;
    border-top: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    display: none;
}

.ofertas .card-model .acordeon-specs .item {
    color: #79797B;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.ofertas .card-model .acordeon-specs .item .text {
}

.ofertas .card-model .acordeon-specs .item .spec {
    padding-left: 10px;
}

.ofertas .card-model .bottom .botones button.vermas.rotated figure {
    rotate: 180deg;
}

.ofertas .card-model .bottom .botones a.cotiza {
    margin-right: 10px;
}

.legales-landing {
    margin-bottom: 65px;
    text-align: center;
}

.listado-modelos .sold .card-model::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(32 33 36 / 42%);
    z-index: 2;
    background-image: url(img/sold-landing.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.listado-modelos.ofertas .card-model {
    overflow: hidden;
}

@media (max-width: 549px) {
    .listado-modelos .sold .card-model::before {
        background-size: 35%;
    }
}

.legales-landing p a {
    text-decoration: underline;
    color: #000;
}

.legales-landing p a:hover {
    text-decoration: none;
}

.card-model .auto .badges {
    position: absolute;
    top: 8px;
    left: 13px;
    right: 13px;
    display: flex;
}

.card-model .auto .badges .dcto {
    position: relative;
    margin-right: 0;
    top: 0;
}

.card-model .auto .badges .cyber {
    font-size: 12px;
    font-weight: 500;
    display: block;
    border: 1px solid #F09124;
    position: relative;
    background-color: #202124;
    z-index: 1;
    border-radius: 30px;
    padding: 2px 14px;
    margin-right: 6px;
    color: #FFFFFF;
}

.card-model .auto .badges .cyber span {
    color: #F09124;
}

.listado-modelos.ofertas {
    grid-template-columns: repeat(auto-fit, minmax(279px, 1fr));
}

.listado-modelos .sold-cyber .card-model::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(32 33 36 / 42%);
    z-index: 2;
    background-image: url(img/sold-cyber.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.aniversario .card-model .auto .badges .cyber {
    font-size: 12px;
}

.aniversario .card-model .auto .badges .dcto {
    font-size: 12px;
}

.listado-modelos.ofertas.aniversario {
    grid-template-columns: repeat(auto-fit, minmax(296px, 1fr));
}

.audicare .title {
    padding: 21px 0px;
}

.audicare .title p {
    margin: 0;
    text-align: center;
}

.audicare .title p a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.audicare .title p a:hover {
    color: #c8c8c8;
}

.audicare .porque-elegirnos {
    padding-top: 88px;
    padding-bottom: 84px;
}

.audicare .porque-elegirnos .titular {
    text-align: center;
    margin-bottom: 68px;
}

.audicare .porque-elegirnos .titular h2 {
    color: #202124;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.audicare .porque-elegirnos .titular p {
    color: #101828;
    margin: 0;
    font-size: 16px;
}

.audicare .porque-elegirnos .iconos {
    display: flex;
    gap: 33px;
}

.audicare .porque-elegirnos .iconos .item {
    flex: 1;
}

.audicare .porque-elegirnos .iconos .item .icon {
    min-height: 150px;
    margin-bottom: 15px;
}

.audicare .porque-elegirnos .iconos .item .icon figure {
    min-height: 78px;
    margin-bottom: 26px;
}

.audicare .porque-elegirnos .iconos .item .icon figure img {
    max-width: 100%;
    height: auto;
}

.audicare .porque-elegirnos .iconos .item h3 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.audicare .porque-elegirnos .iconos .item .parrafo {
}

.audicare .porque-elegirnos .iconos .item .parrafo p {
    color: #777777;
    font-size: 14px;
    margin: 0;
}

.audicare .porque-elegirnos .boton {
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audicare .porque-elegirnos .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
}

.audicare .porque-elegirnos .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

@media (max-width: 991px) {
    .audicare .porque-elegirnos .iconos {
        display: flex;
        flex-wrap: wrap;
    }

    .audicare .porque-elegirnos .iconos .item {
        width: calc(50% - 17px);
        flex: initial;
    }
}

@media (max-width: 768px) {
    .audicare .porque-elegirnos .titular h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .audicare .porque-elegirnos {
        padding-top: 64px;
        padding-bottom: 88px;
    }

    .audicare .porque-elegirnos .titular {
        margin-bottom: 40px;
    }

    .audicare .porque-elegirnos .iconos {
        gap: 0;
    }

    .audicare .porque-elegirnos .iconos .item .icon {
        min-height: auto;
    }

    .audicare .porque-elegirnos .iconos .item {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .audicare .porque-elegirnos .iconos .item .icon figure {
        margin-bottom: 24px;
        min-height: auto;
    }

    .audicare .porque-elegirnos .iconos .item .parrafo p {
        font-size: 16px;
    }

    .audicare .porque-elegirnos .iconos .item:last-child {
        margin-bottom: 0;
    }
}

.audicare .nuestros-servicios {
    padding-bottom: 80px;
}

.audicare .nuestros-servicios .titular {
    margin-bottom: 60px;
}

.audicare .nuestros-servicios .titular h2 {
    color: #202124;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.audicare .nuestros-servicios .wrapper-items {
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.audicare .nuestros-servicios .wrapper-items .item {
    width: calc(33% - 8px);
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #00000014;
    padding: 15px;
    border-radius: 12px;
    padding-bottom: 24px;
}

.audicare .nuestros-servicios .wrapper-items .item .imagen {
    width: 100%;
    padding-top: 56%;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    margin-bottom: 24px;
}

.audicare .nuestros-servicios .wrapper-items .item h4 {
    color: #101828;
    font-size: 18px;
    font-weight: bold;
    font.w: ;
    font.w: b;
    margin-bottom: 16px;
}

.audicare .nuestros-servicios .wrapper-items .item p {
    color: #777777;
    font-size: 14px;
    margin: 0;
}

.audicare .nuestros-servicios .boton {
    display: flex;
    align-items: center;
    justify-content: center;
}

.audicare .nuestros-servicios .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
}

.audicare .nuestros-servicios .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

@media (max-width: 991px) {
    .audicare .nuestros-servicios .wrapper-items .item {
        width: calc(50% - 9px);
    }
}

@media (max-width: 768px) {
    .audicare .nuestros-servicios .titular h2 {
        font-size: 24px;
    }

    .audicare .nuestros-servicios .titular {
        margin-bottom: 40px;
    }

    .audicare .nuestros-servicios .wrapper-items {
        gap: 0;
    }

    .audicare .nuestros-servicios .wrapper-items .item {
        width: 100%;
        margin-bottom: 24px;
    }

    .audicare .nuestros-servicios .wrapper-items .item p {
        font-size: 16px;
    }

    .audicare .nuestros-servicios .wrapper-items .item h4 {
        margin-bottom: 5px;
    }

    .audicare .nuestros-servicios .wrapper-items .item:last-child {
        margin-bottom: 0;
    }

    .audicare .nuestros-servicios {
        padding-bottom: 64px;
    }
}

.audicare .como-funciona {
    padding-bottom: 112px;
}

.audicare .como-funciona .top {
    background-color: #F7F7F7;
    padding-top: 40px;
}

.audicare .como-funciona .top h2 {
    text-align: center;
    color: #202124;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 59px;
}

.audicare .como-funciona .top .items-wrapper {
    display: flex;
    gap: 40px;
    padding-bottom: 155px;
}

.audicare .como-funciona .top .items-wrapper .item {
    display: flex;
    flex: 1;
}

.audicare .como-funciona .top .items-wrapper .item .num {
    color: #B63F45;
    font-size: 30px;
    font-weight: 600;
    margin-right: 17px;
}

.audicare .como-funciona .top .items-wrapper .item .txt {
}

.audicare .como-funciona .top .items-wrapper .item .txt p {
    margin: 0;
    color: #101828;
    font-size: 18px;
    padding-top: 11px;
    line-height: 1.2;
}

.audicare .como-funciona .bottom {
    margin-top: -90px;
}

.audicare .como-funciona .bottom .box {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #00000014;
    border-radius: 12px;
    padding: 40px 15px;
    padding-bottom: 38px;
}

.audicare .como-funciona .bottom .box h3 {
    text-align: center;
    color: #202124;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.audicare .como-funciona .bottom .box .boton {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.audicare .como-funciona .bottom .box .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: #202124;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
}

.audicare .como-funciona .bottom .box h3 span {
    color: #B63F45;
}

.audicare .como-funciona .bottom .box .boton a:hover {
    background-color: #E8E8E8;
    color: #202124;
    border-color: #E8E8E8;
}

@media (max-width: 768px) {
    .audicare .como-funciona .top h2 {
        font-size: 24px;
        max-width: 340px;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .audicare .como-funciona .top .items-wrapper {
        gap: 0;
        flex-direction: column;
        padding-bottom: 130px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .audicare .como-funciona .top .items-wrapper .item {
        margin-bottom: 16px;
    }

    .audicare .como-funciona .top .items-wrapper .item:last-child {
        margin-bottom: 0;
    }

    .audicare .como-funciona .bottom .box h3 {
        font-size: 20px;
        max-width: 325px;
        margin: 0 auto;
    }

    .audicare .como-funciona .bottom .box {
        padding: 43px 15px;
    }

    .audicare .como-funciona {
        padding-bottom: 88px;
    }

    .audicare .como-funciona .top .items-wrapper .item .txt p {
        font-size: 16px;
        padding-top: 17px;
    }
}

.audicare .donde-encontrarnos {
    padding-bottom: 135px;
}

.audicare .donde-encontrarnos .titular {
    margin-bottom: 65px;
}

.audicare .donde-encontrarnos .titular h2 {
    color: #202124;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}

.audicare .donde-encontrarnos .wrapper {
    display: flex;
    gap: 39px;
}

.audicare .donde-encontrarnos .wrapper .map {
    flex: 1;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.audicare .donde-encontrarnos .wrapper .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.audicare .donde-encontrarnos .wrapper .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 40px;
}

.audicare .donde-encontrarnos .wrapper .content .item {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
}

.audicare .donde-encontrarnos .wrapper .content .item figure {
    margin: 0;
    width: 50px;
    height: auto;
}

.audicare .donde-encontrarnos .wrapper .content .item figure img {
}

.audicare .donde-encontrarnos .wrapper .content .item .txt {
    flex: 1;
    padding-left: 15px;
}

.audicare .donde-encontrarnos .wrapper .content .item .txt p {
    margin: 0;
    color: #777777;
    font-size: 16px;
}

.audicare .donde-encontrarnos .wrapper .content .item:last-child {
    margin-bottom: 0;
}

.audicare .donde-encontrarnos .wrapper .content .item .txt p a {
    color: #777777;
}

.audicare .donde-encontrarnos .wrapper .content .item .txt p a:hover {
    color: #4d4d4d;
}

@media (max-width: 768px) {
    .audicare .donde-encontrarnos .titular h2 {
        font-size: 24px;
    }

    .audicare .donde-encontrarnos .titular {
        margin-bottom: 10px;
    }

    .audicare .donde-encontrarnos .wrapper {
        flex-direction: column;
        gap: 0;
    }

    .audicare .donde-encontrarnos .wrapper .map {
        padding-top: 65%;
        margin-bottom: 32px;
    }

    .audicare .donde-encontrarnos .wrapper .content {
        padding: 0;
    }

    .audicare .donde-encontrarnos .wrapper .content .item {
        margin-bottom: 18px;
    }

    .audicare .donde-encontrarnos {
        padding-bottom: 89px;
    }
}

.audicare .banner-reserva {
    padding-bottom: 112px;
}

.audicare .banner-reserva .wrapper-banner {
    background-color: #202124;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    padding: 22px;
    padding-top: 43px;
    display: flex;
    align-items: center;
}

.audicare .banner-reserva .wrapper-banner .bg-desktop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    display: flex;
}

.audicare .banner-reserva .wrapper-banner .bg-mobile {
    display: none;
}

.audicare .banner-reserva .wrapper-banner .wrapper-content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 965px;
}

.audicare .banner-reserva .wrapper-banner .wrapper-content h3 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 600;
    max-width: 380px;
    margin-bottom: 19px;
}

.audicare .banner-reserva .wrapper-banner .wrapper-content .boton a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 16px;
    background-color: transparent;
    border-radius: 8px;
    display: inline-block;
    padding: 11px 25px;
    border: 1px solid #FFFFFF;
}

.audicare .banner-reserva .wrapper-banner .wrapper-content .boton {
}

.audicare .banner-reserva .wrapper-banner .wrapper-content .audi-zentrum {
    margin-top: 39px;
    position: relative;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
}

.audicare .banner-reserva .wrapper-banner .wrapper-content .boton a:hover {
    background-color: #fff;
    color: #000;
}

@media (max-width: 768px) {
    .audicare .banner-reserva .wrapper-banner .bg-desktop {
        display: none;
    }

    .audicare .banner-reserva .wrapper-banner .bg-mobile {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        display: block;
    }

    .audicare .banner-reserva .wrapper-banner {
        padding-top: 60%;
        padding-bottom: 32px;
    }

    .audicare .banner-reserva .wrapper-banner .wrapper-content h3 {
        text-align: center;
        margin-bottom: 24px;
        font-size: 20px;
        max-width: 300px;
    }

    .audicare .banner-reserva .wrapper-banner .wrapper-content .boton {
        text-align: center;
    }

    .audicare .banner-reserva .wrapper-banner .wrapper-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .audicare .banner-reserva .wrapper-banner .wrapper-content .audi-zentrum {
        margin-top: 48px;
    }

    .audicare .banner-reserva {
        padding-bottom: 59px;
    }
}

.cotizador-ficha.pagina-form.audicare {
    position: relative;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador {
    padding-top: 0;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .titular {
    margin-bottom: 34px;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .titular h2 {
    color: #202124;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right {
    padding-top: 50px;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario {
    max-width: 967px;
    margin: 0 auto;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content {
    padding: 0;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts {
    gap: 10px 40px;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts .piso {
    width: calc(50% - 20px);
}

@media (max-width: 768px) {
    .cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts .piso {
        width: 100%;
    }

    .cotizador-ficha.pagina-form.audicare .piso-cotizador .titular h2 {
        font-size: 24px;
    }

    .cotizador-ficha.pagina-form.audicare .piso-cotizador .titular {
        margin-bottom: 40px;
    }

    .cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right {
        padding-top: 32px;
    }
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts .piso .icon {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 8px;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts .piso .icon img {
    max-width: 100%;
    height: auto;
}

.cotizador-ficha.pagina-form.audicare .piso-cotizador .wrapper-content .right .formulario .input-texts .piso label.fecha input {
    padding-right: 40px;
}

.cotizador-ficha.pagina-form.audicare .ancla {
    position: absolute;
    top: -90px;
}

.piso-vision-mision {
    position: relative;
    padding-top: 66px;
    padding-bottom: 111px;
}

.piso-vision-mision .bg-desktop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.piso-vision-mision .bg-mobile {
    display: none;
}

.piso-vision-mision .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 43px;
}

.piso-vision-mision .logo figure {
    margin: 0;
}

.piso-vision-mision .logo figure img {
    max-width: 100%;
    height: auto;
    display: block;
}

.piso-vision-mision .content {
    display: flex;
    gap: 74px;
}

.piso-vision-mision .content .item {
    flex: 1;
    text-align: center;
}

.piso-vision-mision .content .item h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.piso-vision-mision .content .item p {
    color: #FFFFFF;
    margin: 0;
    font-size: 16px;
}

.piso-vision-mision .container {
    position: relative;
}

@media (max-width: 768px) {
    .piso-vision-mision .bg-desktop {
        display: none;
    }

    .piso-vision-mision .bg-mobile {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        background-position: center;
        display: block;
    }

    .piso-vision-mision {
        padding-top: 64px;
        padding-bottom: 73px;
    }

    .piso-vision-mision .logo {
        margin-bottom: 72px;
    }

    .piso-vision-mision .content {
        gap: 0;
        flex-direction: column;
    }

    .piso-vision-mision .content .item {
        margin-bottom: 40px;
    }

    .piso-vision-mision .content .item:last-child {
        margin-bottom: 0;
    }
}

.modal-audicare .modal-content {
    position: relative;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.modal-audicare .modal-dialog {
    max-width: 435px;
}

.modal-audicare .modal-content .modal-header {
    padding: 0;
    border: 0;
}

.modal-audicare .modal-content .modal-header button.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    opacity: 1;
}

.modal-audicare .modal-content .modal-body {
    padding: 0;
    flex: 0;
    margin: 0;
}

@media (max-width: 768px) {
    .modal-audicare .modal-dialog {
        margin: 25px;
    }
}

.listado-modelos.ofertas.aniversario .item-auto.CarInvi {
    display: none;
}

/* Driving Experience */
#contenido.driving-experience.home .banner-page-interior .imagen, #contenido.driving-experience.gracias .banner-page-interior .imagen {
    min-height: 600px;
}

@media (max-width: 768px) {
    #contenido.driving-experience.home .banner-page-interior .imagen, #contenido.driving-experience.gracias .banner-page-interior .imagen {
        min-height: 400px;
    }
}

#contenido.driving-experience.home .wrapper-content .right .formulario form .input-texts .piso label input {
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B;
    width: 100%;
}

#contenido.driving-experience.home .wrapper-content .right .formulario form .legal span.wpcf7-list-item input[type="checkbox"] {
    opacity: 1;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 0;
}

#contenido.driving-experience.home .wrapper-content .right .formulario form .enviar input {
    background-color: #202124;
    border-radius: 8px;
    border: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 13px;
    min-width: 170px;
    transition: .3s ease;
}

#contenido.driving-experience.home .wrapper-content .right .formulario form .input-texts .piso label select {
    border: 1px solid #D2D2D3;
    min-height: 44px;
    border-radius: 8px;
    outline: none;
    box-shadow: none;
    padding: 0px 15px;
    color: #79797B;
    width: 100%;
}

/* Desabooladura y pintura */
.desabolladura-pintura .barra-negra {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}

.desabolladura-pintura .barra-negra h3 {
    font-size: 23px;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
}

.desabolladura-pintura .dyp-box {
    padding: 50px 0;
}

.desabolladura-pintura .dyp-box h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
}

.desabolladura-pintura .dyp-box p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

.desabolladura-pintura .dyp-box .boton {
    text-align: center;
    width: 200px;
    margin: 0 auto;
}

.desabolladura-pintura .dyp-box .boton a {
    border: 1px solid #202124;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 72px;
    padding: 5px 30px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    background-color: #202124;
    color: #fff;
}

.desabolladura-pintura .dyp-box .boton a:hover {
    background-color: #fff;
    color: #000;
}

/*landing VW*/
.ofertas .card-model .middle .precios .oferta .price span {
    width: 100%;
    display: block;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
/* eventos VW */
#contenido.eventos-zentrum{}
#contenido.eventos-zentrum .container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#contenido.eventos-zentrum .container #img-gracias-evento{
    margin-top: 30px;
}
#contenido.eventos-zentrum .container #img-gracias-evento img{
    width: 100%;
}
#contenido.eventos-zentrum .container .boton{
    margin-bottom: 50px;
    margin-top: 20px;
}
#contenido.eventos-zentrum .container .boton a{
    background-color: #202124;
    border-radius: 8px;
    border: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 13px;
    min-width: 170px;
    transition: .3s ease;
}