/* *****************************************************************
Theme Name: Zentrum Camiones
Theme URI: https://zentrumcamiones.cl/
Description: Theme para la web de Zentrum Camiones, desarrollado en html/js/css.
Author: Animal Creativo
Author URI: https://www.animalcreativo.cl
Version: 2026-04-01
****************************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap'); :root {
    --font: "Noto Sans", sans-serif;
    --radius8: 8px;
    --radius16: 16px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

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

button, button:hover, button:focus {
    transition: all 0.3s ease;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: var(--font);
    font-size: 16px;
    line-height: 22px;
    color: #565655;
    background-color: #ffffff;
}

.container-fluid {
    width: 100%;
    clear: both;
}

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

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

.d-desktop {
    display: block !important;
}

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

.container {
    display: flex;
    width: 1220px;
    margin: 0 auto;
}

section#contenido {
    flex: 1;
    padding-top: 110px;
}

header {
    background-color: #ffffff;
    position: fixed;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

header .barra-superior {
    background-color: #01205B;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding: 6px 0;
}

header .barra-superior .container {
    justify-content: space-between;
}

header .barra-superior .container a {
    color: #ffffff;
}

header .barra-superior .container a:hover {
    text-decoration: underline;
}

header .barra-superior .container span {
    font-weight: 600;
}

header .barra-principal {
    background-color: #ffffff;
}

header .barra-principal .container {
    justify-content: space-between;
}

header .barra-principal .container nav {
    display: flex;
    align-items: center;
}

header .barra-principal .container nav ul {
    display: flex;
    justify-content: space-between;
    width: 1000px;
}

header .barra-principal .container nav ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .barra-principal .container nav ul li.menu-item-has-children {
    padding: 0 10px;
}

header .barra-principal .container nav ul li a {
    padding: 10px 15px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #565655;
    margin: 0;
    text-align: center;
    height: 100%;
    align-items: center;
}

header .barra-principal .container nav ul li a:hover {
    color: #000000;
}

header .barra-principal .container nav ul li.cotizador a {
    background-color: #FF9A01;
    color: #ffffff;
    height: 40px;
    padding: 20px 20px;
}

header .barra-principal .container nav ul li.cotizador a:hover {
    background-color: #FFAE33;
}

header .barra-principal .container nav ul li.menu-item-has-children {
    position: relative;
}

header .barra-principal .container nav ul li.menu-item-has-children.hover-open > .sub-menu, header .barra-principal .container nav ul li.menu-item-has-children.open > .sub-menu {
    display: block;
}

header .barra-principal .container nav ul li.menu-item-has-children a {
    color: #565655;
}

header .barra-principal .container nav ul li.menu-item-has-children a::before {
    transition: transform 0.5s ease;
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 3px);
    width: 10px;
    height: 6px;
    background-image: url("img/flecha-abajo-gris.svg");
    z-index: 1;
    right: 10px;
}

header .barra-principal .container nav ul li.menu-item-has-children.hover-open:hover a::before {
    transition: transform 0.5s ease;
    transform: rotate(180deg);
}

header .barra-principal .container nav ul li.menu-item-has-children ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    min-width: 200px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 1px 4px #10182830;
    list-style: none;
    margin: 0;
    padding: 4px;
    max-width: 220px;
}

header .barra-principal .container nav ul li.menu-item-has-children ul.sub-menu li a {
    color: #565655;
    padding: 6px 10px;
}

header .barra-principal .container nav ul li.menu-item-has-children ul.sub-menu li a:hover {
    color: #000000;
}

header .barra-principal .container nav ul li.menu-item-has-children ul.sub-menu li a::before {
    display: none;
}

header .barra-principal .container .detalle {
    display: block;
    position: absolute;
    margin-top: 67px;
    z-index: 99;
}

header .barra-mobile {
    display: none;
}

footer {
    background: #002056;
    background: linear-gradient(66deg, #002056 30%, #585856 100%);
}

footer .barra-superior {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
}

footer .barra-menus {
    display: flex;
    justify-content: space-between;
}

footer .barra-menus .menu3 {
    margin-right: 100px;
}

footer .barra-menus h2 {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px;
}

footer .barra-menus ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px 60px;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 400px;
}

footer .barra-menus ul.menu-footer3 {
    grid-template-columns: 1fr;
}

footer .barra-menus ul li {
    list-style-type: none;
}

footer .barra-menus ul li a {
    color: #ffffff;
    font-size: 14px;
    display: block;
    padding: 6px 0;
}

footer .barra-menus ul li a:hover {
    color: #FFAE33;
}

footer .barra-menus ul li.menu-item-has-children {
    position: relative;
}

footer .barra-menus ul li.menu-item-has-children.hover-open > .sub-menu, footer .barra-menus ul li.menu-item-has-children.open > .sub-menu {
    display: block;
}

footer .barra-menus ul li.menu-item-has-children a {
    color: #ffffff;
}

footer .barra-menus ul li.menu-item-has-children a::before {
    transition: transform 0.5s ease;
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 10px;
    height: 6px;
    background-image: url("img/flecha-abajo-blanca.svg");
    z-index: 1;
}

footer .barra-menus ul li.menu-item-has-children.hover-open:hover a::before {
    transition: transform 0.5s ease;
    transform: rotate(180deg);
}

footer .barra-menus ul li.menu-item-has-children ul.sub-menu {
    display: none;
    position: absolute;
    /* top: 100%; */
    left: 0;
    z-index: 999;
    min-width: 200px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    padding: 4px;
    bottom: 30px;
}

footer .barra-menus ul li.menu-item-has-children ul.sub-menu li a {
    color: #565655;
    padding: 6px 10px;
}

footer .barra-menus ul li.menu-item-has-children ul.sub-menu li a:hover {
    color: #000000;
}

footer .barra-inferior {
    flex-direction: row-reverse;
}

footer .barra-inferior .menu4 {
    width: 150px;
    margin-bottom: 20px;
}

footer .barra-inferior .menu4 ul {
    display: flex;
    justify-content: space-between;
}

footer .barra-inferior .menu4 ul li {
    list-style-type: none;
}

footer .barra-mobile {
    display: none;
}

footer .barra-legales {
    padding: 32px 0;
    background-color: #002056;
}

footer .barra-legales .container {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: left;
    padding-left: 200px;
}

#fichamodelo {
    display: flex;
    flex-direction: column;
    padding-top: 110px;
}

#fichamodelo #portada {
    width: 100%;
    margin: 0;
    padding: 0;
}

#fichamodelo.volkswagen #portada {
    background-color: #ffffff;
}

#fichamodelo.man #portada {
    background-color: #F8F8F8
}

#fichamodelo #portada .container {
    justify-content: space-between;
    display: flex;
}

#fichamodelo #portada .container .imagen {
    width: 670px;
}

#fichamodelo #portada .container .imagen img {
    width: 100%;
    display: block;
}

#fichamodelo #portada .container .datos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 500px;
}

#fichamodelo #portada .container .datos h1 {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: 36px;
    font-weight: bold;
}

#fichamodelo #portada .container .datos h2 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

#fichamodelo.volkswagen #portada .container .datos h1, #fichamodelo.volkswagen #portada .container .datos h2 {
    color: #01205B;
}

#fichamodelo #portada .container .datos .separador {
    width: 100%;
    height: 1px;
    background-color: #D6D8DB;
    margin: 20px 0;
}

#fichamodelo #portada .container .datos .precio {
    width: 100%;
    margin-bottom: 20px;
}

#fichamodelo.man #portada .container .datos .precio .label {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #E40045;
}

#fichamodelo.man #portada .container .datos .precio .valor {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    color: #E40045;
}

#fichamodelo.volkswagen #portada .container .datos .precio .label {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #0082D6;
}

#fichamodelo.volkswagen #portada .container .datos .precio .valor {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    color: #0082D6;
}

#fichamodelo #portada .container .datos ul.datos li {
    list-style-type: none;
    color: #565655;
    margin-bottom: 5px;
}

#fichamodelo #portada .container .datos ul.datos li strong {
    /* margin-right: 5px; */
}

#fichamodelo #portada .container .datos .botonera {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 400px;
}

#fichamodelo #portada .container .datos .botonera a.ficha {
    border-radius: var(--radius8);
    border: 1px solid #0082D6;
    padding: 12px 20px 12px 48px;
    background-image: url(img/ic_desc_celeste.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-weight: 600;
    color: #0082D6;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
}

#fichamodelo #portada .container .datos .botonera a.ficha:hover {
    background-image: url(img/ic_desc_celeste-hover.svg);
    background-color: #0082D6;
    color: #ffffff;
}

#fichamodelo.man #portada .container .datos .botonera a.ficha {
    border: 1px solid #303c49;
    color: #303c49;
    background-image: url(img/ic_desc_celeste_coloreado.svg);
}

#fichamodelo.man #portada .container .datos .botonera a.ficha:hover {
    background-color: #303c49;
    color: #fff;
    background-image: url(img/ic_desc_celeste-hover.svg);
}

#fichamodelo #portada .container .datos .botonera a.cotizar {
    padding: 12px 40px;
    border-radius: var(--radius8);
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background-color: #FF9A01;
    border: 1px solid #FF9A01;
    line-height: 15px;
}

#fichamodelo #portada .container .datos .botonera a.cotizar:hover {
    background-color: #FFAE33;
    border: 1px solid #FFAE33;
}

#fichamodelo.volkswagen #huincha {
    background-color: #01205B;
    color: #ffffff;
    background-image: url(img/ficha-detalle_vw.svg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 25px 0 20px 0;
    min-height: 67px;
}

#fichamodelo.man #huincha {
    background-color: #303c49;
    color: #ffffff;
    background-image: url(img/ficha-detalle-man.svg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 25px 0 20px 0;
    min-height: 67px;
}

#fichamodelo #huincha {
    width: 100%;
    margin: 0;
}

#fichamodelo #huincha .container .mensaje {
    width: 100%;
    text-align: center;
}

#fichamodelo #presentacion {
    width: 100%;
    padding-top: 80px;
    background-color: #ffffff;
}

#fichamodelo #presentacion .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fichamodelo #presentacion .container .logo {
    margin-bottom: 50px;
}

#fichamodelo #presentacion .container h2 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 30px;
    color: #565655;
    font-weight: 600;
}

#fichamodelo #presentacion .container p {
    font-size: 16px;
    text-align: center;
    width: 80%;
    color: #565655;
    line-height: 25px;
}

#fichamodelo #detalles {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: #ffffff;
}

#fichamodelo #detalles .container {
    display: flex;
    flex-direction: column;
    width: 1140px;
}

#fichamodelo #detalles .container .piso {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 80px;
}

#fichamodelo #detalles .container .piso.par {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#fichamodelo #detalles .container .piso.impar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#fichamodelo #detalles .container .piso figure {
    width: 580px;
}

#fichamodelo #detalles .container .piso figure img {
    width: 100%;
    display: block;
    border-radius: 16px;
}

#fichamodelo #detalles .container .piso .contenido {
    width: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#fichamodelo #detalles .container .piso.par .contenido {
    display: flex;
    align-items: flex-start;
}

#fichamodelo #detalles .container .piso .contenido h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 20px;
    color: #565655;
}

#fichamodelo #detalles .container .piso .contenido p {
    color: #565655;
    font-size: 16px;
    line-height: 22px;
}

#fichamodelo #galeria {
    background-repeat: no-repeat;
    background-position: center top;
}

#fichamodelo.man #galeria {
    background-color: #303C49;
    background-image: url(img/ficha-detalle-man.svg);
    border-top: 5px solid #E40045;
}

#fichamodelo.volkswagen #galeria {
    background-color: #01205B;
    background-image: url(img/ficha-detalle_vw.svg);
    border-top: 5px solid #00B0F0;
}

#fichamodelo #galeria #galeria-titulo h3 {
    color: #ffffff;
    font-size: 36px;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    line-height: 42px;
}

#fichamodelo #galeria #galeria-bajada {
    padding: 50px 0;
}

#fichamodelo #galeria #galeria-bajada .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1140px;
}

#fichamodelo #galeria #galeria-bajada .logo {
    margin-bottom: 60px;
}

#fichamodelo #galeria #galeria-bajada .logo img {
    display: block;
    width: 100%;
}

#fichamodelo #galeria #galeria-bajada ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#fichamodelo #galeria #galeria-bajada ul li {
    list-style: none;
}

#fichamodelo.man #galeria #galeria-bajada ul li a {
    background-color: #303C49;
}

#fichamodelo.volkswagen #galeria #galeria-bajada ul li a {
    background-color: #01205B;
}

#fichamodelo #galeria #galeria-bajada ul li a {
    padding: 12px 20px;
    border-radius: var(--radius8);
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #ffffff;
    line-height: 15px;
    text-align: center;
    display: flex;
    height: 100%;
    align-items: center;
}

#fichamodelo #galeria #galeria-bajada ul li a:hover {
    background-color: #ffffff;
    color: #01205B;
}

#fichamodelo #galeria #galeria-bajada ul li a.cotizar {
    background-color: #FF9A01;
    border: 1px solid #FF9A01;
    color: #ffffff;
}

#fichamodelo #galeria #galeria-bajada ul li a.cotizar:hover {
    background-color: #FFAE33;
    border: 1px solid #FFAE33;
}

#fichamodelo #galeria #galeria-bajada ul li a.wa {
    background-image: url(img/Whatsapp-image.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #25D366;
}

#fichamodelo #galeria #galeria-bajada ul li a.wa:hover {
    background-color: #25D366;
    color: #ffffff;
}

#formagendamiento #formulario .container h2 {
    margin-bottom: 30px;
}

#formagendamiento #formulario .container h4 {
    font-size: 18px;
    margin-bottom: 50px;
    color: #565655;
    font-weight: 600;
    text-align: center;
    line-height: 24px;
}

#formulario {
    padding: 50px 0;
}

#formulario .error {
    color: #d10000;
    font-size: 12px;
    font-weight: bold;
}

#formulario .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#formulario .container h2 {
    font-size: 36px;
    margin-bottom: 50px;
    color: #565655;
    font-weight: 600;
    line-height: 42px;
}

#formulario .container .form {
    display: flex;
    flex-direction: column;
}

#formulario .container .form .piso {
    display: flex;
    width: 900px;
    justify-content: space-between;
    margin-bottom: 30px;
}

#formulario .container .form .piso .col-50 {
    width: 50%;
    padding-right: 20px;
}

#formulario .container .form .piso .col-75 {
    width: 75%;
    padding-right: 20px;
}

#formulario .container .form .piso .col-25 {
    width: 25%;
    padding-right: 20px;
}

#formulario .container .form .piso .col-40 {
    width: 40%;
    padding-right: 20px;
}

#formulario .container .form .piso .col-20 {
    width: 20%;
    padding-right: 20px;
}

#formulario .container .form .piso .col-100 {
    width: 100%;
    padding-right: 20px;
}

#formulario .container .form .piso label {
    color: #565655;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    font-family: var(--font);
}

#formulario .container .form .piso input {
    border: 1px solid #99A5BD;
    background-color: #DFE4E8;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: var(--radius8);
    color: #999999;
    display: block;
    width: 100%;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--font);
}

#formulario .container .form .piso input::placeholder {
    color: #999999;
}

#formulario .container .form .piso input:focus, #formulario .container .form .piso input:focus-visible {
    background-color: #ffffff;
    color: #565655;
    border: 1px solid #01205b;
}

#formulario .container .form .piso textarea {
    min-height: 150px;
    border: 1px solid #99A5BD;
    background-color: #DFE4E8;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: var(--radius8);
    color: #999999;
    width: 100%;
    display: block;
    font-family: var(--font);
    line-height: 18px;
    font-weight: 400;
}

#formulario .container .form .piso .campos-obligatorios {
    font-size: 14px;
    font-weight: bold;
}

#formulario .container .form .piso textarea::placeholder {
    color: #999999;
    font-weight: 400;
    font-family: var(--font);
    font-size: 16px;
}

#formulario .container .form .piso textarea:focus-visible, #formulario .container .form .piso .col textarea:focus {
    background-color: #ffffff;
    color: #565655;
    border: 1px solid #01205b;
}

#formulario .container .form .piso .custom-select {
    position: relative;
    font-family: sans-serif;
    width: 100%;
}

#formulario .container .form .piso .custom-select .select-selected {
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease;
    border: 1px solid #99A5BD;
    background-color: #DFE4E8;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: var(--radius8);
    color: #999999;
    background-image: url(img/sel-flechaabajo.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    line-height: 18px;
    font-weight: 400;
    font-family: var(--font);
}

#formulario .container .form .piso .custom-select .select-selected:hover {
    background-color: #ffffff;
    color: #565655;
    border: 1px solid #01205b;
}

#formulario .container .form .piso .custom-select .select-options {
    position: absolute;
    width: 100%;
    border-top: none;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 10;
    border-radius: var(--radius8);
    margin-top: 3px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow: auto;
}

#formulario .container .form .piso .custom-select .select-options li {
    padding: 10px;
    cursor: pointer;
    transition: background 0.2s;
    border-bottom: 1px solid #a7b6c647;
    color: #565655;
    font-size: 16px;
    line-height: 22px;
}

#formulario .container .form .piso .custom-select .select-options li:hover {
    background: #dddddd47;
    color: #565655;
}

#formulario .container .form .piso .custom-select.open .select-options {
    display: block;
}

#formulario .container .form .piso button {
    padding: 12px 20px;
    border-radius: var(--radius8);
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    background-color: #DFE4E8;
    border: 1px solid #01205B;
    line-height: 16px;
    cursor: pointer;
    margin: 25px auto 0 auto;
}

#formulario .container .form .piso button:hover {
    background-color: #ffffff;
    border: 1px solid #01205B;
}

#fichamodelo.volkswagen #formulario {
    background-color: #DFE4E8;
    padding: 50px 0;
}

#fichamodelo.man #formulario {
    background-color: #F8F8F8;
    padding: 50px 0;
}

#fichamodelo.man #formulario .container .form .piso input, #fichamodelo.man #formulario .container .form .piso textarea, #fichamodelo.man #formulario .container .form .piso .custom-select .select-selected, #fichamodelo.man #formulario .container .form .piso button {
    background-color: #f8f8f8;
}

#fichamodelo.man #formulario .container .form .piso button:hover {
    background-color: #fff;
}

#galeria-imagenes {
    width: 1280px;
    margin: 0 auto;
}

#galeria-imagenes .carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    user-select: none;
    cursor: grab;
}

#galeria-imagenes .carousel-wrapper.dragging {
    cursor: grabbing;
}

#galeria-imagenes .carousel-track {
    display: flex;
    will-change: transform;
}

#galeria-imagenes .slide {
    flex: 0 0 70%;
    padding: 0;
    box-sizing: border-box;
    opacity: 0.35;
    transition: opacity 0.4s ease;
}

#galeria-imagenes .slide.active {
    opacity: 1;
}

#galeria-imagenes .slide-inner {
    height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#galeria-imagenes .slide-inner img {
    border-radius: 16px;
}

#galeria-imagenes .nav-desktop .btn-nav {
    position: absolute;
    top: 50%;
    background: #20212457;
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#galeria-imagenes .nav-desktop .btn-nav:hover {
    background-color: #20212494;
}

#galeria-imagenes .nav-desktop .btn-nav.prev {
    left: 12px;
}

#galeria-imagenes .nav-desktop .btn-nav.next {
    right: 12px;
}

#galeria-imagenes .nav-mobile {
    display: none;
}

#contenido .mod01 {
    background-image: url(img/mod01_fnd_desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#contenido .mod01 .container {
    display: flex;
    justify-content: space-between;
}

#contenido .mod01 .container .box {
    width: 500px;
    margin: 60px 30px;
}

#contenido .mod01 .container .box h2 {
    color: #ffffff;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 20px;
}

#contenido .mod01 .container .box p {
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 0 15px;
}

#contenido .mod02 {
    background-color: #ffffff;
}

#contenido .mod02#cmpl1 {
    padding-bottom: 100px;
}

#contenido .mod02#pp01 {
    padding-top: 60px;
}

#contenido .mod02#pp01 ul {
    padding-left: 30px;
    margin-bottom: 30px;
}

#contenido .mod02#pp01 .container {
    text-align: justify;
    padding-bottom: 120px;
}

#contenido .mod02#pp01 h2 {
    margin-top: 15px;
}

#contenido .mod02#pp01 p {
    margin-bottom: 10px;
}

#contenido .mod02 .container {
    display: flex;
    flex-direction: column;
    color: #565655;
    width: 1140px;
}

#contenido .mod02 .container h1 {
    color: #01205B;
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 20px 0;
}

#contenido .mod02 .container h2 {
    color: #01205B;
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 20px 0;
}

#contenido .mod02 .container p {
    margin: 0 0 50px 0;
}

#contenido .mod02 .container a {
    color: #FF9A01;
    text-decoration: underline;
}

#contenido .mod02 .container a:hover {
    color: #ffffff;
    background-color: #FFAE33;
}

#contenido .mod03 {
    padding: 0 0 50px 0;
    background-color: #ffffff;
}

#contenido .mod03 .container.menu {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 0px 0 25px 25px;
    background-color: #ffffff;
}

#contenido .mod03 .container.menu .botones {
    width: 1140px;
    margin: 0 auto;
}

#contenido .mod03 .container ul {
    background-color: #ffffff;
    padding: 25px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

#contenido .mod03 .container ul li {
    list-style-type: none;
    flex: 1;
    margin-right: 20px;
}

#contenido .mod03 .container ul li:last-child {
    margin: 0;
}

#contenido .mod03 .container ul li.active a {
    background-color: #FF9A01;
    color: #ffffff;
}

#contenido .mod03 .container ul li a {
    background-color: #f6f6f6;
    color: #565655;
    padding: 16px 0px;
    border-radius: var(--radius16);
    display: flex;
    justify-content: center;
    text-align: center;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
}

#contenido .mod03 .container ul li a:hover {
    background-color: #FFAE33;
    color: #ffffff;
}

#contenido .mod04 {
    background-color: #01205b;
    width: 100%;
    height: fit-content;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contenido .mod04 .fnd {
    max-width: 2220px;
    max-height: 495px;
}

#contenido .mod04 .contenido {
    position: absolute;
    width: 100%;
}

#contenido .mod04 .contenido .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod04 .contenido .container img.logo {
    width: 318px;
    height: 102px;
    margin-bottom: 20px;
}

#contenido .mod04 .contenido .container h1 {
    font-size: 54px;
    line-height: 58px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 500;
}

#contenido .mod04 .contenido .container h1 strong {
    font-weight: bold;
}

#contenido .mod04 .contenido .container p.texto {
    width: 540px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

#contenido .mod04 .contenido .container a.mod04_btn {
    background-color: #ffffff;
    color: #01205B;
    padding: 15px 20px;
    display: block;
    width: fit-content;
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod04 .contenido .container a.mod04_btn:hover {
    background-color: #CCD2DE;
}

#contenido .mod04 .contenido .container .bloque-html {
    width: 440px;
}

#contenido .mod04 .contenido .container .bloque-html ul.medallas {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#contenido .mod04 .contenido .container .bloque-html ul.medallas li {
    background-image: url("img/check_amarillo.png");
    list-style-type: none;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    color: #ffffff;
    margin: 0 10px 0 5px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod04 .contenido .container .bloque-html ul.medallas li:first-child {
    margin: 0 10px 0 0px;
}

#contenido .mod05 .container .contenido {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 24px 0;
    text-align: center;
    font-size: 22px;
    line-height: 26px;
}

#contenido.pageid-44 .mod05 .container .contenido, #contenido.pageid-42 .mod05 .container .contenido, #contenido.pageid-39 .mod05 .container .contenido, #contenido.pageid-46 .mod05 .container .contenido {
    font-size: 18px;
    line-height: 24px;
    padding: 60px 0;
}

#contenido .mod10 {
    background-color: #DFE4E8;
}

#contenido .mod07, #contenido .mod08, #contenido .mod09, #contenido .mod10 {
    background-color: #F2F3F6;
}

#contenido .mod07 #formulario .container .form .piso input, #contenido .mod08 #formulario .container .form .piso input, #contenido .mod09 #formulario .container .form .piso input, #contenido .mod10 #formulario .container .form .piso input {
    background-color: #F2F3F6;
}

#contenido .mod07 #formulario .container .form .piso .custom-select .select-selected, #contenido .mod08 #formulario .container .form .piso .custom-select .select-selected, #contenido .mod09 #formulario .container .form .piso .custom-select .select-selected, #contenido .mod10 #formulario .container .form .piso .custom-select .select-selected {
    background-color: #F2F3F6;
}

#contenido .mod07 #formulario .container .form .piso textarea, #contenido .mod08 #formulario .container .form .piso textarea, #contenido .mod09 #formulario .container .form .piso textarea, #contenido .mod10 #formulario .container .form .piso textarea {
    background-color: #F2F3F6;
}

#contenido .mod07 #formulario .container .form .piso button, #contenido .mod08 #formulario .container .form .piso button, #contenido .mod09 #formulario .container .form .piso button, #contenido .mod10 #formulario .container .form .piso button {
    background-color: #F2F3F6;
}

#contenido .mod07 #formulario .container .form .piso button:hover, #contenido .mod08 #formulario .container .form .piso button:hover, #contenido .mod09 #formulario .container .form .piso button:hover, #contenido .mod10 #formulario .container .form .piso button:hover {
    background-color: #E5E8EE;
}

#contenido .mod11 {
    background-color: #F2F3F6;
}

#contenido .mod11 #formulario .container .form .piso textarea {
    background-color: #F2F3F6;
}

#contenido .mod11 #formulario .container .form .piso input, #contenido .mod13 #formulario .container .form .piso textarea, #contenido .mod13 #formulario .container .form .piso .custom-select .select-selected, #contenido .mod13 #formulario .container .form .piso button {
    background-color: #f2f3f6;
}

#contenido .mod11 #formulario .container .form .piso button:hover {
    background-color: #fff;
}

#contenido .mod11 #formulario .container .form .piso .custom-select .select-selected {
    background-color: #f2f3f6;
}

#contenido .mod11 #formulario .container .form .piso button {
    background-color: #f2f3f6;
}

#contenido .mod11 #formulario .container .form .piso button:hover {
    background-color: #E5E8EE;
}

#contenido .mod12 {
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #DFE4E8;
    background-image: url(img/ficha-detalle_vw.svg);
}

#contenido .mod13 {
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(img/ficha-detalle-man.svg);
    background-color: #F8F8F8;
}

#contenido .mod13 #formulario .container .form .piso input, #contenido .mod13 #formulario .container .form .piso textarea, #contenido .mod13 #formulario .container .form .piso .custom-select .select-selected, #contenido .mod13 #formulario .container .form .piso button {
    background-color: #f8f8f8;
}

#contenido .mod13 #formulario .container .form .piso button:hover {
    background-color: #fff;
}

#contenido .mod14 {
    background-color: #ffffff;
    padding: 80px 0;
}

#contenido .mod14.fnd-volkswagen .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod14.fnd-volkswagen .container h2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 0 0 16px 16px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 235px;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li figure {
    margin: 0;
    width: 100%;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li figure img {
    display: block;
    width: 100%;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li h3 {
    width: 100%;
    text-align: center;
    color: #01205B;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 10px;
    display: block;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li a {
    color: #0082D6;
    text-align: center;
    border: 1px solid #0082D6;
    width: calc(100% - 34px);
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 16px;
}

#contenido .mod14.fnd-volkswagen .container ul.modelos li a:hover {
    background-color: #00B0F0;
    border: 1px solid #00B0F0;
    color: #ffffff;
}

#contenido .mod14.fnd-man .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod14.fnd-man .container h2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

#contenido .mod14.fnd-man .container ul.modelos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#contenido .mod14.fnd-man .container ul.modelos li {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 0 0 16px 16px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 290px;
}

#contenido .mod14.fnd-man .container ul.modelos li figure {
    margin: 0;
    width: 100%;
}

#contenido .mod14.fnd-man .container ul.modelos li figure img {
    display: block;
    width: 100%;
}

#contenido .mod14.fnd-man .container ul.modelos li h3 {
    width: 100%;
    text-align: center;
    color: #01205B;
    font-size: 22px;
    line-height: 26px;
    padding: 30px 10px;
    display: block;
}

#contenido .mod14.fnd-man .container ul.modelos li a {
    color: #303C49;
    text-align: center;
    border: 1px solid #303C49;
    width: calc(100% - 34px);
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 16px;
}

#contenido .mod14.fnd-man .container ul.modelos li a:hover {
    background-color: #303C49;
    border: 1px solid #303C49;
    color: #ffffff;
}

#contenido .mod15 {
    padding: 80px 0;
}

#contenido .mod15.fnd-volkswagen {
    background-color: #F5F6F4;
    background-image: url(img/detalle_camionesvw.svg);
    background-repeat: no-repeat;
    background-position: center top;
    border-top: 6px solid #0082d6;
}

#contenido .mod15.fnd-man {
    background-color: #F8F8F8;
    background-image: url(img/detalle_camionesman.svg);
    background-repeat: no-repeat;
    background-position: center top;
    border-top: 6px solid #e40045;
}

#contenido .mod15 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod15 .container h2 {
    text-align: center;
    margin-bottom: 80px;
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
}

#contenido .mod15 .container ul {
    width: 1220px;
    display: flex;
    flex-wrap: wrap;
}

#contenido .mod15 .container ul li {
    list-style-type: none;
    width: 380px;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    margin: 0 10px 30px 10px;
}

#contenido .mod15 .container ul li .arriba {
    flex: 1;
}

#contenido .mod15 .container ul li .abajo {
    width: 100%;
}

#contenido .mod15 .container ul li .separador1 {
    border-bottom: 1px solid #E8E8E8;
    width: 100%;
    margin: 0 0 20px 0;
}

#contenido .mod15 .container ul li .separador2 {
    border-bottom: 1px solid #E8E8E8;
    width: 100%;
    margin: 20px 0 0 0;
}

#contenido .mod15 .container ul li .separador3 {
    border-bottom: 1px solid #E8E8E8;
    width: 100%;
    margin: 10px 0;
}

#contenido .mod15 .container ul li figure {
    width: 100%;
}

#contenido .mod15 .container ul li figure .norma {
    position: absolute;
    width: 65px;
    margin-left: 300px;
    margin-top: 15px;
    text-align: center;
    border-radius: 14px;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0;
}

#contenido .mod15 .container ul li figure img {
    width: 100%;
    display: block;
}

#contenido .mod15.fnd-man .container ul li .nombre {
    color: #303C49;
}

#contenido .mod15 .container ul li .nombre {
    color: #000000;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 5px 0;
}

#contenido .mod15 .container ul li .version {
    color: #000000;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 20px;
    width: 100%;
}

#contenido .mod15 .container ul li .precio {
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
    font-weight: bold;
}

#contenido .mod15.fnd-man .container ul li .precio {
    color: #e40045;
}

#contenido .mod15 .container ul li .caracteristica {
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #565655;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 20px;
}

#contenido .mod15 .container ul li .caracteristica .dato1 {
    font-weight: bold;
    margin-right: 10px;
}

#contenido .mod15 .container ul li .caracteristica .dato2 {
    width: 230px;
    /* flex: 1; */
}

#contenido .mod15 .container ul li .botones {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-self: self-end;
}

#contenido .mod15 .container ul li .botones a {
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #25D366;
    height: 100%;
    align-items: center;
    width: 48%;
    line-height: 16px;
    justify-content: center;
    padding: 10px 0;
}

#contenido .mod15 .container ul li .botones a.cotizador {
    background-color: #25D366;
}

#contenido .mod15.fnd-volkswagen .container ul li figure .norma.euro5 {
    background-color: #0082D6;
    color: #ffffff;
}

#contenido .mod15.fnd-volkswagen .container ul li figure .norma.euro6 {
    background-color: #01205B;
    color: #ffffff;
}

#contenido .mod15.fnd-man .container ul li figure .norma.euro5 {
    background-color: #707070;
    color: #ffffff;
}

#contenido .mod15.fnd-man .container ul li figure .norma.euro6 {
    background-color: #303C49;
    color: #ffffff;
}

#contenido .mod15.fnd-volkswagen .container ul li .precio {
    color: #0082D6;
}

#contenido .mod15.fnd-volkswagen .container ul li .version {
    color: #001E50;
}

#contenido .mod15.fnd-volkswagen .container ul li .nombre {
    color: #001E50;
}

#contenido .mod15.fnd-volkswagen .container ul li .botones a.version {
    border: 1px solid #0082D6;
    color: #0082D6;
}

#contenido .mod15.fnd-volkswagen .container ul li .botones a.version:hover {
    background-color: #0082D6;
    color: #ffffff;
}

#contenido .mod15.fnd-man .container ul li .botones a.version {
    border: 1px solid #303C49;
    color: #303C49;
}

#contenido .mod15.fnd-man .container ul li .botones a.version:hover {
    background-color: #303C49;
    color: #ffffff;
}

#contenido .mod15.fnd-volkswagen .container ul li .botones a.cotizador, #contenido .mod15.fnd-man .container ul li .botones a.cotizador {
    background-color: #FF9A01;
    color: #fff;
}

#contenido .mod15.fnd-volkswagen .container ul li .botones a.cotizador:hover, #contenido .mod15.fnd-man .container ul li .botones a.cotizador:hover {
    background-color: #FFAE33;
}

#contenido .mod16 {
    background: #002056;
    background: linear-gradient(66deg, rgba(0, 32, 86, 1) 30%, rgba(88, 88, 86, 1) 100%);
    padding: 15px 0px;
}

#contenido .mod16 .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#contenido .mod16 .container h2 {
    color: #ffffff;
    font-size: 22px;
    line-height: 26px;
    margin: 0 20px;
}

#contenido .mod16 .container a {
    padding: 15px 20px;
    border-radius: var(--radius8);
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 5px;
    background-color: #FF9A01;
    line-height: 16px;
}

#contenido .mod16 .container a:hover {
    background-color: #FFAE33;
}

#contenido .mod17 {
    background-color: #fff;
    padding: 50px 0 80px 0;
}

#contenido .mod17 .container .banner {
    width: 100%;
}

#contenido .mod17 .container .banner img {
    border-radius: 16px;
    width: 100%;
}

#contenido .mod18 {
    padding: 80px 0;
    background-color: #ffffff;
}

#contenido .mod18 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod18 .container h2 {
    color: #565655;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 30px;
}

#contenido .mod18 .container ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
}

#contenido .mod18 .container ul li {
    margin: 0;
    padding: 10px;
    width: 33%;
}

#contenido .mod18 .container ul li figure {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    overflow: hidden;
}

#contenido .mod18 .container ul li img {
    width: 100%;
    height: auto;
    display: block;
}

#contenido .mod19#qs1, #contenido .mod19#id17-1 {
    padding-bottom: 0;
}

#contenido .mod19 {
    padding: 0;
    background-color: #ffffff;
}

#contenido .mod19#id51-3 {
    padding-bottom: 50px;
}

#contenido .mod19#dyp2 {
    padding-bottom: 0;
}

#contenido .mod19 .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod19 .container .piso {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

#contenido .mod19 .container .piso.impar {
    display: flex;
    flex-direction: row;
}

#contenido .mod19#id51-3 .container .piso.impar {
    display: flex;
    flex-direction: row-reverse;
}

#contenido.pageid-13 .mod19 .container {
    display: flex;
    flex-direction: column;
    width: 1220px;
}

#contenido .mod19 .container .piso.par {
    display: flex;
    flex-direction: row-reverse;
}

#contenido .mod19 .container .piso .texto {
    font-size: 16px;
    line-height: 25px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - 8px);
}

#contenido .mod19 .container .piso .texto h2 {
    color: #565655;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 25px;
}

#contenido .mod19 .container .piso .texto p {
    font-size: 18px;
    line-height: 24px;
}

#contenido .mod19 .container .piso .texto a {
    color: #FF9A01;
    text-decoration: underline;
}

#contenido .mod19 .container .piso .texto a:hover {
    background-color: #FF9A01;
    color: #ffffff;
}

#contenido .mod19 .container .piso .texto a.mod19_btn {
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    align-items: center;
    border: 1px solid #01205B;
    width: fit-content;
    text-decoration: none;
    line-height: 16px;
    margin-top: 20px;
}

#contenido .mod19 .container .piso .texto a.mod19_btn::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background-image: url(img/icono_link_extern_azul.svg);
    background-repeat: no-repeat;
    margin-right: 10px;
}

#contenido .mod19 .container .piso .texto a.mod19_btn:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#contenido .mod19 .container .piso .texto a.mod19_btn_simple {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    align-items: center;
    border: 1px solid #01205B;
    width: fit-content;
    text-decoration: none;
    line-height: 16px;
}

#contenido .mod19 .container .piso .texto a.mod19_btn_simple:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#contenido .mod19 .container .piso.impar .texto {
    padding-right: 50px;
}

#contenido .mod19 .container .piso.impar .texto p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod19#id51-3 .container .piso.impar .texto p {
    margin-bottom: 32px;
}

#contenido .mod19 .container .piso.par .texto {
    padding-left: 50px;
}

#contenido .mod19 .container .piso figure {
    width: calc(50% - 8px);
}

#contenido .mod19 .container .piso figure img {
    display: block;
    width: 100%;
    border-radius: 16px;
}

#contenido .mod19#mod19_mp1 .container .piso.impar {
    display: flex;
    flex-direction: row-reverse;
}

#contenido .mod19#mod19_mp1 .container .piso .texto h2 {
    color: #565655;
}

#contenido .mod19 .container .piso .texto h4 {
    color: #565655;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
}

#contenido .mod19#dyp .container .piso.impar {
    display: flex;
    flex-direction: row-reverse;
}

#contenido .mod19#dyp .container .piso.par {
    display: flex;
    flex-direction: row;
}

#contenido .mod19#dyp2 .container .piso.impar {
    display: flex;
    flex-direction: row-reverse;
}

#contenido .mod19#dyp2 .container .piso.par {
    display: flex;
    flex-direction: row;
}

#contenido .mod19 .container .piso .texto ul {
    margin-bottom: 20px;
    margin-top: 12px;
}

#contenido .mod19 .container .piso .texto ul li {
    background-image: url(img/check_amarillo.svg);
    background-repeat: no-repeat;
    background-position: left top;
    list-style-type: none;
    padding-left: 30px;
    margin-bottom: 10px;
}

#contenido .mod19 .container .piso .texto ul.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

#contenido .mod19 .container .piso .texto ul.grid li {
    margin-bottom: 0;
}

#contenido .mod20 {
    padding: 40px 0;
    background-color: #fff;
}

#contenido .mod20 .container h2 strong {
    font-weight: bold;
}

#contenido .mod20 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod20 .container h2 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
}

#contenido .mod20#cont2 {
    padding: 90px 0;
}

#contenido .mod20#cont2 .container h2 {
    font-size: 16px;
    line-height: 26px;
    max-width: 950px;
}

#contenido .mod20#id48-1 {
    padding: 88px 0;
}

#contenido .mod20#id48-1 .container h2 {
    font-size: 36px;
    line-height: 42px;
    padding: 0;
}

#contenido .mod20#id51-2 .container h2 {
    font-size: 36px;
    line-height: 42px;
    padding-top: 90px;
    padding-bottom: 50px;
}

#contenido .mod20#id59-1 {
    padding: 90px 0 110px 0px;
}

#contenido .mod20#id59-1 .container h2 {
    font-size: 16px;
    line-height: 22px;
    width: 922px;
    font-weight: 500;
}

#contenido .mod20#id59-1 .container a.btn_esp1 {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    align-items: center;
    border: 1px solid #01205B;
    width: fit-content;
    text-decoration: none;
    line-height: 16px;
    margin-top: 30px;
}

#contenido .mod20#id59-1 .container a.btn_esp1:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#contenido .mod20#txtdyp {
    padding: 100px 0;
}

#contenido .mod21 {
    width: 100%;
    overflow: hidden;
    background-color: #01205b;
}

#contenido .mod21 #carrusel-principal {
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    cursor: grab;
}

#contenido .mod21 #carrusel-principal.cp-grabbing {
    cursor: grabbing;
}

#contenido .mod21 #carrusel-principal .cp-track {
    display: flex;
    will-change: transform;
    transition: transform 0.5s ease;
}

#contenido .mod21 #carrusel-principal .cp-slide {
    flex: 0 0 100%;
    position: relative;
    overflow: hidden;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder {
    position: relative;
    width: 100%;
    height: 500px;
    line-height: 0;
    overflow: hidden;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-desktop, #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    line-height: 0;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-desktop img, #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-mobile img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-desktop img.cp-img-small, #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .fnd-mobile img.cp-img-small {
    object-fit: none;
    width: auto;
    height: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: calc(50% - 550px);
    padding-right: 40px;
    box-sizing: border-box;
    line-height: 1.2;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h2 {
    font-size: 54px;
    font-weight: bold;
    color: #fff;
    line-height: 54px;
    margin-bottom: 10px;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h3 {
    font-size: 54px;
    font-weight: 300;
    color: #fff;
    line-height: 54px;
    margin-bottom: 20px;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido a.mod21_btn {
    padding: 15px 20px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    height: fit-content;
    align-items: center;
    width: fit-content;
    background-color: #fff;
    border: 1px solid #fff;
    line-height: 1;
    text-decoration: none;
}

#contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido a.mod21_btn:hover {
    background-color: #E5E8EE;
    border: 1px solid #01205B;
}

#contenido .mod21 #carrusel-principal .cp-nav-wrapper {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: none;
    line-height: 0;
}

#contenido .mod21 #carrusel-principal .cp-nav-wrapper .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

#contenido .mod21 #carrusel-principal .cp-btn-nav {
    pointer-events: all;
    position: relative;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(69, 68, 68, 0.35);
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
}

#contenido .mod21 #carrusel-principal .cp-btn-nav:hover {
    background: rgba(0, 0, 0, 0.6);
}

#contenido .mod21 #carrusel-principal .cp-btn-nav img {
    width: 20px;
    height: 20px;
    display: block;
}

#contenido .mod21 #carrusel-principal .cp-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 20;
    line-height: 0;
}

#contenido .mod21 #carrusel-principal .cp-dot {
    height: 10px;
    width: 80px;
    border-radius: 8px 8px 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s;
    background-color: #fff;
    display: block;
    pointer-events: all;
}

#contenido .mod21 #carrusel-principal .cp-dot.cp-dot-active {
    background: #ff9a01;
}

#contenido .mod22 {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 110px;
}

#contenido .mod22 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1140px;
}

#contenido .mod22 .frase {
    color: #565655;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 50px;
}

#contenido .mod22 .container ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 40px;
}

#contenido .mod22 .container ul li {
    padding: 25px;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#contenido .mod22 .container ul li figure {
    margin-bottom: 20px;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contenido .mod22 .container ul li h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
}

#contenido .mod22 .container ul li h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}

#contenido .mod22 .container ul li p {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod22 .container ul li a {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    margin: 0 5px;
    text-align: center;
    align-items: center;
    border: 1px solid #01205B;
    justify-content: space-between;
    gap: 10px;
    line-height: 16px;
}

#contenido .mod22 .container ul li a:hover {
    background-color: #E5E8EE;
}

#contenido .mod23 {
    padding-top: 50px;
    background-color: #fff;
}

#contenido .mod23 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1240px;
}

#contenido .mod23 .container .bloque1 {
    width: 100%;
    margin-bottom: 50px;
}

#contenido .mod23 .container .bloque1 .titulo {
    margin-bottom: 30px;
}

#contenido .mod23 .container .bloque1 .titulo h2 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    margin-bottom: 16px;
    font-weight: 400;
}

#contenido .mod23 .container .bloque1 .titulo p {
    font-size: 16px;
    text-align: center;
    line-height: 22px;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop {
    width: 100%;
    padding: 10px 0;
    position: relative;
    overflow: hidden;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop ul {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 10px 0 15px;
    margin: 0;
    padding-left: 0;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop ul li {
    list-style-type: none;
    margin-bottom: 5px;
    flex: 0 0 auto;
    transition: transform 0.4s ease, opacity 0.4s ease;
    width: calc(100% / 5);
    padding: 0 10px;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box {
    box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    border-radius: 16px;
    overflow: hidden;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box figure {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box h4 {
    width: 100%;
    text-align: center;
    color: #01205B;
    font-size: 22px;
    line-height: 26px;
    padding: 30px 0;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 1220px;
    margin: 0 auto;
    height: 1px;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav button {
    background: #fffffff0;
    border: none;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    flex-shrink: 0;
    transform: translateY(-200px);
}

#contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav button:hover {
    border: 1px solid #01205b;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav button svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav button:disabled {
    background: #ccc;
    cursor: default;
}

#contenido .mod23 .container .bloque2 {
    width: 1220px;
    margin-bottom: 30px;
}

#contenido .mod23 .container .bloque2 .titulo h2 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    margin-bottom: 60px;
    font-weight: 400;
}

#contenido .mod23 .container .bloque2 .boxes-desktop {
    width: 100%;
}

#contenido .mod23 .container .bloque2 .boxes-desktop ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#contenido .mod23 .container .bloque2 .boxes-desktop ul li {
    list-style-type: none;
    width: 230px;
    display: flex;
    flex-direction: column;
}

#contenido .mod23 .container .bloque2 .boxes-desktop ul li figure {
    margin-bottom: 20px;
    width: 100%;
    height: 178px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
}

#contenido .mod23 .container .bloque2 .boxes-desktop ul li figure img {
    display: block;
    width: 100%;
}

#contenido .mod23 .container .bloque2 .boxes-desktop ul li h4 {
    color: #01205B;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    line-height: 26px;
}

#contenido .mod23 .container .bloque3 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 70px 0 100px 0;
    align-items: flex-start;
}

#contenido .mod23 .container .bloque3 img {
    width: 630px;
    height: auto;
    display: block;
    border-radius: 12px;
}

#contenido .mod23 .container .bloque3 .texto {
    width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #565655;
}

#contenido .mod23 .container .bloque3 .texto h4 {
    color: #565655;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 15px;
}

#contenido .mod23 .container .bloque3 .texto p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

#contenido .mod23 .container .bloque3 .texto .card {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    padding: 20px 25px;
    margin-bottom: 15px;
}

#contenido .mod23 .container .bloque3 .texto .card img {
    margin-right: 30px;
    width: 85px;
    height: auto;
}

#contenido .mod23 .container .bloque3 .texto .card .datos {
    color: #01205B;
}

#contenido .mod23 .container .bloque3 .texto .card .datos h4 {
    color: #01205B;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

#contenido .mod23 .container .bloque3 .texto .card .datos h5 {
    color: #01205B;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}

#contenido .mod23 .container .bloque3 .texto .card .datos h6 {
    color: #01205B;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-style: italic;
}

#contenido .mod23 .container .bloque3 .texto .card .datos h6 a {
    color: #01205B;
}

#contenido .mod23 .container .bloque3 .texto .card .datos h6 a:hover {
    text-decoration: underline;
}

#contenido .mod23 .container .bloque3 .texto .card .datos p a {
    color: #01205B;
}

#contenido .mod23 .container .bloque3 .texto .card .datos p a:hover {
    text-decoration: underline;
}

#contenido .mod23 .container .bloque4 {
    width: 1220px;
    margin-bottom: 100px;
}

#contenido .mod23 .container .bloque4 .titulo {
    margin-bottom: 50px;
}

#contenido .mod23 .container .bloque4 .titulo h2 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    font-weight: 400;
}

#contenido .mod23 .container .bloque4 .fila {
    display: flex;
    justify-content: space-between;
}

#contenido .mod23 .container .bloque4 .fila img {
    border-radius: 16px;
}

#contenido .mod23 .container .bloque4 .fila .texto {
    width: 550px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#contenido .mod23 .container .bloque4 .fila .texto h2 {
    font-size: 22px;
    color: #565655;
    line-height: 28px;
    margin-bottom: 20px;
    font-weight: bold;
}

#contenido .mod23 .container .bloque4 .fila .texto a {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    align-items: center;
    border: 1px solid #01205B;
    width: fit-content;
    text-decoration: none;
}

#contenido .mod23 .container .bloque4 .fila .texto a:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#contenido .mod24 {
    background-color: #fff;
}

#contenido .mod24 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod24 .container .titular {
    margin-top: 80px;
    margin-bottom: 60px;
}

#contenido .mod24 .container .titular h2 {
    font-size: 36px;
    line-height: 42px;
    font-weight: bold;
}

#contenido .mod24 .container ul.boxes {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin-bottom: 120px; */
}

#contenido .mod24 .container ul.boxes li {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 290px;
}

#contenido .mod24 .container ul.boxes li figure {
    width: 100%;
    height: 200px;
    background-size: cover;
    border-radius: 16px;
    margin-bottom: 20px;
}

#contenido .mod24 .container ul.boxes li figure img {
    width: 100%;
    display: block;
}

#contenido .mod24 .container ul.boxes li h3 {
    color: #01205B;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 70px;
    font-size: 22px;
    line-height: 26px;
}

#contenido .mod24 .container ul.boxes li ul {
    width: 100%;
    margin-bottom: 20px;
    min-height: 160px;
}

#contenido .mod24 .container ul.boxes li ul li {
    background-image: url(img/circulo_amarillo.svg);
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    margin-bottom: 10px;
    padding-left: 35px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod24 .container ul.boxes a {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    margin: 0;
    align-items: center;
    border: 1px solid #01205B;
    width: 100%;
    justify-content: center;
    line-height: 16px;
}

#contenido .mod24 .container ul.boxes a:hover {
    background-color: #E5E8EE;
}

#contenido .mod25 {
    background-repeat: no-repeat;
    background-position: center top;
    padding: 100px 0;
}

#contenido .mod25.fnd-volkswagen {
    background-color: #001E50;
    background-image: url(img/ficha-detalle_vw.svg);
    border-top: 6px solid #00b0f0;
}

#contenido .mod25.fnd-man {
    background-color: #303C49;
    background-image: url(img/ficha-detalle-man.svg);
    border-top: 6px solid #e40045;
}

#contenido .mod25 .container .wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
}

#contenido .mod25 .container .wrapper .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 345px;
    padding-left: 30px;
}

#contenido .mod25 .container .wrapper .texto img {
    max-width: 80px;
    display: block;
    height: auto;
    margin-bottom: 30px;
}

#contenido .mod25 .container .wrapper .texto h3 {
    color: #fff;
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}

#contenido .mod25.fnd-man .container .wrapper .texto h3 strong {
    display: block;
}

#contenido .mod25 .container .wrapper .texto p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod25 .container .wrapper .videocont {
    width: 870px;
    height: 506px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

#contenido .mod25.fnd-volkswagen .container .wrapper .videocont {
    background-image: url(img/fnd_vid_man.png);
}

#contenido .mod25.fnd-man .container .wrapper .videocont {
    background-image: url(img/fnd_vid_vw.png);
}

#contenido .mod25 .container .wrapper .videocont .player {
    width: 123px;
    height: 123px;
    cursor: pointer;
}

#contenido .mod25 .container .wrapper .videocont .player img {
    width: 100%;
    height: auto;
    display: block;
}

#contenido .mod25 .container .wrapper .videocont iframe {
    width: 899px;
    height: 506px;
}

#contenido .mod26#mod26_home_marca {
    padding-bottom: 100px
}

#contenido .mod26 {
    background-color: #fff;
    padding: 80px 0 30px 0;
}

#contenido .mod26#id51-4 {
    padding-bottom: 100px;
}

#contenido .mod26#suchome {
    padding-top: 60px;
    padding-bottom: 0;
}

#contenido .mod26 .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod26 .container .titular {
    width: 100%;
    margin-bottom: 36px;
}

#contenido .mod26 .container .titular h2 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 8px;
}

#contenido .mod26#suchome h2 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 8px;
}

#contenido .mod26 .container .titular p {
    font-size: 16px;
    text-align: center;
}

#contenido .mod26 .container #sucursales {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#contenido .mod26 .container #sucursales .sucursal-item {
    display: none;
}

#contenido .mod26 .container #sucursales .desktop-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
}

#contenido .mod26 .container #sucursales .desktop-tabs .tab-btn {
    flex: 1;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    color: #5655557a;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background: #fff;
    font-family: var(--font);
}

#contenido .mod26 .container #sucursales .desktop-tabs .tab-btn:hover {
    border-color: #565655;
    color: #565655;
}

#contenido .mod26 .container #sucursales .desktop-tabs .tab-btn.active {
    background: #FF9A01;
    color: #fff;
    border-color: #ff9a01;
}

#contenido .mod26 .container #sucursales .desktop-panel {
    border-radius: 18px;
    background: #fff;
    min-height: 200px;
    padding: 2rem;
    margin-top: 8px;
    animation: fadeIn 0.22s ease;
    border: 1px solid #E0E0E0;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#contenido .mod26 .container #sucursales .panel-wrapper {
    display: flex;
    justify-content: space-between;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto {
    width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos {
    border-top: 1px solid #7070704f;
    border-bottom: 1px solid #7070704f;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    gap: 20px;
    margin-bottom: 20px;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel {
    background-repeat: no-repeat;
    padding-left: 30px;
    width: 290px;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel.telefono a {
    font-size: 14px;
    line-height: 21px;
    color: #565655;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel.telefono a:hover {
    color: #ff9a01;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel h4 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel p {
    font-size: 14px;
    line-height: 21px;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto a.btn {
    padding: 10px 20px;
    border-radius: var(--radius8);
    display: block;
    color: #01205B;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #01205B;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto a.btn:hover {
    background-color: #E5E8EE;
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .direccion {
    background-image: url(img/sucursal_pin.svg);
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .horario {
    background-image: url(img/sucursal_rel.svg);
}

#contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .telefono {
    background-image: url(img/sucursal_tel.svg);
}

#contenido .mod26 .container #sucursales .panel-wrapper .mapa {
    width: 590px;
    height: 290px;
    background-color: #eee;
}

#contenido .mod27 {
    background-color: #DFE4E8;
}

#contenido .mod28 #seccion1 {
    background-color: #F2F3F6;
    background-image: url(img/header-detalle.svg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 70px;
    padding-bottom: 100px;
}

#contenido .mod28 #seccion1 .titular {
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    font-size: 22px;
}

#contenido .mod28 #seccion1 .titular h3 {
    font-size: 22px;
    line-height: 42px;
}

#contenido .mod28 #seccion1 #galeria-imagenes {
    width: 1280px;
    margin: 0 auto;
}

#contenido .mod28 #seccion1 #galeria-imagenes .carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    user-select: none;
    cursor: grab;
}

#contenido .mod28 #seccion1 #galeria-imagenes .carousel-wrapper.dragging {
    cursor: grabbing;
}

#contenido .mod28 #seccion1 #galeria-imagenes .carousel-track {
    display: flex;
    will-change: transform;
}

#contenido .mod28 #seccion1 #galeria-imagenes .slide {
    flex: 0 0 70%;
    padding: 0;
    box-sizing: border-box;
    opacity: 0.35;
    transition: opacity 0.4s ease;
}

#contenido .mod28 #seccion1 #galeria-imagenes .slide.active {
    opacity: 1;
}

#contenido .mod28 #seccion1 #galeria-imagenes .slide-inner {
    height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido .mod28 #seccion1 #galeria-imagenes .slide-inner img {
    border-radius: 16px;
    width: 850px;
    height: 570px;
}

#contenido .mod28 #seccion1 #galeria-imagenes .nav-desktop .btn-nav {
    position: absolute;
    top: 50%;
    background: #20212457;
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido .mod28 #seccion1 #galeria-imagenes .nav-desktop .btn-nav:hover {
    background-color: #20212494;
}

#contenido .mod28 #seccion1 #galeria-imagenes .nav-desktop .btn-nav.prev {
    left: 12px;
}

#contenido .mod28 #seccion1 #galeria-imagenes .nav-desktop .btn-nav.next {
    right: 12px;
}

#contenido .mod28 #seccion1 #galeria-imagenes .nav-mobile {
    display: none;
}

#contenido .mod28 #seccion2 {
    padding-top: 80px;
    background-color: #fff;
    padding-bottom: 100px;
}

#contenido .mod28 #seccion2 .titular {
    margin-bottom: 30px;
}

#contenido .mod28 #seccion2 .titular h3 {
    width: 100%;
    text-align: center;
    font-size: 36px;
    line-height: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}

#contenido .mod28 #seccion2 .titular p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

#contenido .mod28 #seccion2 ul {
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#contenido .mod28 #seccion2 ul li {
    width: 290px;
    list-style-type: none;
    height: 100%;
}

#contenido .mod28 #seccion2 ul li figure {
    width: 290px;
    margin-bottom: 10px;
}

#contenido .mod28 #seccion2 ul li figure img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

#contenido .mod28 #seccion2 ul li p {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    line-height: 26px;
}

#contenido .mod29 {
    background-color: #fff;
    padding-top: 100px;
}

#contenido .mod29#cont1 {
    padding-bottom: 100px;
}

#contenido .mod29 .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod29 h3 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod29 h3 strong {
    font-weight: bold;
}

#contenido .mod29 .boxes {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

#contenido .mod29 .boxes .box {
    flex: 1;
    max-width: 235px;
}

#contenido .mod29 .boxes .box figure {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido .mod29 .boxes .box figure .fnd {
    display: block;
    border-radius: 8px;
    width: 100%;
}

#contenido .mod29 .boxes .box figure .logo {
    z-index: 9;
    position: absolute;
}

#contenido .mod29 .boxes .box p {
    width: 100%;
    color: #565655;
    font-size: 13px;
}

#contenido .mod29 .boxes .box p span {
    color: #01205B;
    font-weight: bold;
}

#contenido .mod30 {
    padding: 90px 0;
    background-color: #fff;
}

#contenido .mod30 .container {
    display: flex;
    flex-direction: column;
    width: 950px;
}

#contenido .mod30 .titular {
    font-size: 16px;
    line-height: 22px;
    margin: 0 auto 50px auto;
    text-align: center;
}

#contenido .mod30 .titular strong {
    font-weight: bold;
}

#contenido .mod30 .boxes {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#contenido .mod30 .boxes .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 400px;
}

#contenido .mod30 .boxes .box .bloque1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 34px;
}

#contenido .mod30 .boxes .box .bloque1 img {
    margin: 0 auto 20px auto;
}

#contenido .mod30 .boxes .box .bloque1 h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

#contenido .mod30 .boxes .box p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

#contenido .mod30 .boxes .box p a {
    font-style: italic;
    font-weight: bold;
    color: #565655;
}

#contenido .mod30 .boxes .box p a:hover {
    text-decoration: underline;
}

#contenido .mod31 {
    background-color: #fff;
}

#contenido .mod31 .piso1 {
    padding-top: 90px;
    padding-bottom: 70px;
}

#contenido .mod31 .piso1 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod31 .piso1 .container h2 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod31 .piso1 .container p {
    text-align: center;
    width: 900px;
}

#contenido .mod31 .piso2 .container {
    display: flex;
    justify-content: space-between;
}

#contenido .mod31 .piso2 .container .box {
    width: 600px;
    display: flex;
    flex-direction: column;
}

#contenido .mod31 .piso2 .container .box img {
    border-radius: 16px 16px 0 0;
}

#contenido .mod31 .piso2 .container .box .panel {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    padding: 30px 40px;
}

#contenido .mod31 .piso2 .container .box .panel.vw {
    background-color: #001E50;
}

#contenido .mod31 .piso2 .container .box .panel.man {
    background-color: #323C47;
}

#contenido .mod31 .piso2 .container .box .panel .texto {
    width: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod31 .piso2 .container .box .panel .texto p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

#contenido .mod31 .piso2 .container .box .panel .texto a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #fff;
    padding: 10px 25px;
    border-radius: 10px;
    font-weight: 600;
}

#contenido .mod31 .piso2 .container .box .panel.vw .texto a:hover {
    background-color: #fff;
    color: #001e50;
}

#contenido .mod31 .piso2 .container .box .panel.man .texto a:hover {
    background-color: #fff;
    color: #323c47;
}

#contenido .mod31 .piso3 {
    padding-top: 110px;
}

#contenido .mod31 .piso3 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1255px;
}

#contenido .mod31 .piso3 .container h3 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod31 .piso3 .container .carrusel {
    width: 100%;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 15px;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide {
    flex: 0 0 25%;
    min-width: 0;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 280px;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper figure {
    width: 100%;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper figure img {
    display: block;
    width: 100%;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper h3 {
    width: 100%;
    text-align: center;
    color: #01205B;
    padding: 20px 10px;
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper a {
    color: #01205B;
    text-align: center;
    border: 1px solid #01205B;
    width: calc(100% - 34px);
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper a:hover {
    background-color: #E5E8EE;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    pointer-events: none;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-nav button {
    pointer-events: all;
    background: #fffffff0;
    border: none;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    flex-shrink: 0;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-nav button:hover {
    border: 1px solid #01205b;
}

#contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-nav button:disabled {
    background: #ccc;
    cursor: default;
}

#contenido .mod31 .piso4 {
    padding-top: 90px;
    padding-bottom: 100px;
}

#contenido .mod31 .piso4 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod31 .piso4 .container h3 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod31 .piso4 .container .carrusel {
    width: 100%;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos li {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 0 0 16px 16px;
    list-style-type: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 290px;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos li figure img {
    display: block;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos li h3 {
    width: 100%;
    text-align: center;
    color: #01205B;
    padding: 20px 10px;
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos li a {
    color: #01205B;
    text-align: center;
    border: 1px solid #01205B;
    width: calc(100% - 34px);
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso4 .container .carrusel ul.modelos li a:hover {
    background-color: #E5E8EE;
}

#contenido .mod31 .piso5 {
    background-color: #F6F6F6;
    padding-top: 60px;
    padding-bottom: 100px;
}

#contenido .mod31 .piso5 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod31 .piso5 .container h3 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod31 .piso5 .container .boxes {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}

#contenido .mod31 .piso5 .container .boxes .box {
    width: 390px;
}

#contenido .mod31 .piso5 .container .boxes .box.detalle::before {
    content: "";
    background-image: url(img/header-detalle.svg);
    width: 158px;
    height: 8px;
    position: absolute;
    z-index: 9;
    margin-left: 120px;
    background-position: bottom center;
    overflow: hidden;
}

#contenido .mod31 .piso5 .container .boxes .box img {
    margin-bottom: 20px;
}

#contenido .mod31 .piso5 .container .boxes .box h4 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #01205B;
}

#contenido .mod31 .piso5 .container .boxes .box p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}

#contenido .mod31 .piso5 .container .boxes .box a {
    color: #01205B;
    border: 1px solid #01205B;
    padding: 10px 0px;
    border-radius: 8px;
    width: 220px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso5 .container .boxes .box a:hover {
    background-color: #E5E8EE;
}

#contenido .mod31 .piso5 .container .banner {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #fff;
    overflow: hidden;
    border-radius: 0 12px 12px 0;
}

#contenido .mod31 .piso5 .container .banner img {
    border-radius: 0 12px 12px 0;
}

#contenido .mod31 .piso5 .container .banner .texto {
    background-image: url(img/header-detalle.svg);
    background-repeat: no-repeat;
    background-position: center top;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#contenido .mod31 .piso5 .container .banner .texto h5 {
    width: 560px;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #01205B;
}

#contenido .mod31 .piso5 .container .banner .texto p {
    width: 560px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod31 .piso5 .container .banner .texto a {
    color: #01205B;
    border: 1px solid #01205B;
    padding: 10px 0px;
    border-radius: 8px;
    width: 220px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso5 .container .banner .texto a:hover {
    background-color: #E5E8EE;
}

#contenido .mod31 .piso6 {
    padding-top: 100px;
}

#contenido .mod31 .piso6 h3 {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 36px;
}

#contenido .mod31 .piso6 .fnd-noticias {
    background-image: url(img/fndnot_home_d.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    background-position: center;
}

#contenido .mod31 .piso6 .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod31 .piso6 .container a.btn_fnd {
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 10px 0px;
    border-radius: 8px;
    width: 150px;
    display: inline-block;
    text-align: center;
    margin: 0 auto 30px auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso6 .container a.btn_fnd:hover {
    background-color: #fff;
    color: #01205b;
}

#contenido .mod31 .piso6 .container .aviso {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6b7e9d;
    border-radius: 12px;
    background-color: #01205b63;
    flex: 1;
}

#contenido .mod31 .piso6 .container .fila_sup {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    justify-content: space-between;
    gap: 20px;
}

#contenido .mod31 .piso6 .container .fila_inf {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 30px;
    justify-content: space-between;
    gap: 20px;
}

#contenido .mod31 .piso6 .container .noticia {
    width: 775px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    padding: 20px;
}

#contenido .mod31 .piso6 .container .noticia .foto img {
    width: 360px;
    height: 204px;
    border-radius: 10px;
}

#contenido .mod31 .piso6 .container .noticia .foto .fecha {
    position: absolute;
    width: 55px;
    height: 90px;
    background-color: #fff;
    margin-top: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#contenido .mod31 .piso6 .container .noticia .foto .fecha .dia {
    width: calc(100% - 10px);
    text-align: center;
    border-bottom: 1px solid #01205b;
    margin: 0 auto;
    color: #01205b;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

#contenido .mod31 .piso6 .container .noticia .foto .fecha .mes {
    width: 100%;
    text-align: center;
    color: #01205b;
    font-size: 18px;
    font-weight: bold;
}

#contenido .mod31 .piso6 .container .noticia .texto {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 20px;
}

#contenido .mod31 .piso6 .container .noticia .texto h2 {
    color: #01205B;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}

#contenido .mod31 .piso6 .container .noticia .texto p {
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod31 .piso6 .container .noticia .texto a {
    color: #01205B;
    border: 1px solid #01205B;
    padding: 10px 0px;
    border-radius: 8px;
    width: 150px;
    display: inline-block;
    text-align: center;
    align-self: flex-end;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

#contenido .mod31 .piso6 .container .noticia .texto a:hover {
    background-color: #e5e8ee;
}

#articulo {
    padding-top: 60px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 120px;
}

#articulo .main-col {
    width: 800px;
    display: flex;
    flex-direction: column;
}

#articulo .main-col figure {
    width: 100%;
}

#articulo .main-col figure img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    margin-bottom: 30px;
}

#articulo .main-col .info {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 15px;
    align-items: center;
}

#articulo .main-col .info a.cat {
    color: #66799C;
    border: 1px solid #66799C;
    padding: 5px 30px;
    border-radius: 20px;
    width: fit-content;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

#articulo .main-col .info .fecha {
    color: #66799C;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

#articulo .main-col .contenido {
    color: #565655;
    font-size: 16px;
    line-height: 26px;
}

#articulo .main-col .contenido h1 {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 42px;
}

#articulo .main-col .contenido h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
    font-style: italic;
}

#articulo .main-col .contenido p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
}

#articulo .sidebar-col {
    width: 320px;
    border-left: 1px solid #DDDDDD;
    padding-left: 30px;
}

#articulo .sidebar-col .box {
    margin-bottom: 50px;
}

#articulo .sidebar-col .box h3 {
    color: #565655;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
}

#articulo .sidebar-col .otras-noticias .loop .box figure {
    width: 100%;
    margin-bottom: 5px;
    height: fit-content;
}

#articulo .sidebar-col .otras-noticias .loop .box figure img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: block;
}

#articulo .sidebar-col .otras-noticias .loop .box .flecha {
    color: #66799C;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 22px;
}

#articulo .sidebar-col .otras-noticias .loop .box h2 {
    color: #565655;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

#articulo .sidebar-col .otras-noticias .loop .box p {
    font-size: 14px;
    color: #565655;
    text-align: justify;
    line-height: 20px;
}

#articulo .sidebar-col .camion {
    margin-bottom: 0;
}

#articulo .sidebar-col .camion .box {
    list-style-type: none;
    width: 290px;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    margin: 0 0px 30px 0px;
}

#articulo .sidebar-col .camion .box figure {
    width: 290px;
    height: 130px;
}

#articulo .sidebar-col .camion .box figure img {
    width: 100%;
}

#articulo .sidebar-col .camion .box figure .norma {
    position: absolute;
    width: 65px;
    margin-left: 210px;
    margin-top: 15px;
    text-align: center;
    border-radius: 14px;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0;
    z-index: 9;
}

#articulo .sidebar-col .camion .box figure .norma.euro5 {
    background-color: #0082D6;
    color: #ffffff;
}

#articulo .sidebar-col .camion .box figure .norma.euro6 {
    background-color: #01205B;
    color: #ffffff;
}

#articulo .sidebar-col .camion .box h3 {
    width: calc(100% - 20px);
    padding: 10px 0 0 0;
    margin-bottom: 0;
    font-size: 20px;
}

#articulo .sidebar-col .camion .box h4 {
    width: calc(100% - 20px);
    padding: 5px 0 0 0;
    margin-bottom: 15px;
    font-weight: 400;
}

#articulo .sidebar-col .camion .box .venta {
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    font-size: 18px;
    font-weight: bold;
    color: #E40045;
    margin-bottom: 15px;
}

#articulo .sidebar-col .camion .box .botones {
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

#articulo .sidebar-col .camion .box .botones a.version {
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #565655;
    height: 100%;
    align-items: center;
    width: 155px;
    line-height: 16px;
    justify-content: center;
    padding: 10px 0;
    border: 1px solid #565655;
}

#articulo .sidebar-col .camion .box .botones a.cotizar {
    border-radius: var(--radius8);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    height: 100%;
    align-items: center;
    width: 104px;
    line-height: 16px;
    justify-content: center;
    padding: 10px 0;
    background-color: #FF9A01;
    border: 1px solid #FF9A01;
}

#articulo #galeria {
    --zc-accent: #ffffff;
    --zc-border: #000000;
    --zc-bg: #000000;
    --zc-radius: 10px;
    --zc-thumb-h: 72px;
    --zc-thumb-w: 108px;
    --zc-gap: 8px;
}

#articulo #galeria .zc-carousel-wrap {
    width: 100%;
    font-family: inherit;
}

#articulo #galeria .zc-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
}

#articulo #galeria .zc-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .45s ease;
}

#articulo #galeria .zc-slide.active {
    opacity: 1;
    pointer-events: auto;
}

#articulo #galeria .zc-slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    cursor: zoom-in;
    transition: transform .4s ease;
}

#articulo #galeria .zc-slide.active .zc-slide-image:hover {
    transform: scale(1.025);
}

#articulo #galeria .zc-video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#articulo #galeria .zc-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.5);
    transition: filter .3s;
}

#articulo #galeria .zc-video-wrap:hover .zc-video-bg {
    filter: brightness(.4);
}

#articulo #galeria .zc-play-btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

#articulo #galeria .zc-play-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .25s, transform .25s;
}

#articulo #galeria .zc-play-circle img {
    width: 100%;
    height: auto;
}

#articulo #galeria .zc-video-wrap:hover .zc-play-circle {
    transform: scale(1.1);
}

#articulo #galeria .zc-play-circle svg {
    width: 30px;
    height: 30px;
    fill: var(--zc-accent);
    margin-left: 4px;
}

#articulo #galeria .zc-bottom-bar {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#articulo #galeria .zc-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

#articulo #galeria .zc-arrow {
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 1px 4px #10182830;
    border: 1px solid #ffffff;
}

#articulo #galeria .zc-arrow:hover {
    background: var(--zc-accent);
    border-color: var(--zc-accent);
    color: #000;
}

#articulo #galeria .zc-arrow svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    display: block;
}

#articulo #galeria .zc-counter {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #272E3D;
    min-width: 48px;
    text-align: center;
}

#articulo #galeria .zc-thumbs-viewport {
    width: 100%;
    overflow: hidden;
    /* sin scrollbar nativo */
    position: relative;
}

#articulo #galeria .zc-thumbs-track {
    display: flex;
    gap: var(--zc-gap);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
}

#articulo #galeria .zc-thumb {
    flex: 0 0 var(--zc-thumb-w);
    height: var(--zc-thumb-h);
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
    opacity: .5;
    transition: border-color .2s, opacity .2s;
}

#articulo #galeria .zc-thumb:hover {
    opacity: .8;
}

#articulo #galeria .zc-thumb.active {
    border-color: var(--zc-accent);
    opacity: 1;
}

#articulo #galeria .zc-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

#articulo #galeria .zc-thumb-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .35);
}

#articulo #galeria .zc-thumb-play img {
    width: 50px;
    height: auto;
}

#articulo #galeria .zc-thumb-play svg {
    width: 20px;
    height: 20px;
    fill: var(--zc-accent);
}

#articulo #galeria .zc-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .92);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}

#articulo #galeria .zc-modal.open {
    display: flex;
    animation: zcFadeIn .25s ease;
}

@keyframes zcFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#articulo #galeria .zc-modal-inner {
    position: relative;
    max-width: 92vw;
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#articulo #galeria .zc-modal-inner img, .zc-modal-inner video {
    max-width: 100%;
    max-height: 88vh;
    box-shadow: 0 0 60px rgba(0, 0, 0, .8);
    animation: zcZoomIn .3s ease;
    outline: none;
}

@keyframes zcZoomIn {
    from {
        transform: scale(.94);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

#articulo #galeria .zc-modal-close {
    position: fixed;
    top: 18px;
    right: 22px;
    background: none;
    border: none;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    opacity: .65;
    transition: opacity .2s;
}

#articulo #galeria .zc-modal-close:hover {
    opacity: 1;
}

#versiones {
    background-color: #fff;
    padding-top: 80px;
}

#versiones .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1140px;
}

#versiones .container .texto {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 520px;
}

#versiones .container .texto h4 {
    font-size: 22px;
    line-height: 24px;
    color: #565655;
    margin-bottom: 30px;
}

#versiones .container .texto ul.vers {
    margin-bottom: 80px;
}

#versiones .container .texto ul.vers li {
    list-style-type: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #70707047;
    padding: 10px 0;
    gap: 10px;
}

#versiones .container .texto .frase {
    background-color: #F6F6F6;
    border-radius: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    font-size: 16px;
    font-style: italic;
    color: #565655;
}

#versiones .container img.imglat {
    border-radius: 16px;
    width: 580px;
}

#listado-post .piso-superior {
    background-color: #F6F6F6;
    padding: 60px 0 100px 0;
}

#listado-post .piso-superior .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#listado-post .piso-superior .container img {
    border-radius: 16px;
    max-width: 600px;
}

#listado-post .piso-superior .container .texto {
    width: 570px;
    display: flex;
    flex-direction: column;
}

#listado-post .piso-superior .container .texto .info {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DDDDDD;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 15px;
}

#listado-post .piso-superior .container .texto .info a {
    border: 1px solid #66799C;
    border-radius: 24px;
    padding: 6px 25px;
    color: #66799C;
    background-color: #f6f6f6;
    font-weight: bold;
}

#listado-post .piso-superior .container .texto .info a:hover {
    color: #fff;
    background-color: #66799C;
}

#listado-post .piso-superior .container .texto .info .fecha {
    color: #66799C;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

#listado-post .piso-superior .container .texto h2 {
    color: #565655;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px;
}

#listado-post .piso-superior .container .texto p {
    color: #565655;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

#listado-post .piso-superior .container .texto a {
    padding: 16px 28px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    height: fit-content;
    align-items: center;
    width: fit-content;
    background-color: #f6f6f6;
    border: 1px solid #01205B;
    line-height: 16px;
    text-decoration: none;
}

#listado-post .piso-superior .container .texto a:hover {
    background-color: #E5E8EE;
}

#listado-post .piso-menu {
    background-color: #fff;
    padding-bottom: 50px;
}

#listado-post .piso-menu .menu-desktop {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 0px 0 16px 16px;
    background-color: #ffffff;
    padding: 35px 30px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

#listado-post .piso-menu .menu-desktop h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
}

#listado-post .piso-menu .menu-desktop ul {
    display: flex;
    align-items: center;
}

#listado-post .piso-menu .menu-desktop ul li {
    list-style-type: none;
}

#listado-post .piso-menu .menu-desktop ul li a {
    border: 1px solid #66799C;
    border-radius: 24px;
    padding: 6px 25px;
    color: #66799C;
    background-color: #f6f6f6;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}

#listado-post .piso-menu .menu-desktop ul li a:hover {
    color: #fff;
    background-color: #66799C;
}

#listado-post .piso-inferior {
    background-color: #fff;
    padding-bottom: 120px;
}

#listado-post .piso-inferior .container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
}

#listado-post .piso-inferior .container .caluga-noticia {
    width: 390px;
}

#listado-post .piso-inferior .container .caluga-noticia .categoria {
    position: absolute;
    border: 1px solid #66799C;
    border-radius: 24px;
    padding: 6px 25px;
    color: #fff;
    background-color: #66799C;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
}

#listado-post .piso-inferior .container .caluga-noticia img {
    width: 100%;
    border-radius: 16px;
}

#listado-post .piso-inferior .container .caluga-noticia .fecha {
    color: #66799C;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 22px;
}

#listado-post .piso-inferior .container .caluga-noticia h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}

#listado-post .piso-inferior .container .caluga-noticia p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

#listado-post .piso-inferior .container .caluga-noticia a {
    padding: 16px 28px;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    text-align: center;
    height: fit-content;
    align-items: center;
    width: fit-content;
    background-color: #fff;
    border: 1px solid #01205B;
    line-height: 16px;
    text-decoration: none;
}

#listado-post .piso-inferior .container .caluga-noticia a:hover {
    background-color: #E5E8EE;
}

#listado-post .piso-inferior .paginadador {
    display: none;
}

#contenido .mod32 {
    background-color: #fff;
}

#contenido .mod32 .mod20 {
    padding: 60px 0;
}

#contenido .mod32 .mod20 p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    width: 1000px;
}

#contenido .mod32 .mod24 {
    padding-bottom: 100px;
}

#contenido .mod32 .mod24 .container .titular {
    margin-top: 0;
}

#contenido .mod32 .mod24 .container ul.boxes {
    margin-bottom: 30px;
    width: 1220px;
}

#contenido .mod32 .mod24 .container ul.boxes li h3 {
    text-align: left;
}

#contenido .mod32 .mod24 .container a.st-btn-01 {
    background-color: #ffffff;
    color: #01205B;
    padding: 10px 50px;
    display: block;
    width: auto;
    border-radius: 8px;
    border: 1px solid #01205B;
    font-weight: 600;
}

#contenido .mod32 .mod24 .container a.st-btn-01:hover {
    background-color: #CCD2DE;
}

#contenido .mod32 .piso1 {
    background-color: #F6F6F6;
    padding: 50px 0;
}

#contenido .mod32 .piso1 .container .boxes {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

#contenido .mod32 .piso1 .container .boxes .box {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

#contenido .mod32 .piso1 .container .boxes .box img {
    border-radius: 16px;
}

#contenido .mod32 .piso1 .container .boxes .box .txt {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#contenido .mod32 .piso1 .container .boxes .box .txt h3 {
    color: #01205B;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
}

#contenido .mod32 .piso1 .container .boxes .box .txt p {
    margin-bottom: 24px;
    margin-top: 24px;
}

#contenido .mod32 .piso1 .container .boxes .box .txt a {
    background-color: #f6f6f6;
    color: #01205B;
    padding: 10px 50px;
    display: block;
    width: auto;
    border-radius: 8px;
    border: 1px solid #01205B;
    font-weight: 600;
    text-align: center;
}

#contenido .mod32 .piso1 .container .boxes .box .txt a:hover {
    background-color: #CCD2DE;
}

#contenido .mod32 .mod19 {
    padding: 100px 0 0px 0;
}

#contenido .mod32 .mod19 .container .piso {
    display: flex;
    flex-direction: row-reverse;
}

#contenido .mod32 .mod19 .container .piso .texto h4 {
    font-size: 22px;
    font-weight: bold;
}

#contenido .mod32 .mod19 .container .piso .texto p {
    margin-bottom: 20px;
}

#contenido .mod32 .piso2 {
    background-image: url(img/mod32_fnd_p2.png);
    padding: 100px 0 150px 0;
    background-size: cover;
}

#contenido .mod32 .piso2 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod32 .piso2 .container h3 {
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 60px;
}

#contenido .mod32 .piso2 .container .boxes {
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 50px;
}

#contenido .mod32 .piso2 .container .boxes .box {
    display: flex;
    justify-content: space-between;
    border: 1px solid #6b7e9d;
    border-radius: 12px;
    background-color: #01205b63;
    flex: 1;
    padding: 20px;
    gap: 30px;
    align-items: center;
}

#contenido .mod32 .piso2 .container .boxes .box figure {
    width: 264px;
    height: 173px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

#contenido .mod32 .piso2 .container .boxes .box figure .icono {
    position: absolute;
    margin-left: 94px;
    margin-top: 44px;
}

#contenido .mod32 .piso2 .container .boxes .box .txt {
    flex: 1;
}

#contenido .mod32 .piso2 .container .boxes .box .txt h4 {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 20px;
}

#contenido .mod32 .piso2 .container .boxes .box .txt h4 .amarillo {
    color: #FF9A01;
}

#contenido .mod32 .piso2 .container .boxes .box .txt h4 .light {
    font-weight: 300;
}

#contenido .mod32 .piso2 .container .boxes .box .txt a {
    background-color: #ffffff;
    color: #01205B;
    padding: 10px;
    display: block;
    width: auto;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
}

#contenido .mod32 .piso2 .container .boxes .box .txt a:hover {
    background-color: #CCD2DE;
}

#contenido .mod33 {
    background-color: #fff;
}

#contenido .mod33 .mod19 {
    padding-top: 80px;
}

#contenido .mod33 .mod19 .container .piso {
    margin-bottom: 0;
}

#contenido .mod33 .mod19 .container .piso .texto {
    padding-left: 60px;
    padding-right: 60px;
}

#contenido .mod33 .bloque2 {
    padding-top: 100px;
    padding-bottom: 100px;
}

#contenido .mod33 .bloque2 .container {
    flex-direction: column;
}

#contenido .mod33 .bloque2 .container .titulo h2 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    margin-bottom: 50px;
    font-weight: 400;
}

#contenido .mod33 .bloque2 .container .boxes-desktop {
    width: 100%;
}

#contenido .mod33 .bloque2 .container .boxes-desktop ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

#contenido .mod33 .bloque2 .container .boxes-desktop ul li {
    list-style-type: none;
    flex: 1;
}

#contenido .mod33 .bloque2 .container .boxes-desktop ul li figure {
    margin-bottom: 20px;
    width: 100%;
    height: 178px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
}

#contenido .mod33 .bloque2 .container .boxes-desktop ul li figure img {
    display: block;
    width: 100%;
}

#contenido .mod33 .bloque2 .container .boxes-desktop ul li h4 {
    color: #01205B;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

#contenido .mod33 #galeria {
    background-color: #F2F3F6;
    background-image: url(img/header-detalle.svg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 100px;
}

#contenido .mod33 #galeria #galeria-titulo .container h3 {
    color: #565655;
    font-size: 22px;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    line-height: 42px;
}

#contenido .mod33 #galeria .carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    user-select: none;
    cursor: grab;
}

#contenido .mod33 #galeria .carousel-wrapper.dragging {
    cursor: grabbing;
}

#contenido .mod33 #galeria .carousel-track {
    display: flex;
    will-change: transform;
}

#contenido .mod33 #galeria .slide {
    flex: 0 0 70%;
    padding: 0;
    box-sizing: border-box;
    opacity: 0.35;
    transition: opacity 0.4s ease;
}

#contenido .mod33 #galeria .slide.active {
    opacity: 1;
}

#contenido .mod33 #galeria .slide-inner {
    height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido .mod33 #galeria .slide-inner img {
    border-radius: 16px;
}

#contenido .mod33 #galeria .nav-desktop .btn-nav {
    position: absolute;
    top: 50%;
    background: #20212457;
    border: none;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#contenido .mod33 #galeria .nav-desktop .btn-nav:hover {
    background-color: #20212494;
}

#contenido .mod33 #galeria .nav-desktop .btn-nav.prev {
    left: 12px;
}

#contenido .mod33 #galeria .nav-desktop .btn-nav.next {
    right: 12px;
}

#contenido .mod33 #galeria .nav-mobile {
    display: none;
}

#contenido .mod33 .piso2 {
    padding-top: 80px;
    padding-bottom: 100px;
}

#contenido .mod33 .piso2 .container {
    flex-direction: column;
}

#contenido .mod33 .piso2 .container h4 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    margin-bottom: 50px;
    font-weight: bold;
}

#contenido .mod33 .piso2 .container .boxes {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

#contenido .mod33 .piso2 .container .boxes .box {
    flex: 1;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    padding: 25px;
}

#contenido .mod33 .piso2 .container .boxes .box .txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#contenido .mod33 .piso2 .container .boxes .box figure {
    width: 150px;
    height: 150px;
}

#contenido .mod33 .piso2 .container .boxes .box figure img {
    width: 150px;
    height: auto;
    display: block;
}

#contenido .mod33 .piso2 .container .boxes .box .txt h3 {
    font-size: 16px;
    color: #565655;
    font-weight: 600;
    margin-bottom: 5px;
}

#contenido .mod33 .piso2 .container .boxes .box .txt h4 {
    margin-bottom: 20px;
    color: #01205B;
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.tel {
    display: flex;
    justify-content: flex-start;
    color: #565655;
    font-weight: 600;
    margin-bottom: 15px;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.tel::before {
    content: "";
    background-image: url(img/ic_tel_mod33.svg);
    width: 21px;
    height: 22px;
    display: block;
    margin-right: 5px;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.tel:hover {
    text-decoration: underline;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.wts {
    color: #565655;
    text-align: center;
    border: 1px solid #25D366;
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 18px;
    width: 270px;
    display: flex;
    justify-content: center;
    font-weight: 600;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.wts::before {
    content: "";
    background-image: url(img/ic_wa_mod33.svg);
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 5px;
}

#contenido .mod33 .piso2 .container .boxes .box .txt a.wts:hover {
    background-color: #01205b;
    color: #fff;
    border: 1px solid #01205b;
}

#contenido .mod34 {
    background-color: #fff;
}

#contenido .mod34 .bloque1 {
    padding-top: 100px;
}

#contenido .mod34 .bloque1 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#contenido .mod34 .bloque1 .container h2 {
    font-size: 36px;
    line-height: 40px;
    color: #565655;
    text-align: center;
    font-weight: 400;
    margin-bottom: 50px;
}

#contenido .mod34#id51-1 .bloque1 .container h2 {
    font-size: 36px;
    line-height: 42px;
}

#contenido .mod34 .bloque1 .container .logos {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}

#contenido .mod34 .bloque1 .container .logos img {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
}

#contenido .mod34 .bloque1 .container p {
    font-size: 16px;
    line-height: 24px;
    width: 930px;
    text-align: center;
}

#contenido .mod34 .bloque2 {
    padding-top: 100px;
}

#contenido .mod34 .bloque2 .container .boxes {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#contenido .mod34 .bloque2 .container .boxes .box {
    width: 290px;
}

#contenido .mod34 .bloque2 .container .boxes .box img {
    margin-bottom: 15px;
    border-radius: 18px;
    width: 100%;
}

#contenido .mod34 .bloque2 .container .boxes .box h3 {
    color: #565655;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

#contenido .mod34 .bloque3 {
    padding-top: 100px;
    padding-bottom: 0;
}

#contenido .mod34 .bloque3 .container {
    display: flex;
    flex-direction: column;
}

#contenido .mod34 .bloque3 .container h2 {
    font-size: 36px;
    line-height: 42px;
    color: #565655;
    text-align: center;
    font-weight: 400;
    margin-bottom: 50px;
}

#contenido .mod34 .bloque3 .container .boxes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

#contenido .mod34 .bloque3 .container .boxes .box {
    flex: 1;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
}

#contenido .mod34 .bloque3 .container .boxes .box img {
    border-radius: 18px;
    margin-bottom: 15px;
}

#contenido .mod34 .bloque3 .container .boxes .box h4 {
    color: #01205B;
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    min-height: 65px;
}

#contenido .mod34 .bloque3 .container .boxes .box p {
    color: #565655;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod34 .bloque4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #ffe300;
    background-image: url(img/bnr_ML26v1_desktop_FND.png);
    background-repeat: repeat-x;
}

#contenido.pageid-779, #contenido.pageid-777, #contenido.pageid-783, #contenido.type-404, #contenido.pageid-784, #contenido.pageid-781, #contenido.pageid-787, #contenido.pageid-789, #contenido.pageid-832 {
    display: flex;
}

#contenido .mod35 {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#contenido .mod35 .box {
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    background-color: #fff;
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 890px;
    justify-content: space-between;
}

#contenido .mod35 .box img {
    margin-bottom: 30px;
}

#contenido .mod35 .box h3 {
    color: #01205B;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
}

#contenido .mod35 .box p {
    text-align: center;
    width: 80%;
    margin-bottom: 30px;
}

#contenido .mod35 .box a {
    color: #01205B;
    text-align: center;
    border: 1px solid #01205B;
    width: fit-content;
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

#contenido .mod35 .box a:hover {
    background-color: #E5E8EE;
}

#botonera_whatsapp {
    position: fixed;
    right: 30px;
    bottom: 100px;
    z-index: 999;
    width: 175px;
    height: 45px;
    overflow: hidden;
    border-radius: 22px;
    display: flex;
    justify-content: flex-start;
}

#botonera_whatsapp a {
    background-color: #25D366;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 175px;
    height: 45px;
}

#botonera_whatsapp a:hover {
    background-color: #128C7E;
}

#botonera_lateral {
    position: fixed;
    top: 350px;
    right: 0;
    z-index: 999;
}

#botonera_lateral a {
    background-color: #FF9A01;
    width: 175px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-left: 15px;
    border-radius: 22px 0px 0px 22px;
}

#botonera_lateral a:hover {
    background-color: #FFAE33;
}

#botonera_lateral a.btn1 {
    margin-bottom: 5px;
}

/* 1200 */
@media (min-width: 1200px) and (max-width:1279px) {
    .container {
        width: 1140px;
    }

    header .barra-principal .container nav ul {
        width: 950px;
    }

    footer .barra-menus .menu3 {
        margin-right: 50px;
    }

    #fichamodelo #portada .container .imagen {
        width: 600px;
    }

    #fichamodelo #detalles .container .piso {
        margin-bottom: 60px;
    }

    #fichamodelo #detalles .container .piso figure {
        width: 580px;
    }

    #fichamodelo #detalles .container .piso .contenido {
        width: 500px;
    }

    #galeria-imagenes {
        width: 1200px;
    }

    #galeria-imagenes .slide-inner {
        height: 536px;
    }

    #galeria-imagenes .slide-inner img {
        width: 95%;
    }

    #articulo .sidebar-col {
        padding-left: 20px;
    }

    #versiones .container .texto {
        width: 500px;
    }

    #versiones .container img.imglat {
        width: 580px;
    }

    #listado-post .piso-superior .container .texto {
        width: 520px;
    }

    #contenido .mod02 .container {
        width: 1080px;
    }

    #contenido .mod03 .container.menu .botones {
        width: 1080px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li {
        width: 220px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li {
        width: 275px;
    }

    #contenido .mod15 .container ul {
        width: 1140px;
    }

    #contenido .mod15 .container ul li {
        width: 360px;
    }

    #contenido .mod15 .container ul li figure .norma {
        margin-left: 275px;
    }

    #contenido .mod17#bnrhome .container {
        width: 1140px;
    }

    #contenido.pageid-13 .mod19 .container {
        width: 1140px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido {
        padding-left: calc(50% - 530px);
    }

    #contenido .mod23 .container {
        width: 1140px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li {
        width: calc(100% / 5);
        padding: 0 10px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box figure img {
        width: 100%;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: 1140px;
    }

    #contenido .mod23 .container .bloque2 {
        width: 1140px;
    }

    #contenido .mod23 .container .bloque3 {
        width: 1140px;
        gap: 30px;
    }

    #contenido .mod23 .container .bloque3 img {
        width: 100%;
        height: fit-content;
    }

    #contenido .mod23 .container .bloque3 .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque4 {
        width: 1140px;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul li {
        width: 220px;
    }

    #contenido .mod24 .container ul.boxes li {
        width: 260px;
    }

    #contenido .mod24 .container ul.boxes li figure {
        width: 100%;
    }

    #contenido .mod24 .container ul.boxes a {
        width: 90%;
    }

    #contenido .mod25 .container .wrapper .videocont {
        width: 799px;
        height: 480px;
    }

    #contenido .mod25 .container .wrapper .videocont iframe {
        width: 799px;
        height: 480px;
    }

    #contenido .mod26 .container {
        width: 1140px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto {
        width: 460px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes {
        width: 1200px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner {
        height: 536px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner img {
        width: 95%;
    }

    #contenido .mod28 #seccion2 ul li {
        width: 280px;
    }

    #contenido .mod28 #seccion2 ul li figure {
        width: 100%;
        height: 230px;
    }

    #contenido .mod29 .container {
        width: 1140px;
    }

    #contenido .mod29 .boxes .box {
        width: 220px;
    }

    #contenido .mod29 .boxes .box figure {
        width: 100%;
    }

    #contenido .mod29 .boxes .box figure .fnd {
        width: 220px;
        height: auto;
    }

    #contenido .mod29 .boxes .box p {
        width: 220px;
        margin: 0 auto;
    }

    #contenido .mod31 .piso2 .container .box {
        width: 560px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper {
        width: 273px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos {
        width: calc(100% - 25px);
        margin: 0 auto;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li {
        width: 270px;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li h3 {
        font-size: 20px;
        line-height: 24px;
    }

    #contenido .mod31 .piso5 .container .boxes {
        width: 100%;
    }

    #contenido .mod31 .piso5 .container .boxes .box {
        width: 350px;
    }

    #contenido .mod31 .piso5 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod31 .piso5 .container .banner {
        width: 100%;
        margin: 0 auto;
    }

    #contenido .mod31 .piso5 .container .banner .texto {
        width: 470px;
    }

    #contenido .mod31 .piso5 .container .banner .texto p {
        width: calc(100% - 20px);
    }

    #contenido .mod31 .piso6 .container {
        width: 1140px;
    }

    #contenido .mod31 .piso3 .container {
        width: 1140px;
    }

    #contenido .mod32 .mod24 .container ul.boxes {
        width: 1140px;
    }

    #contenido .mod34 .bloque2 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque3 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque4 .container .aviso {
        width: 1000px;
        margin-left: -500px;
    }

    #contenido .mod34 .bloque2 .container .boxes .box {
        width: 275px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 210px;
    }
}

/* 1024 */
@media (min-width: 1024px) and (max-width:1199px) {
    .container {
        width: 964px;
    }

    header .barra-principal .container nav ul {
        width: 750px;
    }

    header .barra-principal .container nav ul li a {
        line-height: 17px;
    }

    footer .barra-menus .menu3 {
        margin-right: 50px;
    }

    footer .barra-legales .container {
        padding-left: 130px;
    }

    #fichamodelo #portada .container .imagen {
        width: 480px;
    }

    #fichamodelo #portada .container .datos {
        width: 450px;
        margin: 25px 1px;
    }

    #fichamodelo #detalles .container .piso figure {
        width: 500px;
    }

    #fichamodelo #detalles .container .piso .contenido {
        width: 420px;
    }

    #fichamodelo #galeria #galeria-bajada ul li a {
        font-size: 12px;
        line-height: 12px;
    }

    #fichamodelo #detalles .container .piso {
        margin-bottom: 60px;
    }

    #galeria-imagenes {
        width: 1024px;
    }

    #galeria-imagenes .slide-inner {
        height: 457px;
    }

    #galeria-imagenes .slide-inner img {
        width: 95%;
    }

    #listado-post .piso-superior .container {
        gap: 30px;
    }

    #listado-post .piso-superior .container img {
        width: 500px;
    }

    #versiones .container .texto {
        width: 430px;
    }

    #versiones .container img.imglat {
        width: 500px;
    }

    #versiones .container {
        width: 964px;
    }

    #articulo .sidebar-col {
        padding-left: 20px;
        margin-left: 20px;
    }

    #articulo .main-col {
        width: 600px;
    }

    #fichamodelo #detalles .container {
        width: 964px;
    }

    #fichamodelo #galeria #galeria-bajada .container {
        width: 964px;
    }

    #contenido .mod02 .container {
        width: 904px;
    }

    #contenido .mod03 .container.menu .botones {
        width: 904px;
    }

    #contenido .mod04 .fnd {
        max-height: 390px;
    }

    #contenido .mod04 .contenido .container img.logo {
        height: 75px;
        width: 220px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li {
        width: 180px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li h3 {
        font-size: 16px;
        line-height: 20px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li a {
        font-size: 15px;
        line-height: 17px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li {
        width: 230px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li h3 {
        font-size: 16px;
        line-height: 18px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li a {
        font-size: 15px;
        line-height: 17px;
    }

    #contenido .mod15 .container ul {
        width: 964px;
    }

    #contenido .mod15 .container ul li {
        width: 300px;
    }

    #contenido .mod15 .container ul li figure .norma {
        margin-left: 215px;
    }

    #contenido .mod17 .container {
        width: 964px;
    }

    #contenido .mod19 .container .piso.impar .texto {
        padding-right: 0;
    }

    #contenido .mod19 .container .piso.par .texto {
        padding-left: 0;
    }

    #contenido.pageid-13 .mod19 .container {
        width: 964px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido {
        padding-left: 60px;
        padding-right: 60px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h2 {
        font-size: 44px;
        line-height: 48px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h3 {
        font-size: 40px;
        line-height: 44px;
    }

    #contenido .mod22 .container {
        width: 964px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: 964px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li {
        padding: 0 10px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box figure img {
        width: 100%;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: 964px;
    }

    #contenido .mod23 .container .bloque2 {
        width: calc(100% - 20px);
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul {
        display: flex;
        align-items: flex-start;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul li figure {
        height: 144px;
    }

    #contenido .mod23 .container .bloque3 {
        width: calc(100% - 20px);
        gap: 30px;
    }

    #contenido .mod23 .container .bloque3 img {
        width: 500px;
        height: fit-content;
    }

    #contenido .mod23 .container .bloque3 .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque3 .texto h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #contenido .mod23 .container .bloque3 .texto p {
        font-size: 16px;
        line-height: 27px;
    }

    #contenido .mod23 .container .bloque3 .texto .card {
        margin: 20px 0;
    }

    #contenido .mod23 .container .bloque4 .fila img {
        width: auto;
        height: 330px;
    }

    #contenido .mod23 .container {
        width: 964px;
    }

    #contenido .mod23 .container .bloque4 {
        width: 964px;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul li {
        width: 180px;
    }

    #contenido .mod24 .container ul.boxes li {
        width: 220px;
    }

    #contenido .mod24 .container ul.boxes li figure {
        width: 100%;
    }

    #contenido .mod24 .container ul.boxes li h3 {
        min-height: 65px;
        font-size: 20px;
    }

    #contenido .mod24 .container ul.boxes li ul {
        min-height: 170px;
    }

    #contenido .mod24 .container ul.boxes a {
        width: 90%;
    }

    #contenido .mod25 .container .wrapper .videocont {
        width: 700px;
        height: 400px;
    }

    #contenido .mod25 .container .wrapper .videocont iframe {
        width: 700px;
        height: 400px;
    }

    #contenido .mod26 .container {
        width: 964px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto {
        width: 400px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel {
        width: 100%;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa {
        width: 470px;
        height: 350px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa iframe {
        width: 470px;
        height: 350px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes {
        width: 1024px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner {
        height: 457px;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner img {
        width: 95%;
    }

    #contenido .mod28 #seccion2 ul {
        width: 964px;
    }

    #contenido .mod28 #seccion2 ul li {
        width: 235px;
    }

    #contenido .mod28 #seccion2 ul li figure {
        width: 100%;
        height: 190px;
    }

    #contenido .mod29 .boxes .box {
        max-width: 225px;
    }

    #contenido .mod29 .boxes .box p span {
        width: 100%;
        clear: both;
        display: block;
    }

    #contenido .mod31 .piso2 .container .box {
        width: 475px;
    }

    #contenido .mod31 .piso2 .container .box .panel {
        padding: 30px;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto {
        width: 290px;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto p {
        font-size: 14px;
        line-height: 20px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper {
        width: 228px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper h3 {
        font-size: 20px;
        padding: 20px 10px;
        height: 80px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos {
        width: calc(100% - 25px);
        margin: 0 auto;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li {
        width: 227px;
    }

    #contenido .mod31 .piso5 .container .boxes {
        width: calc(100% - 25px);
    }

    #contenido .mod31 .piso5 .container .boxes .box {
        width: 300px;
    }

    #contenido .mod31 .piso5 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod31 .piso5 .container .banner {
        width: calc(100% - 25px);
        margin: 0 auto;
    }

    #contenido .mod31 .piso5 .container .banner img {
        width: 500px;
    }

    #contenido .mod31 .piso5 .container .banner .texto {
        width: 440px;
    }

    #contenido .mod31 .piso5 .container .banner .texto p {
        width: calc(100% - 20px);
        font-size: 14px;
    }

    #contenido .mod31 .piso6 .container {
        width: 964px;
    }

    #contenido .mod31 .piso6 .container .aviso img {
        width: 250px;
    }

    #contenido .mod31 .piso6 .container .noticia {
        width: 730px;
    }

    #contenido .mod31 .piso6 .container .noticia .foto img {
        width: 250px;
        height: 142px;
    }

    #contenido .mod31 .piso6 .container .noticia .foto .fecha {
        margin-top: 20px;
    }

    #contenido .mod31 .piso3 .container {
        width: 964px;
    }

    #contenido .mod32 .piso1 .container .boxes .box img {
        width: auto;
        height: 140px;
    }

    #contenido .mod32 .mod19 {
        padding: 50px 0;
    }

    #contenido .mod32 .mod19 .container .piso {
        margin-bottom: 0;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure {
        width: 150px;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure img.fnd {
        margin-left: -58px;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure .icono {
        margin-left: 38px;
        margin-top: 44px;
    }

    #contenido .mod32 .mod24 .container ul.boxes {
        width: 964px;
    }

    #contenido .mod34 .bloque2 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque3 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque4 .container .aviso {
        width: 1000px;
        margin-left: -500px;
    }

    #contenido .mod34 .bloque2 .container .boxes .box {
        width: 228px;
    }

    #contenido .mod34 .bloque3 .container .boxes .box h4 {
        font-size: 17px;
        display: flex;
        align-items: center;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 145px;
    }
}

/* 1023  */
@media (max-width: 1023px) {
    section#contenido {
        padding-top: 94px;
    }

    header .barra-superior {
        font-size: 11px;
        text-align: center;
    }

    header .barra-superior .container {
        justify-content: center;
    }

    header .barra-superior .container .aviso2 {
        display: none;
    }

    header .barra-principal {
        display: none;
    }

    header .barra-mobile {
        display: block;
    }

    header .barra-mobile .container {
        width: calc(100% - 40px);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    header .barra-mobile .container .leftbox .logo {
        width: 100px;
    }

    header .barra-mobile .container .leftbox .logo a {
        height: 100%;
        display: flex;
    }

    header .barra-mobile .container .leftbox .logo a img {
        height: 60px;
        width: 100%;
    }

    header .barra-mobile .container .rightbox {
        display: flex;
    }

    header .barra-mobile .container .rightbox .btn-cotiza {
        margin-right: 10px;
    }

    header .barra-mobile .container .rightbox .btn-cotiza a {
        background-color: #FF9A01;
        color: #ffffff;
        padding: 10px 20px;
        border-radius: 8px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin: 0 5px;
    }

    header .barra-mobile .container .rightbox .btn-cotiza a:hover {
        background-color: #FFAE33;
    }

    header .barra-mobile .container .rightbox #btnmenumobile {
        width: 42px;
        height: 42px;
        background-image: url(img/menumobile-abrir.svg);
        background-color: #ffffff;
        border: 1px solid #ffffff;
    }

    header .barra-mobile .container .rightbox #btnmenumobile.active {
        background-image: url(img/menumobile-cerrar.svg);
    }

    header .barra-mobile #menumobile {
        position: absolute;
        z-index: 1;
        background-color: #ffffff;
        width: 100%;
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: opacity 0.5s ease, visibility 0.5s;
    }

    header .barra-mobile #menumobile.active {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.5s ease, visibility 0.5s;
        height: auto;
        z-index: 9999;
    }

    header .barra-mobile #menumobile nav {
        width: 100%;
    }

    header .barra-mobile #menumobile nav ul li a {
        width: 100%;
        display: block;
        padding: 12px 20px;
        color: #565655;
        font-size: 16px;
        border-top: 1px solid #A7B6C6;
    }

    header .barra-mobile #menumobile nav ul li.cotizador {
        display: none;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children {
        position: relative;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children.hover-open > .sub-menu, header .barra-mobile #menumobile nav ul li.menu-item-has-children.open > .sub-menu {
        display: block;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children a {
        color: #565655;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children a::before {
        transition: transform 0.5s ease;
        content: "";
        position: absolute;
        right: 5%;
        top: 21px;
        width: 10px;
        height: 6px;
        background-image: url("img/flecha-abajo-gris.svg");
        z-index: 1;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children.hover-open:hover a::before {
        transition: transform 0.5s ease;
        transform: rotate(180deg);
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children ul.sub-menu {
        display: none;
        position: static;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children ul.sub-menu li a {
        color: #565655;
        padding: 12px 30px;
    }

    header .barra-mobile #menumobile nav ul li.menu-item-has-children ul.sub-menu li a:hover {
        color: #000000;
    }

    footer .barra-menus .logo {
        display: block;
        margin: 0 auto 25px auto;
    }

    footer .barra-menus .menu1, footer .barra-menus .menu2, footer .barra-menus .menu3 {
        display: none;
    }

    footer .barra-inferior {
        justify-content: center;
    }

    footer .barra-inferior .menu4 {
        width: 150px;
        margin-bottom: 10px;
    }

    footer .barra-mobile {
        display: block;
        margin-bottom: 50px;
        width: calc(100% - 40px);
    }

    footer .barra-mobile .acc-item {
        border-bottom: 1px solid #707070;
        overflow: hidden;
    }

    footer .barra-mobile .acc-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 18px;
        cursor: pointer;
        transition: background 0.15s;
    }

    footer .barra-mobile .acc-title {
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
    }

    footer .barra-mobile .acc-icon {
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.25s;
        flex-shrink: 0;
    }

    footer .barra-mobile .acc-item.open .acc-icon {
        transform: rotate(180deg);
    }

    footer .barra-mobile .acc-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    footer .barra-mobile .acc-body nav {
        width: 100%;
    }

    footer .barra-mobile .acc-body nav ul {
        padding: 0 0 0 20px;
    }

    footer .barra-mobile .acc-body nav ul li {
        list-style-type: none;
    }

    footer .barra-mobile .acc-body nav ul li a {
        width: 100%;
        display: block;
        padding: 12px 30px;
        color: #ffffff;
        font-size: 16px;
        border-top: 1px solid #707070;
    }

    footer .barra-mobile .acc-body nav ul li a:hover {
        color: #ffffff;
        border-top: 1px solid #707070;
    }

    footer .barra-mobile .acc-body nav ul li.cotizador {
        display: none;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children {
        position: relative;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children.hover-open > .sub-menu, footer .barra-mobile .acc-body nav ul li.menu-item-has-children.open > .sub-menu {
        display: block;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children a {
        color: #ffffff;
        border-top: 1px solid #707070;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children a::before {
        transition: transform 0.5s ease;
        content: "";
        position: absolute;
        right: 5%;
        top: 21px;
        width: 10px;
        height: 6px;
        background-image: url("img/flecha-abajo-blanca.svg");
        z-index: 1;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children.hover-open:hover a::before {
        transition: transform 0.5s ease;
        transform: rotate(180deg);
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children ul.sub-menu {
        display: none;
        position: static;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children ul.sub-menu li a {
        color: #ffffff;
        padding: 12px 40px;
    }

    footer .barra-mobile .acc-body nav ul li.menu-item-has-children ul.sub-menu li a:hover {
        color: #000000;
    }

    footer .barra-legales {
    }

    footer .barra-legales .container {
        padding-left: 0;
        width: calc(100% - 50px);
    }

    #contenido .mod19 .container {
        width: calc(100% - 40px);
    }

    #contenido .mod19#dyp .container {
        width: calc(100% - 40px);
    }

    #contenido .mod19 .container .piso {
        margin-bottom: 60px;
    }

    #contenido .mod19 .container .piso.impar {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod19 .container .piso.par {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod19 .container .piso .texto {
        width: 100%;
        padding: 0;
    }

    #contenido .mod19 .container .piso figure {
        width: 100%;
        margin-bottom: 30px;
    }

    #contenido .mod19 .container div:last-child {
        margin-bottom: 0;
    }

    #contenido .mod19 .container .piso.impar .texto {
        padding: 0;
    }

    #contenido .mod19 .container .piso.par .texto {
        padding: 0;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide {
        flex: 0 0 100%;
        opacity: 0;
        padding: 0;
        pointer-events: none;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide.active {
        opacity: 1;
        pointer-events: auto;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .nav-desktop {
        display: none;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .nav-mobile {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 20px;
        position: relative;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .nav-mobile .btn-nav {
        font-size: 20px;
        background: #20212457;
        border: none;
        width: 56px;
        height: 56px;
        border-radius: 12px;
        cursor: pointer;
        transition: background 0.2s;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .nav-mobile .btn-nav:hover {
        background-color: #20212494;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes {
        width: 100%;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner {
        height: auto;
    }

    #contenido .mod28 #seccion1 #galeria-imagenes .slide-inner img {
        width: 100%;
        border-radius: 0;
        height: auto;
    }

    #galeria-imagenes .slide {
        flex: 0 0 100%;
        opacity: 0;
        padding: 0;
        pointer-events: none;
    }

    #galeria-imagenes .slide.active {
        opacity: 1;
        pointer-events: auto;
    }

    #galeria-imagenes .nav-desktop {
        display: none;
    }

    #galeria-imagenes .nav-mobile {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: 20px;
        position: relative;
    }

    #galeria-imagenes .nav-mobile .btn-nav {
        font-size: 20px;
        background: #20212457;
        border: none;
        width: 56px;
        height: 56px;
        border-radius: 12px;
        cursor: pointer;
        transition: background 0.2s;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #galeria-imagenes .nav-mobile .btn-nav:hover {
        background-color: #20212494;
    }

    #galeria-imagenes {
        width: 100%;
    }

    #galeria-imagenes .slide-inner {
        height: auto;
    }

    #galeria-imagenes .slide-inner img {
        width: 100%;
        border-radius: 0;
    }
}

/* 768  */
@media (min-width: 768px) and (max-width:1023px) {
    .container {
        width: 708px;
    }

    #contenido .mod34 .bloque4 img {
        width: 1350px;
    }

    #fichamodelo #portada .container .datos {
        width: 365px;
        margin: 25px 0px;
    }

    #fichamodelo #detalles .container .piso figure {
        width: 370px;
    }

    #fichamodelo #detalles .container .piso .contenido {
        width: 320px;
    }

    #fichamodelo #galeria #galeria-bajada ul li a {
        font-size: 12px;
        line-height: 12px;
        margin: 0px 5px 0px 0px;
        padding: 12px 10px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #fichamodelo #portada .container .imagen {
        width: 320px;
    }

    #fichamodelo #galeria #galeria-bajada ul li a {
        font-size: 12px;
        line-height: 12px;
    }

    #fichamodelo #portada .container .datos .botonera {
        width: 100%;
    }

    #fichamodelo #portada .container .datos .botonera a.ficha {
        font-size: 13px;
        line-height: 13px;
    }

    #fichamodelo #portada .container .datos .botonera a.cotizar {
        font-size: 13px;
        line-height: 13px;
        margin-right: 10px;
    }

    #fichamodelo #detalles .container .piso {
        margin-bottom: 60px;
    }

    #formulario .container .form .piso {
        width: 700px;
    }

    #versiones .container .texto {
        width: 310px;
    }

    #versiones .container .texto h4 {
        margin-bottom: 20px;
    }

    #versiones .container .texto ul.vers {
        margin-bottom: 20px;
    }

    #versiones .container .texto ul.vers li {
        font-size: 13px;
    }

    #versiones .container .texto .frase {
        padding: 5px 0;
        font-size: 12px;
    }

    #versiones .container img.imglat {
        width: 370px;
        height: 100%;
    }

    #listado-post .piso-superior .container {
        gap: 30px;
        display: flex;
        align-items: flex-start;
    }

    #listado-post .piso-superior .container img {
        width: 330px;
    }

    #listado-post .piso-superior .container .texto {
        width: 350px;
    }

    #contenido .mod04 .contenido .container img.logo {
        width: 165px;
        height: 60px;
        margin-bottom: 10px;
    }

    #contenido .mod04 .fnd {
        max-height: 400px;
    }

    #contenido .mod11 #formulario .container h2 {
        font-size: 26px;
        text-align: center;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li {
        width: 135px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li h3 {
        font-size: 16px;
        line-height: 20px;
    }

    #contenido .mod14.fnd-volkswagen .container ul.modelos li a {
        font-size: 15px;
        line-height: 17px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li {
        width: 170px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li h3 {
        font-size: 16px;
        line-height: 20px;
    }

    #contenido .mod14.fnd-man .container ul.modelos li a {
        font-size: 15px;
        line-height: 17px;
    }

    #contenido .mod15 .container ul {
        width: 100%;
    }

    #contenido .mod15 .container ul li {
        width: 330px;
    }

    #contenido .mod15 .container ul li figure .norma {
        margin-left: 137px;
    }

    #contenido .mod15 .container ul li .nombre {
        font-size: 15px;
        line-height: 16px;
    }

    #contenido .mod15 .container ul li .version {
        font-size: 14px;
        line-height: 14px;
    }

    #contenido .mod15 .container ul li .precio {
        font-size: 13px;
        line-height: 15px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        font-size: 13px;
        line-height: 16px;
    }

    #contenido .mod15 .container ul li .botones a {
        font-size: 12px;
        line-height: 12px;
    }

    #contenido .mod17 .container {
        width: 700px;
    }

    #contenido .mod19#m19rep {
        padding-bottom: 50px;
    }

    #contenido .mod19#m19rep .container .impar {
        display: flex;
        flex-direction: row-reverse;
    }

    #contenido .mod19#m19rep .container .piso figure img {
        width: 300px;
    }

    #contenido .mod19#mod19_mp1 .container .piso .texto {
        padding-left: 20px;
        margin-bottom: 50px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido {
        padding-left: 40px;
        padding-right: 40px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h2 {
        font-size: 38px;
        line-height: 42px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h3 {
        font-size: 34px;
        line-height: 38px;
    }

    #contenido .mod22 .container ul {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: calc(100% - 72px);
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav button {
        transform: translateY(-150px);
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: 964px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li {
        padding: 0 10px;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop ul li .box figure img {
        width: 100%;
    }

    #contenido .mod23 .container .bloque1 .carrusel-desktop .carrusel-desktop-nav {
        width: calc(100% - 40px);
    }

    #contenido .mod23 .container .bloque2 {
        width: 708px;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul li figure {
        height: 144px;
    }

    #contenido .mod23 .container .bloque3 {
        width: calc(100% - 20px);
        gap: 30px;
    }

    #contenido .mod23 .container .bloque3 img {
        width: 300px;
        height: fit-content;
    }

    #contenido .mod23 .container .bloque3 .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque3 .texto h4 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #contenido .mod23 .container .bloque3 .texto p {
        font-size: 16px;
        line-height: 27px;
    }

    #contenido .mod23 .container .bloque3 .texto .card {
        margin: 20px 0;
    }

    #contenido .mod23 .container .bloque4 .fila img {
        width: auto;
        height: 222px;
        display: block;
    }

    #contenido .mod23 .container .bloque4 .fila .texto {
        width: 339px;
    }

    #contenido .mod24 .container .titular {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #contenido .mod24 .container ul.boxes {
        display: flex;
        flex-wrap: wrap;
        /* margin-bottom: 60px; */
    }

    #contenido .mod24 .container ul.boxes li {
        width: 330px;
    }

    #contenido .mod24 .container ul.boxes li figure {
        width: 100%;
    }

    #contenido .mod24 .container ul.boxes li h3 {
        min-height: 60px;
    }

    #contenido .mod24 .container ul.boxes li ul {
        min-height: 130px;
    }

    #contenido .mod24 .container ul.boxes a {
        width: 90%;
        margin-bottom: 30px;
    }

    #contenido .mod25 .container .wrapper .texto img {
        max-width: 50px;
    }

    #contenido .mod25 .container .wrapper .texto h3 {
        font-size: 22px;
        line-height: 25px;
    }

    #contenido .mod25 .container .wrapper .videocont {
        width: 400px;
        height: 280px;
    }

    #contenido .mod25 .container .wrapper .videocont .player {
        width: 80px;
        height: 80px;
    }

    #contenido .mod25 .container .wrapper .videocont iframe {
        width: 700px;
        height: 400px;
    }

    #contenido .mod26 .container {
        width: 700px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto {
        width: 400px;
        margin-right: 25px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel {
        width: 100%;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa {
        width: 330px;
        height: 350px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa iframe {
        width: 330px;
        height: 350px;
    }

    #contenido .mod28 #seccion2 ul {
        width: calc(100% - 20px);
    }

    #contenido .mod28 #seccion2 ul li {
        width: 165px;
    }

    #contenido .mod28 #seccion2 ul li figure {
        width: 100%;
        height: 140px;
    }

    #contenido .mod28 #seccion2 ul li p {
        font-size: 15px;
        line-height: 18px;
    }

    #contenido .mod29 .container {
        width: calc(100% - 20px);
    }

    #contenido .mod29 .boxes .box {
        width: 140px;
    }

    #contenido .mod29 .boxes .box figure {
        width: 100%;
    }

    #contenido .mod29 .boxes .box figure .fnd {
        width: 140px;
        height: auto;
    }

    #contenido .mod29 .boxes .box p {
        width: 140px;
        margin: 0 auto;
        line-height: 15px;
        padding-top: 10px;
        font-size: 10px;
    }

    #contenido .mod29 .boxes .box p span {
        width: 100%;
        display: block;
    }

    #contenido .mod30 .container {
        width: calc(100% - 20px);
    }

    #contenido .mod30 .boxes .box {
        width: 48%;
    }

    #contenido .mod31 .piso1 .container {
        width: 700px;
    }

    #contenido .mod31 .piso1 .container p {
        width: 100%;
    }

    #contenido .mod31 .piso2 .container {
        width: 700px;
    }

    #contenido .mod31 .piso2 .container .box {
        width: 340px;
    }

    #contenido .mod31 .piso2 .container .box .panel {
        padding: 20px;
        height: 185px;
    }

    #contenido .mod31 .piso2 .container .box .panel .logo {
        width: 60px;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto {
        width: 180px;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto p {
        font-size: 10px;
        line-height: 16px;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto a {
        font-size: 9px;
        line-height: 15px;
        text-align: center;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper {
        width: 161px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper h3 {
        font-size: 16px;
        padding: 20px 10px;
        height: 80px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 20px;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-d .carr-vw-d-track .carr-vw-d-slide .wrapper a {
        font-size: 10px;
        line-height: 18px;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos {
        width: calc(100% - 25px);
        margin: 0 auto;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li {
        width: 160px;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li h3 {
        font-size: 16px;
        line-height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li figure img {
        width: 100%;
    }

    #contenido .mod31 .piso4 .container .carrusel ul.modelos li a {
        font-size: 10px;
        line-height: 16px;
    }

    #contenido .mod31 .piso5 .container .boxes {
        width: calc(100% - 25px);
    }

    #contenido .mod31 .piso5 .container .boxes .box {
        width: 220px;
    }

    #contenido .mod31 .piso5 .container .boxes .box.detalle::before {
        margin-left: 30px;
    }

    #contenido .mod31 .piso5 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod31 .piso5 .container .boxes .box h4 {
        height: 55px;
    }

    #contenido .mod31 .piso5 .container .banner {
        width: calc(100% - 25px);
        margin: 0 auto;
    }

    #contenido .mod31 .piso5 .container .banner img {
        width: 365px;
        height: 150px;
    }

    #contenido .mod31 .piso5 .container .banner .texto {
        width: 375px;
    }

    #contenido .mod31 .piso5 .container .banner .texto h5 {
        padding-top: 20px;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    #contenido .mod31 .piso5 .container .banner .texto p {
        width: calc(100% - 20px);
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    #contenido .mod31 .piso5 .container .banner .texto a {
        font-size: 15px;
    }

    #contenido .mod31 .piso6 .container {
        width: calc(100% - 20px);
    }

    #contenido .mod31 .piso6 .container .aviso img {
        width: 200px;
    }

    #contenido .mod31 .piso6 .container .noticia {
        width: 543px;
    }

    #contenido .mod31 .piso6 .container .noticia .foto img {
        width: 250px;
        height: 142px;
    }

    #contenido .mod31 .piso6 .container .noticia .foto .fecha {
        margin-top: 20px;
    }

    #contenido .mod32 .mod20 p {
        width: 100%;
    }

    #contenido .mod32 .piso1 .container .boxes .box {
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: flex-start;
    }

    #contenido .mod32 .piso1 .container .boxes .box img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #contenido .mod32 .piso1 .container .boxes .box .txt {
        min-height: 161px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #contenido .mod32 .piso1 .container .boxes .box .txt h3 {
        margin-bottom: 10px;
    }

    #contenido .mod32 .mod19 {
        padding: 50px 0;
    }

    #contenido .mod32 .mod19 .container .piso {
        margin-bottom: 0;
        gap: 20px;
    }

    #contenido .mod32 .piso2 {
        padding: 50px 0 100px 0;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure {
        width: 150px;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure img {
        margin-left: -58px;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure .icono {
        margin-left: 38px;
        margin-top: 44px;
    }

    #contenido .mod33 .mod19 {
        padding-top: 60px;
    }

    #contenido .mod33 .mod19 .container .piso .texto {
        padding-left: 0;
    }

    #contenido .mod33 .bloque2 {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #contenido .mod33 .bloque2 .container .boxes-desktop ul li figure {
        height: 100px;
        margin-bottom: 10px;
    }

    #contenido .mod33 #galeria #galeria-titulo .container h3 {
        font-size: 26px;
        line-height: 28px;
        padding: 50px 0 30px 0;
    }

    #contenido .mod33 #galeria .nav-mobile {
        display: flex;
        margin-top: 15px;
    }

    #contenido .mod33 #galeria .slide {
        flex: 0 0 100%;
    }

    #contenido .mod33 #galeria {
        padding-bottom: 30px;
    }

    #contenido .mod33 #galeria .slide-inner {
        height: 515px;
    }

    #contenido .mod33 #galeria .slide-inner img {
        border-radius: 0;
    }

    #contenido .mod33 .piso2 {
        padding-top: 60px;
    }

    #contenido .mod33 .piso2 .container .boxes .box .txt {
        width: 100%;
    }

    #contenido .mod33 .piso2 .container .boxes .box figure {
        display: none;
    }

    #contenido .mod33 .piso2 .container .boxes .box .txt a.wts {
        width: 270px;
    }

    #contenido .mod34 .bloque1 .container p {
        width: 100%;
    }

    #contenido .mod34 .bloque2 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque3 .container .boxes .box img {
        width: 100%;
    }

    #contenido .mod34 .bloque4 .container .aviso {
        width: 700px;
        margin-left: -350px;
    }

    #contenido .mod34 .bloque4 .container .aviso img {
        width: 90%;
    }

    #contenido .mod35 .box {
        width: 90%;
        margin: 40px 0 50px 0;
    }

    #contenido .mod31 .piso3 .container {
        width: 708px;
    }

    #contenido .mod20#id59-1 .container h2 {
        width: 100%;
    }

    #contenido .mod19 .container .piso.impar .texto {
        padding-left: 20px;
    }

    #contenido .mod19 .container .piso.par .texto {
        padding-right: 20px;
    }

    #contenido .mod19#dyp {
        padding-bottom: 80px;
    }

    #contenido .mod04 .fnd {
        max-height: 295px;
    }

    #contenido .mod19 .container {
        width: 708px;
    }

    #contenido .mod23 .container {
        width: 708px;
    }

    #contenido .mod23 .container .bloque4 {
        width: 708px;
    }

    #contenido .mod23 .container .bloque2 .boxes-desktop ul li {
        width: 225px;
        margin-bottom: 20px;
    }

    #contenido .mod04 .contenido .container h1 {
        margin-bottom: 10px;
    }

    #contenido .mod04 .contenido .container p.texto {
        margin-bottom: 10px;
    }

    #contenido .mod02 .container {
        width: 678px;
    }

    #contenido .mod34 .bloque3 .container .boxes {
        grid-template-columns: repeat(3, 1fr);
    }

    #contenido .mod34 .bloque2 .container .boxes .box {
        width: 170px;
    }

    #contenido .mod03 .container.menu .botones {
        width: 678px;
    }

    #contenido.pageid-13 .mod19 .container {
        width: 708px;
    }

    #contenido .mod01 {
        margin-top: 50px;
    }

    #contenido .mod22 .container {
        width: 708px;
    }

    #contenido .mod19#id17-1 {
        margin-bottom: 50px;
    }

    #contenido .mod32 .mod24 .container ul.boxes {
        width: 678px;
    }

    #contenido .mod32 .piso2 .container .boxes {
        gap: 15px;
    }

    #versiones .container {
        width: 708px;
    }

    #fichamodelo #detalles .container {
        width: 708px;
    }

    #fichamodelo #galeria #galeria-bajada .container {
        width: 708px;
    }

    #articulo .main-col {
        width: 480px;
    }

    #articulo .sidebar-col {
        padding-left: 20px;
        margin-left: 20px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 185px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .d-desktop {
        display: none !important;
    }

    .d-mobile {
        display: block !important;
    }

    #contenido .mod19#mod19_mp1 .container .piso .texto h2 {
        font-size: 22px;
        line-height: 26px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        text-align: right;
    }

    #contenido .mod20#id48-1 .container h2 {
        padding: 20px 0 0px 0;
        font-size: 32px;
        line-height: 36px;
    }

    #contenido .mod14 {
        padding: 50px 0 60px 0;
    }

    #contenido .mod20#id59-1 .container h2 {
        width: 100%;
    }

    #contenido #id53.mod04 .contenido .container {
        padding-bottom: 80px;
    }

    #contenido .mod19 .container .piso .texto ul.grid {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod02 .container {
        width: calc(100% - 80px);
        overflow: hidden;
    }

    #contenido .mod02 .container h1 {
        text-align: left;
        line-height: 36px;
    }

    #contenido .mod20#id51-2 .container h2 {
        padding: 20px 0 20px 0;
    }

    #contenido .mod19 .container .piso .texto h2 {
        font-size: 22px;
        line-height: 26px;
        color: #565655;
    }

    .container {
        width: calc(100% - 40px);
    }

    #contenido .mod19#id51-3 .container .piso.impar {
        display: flex;
        flex-direction: column-reverse;
    }

    .container.inner {
        width: calc(100% - 40px);
    }

    #fichamodelo #portada .container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #fichamodelo #portada .container .imagen {
        width: 100%;
    }

    #fichamodelo #portada .container .datos {
        width: calc(100% - 40px);
        margin: 0 auto 30px auto;
    }

    #fichamodelo #portada .container .datos h1 {
        font-size: 24px;
        line-height: 28px;
    }

    #fichamodelo #portada .container .datos h2 {
        font-size: 28px;
        line-height: 28px;
    }

    #fichamodelo.volkswagen #portada .container .datos h1, #fichamodelo.volkswagen #portada .container .datos h2 {
        color: #01205B;
    }

    #fichamodelo #portada .container .datos .precio .label {
        font-size: 14px;
        line-height: 20px;
    }

    #fichamodelo #portada .container .datos .precio .valor {
        font-size: 24px;
        line-height: 38px;
    }

    #fichamodelo #portada .container .datos ul.datos {
        width: 100%;
        margin: 0 auto;
    }

    #fichamodelo #portada .container .datos .botonera {
        width: 100%;
    }

    #fichamodelo #portada .container .datos .botonera a {
        width: 47%;
    }

    #fichamodelo #portada .container .datos .botonera a.ficha {
        text-align: center;
        font-size: 14px;
    }

    #fichamodelo #portada .container .datos .botonera a.cotizar {
        text-align: center;
        font-size: 14px;
    }

    #fichamodelo #huincha .container {
        width: calc(100% - 40px);
    }

    #fichamodelo #presentacion {
        padding: 30px 0;
    }

    #fichamodelo #presentacion .container .logo {
        margin-bottom: 30px;
        width: 30%;
    }

    #fichamodelo #presentacion .container .logo img {
        display: block;
        width: 100%;
    }

    #fichamodelo #presentacion .container h2 {
        text-align: center;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    #fichamodelo #presentacion .container p {
        width: 100%;
    }

    #fichamodelo #detalles .container .piso {
        width: 100%;
    }

    #fichamodelo #detalles .container .piso.par {
        flex-direction: column;
        display: flex;
    }

    #fichamodelo #detalles .container .piso.impar {
        display: flex;
        flex-direction: column;
    }

    #fichamodelo #detalles .container .piso figure {
        width: 100%;
        margin-bottom: 20px;
    }

    #fichamodelo #detalles .container .piso .contenido {
        width: 100%;
    }

    #fichamodelo #galeria #galeria-titulo h3 {
        width: 100%;
    }

    #fichamodelo #galeria #galeria-titulo h3 {
        font-size: 28px;
        line-height: 36px;
        padding: 50px 0 20px 0;
    }

    #fichamodelo #galeria #galeria-bajada {
        padding: 50px 0;
    }

    #fichamodelo #galeria #galeria-bajada .logo {
        margin-bottom: 30px;
    }

    #fichamodelo.volkswagen #galeria #galeria-bajada .logo {
        width: 230px;
    }

    #fichamodelo #galeria #galeria-bajada ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #fichamodelo #galeria #galeria-bajada ul li {
        margin-bottom: 10px;
    }

    #fichamodelo #galeria #galeria-bajada ul li a {
        width: 280px;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    #fichamodelo #detalles .container .piso figure {
        width: 100%;
    }

    #fichamodelo #detalles .container .piso .contenido {
        width: 100%;
    }

    #fichamodelo #galeria #galeria-bajada ul li a {
        font-size: 15px;
        line-height: 15px;
        margin: 0px 5px 0px 0px;
        padding: 12px 10px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #fichamodelo #portada .container .imagen {
        width: 100%;
        margin-bottom: 20px;
    }

    #fichamodelo #portada .container .datos .botonera {
        width: 100%;
    }

    #fichamodelo #portada .container .datos .botonera a.ficha {
        font-size: 13px;
        line-height: 13px;
    }

    #fichamodelo #portada .container .datos .botonera a.cotizar {
        font-size: 13px;
        line-height: 13px;
        margin-right: 10px;
    }

    #fichamodelo #presentacion .container {
        width: calc(100% - 40px);
    }

    #fichamodelo #detalles {
        padding-top: 50px;
    }

    #fichamodelo #detalles .container {
        width: calc(100% - 40px);
    }

    #fichamodelo #detalles .container .piso {
        margin-bottom: 60px;
    }

    #fichamodelo.volkswagen #galeria #galeria-bajada ul li a {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }

    #formulario .container h2 {
        text-align: center;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 25px;
    }

    #formagendamiento #formulario .container h4 {
        margin-bottom: 20px;
    }

    #formulario .container .form {
        width: 100%;
    }

    #formulario .container .form .piso {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    #formulario .container .form .select-selected {
        background-position: calc(100% - 15px) center;
    }

    #formulario .container .form .piso .col-50 {
        width: 100%;
        padding-right: 0;
    }

    #formulario .container .form .piso .col-40 {
        width: 100%;
    }

    #formulario .container .form .piso .col-20 {
        width: 100%;
    }

    #formulario .container .form .piso .col-75 {
        width: 100%;
        padding-right: 0;
    }

    #formulario .container .form .piso .col-25 {
        width: 100%;
        padding-right: 0;
    }

    #formulario .container .form .piso .col-100 {
        width: 100%;
        padding-right: 0;
    }

    #formulario .container .form .piso label {
        margin-top: 25px;
    }

    #contenido .mod01 {
        background-image: url(img/mod01_fnd_mobile.png);
        padding: 60px 0;
    }

    #contenido .mod01 .container {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod01 .container .box {
        width: 100%;
        margin: 30px 0;
    }

    #contenido .mod03 .container ul {
        display: flex;
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    #contenido .mod03 .container ul li {
        margin: 0 0 5px 0;
    }

    #contenido .mod03 .container ul li:first-child {
        margin: 0 0 5px 0;
    }

    #contenido .mod03 .container ul li:last-child {
        margin: 0;
    }

    #contenido .mod14 .d-mobile .ztrm-carousel-wrap {
        position: relative;
        overflow: hidden;
        padding: 0 0 00px 0;
        user-select: none;
        cursor: grab;
    }

    #contenido .mod14 .d-mobile .ztrm-carousel-wrap.ztrm-dragging {
        cursor: grabbing;
    }

    #contenido .mod14 .d-mobile .ztrm-carousel-track {
        display: flex;
        will-change: transform;
    }

    #contenido .mod14 .d-mobile .ztrm-slide {
        flex: 0 0 75%;
        padding: 0 10px;
        box-sizing: border-box;
        opacity: 0.35;
        transition: opacity 0.4s ease;
    }

    #contenido .mod14 .d-mobile .ztrm-slide.ztrm-active {
        opacity: 1;
    }

    #contenido .mod14 .d-mobile .ztrm-slide .wrapper {
        box-shadow: 0px 1px 4px #10182830;
        border-radius: 0 0 16px 16px;
        display: flex;
        flex-direction: column;
    }

    #contenido .mod14 .d-mobile .ztrm-slide .wrapper figure {
        margin: 0;
        width: 100%;
    }

    #contenido .mod14 .d-mobile .ztrm-slide .wrapper figure img {
        display: block;
        width: 100%;
    }

    #contenido .mod14 .d-mobile .ztrm-slide .wrapper h3 {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
        text-align: center;
    }

    #contenido .mod14.fnd-volkswagen .d-mobile .ztrm-slide .wrapper h3 {
        color: #01205B;
    }

    #contenido .mod14.fnd-man .d-mobile .ztrm-slide .wrapper h3 {
        color: #01205B;
    }

    #contenido .mod14 .d-mobile .ztrm-slide .wrapper a {
        text-align: center;
        width: calc(100% - 34px);
        margin: 0 auto 20px auto;
        border-radius: 10px;
        padding: 10px 0px;
        font-size: 16px;
        line-height: 18px;
        display: block;
    }

    #contenido .mod14.fnd-volkswagen .d-mobile .ztrm-slide .wrapper a {
        color: #0082D6;
        border: 1px solid #0082D6;
    }

    #contenido .mod14.fnd-man .d-mobile .ztrm-slide .wrapper a {
        color: #303C49;
        border: 1px solid #303C49;
    }

    #contenido .mod14.fnd-volkswagen .d-mobile .ztrm-slide .wrapper a:hover {
        background-color: #00B0F0;
        border: 1px solid #00B0F0;
        color: #ffffff;
    }

    #contenido .mod14.fnd-man .d-mobile .ztrm-slide .wrapper a:hover {
        background-color: #303C49;
        border: 1px solid #303C49;
        color: #ffffff;
    }

    #contenido .mod14 .d-mobile .botonera {
        width: 200px;
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    #contenido .mod14 .d-mobile .botonera .ztrm-btn-nav:hover {
        border: 1px solid #01205B;
    }

    #contenido .mod14 .d-mobile .botonera .ztrm-btn-nav {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod15 .container h2 {
        margin-bottom: 50px;
        font-size: 24px;
        line-height: 30px;
    }

    #contenido .mod15 .container ul {
        width: 100%;
    }

    #contenido .mod15 .container ul li {
        width: 100%;
    }

    #contenido .mod15 .container ul li .separador3 {
        margin: 20px 0;
    }

    #contenido .mod15 .container ul li figure {
        position: relative;
    }

    #contenido .mod15 .container ul li figure .norma {
        margin-right: 20px;
        margin-left: 0;
        right: 0;
    }

    #contenido .mod15 .container ul li .nombre {
        font-size: 18px;
        line-height: 18px;
    }

    #contenido .mod15 .container ul li .version {
        font-size: 16px;
        line-height: 16px;
    }

    #contenido .mod15 .container ul li .precio {
        font-size: 16px;
        line-height: 16px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        font-size: 13px;
        line-height: 16px;
    }

    #contenido .mod15 .container ul li .botones a {
        font-size: 13px;
        line-height: 12px;
        width: 49%;
    }

    #contenido .mod18 {
        padding: 88px 0;
    }

    #contenido .mod18 .container h2 {
        font-size: 25px;
        line-height: 25px;
    }

    #contenido .mod18 .container ul {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod18 .container ul li {
        width: 100%;
    }

    #contenido .mod19 .container .piso .texto a.mod19_btn {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 17px;
    }

    #contenido .mod19#dyp {
        padding-bottom: 80px;
    }

    #contenido .mod19#mod19_mp1 .container .piso {
        flex-direction: column-reverse !important;
        margin-bottom: 50px;
    }

    #contenido .mod19#dyp .container .piso.impar {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 88px;
    }

    #contenido .mod19#dyp .container .piso.par {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod19#dyp2 .container .piso.impar {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod19 .container .piso .texto a.mod19_btn_simple {
        margin: 0 auto;
    }

    #contenido .mod20#txtdyp {
        padding: 70px 0;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder {
        height: 450px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido {
        padding-left: 24px;
        padding-right: 24px;
        justify-content: flex-end;
        padding-bottom: 50px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 6px;
    }

    #contenido .mod21 #carrusel-principal .cp-slide .cp-placeholder .cp-contenido h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    #contenido .mod21 #carrusel-principal .cp-nav-wrapper {
        display: none;
    }

    #contenido .mod21 #carrusel-principal .cp-dot {
        width: 90px;
    }

    #contenido .mod22 .container ul {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod23 .container {
        width: 100%;
    }

    #contenido .mod23 .container .bloque2 {
        width: calc(100% - 40px);
    }

    #contenido .mod23 .container .bloque1 .titulo {
        width: calc(100% - 40px);
        margin: 0 auto 30px auto;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile {
        width: 100%;
        padding: 0;
        position: relative;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper {
        overflow: hidden;
        width: 100%;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track {
        display: flex;
        transition: transform 0.4s ease;
        align-items: center;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li {
        list-style-type: none;
        flex: 0 0 245px;
        padding: 0 8px 5px 8px;
        transition: transform 0.4s ease, opacity 0.4s ease;
        opacity: 0.5;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li.active {
        opacity: 1;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box {
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
        border-radius: 16px;
        overflow: hidden;
        width: 245px;
        margin: 0 auto;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box figure {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box h4 {
        width: 100%;
        text-align: center;
        color: #01205B;
        font-size: 18px;
        line-height: 22px;
        padding: 20px 0;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 150px;
        margin: 40px auto 0 auto;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-nav button {
        background: #fffffff0;
        border: none;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-nav button:hover {
        border: 1px solid #01205b;
    }

    #contenido .mod23 .container .bloque1 .carrusel-mobile .carrusel-mobile-nav button:disabled {
        background: #ccc;
        cursor: default;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile {
        width: 100%;
        padding: 10px 0;
        position: relative;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track-wrapper {
        overflow: hidden;
        width: 100%;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track {
        display: flex;
        transition: transform 0.4s ease;
        align-items: flex-start;
        margin: 0;
        padding: 0;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track li {
        list-style-type: none;
        flex: 0 0 245px;
        padding: 0 8px;
        transition: opacity 0.4s ease;
        opacity: 0.5;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track li.active {
        opacity: 1;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track li figure {
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 16px;
        height: 200px;
        margin: 0;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-track li h4 {
        text-align: center;
        color: #01205B;
        font-size: 22px;
        line-height: 26px;
        padding: 14px 0 0;
        margin: 0;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 150px;
        margin: 40px auto 0 auto;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-nav button {
        background: #fffffff0;
        border: none;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-nav button:hover {
        border: 1px solid #01205b;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-nav button svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: #fff;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-dots {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 14px;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-dots span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ccc;
        transition: background 0.3s, transform 0.3s;
        display: block;
    }

    #contenido .mod23 .container .bloque2 .boxes-mobile-dots span.active {
        background: #01205B;
        transform: scale(1.25);
    }

    #contenido .mod23 .container .bloque3 {
        width: calc(100% - 20px);
        gap: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        padding: 10px 0 60px 0;
    }

    #contenido .mod23 .container .bloque3 img {
        width: 100%;
        height: fit-content;
        margin-bottom: 25px;
    }

    #contenido .mod23 .container .bloque3 .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque3 .texto h4 {
        font-size: 22px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    #contenido .mod23 .container .bloque3 .texto p {
        font-size: 16px;
        line-height: 27px;
    }

    #contenido .mod23 .container .bloque3 .texto .card {
        margin: 20px 0;
    }

    #contenido .mod23 .container .bloque3 .texto .card img {
        width: 25%;
    }

    #contenido .mod23 .container .bloque4 {
        width: calc(100% - 40px);
    }

    #contenido .mod23 .container .bloque4 .titulo {
        margin-bottom: 30px;
    }

    #contenido .mod23 .container .bloque4 .fila {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod23 .container .bloque4 .fila img {
        margin-bottom: 30px;
    }

    #contenido .mod23 .container .bloque4 .fila .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque4 .fila .texto a {
        margin: 0 auto;
        padding: 10px 50px;
    }

    #contenido .mod24 .container .titular {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    #contenido .mod24 .container .titular h2 {
        text-align: center;
        font-size: 32px;
        line-height: 36px;
    }

    #contenido .mod24 .container ul.boxes {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    #contenido .mod24 .container ul.boxes li:last-child {
        margin-bottom: 0;
    }

    #contenido .mod24 .container ul.boxes li {
        width: 100%;
        margin-bottom: 48px;
    }

    #contenido .mod24 .container ul.boxes li figure {
        width: 100%;
        margin-bottom: 0;
    }

    #contenido .mod24 .container ul.boxes li h3 {
        min-height: 60px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        padding: 25px 0;
    }

    #contenido .mod24 .container ul.boxes li ul {
        min-height: fit-content;
    }

    #contenido .mod24 .container ul.boxes a {
        width: 100%;
        margin-bottom: 30px;
    }

    #contenido .mod25 {
        padding: 0;
    }

    #contenido .mod25 .container {
        width: 100%;
    }

    #contenido .mod25 .container .wrapper {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod25 .container .wrapper .texto {
        padding: 40px 0 0 0;
        display: flex;
        align-items: center;
        width: 100%;
    }

    #contenido .mod25 .container .wrapper .texto img {
        max-width: 80px;
    }

    #contenido .mod25 .container .wrapper .texto h3 {
        font-size: 22px;
        line-height: 25px;
        width: calc(100% - 40px);
        text-align: center;
    }

    #contenido .mod25 .container .wrapper .texto p {
        width: calc(100% - 80px);
        text-align: center;
        margin-bottom: 30px;
    }

    #contenido .mod25 .container .wrapper .videocont {
        width: 100%;
        height: 300px;
    }

    #contenido .mod25 .container .wrapper .videocont .player {
        width: 80px;
        height: 80px;
    }

    #contenido .mod25 .container .wrapper .videocont iframe {
        width: 100%;
        height: 300px;
    }

    #contenido .mod26#mod26_home_marca {
        padding-bottom: 50px
    }

    #contenido .mod26 .container .titular {
        margin-bottom: 30px;
    }

    #contenido .mod26 .container #sucursales .desktop-tabs, #contenido .mod26 .container #sucursales .desktop-panel {
        display: none !important;
    }

    #contenido .mod26 .container #sucursales .sucursal-item {
        display: block;
        margin-bottom: 8px;
    }

    #contenido .mod26 .container #sucursales .sucursal-trigger {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px;
        background: #fff;
        border: 1px solid #E0E0E0;
        border-radius: 12px;
        font-size: 16px;
        font-weight: bold;
        color: var(--color-text);
        cursor: pointer;
        text-align: left;
        transition: background var(--transition), border-color var(--transition), color var(--transition);
    }

    #contenido .mod26 .container #sucursales .sucursal-trigger:hover {
        border-color: var(--color-primary);
    }

    #contenido .mod26 .container #sucursales .sucursal-trigger.active {
        background: #ff9a01;
        border-color: #ff9a01;
        color: #fff;
        border-radius: 12px;
    }

    #contenido .mod26 .container #sucursales .arrow {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        transition: transform var(--transition);
    }

    #contenido .mod26 .container #sucursales .sucursal-trigger.active .arrow {
        transform: rotate(180deg);
    }

    #contenido .mod26 .container #sucursales .sucursal-panel {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--transition);
        border: 1.5px solid var(--color-border);
        border-top: none;
        border-radius: 0 0 var(--radius) var(--radius);
        background: var(--color-panel-bg);
        overflow: hidden;
    }

    #contenido .mod26 .container #sucursales .sucursal-panel.open {
        grid-template-rows: 1fr;
    }

    #contenido .mod26 .container #sucursales .panel-inner {
        overflow: hidden;
        padding: 0 16px;
        transition: padding var(--transition);
    }

    #contenido .mod26 .container #sucursales .sucursal-panel.open .panel-inner {
        padding: 0px 16px 20px 16px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto {
        width: 100%;
        margin-bottom: 30px;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto .datos {
        border: none;
        margin-bottom: 0;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .texto .datos .panel {
        width: 100%;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa {
        width: 100%;
        height: 320px;
        overflow: hidden;
    }

    #contenido .mod26 .container #sucursales .panel-wrapper .mapa iframe {
        width: 100%;
        height: 320px;
    }

    #contenido .mod28 #seccion1 {
        padding: 60px 0;
    }

    #contenido .mod28 #seccion1 .titular h3 {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    #contenido .mod28 #seccion2 {
        padding: 60px 0;
    }

    #contenido .mod28 #seccion2 .titular {
        width: calc(100% - 40px);
        margin: 0 auto 50px auto;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-carousel-wrap {
        position: relative;
        overflow: hidden;
        padding: 0;
        user-select: none;
        cursor: grab;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-carousel-wrap.ztrm-dragging {
        cursor: grabbing;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-carousel-track {
        display: flex;
        will-change: transform;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide {
        flex: 0 0 75%;
        padding: 0 10px;
        box-sizing: border-box;
        opacity: 0.35;
        transition: opacity 0.4s ease;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide.ztrm-active {
        opacity: 1;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide .wrapper {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide .wrapper figure {
        margin: 0;
        width: 100%;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide .wrapper figure img {
        display: block;
        width: 100%;
    }

    #contenido .mod28 #seccion2 .d-mobile .ztrm-slide .wrapper p {
        font-size: 22px;
        line-height: 26px;
        text-align: center;
        padding-top: 20px;
    }

    #contenido .mod28 #seccion2 .d-mobile .botonera {
        width: 200px;
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    #contenido .mod28 #seccion2 .d-mobile .botonera .ztrm-btn-nav:hover {
        border: 1px solid #01205B;
    }

    #contenido .mod28 #seccion2 .d-mobile .botonera .ztrm-btn-nav {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod29 {
        padding-top: 90px;
    }

    #contenido .mod29#rrsshome {
        padding-top: 60px;
    }

    #contenido .mod29 h3 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    #contenido .mod29#rrsshome h3 {
        font-size: 28px;
        line-height: 32px;
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    #contenido .mod29 h3 strong {
        display: block;
        width: 100%;
    }

    #contenido .mod29 .boxes {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod29 .boxes .box {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    #contenido .mod29 .boxes .box a {
        width: 50%;
    }

    #contenido .mod29 .boxes .box figure .fnd {
        width: 100%;
    }

    #contenido .mod29 .boxes .box figure .logo {
        width: 40px;
        height: 40px;
    }

    #contenido .mod29 .boxes .box p {
        width: calc(50% - 20px);
        height: 100%;
        padding-left: 3px;
        display: block;
        font-size: 11px;
    }

    #contenido .mod29 .boxes .box p span {
        font-size: 15px;
        width: 100%;
        display: block;
        line-height: 14px;
    }

    #contenido .mod29 .boxes .box.txt p {
        padding-left: 0;
        width: 50%;
    }

    #contenido .mod30 {
        padding: 60px 0 20px 0;
    }

    #contenido .mod30 .container {
        width: calc(100% - 20px);
    }

    #contenido .mod30 .boxes {
        display: flex;
        flex-direction: column;
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    #contenido .mod30 .boxes .box {
        width: 100%;
        margin-bottom: 50px;
    }

    #contenido .mod30 .boxes .box .bloque1 {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-bottom: 15px;
    }

    #contenido .mod30 .boxes .box .bloque1 img {
        width: 90px;
        margin: 0 25px 0px 0px;
    }

    #contenido .mod30 .boxes .box .bloque1 h3 {
        width: 200px;
    }

    #contenido .mod30 .boxes .box p {
        text-align: left;
    }

    #contenido .mod31 .piso1 {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    #contenido .mod31 .piso1 .container h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    #contenido .mod31 .piso1 .container p {
        width: 100%;
    }

    #contenido .mod31 .piso2 .container {
        width: 100%;
    }

    #contenido .mod31 .piso2 .container .box {
        width: 100%;
    }

    #contenido .mod31 .piso2 .container .box img {
        border-radius: 0;
    }

    #contenido .mod31 .piso2 .container .box .panel {
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
    }

    #contenido .mod31 .piso2 .container .box .panel .logo {
        width: 80px;
        margin-bottom: 20px;
    }

    #contenido .mod31 .piso2 .container .box .panel .sep {
        display: none;
    }

    #contenido .mod31 .piso2 .container .box .panel .texto {
        width: 100%;
    }

    #contenido .mod31 .piso3 {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    #contenido .mod31 .piso3 .container {
        width: 100%;
    }

    #contenido .mod31 .piso3 .container h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
        width: calc(100% - 20px);
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m {
        position: relative;
        overflow: hidden;
        padding-bottom: 0;
        user-select: none;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-track {
        display: flex;
        will-change: transform;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide {
        flex: 0 0 75%;
        padding: 0 10px;
        box-sizing: border-box;
        opacity: 0.35;
        transition: opacity 0.4s ease;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide.active {
        opacity: 1;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide .wrapper {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        border-radius: 0 0 16px 16px;
        overflow: hidden;
        background: #fff;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide .wrapper figure img {
        width: 100%;
        display: block;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide .wrapper h3 {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
        text-align: center;
        color: #01205B;
        font-weight: bold;
        margin-bottom: 0;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-slide .wrapper a {
        text-align: center;
        width: calc(100% - 34px);
        margin: 0 auto 20px auto;
        border-radius: 10px;
        padding: 10px 0px;
        font-size: 16px;
        line-height: 18px;
        display: block;
        color: #01205b;
        border: 1px solid #01205b;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-nav {
        width: 200px;
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m-btn {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod31 .piso3 .container .carrusel .carr-vw-m .carr-vw-m.dragging {
        cursor: grabbing;
    }

    #contenido .mod31 .piso4 {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    #contenido .mod31 .piso4 .container {
        width: 100%;
    }

    #contenido .mod31 .piso4 .container h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
        width: calc(100% - 20px);
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m {
        position: relative;
        overflow: hidden;
        padding-bottom: 0;
        user-select: none;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-track {
        display: flex;
        will-change: transform;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide {
        flex: 0 0 75%;
        padding: 0 10px;
        box-sizing: border-box;
        opacity: 0.35;
        transition: opacity 0.4s ease;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide.active {
        opacity: 1;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide .wrapper {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        border-radius: 0 0 16px 16px;
        overflow: hidden;
        background: #fff;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide .wrapper figure img {
        width: 100%;
        display: block;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide .wrapper h3 {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
        text-align: center;
        color: #01205B;
        font-weight: bold;
        margin-bottom: 0;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-slide .wrapper a {
        text-align: center;
        width: calc(100% - 34px);
        margin: 0 auto 20px auto;
        border-radius: 10px;
        padding: 10px 0px;
        font-size: 16px;
        line-height: 18px;
        display: block;
        color: #01205b;
        border: 1px solid #01205b;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-nav {
        width: 200px;
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m-btn {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod31 .piso4 .container .carrusel .carr-man-m .carr-man-m.dragging {
        cursor: grabbing;
    }

    #contenido .mod31 .piso5 {
        padding-bottom: 0;
        padding-top: 60px;
    }

    #contenido .mod31 .piso5 .container {
        width: 100%;
    }

    #contenido .mod31 .piso5 .container h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
        width: calc(100% - 20px);
    }

    #contenido .mod31 .piso5 .container .boxes {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        background-color: #fff;
    }

    #contenido .mod31 .piso5 .container .boxes .box {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;
    }

    #contenido .mod31 .piso5 .container .boxes .box.detalle::before {
        display: none;
    }

    #contenido .mod31 .piso5 .container .boxes .box img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 175px;
    }

    #contenido .mod31 .piso5 .container .boxes .box h4 {
        font-size: 24px;
        line-height: 26px;
    }

    #contenido .mod31 .piso5 .container .boxes .box p {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        width: calc(100% - 40px);
    }

    #contenido .mod31 .piso5 .container .banner {
        width: 100%;
        margin: 0 auto;
        overflow: visible;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
        background-color: #fff;
    }

    #contenido .mod31 .piso5 .container .banner img {
        width: auto;
        height: 100%;
        border-radius: 0;
    }

    #contenido .mod31 .piso5 .container .banner .texto {
        width: 100%;
        background-position: center -1px;
    }

    #contenido .mod31 .piso5 .container .banner .texto h5 {
        padding-top: 30px;
        width: 100%;
        font-size: 24px;
        line-height: 26px;
    }

    #contenido .mod31 .piso5 .container .banner .texto p {
        width: calc(100% - 20px);
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    #contenido .mod31 .piso5 .container .banner .texto a {
        font-size: 15px;
    }

    #contenido .mod31 .piso6 {
        padding-top: 60px;
    }

    #contenido .mod31 .piso6 h3 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
    }

    #contenido .mod31 .piso6 .fnd-noticias {
        background-image: url(img/fndnot_home_m.png);
        padding-top: 20px;
    }

    #contenido .mod31 .piso6 .container .aviso.mob {
        padding: 30px 40px;
        margin-bottom: 30px;
    }

    #contenido .mod31 .piso6 .container .aviso.mob img {
        width: 100%;
    }

    #contenido .mod31 .piso6 .container .aviso img {
        width: 200px;
    }

    #contenido .mod31 .piso6 .container .fila_sup .aviso {
        display: none;
    }

    #contenido .mod31 .piso6 .container .fila_inf .aviso {
        display: none;
    }

    #contenido .mod31 .piso6 .container a.btn_fnd {
        color: #ffffff;
        border: 1px solid #ffffff;
        padding: 10px 0px;
        border-radius: 8px;
        width: 150px;
        display: inline-block;
        text-align: center;
        margin: 0 auto 30px auto;
    }

    #contenido .mod31 .piso6 .container .noticia {
        width: 543px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #contenido .mod31 .piso6 .container .noticia .foto img {
        width: 100%;
        height: auto;
    }

    #contenido .mod31 .piso6 .container .noticia .foto .fecha {
        margin-top: 30px;
    }

    #contenido .mod31 .piso6 .container .noticia .texto {
        padding-left: 0;
    }

    #contenido .mod31 .piso6 .container .noticia .texto h2 {
        margin-bottom: 15px;
    }

    #contenido .mod31 .piso6 .container .noticia .texto p {
        margin-bottom: 20px;
    }

    #contenido .mod31 .piso6 .container .noticia .texto a {
        width: 100%;
    }

    #articulo {
        padding-top: 30px;
        display: flex;
        flex-direction: column;
        padding-bottom: 90px;
    }

    #articulo .main-col {
        width: 100%;
    }

    #articulo .main-col figure {
        height: fit-content;
    }

    #articulo .main-col figure img {
        display: block;
        margin-bottom: 10px;
    }

    #articulo .main-col .info a.cat {
        padding: 5px 20px;
    }

    #articulo .main-col .contenido h1 {
        font-size: 32px;
        line-height: 36px;
    }

    #articulo .main-col .contenido h2 {
        font-size: 20px;
    }

    #articulo .sidebar-col {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        border-top: 1px solid #DDDDDD;
        padding-top: 10px;
        width: 100%;
    }

    #articulo .sidebar-col .camion .box {
        width: 300px;
    }

    #articulo .sidebar-col .camion .box figure {
        width: 300px;
        height: 135px;
    }

    #versiones {
        padding-top: 50px;
    }

    #versiones .container {
        display: flex;
        flex-direction: column-reverse;
        width: calc(100% - 40px);
    }

    #fichamodelo #galeria #galeria-bajada .container {
        width: 100%;
    }

    #versiones .container .texto {
        width: 100%;
    }

    #versiones .container .texto h4 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
    }

    #versiones .container .texto ul.vers {
        margin-bottom: 20px;
    }

    #versiones .container .texto ul.vers li {
        font-size: 14px;
    }

    #versiones .container .texto .frase {
        text-align: center;
        font-size: 13px;
        padding: 15px 0;
    }

    #versiones .container img.imglat {
        margin-bottom: 30px;
        width: 100%;
    }

    #listado-post .piso-superior {
        padding: 25px 0 50px 0;
    }

    #listado-post .piso-superior .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    #listado-post .piso-superior .container img {
        width: 100%;
        border-radius: 0;
    }

    #listado-post .piso-superior .container .texto {
        width: calc(100% - 40px);
    }

    #listado-post .piso-superior .container .texto .info {
        border-bottom: none;
        padding-top: 16px;
    }

    #listado-post .piso-superior .container .texto .info a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: fit-content;
    }

    #listado-post .piso-superior .container .texto a {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #listado-post .piso-menu .menu-mobile {
        border-radius: 0;
        width: 100%;
        display: block;
        box-shadow: 0px 1px 4px #10182830;
        padding: 30px 20px;
    }

    #listado-post .piso-menu .menu-mobile h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    #listado-post .piso-menu .menu-mobile .custom-select {
        position: relative;
        font-family: sans-serif;
        width: 100%;
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-selected {
        cursor: pointer;
        background: #fff;
        transition: all 0.3s ease;
        border: 1px solid #99A5BD;
        background-color: #DFE4E8;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: var(--radius8);
        color: #999999;
        background-image: url(img/sel-flechaabajo.svg);
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
        line-height: 18px;
        font-weight: 400;
        font-family: var(--font);
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-selected:hover {
        background-color: #ffffff;
        color: #565655;
        border: 1px solid #01205b;
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-options {
        position: absolute;
        width: 100%;
        border-top: none;
        background: #fff;
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
        z-index: 10;
        border-radius: var(--radius8);
        margin-top: 3px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        max-height: 300px;
        overflow: auto;
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-options li {
        padding: 10px;
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-options li a {
        cursor: pointer;
        transition: background 0.2s;
        border-bottom: 1px solid #a7b6c647;
        color: #565655;
        font-size: 16px;
        line-height: 22px;
    }

    #listado-post .piso-menu .menu-mobile .custom-select .select-options li a:hover {
        background: #dddddd47;
        color: #565655;
    }

    #listado-post .piso-menu .menu-mobile .custom-select.open .select-options {
        display: block;
    }

    #listado-post .piso-inferior .container {
        gap: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    #listado-post .piso-inferior .container .caluga-noticia {
        margin-bottom: 50px;
        width: calc(100% - 40px);
    }

    #listado-post .piso-inferior .container .caluga-noticia a {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #contenido .mod32 .mod20 p {
        width: 100%;
    }

    #contenido .mod32 .mod24 {
        padding-bottom: 50px;
    }

    #contenido .mod32 .mod24 .container {
        width: 100%;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-wrap {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        user-select: none;
        cursor: grab;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-wrap.ztrm-dragging {
        cursor: grabbing;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-track {
        display: flex;
        will-change: transform;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide {
        flex: 0 0 75%;
        padding: 0 10px;
        box-sizing: border-box;
        opacity: 0.35;
        transition: opacity 0.4s ease;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide.ztrm-active {
        opacity: 1;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper figure {
        width: 100%;
        height: 200px;
        background-size: cover;
        border-radius: 16px;
        margin-bottom: 20px;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper figure img {
        width: 100%;
        display: block;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper h3 {
        color: #01205B;
        text-transform: uppercase;
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        min-height: 70px;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper ul {
        width: 100%;
        margin-bottom: 20px;
        min-height: 160px;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-slide .wrapper ul li {
        background-image: url(img/circulo_amarillo.svg);
        background-repeat: no-repeat;
        background-position: top left;
        display: block;
        margin-bottom: 10px;
        padding-left: 35px;
    }

    #contenido .mod32 .mod24 .d-mobile .botonera {
        width: 250px;
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 20px auto;
    }

    #contenido .mod32 .mod24 .container a.st-btn-01 {
        width: calc(100% - 40px);
        text-align: center;
        margin-top: 20px;
    }

    #contenido .mod32 .mod24 .d-mobile .botonera .ztrm-btn-nav:hover {
        border: 1px solid #01205B;
    }

    #contenido .mod32 .mod24 .d-mobile .botonera .ztrm-btn-nav {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod32 .piso1 .container .boxes {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod32 .piso1 .container .boxes .box {
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: flex-start;
    }

    #contenido .mod32 .piso1 .container .boxes .box img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    #contenido .mod32 .piso1 .container .boxes .box .txt {
        min-height: 161px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #contenido .mod32 .piso1 .container .boxes .box .txt h3 {
        margin-bottom: 10px;
    }

    #contenido .mod32 .mod19 {
        padding: 50px 0;
    }

    #contenido .mod32 .mod19 .container .piso {
        margin-bottom: 0;
        gap: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod32 .piso2 {
        padding: 50px 0 100px 0;
        background-image: url(img/mod32_fnd_p2m.png);
    }

    #contenido .mod32 .piso2 .container h3 {
        text-align: center;
        font-size: 32px;
        line-height: 36px;
    }

    #contenido .mod32 .piso2 .container .boxes {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #contenido .mod32 .piso2 .container .boxes .box {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod32 .piso2 .container .boxes div:first-child figure {
        background-image: url(img/zc-servicio-tecnico-agendar-hora.webp);
    }

    #contenido .mod32 .piso2 .container .boxes div:last-child figure {
        background-image: url(img/zc-servicio-tecnico-agendar-wsp.webp);
    }

    #contenido .mod32 .piso2 .container .boxes .box figure {
        width: 100%;
        /* background-image: url(img/mod32_ft1.png); */
        background-size: cover;
        background-position: center;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure .icono {
        margin-top: 44px;
        left: 50%;
        margin-left: -37px;
    }

    #contenido .mod32 .piso2 .container .boxes .box figure .fnd {
        display: none;
    }

    #contenido .mod32 .piso2 .container .boxes .box .txt {
        width: 100%;
    }

    #contenido .mod32 .piso2 .container .boxes .box .txt h4 {
        width: 100%;
        text-align: center;
    }

    #contenido .mod33 .mod19 {
        padding-top: 60px;
    }

    #contenido .mod33 .mod19 .container .piso {
        display: flex;
        flex-direction: column-reverse;
    }

    #contenido .mod33 .mod19 .container .piso .texto {
        padding-left: 0;
        padding-right: 0;
    }

    #contenido .mod33 .bloque2 {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #contenido .mod33 .bloque2 .boxes-mobile {
        width: 100%;
        padding: 10px 0;
        position: relative;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track-wrapper {
        overflow: hidden;
        width: 100%;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track {
        display: flex;
        transition: transform 0.4s ease;
        align-items: flex-start;
        margin: 0;
        padding: 0;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track li {
        list-style-type: none;
        flex: 0 0 245px;
        padding: 0 8px;
        transition: opacity 0.4s ease;
        opacity: 0.5;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track li.active {
        opacity: 1;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track li figure {
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 16px;
        height: 200px;
        margin: 0;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-track li h4 {
        text-align: center;
        color: #01205B;
        font-size: 16px;
        line-height: 22px;
        padding: 14px 0 0;
        margin: 0;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 100px;
        margin: 40px auto 0 auto;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-nav button {
        background: #fffffff0;
        border: none;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    }

    #contenido .mod33 .bloque2 .boxes-mobile-nav button:hover {
        border: 1px solid #01205b;
    }

    #contenido .mod33 .bloque2 .boxes-mobile-nav button svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: #fff;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    #contenido .mod33 #galeria {
        padding-bottom: 30px;
    }

    #contenido .mod33 #galeria #galeria-titulo .container h3 {
        font-size: 26px;
        line-height: 28px;
        padding: 50px 0 30px 0;
    }

    #contenido .mod33 #galeria .slide {
        flex: 0 0 100%;
    }

    #contenido .mod33 #galeria .nav-mobile {
        display: flex;
        margin-top: 30px;
    }

    #contenido .mod33 #galeria .nav-mobile .btn-nav {
        width: 40px;
        height: 40px;
    }

    #contenido .mod33 #galeria .slide-inner {
        height: 252px;
    }

    #contenido .mod33 #galeria .slide-inner img {
        border-radius: 0;
    }

    #contenido .mod33 .piso2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #contenido .mod33 .piso2 .container h4 {
        margin-bottom: 40px;
        font-size: 32px;
        line-height: 38px;
    }

    #contenido .mod33 .piso2 .container .boxes {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    #contenido .mod33 .piso2 .container .boxes .box .txt {
        width: 100%;
    }

    #contenido .mod33 .piso2 .container .boxes .box figure {
        display: none;
    }

    #contenido .mod33 .piso2 .container .boxes .box .txt a.wts {
        width: 100%;
        margin: 0;
    }

    #contenido .mod34 .bloque1 {
        padding-top: 60px;
    }

    #contenido .mod34 .bloque1 .container h2 {
        font-size: 28px;
        line-height: 32px;
    }

    #contenido .mod34#id51-1 .bloque1 .container h2 {
        font-size: 31px;
        line-height: 38px;
        margin-bottom: 30px;
    }

    #contenido .mod34 .bloque1 .container .logos {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    #contenido .mod34 .bloque1 .container .logos img {
        width: auto;
        height: 90px;
    }

    #contenido .mod34 .bloque1 .container p {
        width: 100%;
    }

    #contenido .mod34 .bloque2 {
        padding-top: 70px;
    }

    #contenido .mod34 .bloque2 .boxes-mobile {
        width: 100%;
        padding: 10px 0;
        position: relative;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track-wrapper {
        overflow: hidden;
        width: 100%;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track {
        display: flex;
        transition: transform 0.4s ease;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track li {
        list-style-type: none;
        flex: 0 0 250px;
        padding: 0 8px;
        transition: opacity 0.4s ease;
        opacity: 0.5;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track li.active {
        opacity: 1;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track li .box {
        width: 240px;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track li .box img {
        width: 100%;
        border-radius: 16px;
        height: auto;
        margin: 0 0 0 0;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-track li .box h4 {
        text-align: center;
        color: #565655;
        font-size: 16px;
        line-height: 22px;
        padding: 14px 0 0;
        margin: 0;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 150px;
        margin: 40px auto 0 auto;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-nav button {
        background: #fffffff0;
        border: none;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    }

    #contenido .mod34 .bloque2 .boxes-mobile-nav button:hover {
        border: 1px solid #01205b;
    }

    #contenido .mod34 .bloque2 .boxes-mobile-nav button svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: #fff;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    #contenido .mod34 .bloque3 {
        padding-top: 70px;
    }

    #contenido .mod34 .bloque3 .container h2 {
        font-size: 28px;
        line-height: 32px;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile {
        width: 100%;
        padding: 0;
        position: relative;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper {
        overflow: hidden;
        width: 100%;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track {
        display: flex;
        transition: transform 0.4s ease;
        align-items: flex-start;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li {
        list-style-type: none;
        flex: 0 0 264px;
        padding: 0;
        transition: transform 0.4s ease, opacity 0.4s ease;
        opacity: 0;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li.active {
        opacity: 1;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box {
        width: 264px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box .subbox {
        display: flex;
        margin-bottom: 20px;
        gap: 8px;
        flex-direction: row;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box .subbox img {
        width: auto;
        height: 80px;
        border-radius: 18px;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box .subbox .txt {
        width: 150px;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box .subbox .txt h4 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
        color: #01205B;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-track-wrapper ul.carrusel-mobile-track li .box .subbox .txt p {
        font-size: 14px;
        line-height: 16px;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        width: 150px;
        margin: 10px auto 0 auto;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-nav button {
        background: #fffffff0;
        border: none;
        border-radius: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
        box-shadow: 0px 1px 4px 0px rgba(16, 24, 40, 0.16);
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-nav button:hover {
        border: 1px solid #01205b;
    }

    #contenido .mod34 .bloque3 .carrusel-mobile .carrusel-mobile-nav button:disabled {
        background: #ccc;
        cursor: default;
    }

    #contenido .mod34 .bloque4 {
        background-image: url(img/bnr_ML26v1_mobile_FND.png);
        margin-top: 50px;
    }

    #contenido .mod34 .bloque4 a {
        width: 100%;
    }

    #contenido .mod34 .bloque4 a img {
        width: 100%;
    }

    #contenido .mod35 .box {
        width: 90%;
        margin: 40px 0 50px 0;
        padding: 20px;
    }
}

@media (min-width: 320px) and (max-width:374px) {
    #contenido .mod34 .bloque4 .container .aviso {
        margin-left: -150px;
        width: 300px;
    }

    #contenido .mod34 .bloque4 .container .aviso img {
        width: 280px;
    }

    header .barra-superior .container .aviso1 {
        font-size: 8px;
    }

    #contenido .mod04 {
        display: flex;
        align-items: flex-end;
    }

    #contenido .mod04 .fnd {
        max-height: 450px;
    }

    #contenido .mod04 .contenido .container {
        width: calc(100% - 40px);
    }

    #contenido .mod04 .contenido .container img.logo {
        width: 159px;
        height: 51px;
    }

    #contenido .mod04 .contenido .container h1 {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }

    #contenido .mod04 .contenido .container p.texto {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    #contenido .mod04 .contenido .container a.mod04_btn {
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html {
        width: 100%;
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html ul.medallas li {
        font-size: 9px;
        line-height: 22px;
        padding: 0 0 0 25px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio {
        flex-direction: column;
        margin-bottom: 15px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato1 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 18px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato2 {
        font-size: 22px;
        line-height: 22px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        flex-direction: column;
        margin-bottom: 10px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato1 {
        margin-bottom: 5px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 225px;
    }
}

@media (min-width: 375px) and (max-width:424px) {
    header .barra-superior .container .aviso1 {
        font-size: 10px;
    }

    #contenido .mod04 {
        display: flex;
        align-items: flex-end;
    }

    #contenido .mod04 .fnd {
        max-height: 490px;
    }

    #contenido .mod04 .contenido .container {
        width: calc(100% - 40px);
    }

    #contenido .mod04 .contenido .container img.logo {
        width: 159px;
        height: 51px;
    }

    #contenido .mod04 .contenido .container h1 {
        font-size: 30px;
        line-height: 38px;
        text-align: center;
    }

    #contenido .mod04 .contenido .container p.texto {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    #contenido .mod04 .contenido .container a.mod04_btn {
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html {
        width: 100%;
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html ul.medallas li {
        font-size: 12px;
        line-height: 22px;
        padding: 0 0 0 25px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio {
        flex-direction: column;
        margin-bottom: 15px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato1 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 18px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato2 {
        font-size: 22px;
        line-height: 22px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        margin-bottom: 10px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato1 {
        margin-bottom: 3px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 170px;
    }
}

@media (min-width: 425px) and (max-width:524px) {
    #contenido .mod04 {
        display: flex;
        align-items: flex-end;
    }

    #contenido .mod04 .fnd {
        max-height: 610px;
    }

    #contenido .mod04 .contenido .container {
        width: calc(100% - 40px);
    }

    #contenido .mod04 .contenido .container img.logo {
        width: 159px;
        height: 51px;
    }

    #contenido .mod04 .contenido .container h1 {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }

    #contenido .mod04 .contenido .container p.texto {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    #contenido .mod04 .contenido .container a.mod04_btn {
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html {
        width: 100%;
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html ul.medallas li {
        font-size: 14px;
        line-height: 24px;
        padding: 0 0 0 30px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio {
        margin-bottom: 15px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato1 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 18px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato2 {
        font-size: 22px;
        line-height: 22px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        margin-bottom: 10px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato1 {
        margin-bottom: 5px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 220px;
    }
}

@media (min-width: 525px) and (max-width:767px) {
    header .barra-superior .container .aviso1 {
        font-size: 14px;
    }

    #contenido .mod04 {
        display: flex;
        align-items: flex-end;
    }

    #contenido .mod04 .fnd {
        max-height: 895px;
    }

    #contenido .mod04 .contenido .container {
        width: calc(100% - 40px);
    }

    #contenido .mod04 .contenido .container img.logo {
        width: 159px;
        height: 51px;
    }

    #contenido .mod04 .contenido .container h1 {
        font-size: 32px;
        line-height: 38px;
    }

    #contenido .mod04 .contenido .container p.texto {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

    #contenido .mod04 .contenido .container a.mod04_btn {
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html {
        width: 100%;
        margin-bottom: 40px;
    }

    #contenido .mod04 .contenido .container .bloque-html ul.medallas li {
        font-size: 14px;
        line-height: 24px;
        padding: 0 0 0 30px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio {
        margin-bottom: 15px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato1 {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 18px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato2 {
        font-size: 22px;
        line-height: 22px;
    }

    #contenido .mod15 .container ul li .caracteristica {
        margin-bottom: 10px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato1 {
        margin-bottom: 5px;
        width: 120px;
    }

    #contenido .mod15 .container ul li .caracteristica .dato2 {
        width: 360px;
    }
}

@media (min-width: 320px) and (max-width:1199px) {
    #botonera_whatsapp {
        transition: all 0.3s ease;
        width: 55px;
        right: 10px;
        height: 55px;
        border-radius: 30px;
    }

    #botonera_whatsapp a {
        gap: 30px;
        padding-left: 14px;
        height: 55px;
    }

    #botonera_whatsapp:hover {
        width: 175px;
        transition: all 0.3s ease;
    }

    #botonera_whatsapp:hover a {
        gap: 9px;
    }

    #botonera_lateral {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #botonera_lateral a {
        width: 45px;
        overflow: hidden;
        white-space: nowrap;
        transition: width 0.3s ease, background-color 0.3s ease;
    }

    #botonera_lateral a.btn1:hover, #botonera_lateral a.btn2:hover {
        width: 175px;
    }
}

@media (max-width: 425px) {
    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-wrap {
        max-width: 425px;
    }
}

@media (max-width: 375px) {
    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-wrap {
        max-width: 375px;
    }
}

@media (max-width: 320px) {
    #contenido .mod34 .bloque1 .container .logos img {
        height: 70px;
    }

    #contenido .mod32 .mod24 .d-mobile .ztrm-carousel-wrap {
        max-width: 320px;
    }
}

@media (min-width: 767px) {
    #back-to-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        background-color: #20212480;
        color: #fff;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9998;
        opacity: 0;
        border: none;
    }

    #back-to-top img {
        transform: rotate(270deg);
    }

    #back-to-top.visible {
        opacity: 1;
        pointer-events: auto;
    }

    #back-to-top:hover {
        background-color: #000000a6;
        color: #fff;
    }
}

/* adicionales */
#contenido .mod19#cot_esp_1 {
    padding-top: 80px;
}

#contenido .mod19#cot_esp_1 h4 strong {
    color: #128B7E;
}

#contenido .mod19#cot_esp_1 a.esp_wa1 {
    color: #565655;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    background-color: #fff;
}

#contenido .mod19#cot_esp_1 a.esp_wa1::before {
    background-image: url("img/ic_wa_esp1.svg");
    content: "";
    width: 22px;
    height: 22px;
    display: block;
}

#contenido .mod19#cot_esp_1 a.esp_wa1:hover {
    text-decoration: underline;
}

#contenido .mod19#cot_esp_1 a.esp_wa2 {
    background-color: #25D366;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    width: fit-content;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

#contenido .mod19#cot_esp_1 a.esp_wa2::before {
    background-image: url("img/ic_wa_esp2.svg");
    content: "";
    width: 19px;
    height: 19px;
    display: block;
}

#contenido .mod19#cot_esp_1 a.esp_wa2:hover {
    background-color: #128C7E;
}

#contenido .mod26var {
    margin-bottom: 120px;
}

#contenido .mod26var .container .boxes {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

#contenido .mod26var .container .boxes .box {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
}

#contenido .mod26var .container .boxes .box .txt {
    padding: 30px 20px 0px 20px;
}

#contenido .mod26var .container .boxes .box .txt h3 {
    color: #01205B;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 25px;
}

#contenido .mod26var .container .boxes .box .txt ul li {
    list-style-type: none;
    margin-bottom: 25px;
    padding-left: 30px;
}

#contenido .mod26var .container .boxes .box .txt ul li a {
    color: #565655;
}

#contenido .mod26var .container .boxes .box .txt ul li a:hover {
    text-decoration: underline;
}

#contenido .mod26var .container .boxes .box .txt ul li.uno::before {
    content: "";
    background-image: url("img/icono_suc2_1.svg");
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: -30px;
}

#contenido .mod26var .container .boxes .box .txt ul li.dos::before {
    content: "";
    background-image: url("img/icono_suc2_2.svg");
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: -30px;
}

#contenido .mod26var .container .boxes .box .txt ul li.tres::before {
    content: "";
    background-image: url("img/icono_suc2_3.svg");
    width: 22px;
    height: 22px;
    position: absolute;
    margin-left: -30px;
}

#contenido .mod26var .container .boxes .box .txt ul li h4 {
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 22px;
    color: #565655;
}

#contenido .mod23 .container .bloque4 .fila .texto .items {
    display: flex;
    margin-bottom: 30px;
    gap: 20px;
}

#contenido .mod23 .container .bloque4 .fila .texto .items .orden .item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

#contenido .mod33 .piso2_1 {
    padding-top: 80px;
    padding-bottom: 100px;
}

#contenido .mod33 .piso2_1 .container {
    flex-direction: column;
}

#contenido .mod33 .piso2_1 .container h4 {
    text-align: center;
    font-size: 36px;
    color: #565655;
    line-height: 42px;
    margin-bottom: 50px;
    font-weight: bold;
}

#contenido .mod33 .piso2_1 .container .boxes {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

#contenido .mod33 .piso2_1 .container .boxes img.box {
    border-radius: 16px;
}

#contenido .mod33 .piso2_1 .container .boxes .box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

#contenido .mod33 .piso2_1 .container .boxes .box h5 {
    font-family: 'Noto Sans';
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 1px 4px #10182830;
    border-radius: 16px;
    padding: 25px;
    gap: 20px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja figure {
    width: 150px;
    height: 150px;
    display: flex;
    align-content: center;
    align-items: center;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja figure img {
    width: 150px;
    height: auto;
    display: block;
    border: 1px solid #70707029;
    border-radius: 16px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt h3 {
    font-size: 16px;
    color: #565655;
    font-weight: 600;
    margin-bottom: 5px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt h4 {
    margin-bottom: 20px;
    color: #01205B;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.tel {
    display: flex;
    justify-content: flex-start;
    color: #565655;
    font-weight: 600;
    margin-bottom: 15px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.tel::before {
    content: "";
    background-image: url(img/ic_tel_mod33.svg);
    width: 21px;
    height: 22px;
    display: block;
    margin-right: 5px;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.tel:hover {
    text-decoration: underline;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.wts {
    color: #fff;
    text-align: center;
    border: 1px solid #25D366;
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 18px;
    width: 270px;
    display: flex;
    justify-content: center;
    font-weight: 600;
    background-color: #25D366;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.wts::before {
    content: "";
    background-image: url(img/ic_btn03.svg);
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 5px;
    background-size: cover;
}

#contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.wts:hover {
    background-color: #01205b;
    color: #fff;
    border: 1px solid #01205b;
}

#contenido .mod24 #mod24add1 {
    background-color: #F6F6F6;
    padding-bottom: 70px;
}

#contenido .mod24 #mod24add1 .container h2 {
    color: #565655;
    font-size: 36px;
    line-height: 42px;
    font-weight: 500;
    padding: 90px 0 60px 0;
    text-align: center;
}

#contenido .mod24 #mod24add1 .container .boxes1 {
    margin-bottom: 100px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    flex: 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box h3 {
    font-size: 22px;
    line-height: 26px;
    color: #565655;
    margin-bottom: 10px;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box .txt {
    background-image: url(img/ic_dir_001.svg);
    background-repeat: no-repeat;
    background-position: 0 top;
    padding-left: 30px;
    margin-bottom: 10px;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box .txt h4 {
    color: #565655;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box .txt p {
    color: #565655;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box a {
    padding: 12px 20px;
    border-radius: var(--radius8);
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    background-color: #ffffff;
    border: 1px solid #01205B;
    line-height: 16px;
    cursor: pointer;
    /* margin: 25px auto 0 auto; */
    text-align: center;
    width: 100%;
}

#contenido .mod24 #mod24add1 .container .boxes1 .box a:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#contenido .mod24 #mod24add1 .container .boxes2 {
    width: 100%;
    display: flex;
    gap: 100px;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.img {
    border-radius: 16px;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt h3 {
    color: #565655;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt h3 span {
    color: #128B7E;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa1 {
    color: #565655;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa1::before {
    background-image: url(img/ic_wa_esp1.svg);
    content: "";
    width: 22px;
    height: 22px;
    display: block;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa1:hover {
    text-decoration: underline;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa2 {
    background-color: #25D366;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    width: fit-content;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa2::before {
    background-image: url(img/ic_wa_esp2.svg);
    content: "";
    width: 19px;
    height: 19px;
    display: block;
}

#contenido .mod24 #mod24add1 .container .boxes2 .box.txt a.wa2:hover {
    background-color: #128C7E;
}

#contenido .mod24 #mod24add2 {
    padding-bottom: 100px;
    margin-bottom: 0;
}

#contenido .mod24 #mod24add2 .boxes3 {
    width: 100%;
    display: flex;
    gap: 100px;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt h3 {
    color: #565655;
    margin-bottom: 30px;
    font-size: 22px;
    line-height: 26px;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt h3 span {
    color: #128B7E;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa1 {
    color: #565655;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    background-color: #ffffff;
    margin-bottom: 20px;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa1::before {
    background-image: url(img/ic_wa_esp1.svg);
    content: "";
    width: 22px;
    height: 22px;
    display: block;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa1:hover {
    text-decoration: underline;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa2 {
    background-color: #25D366;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 20px;
    border-radius: 8px;
    width: fit-content;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa2::before {
    background-image: url(img/ic_wa_esp2.svg);
    content: "";
    width: 19px;
    height: 19px;
    display: block;
}

#contenido .mod24 #mod24add2 .boxes3 .box.txt a.wa2:hover {
    background-color: #128C7E;
}

#contenido .mod24 #mod24add2 .boxes3 .box.img {
    border-radius: 16px;
}

#contenido .mod24 a.mod24add_btn {
    padding: 12px 20px;
    border-radius: var(--radius8);
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #01205B;
    background-color: #ffffff;
    border: 1px solid #01205B;
    line-height: 16px;
    cursor: pointer;
    margin: 25px auto 120px auto;
}

#contenido .mod24 a.mod24add_btn:hover {
    background-color: #E5E8EE;
    text-decoration: none;
}

#formulario .container .form .piso.condiciones {
    margin-bottom: 0;
}

#formulario .container .form .piso.condiciones .cond-titular {
    margin-bottom: 16px;
}

#formulario .container .form .piso.condiciones .piso-checkbox {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 24px;
}

#formulario .container .form .piso.condiciones .piso-checkbox input {
    width: 20px;
    height: 20px;
}

#formulario .container .form .piso.condiciones .piso-checkbox label {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
}

#formulario .container .form .piso.condiciones .piso-checkbox label a {
    color: #01205B;
    font-weight: bold;
}

#formulario .container .form .piso.condiciones .piso-checkbox label a:hover {
    text-decoration: underline;
}

a.btnnuevowa {
    color: #fff;
    text-align: center;
    border: 1px solid #25D366;
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 18px;
    width: 270px;
    display: flex;
    justify-content: center;
    font-weight: 600;
    background-color: #25D366;
}

a.btnnuevowa::before {
    content: "";
    background-image: url(img/ic_btn03.svg);
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 5px;
    background-size: cover;
}

@media (max-width: 767px) {
    #contenido .mod04#id55 .contenido .container h1 {
        text-align: left;
    }

    #contenido .mod33 .bloque2 .container .titulo h2 {
        font-size: 32px;
        line-height: 38px;
    }

    #contenido .mod20#id59-1 {
        padding: 70px 0;
    }

    #contenido .mod03 .container.menu .botones {
        width: 100%;
    }

    #contenido.pageid-13 .mod19 .container {
        width: calc(100% - 40px);
        padding-bottom: 80px;
    }

    #contenido .mod22 .container {
        width: calc(100% - 40px);
    }

    #contenido .mod22 {
        padding-top: 0;
    }

    #contenido .mod02#cmpl1 {
        padding-bottom: 30px;
    }

    #contenido .mod19#qs1, #contenido .mod19#id17-1 {
        padding-bottom: 60px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio {
        display: flex;
        flex-direction: row;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato1 {
        font-size: 17px;
        line-height: 26px;
    }

    #contenido .mod15.fnd-volkswagen .container ul li .precio .dato2 {
        font-size: 17px;
        line-height: 26px;
    }

    #contenido .mod05 .container .contenido {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 18px;
        padding-top: 18px;
    }

    #listado-post .piso-inferior {
        padding-bottom: 30px;
    }

    #listado-post .piso-superior .container .texto h2 {
        font-size: 24px;
        line-height: 32px;
    }

    #contenido .mod23 .container .bloque1 .titulo h2, #contenido .mod23 .container .bloque4 .titulo h2, #contenido .mod23 .container .bloque2 .titulo h2 {
        font-size: 32px;
        line-height: 36px;
    }

    #contenido .mod04#id1281 .contenido .container h1 {
        text-align: left;
    }

    #contenido .mod19#cot_esp_1 a.esp_wa2 {
        margin: 0 auto 100px auto;
    }

    #contenido .mod26var .container-fluid.suc-carousel-wrap {
        padding-bottom: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden;
    }

    #contenido .mod26var .container-fluid .suc-carousel {
        overflow: visible;
        width: 100%;
        padding-left: 20px;
        /* ← sangrado izquierdo visible */
    }

    #contenido .mod26var .container-fluid .suc-track {
        display: flex;
        flex-wrap: nowrap;
        transition: transform 0.35s ease;
        will-change: transform;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide {
        min-width: calc(100vw - 52px);
        /* viewport - padding-left(20) - peek derecho(32) */
        width: calc(100vw - 52px);
        margin-right: 12px;
        flex-shrink: 0;
        box-sizing: border-box;
        flex: 1;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box {
        flex: none;
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1;
        height: 100%;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box img {
        width: 100%;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt {
        padding: 30px 20px 0px 20px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt h3 {
        color: #01205B;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 25px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li {
        list-style-type: none;
        margin-bottom: 25px;
        padding-left: 30px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li a {
        color: #565655;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li a:hover {
        text-decoration: underline;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li.uno::before {
        content: "";
        background-image: url("img/icono_suc2_1.svg");
        width: 22px;
        height: 22px;
        position: absolute;
        margin-left: -30px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li.dos::before {
        content: "";
        background-image: url("img/icono_suc2_2.svg");
        width: 22px;
        height: 22px;
        position: absolute;
        margin-left: -30px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li.tres::before {
        content: "";
        background-image: url("img/icono_suc2_3.svg");
        width: 22px;
        height: 22px;
        position: absolute;
        margin-left: -30px;
    }

    #contenido .mod26var .container-fluid .suc-track .suc-slide .box .txt ul li h4 {
        font-family: 'Noto Sans';
        font-size: 16px;
        line-height: 22px;
        color: #565655;
    }

    #contenido .mod26var .suc-nav {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: 18px;
    }

    #contenido .mod26var .suc-nav button {
        background-color: #ffffff;
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        box-shadow: 0px 1px 4px #10182830;
        border: 1px solid #ffffff;
    }

    #contenido .mod26var .suc-nav button:hover {
        background: #f4f4f4;
        border-color: #bbb;
    }

    #contenido .mod26var .suc-nav button:disabled {
        opacity: 0.35;
        cursor: default;
    }

    #contenido .mod23 .container .bloque4 .fila .texto {
        width: 100%;
    }

    #contenido .mod23 .container .bloque4 .fila .texto h2 {
        text-align: center;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden {
        flex: 1;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden .item {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden .item img {
        height: auto;
        margin: 0;
    }

    #contenido .mod33 .piso2_1 .container .boxes {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod33 .piso2_1 .container .boxes img.box {
        width: 100%;
    }

    #contenido .mod33 .piso2_1 .container .boxes .box .caja {
        width: 100%;
    }

    #contenido .mod33 .piso2_1 .container .boxes .box .caja .txt {
        width: 100%;
    }

    #contenido .mod33 .piso2_1 .container .boxes .box .caja figure {
        display: none;
    }

    #contenido .mod33 .piso2_1 .container .boxes .box .caja .txt h4 {
        font-size: 22px;
        line-height: 28px;
    }

    #contenido .mod33 .piso2_1 .container .boxes .box .caja .txt a.wts {
        width: 100%;
    }

    #contenido .mod24 #mod24add1 .container .boxes1 {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod24 #mod24add1 .container .boxes2 {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        flex-direction: column;
    }

    #contenido .mod24 #mod24add1 .container .boxes2 .box.img {
        width: 100%;
    }

    #contenido .mod24 #mod24add2 .boxes3 {
        display: flex;
        align-items: flex-start;
        gap: 25px;
        flex-direction: column-reverse;
    }

    #contenido .mod24 #mod24add2 .boxes3 .box.img {
        width: 100%;
    }

    #formulario .container .form .piso.condiciones .piso-checkbox label {
        margin-top: 0;
    }

    a.btnnuevowa {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    #contenido .mod26var {
        margin-top: 80px;
    }

    #contenido .mod23 .container .bloque4 .fila .texto {
        width: 400px;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden {
        flex: 1;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden .item img {
        height: auto;
    }

    #contenido .mod33 .piso2_1 .container .boxes {
        display: flex;
        flex-direction: column;
    }

    #contenido .mod33 .piso2_1 .container .boxes img.box {
        width: 100%;
    }

    #contenido .mod24 #mod24add1 .container .boxes2 {
        display: flex;
        align-items: flex-start;
        gap: 30px;
    }

    #contenido .mod24 #mod24add1 .container .boxes2 .box.img {
        width: 40%;
    }

    #contenido .mod24 #mod24add2 .boxes3 {
        display: flex;
        align-items: flex-start;
        gap: 25px;
    }

    #contenido .mod24 #mod24add2 .boxes3 .box.img {
        width: 40%;
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    #contenido .mod23 .container .bloque4 .fila .texto {
        width: 400px;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden {
        flex: 1;
    }

    #contenido .mod23 .container .bloque4 .fila .texto .items .orden .item img {
        height: auto;
    }

    #contenido .mod33 .piso2_1 .container .boxes img.box {
        width: 400px;
    }
}