/*
Theme Name: GrandPrix Child
Theme URI: https://grandprix.qodeinteractive.com
Description: A child theme of GrandPrix Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: grandprix
Template: grandprix
*/
/* *************************************************************************************************************************/
/* GRANDPRIX DESKTOP (DESKTOP FIRST) */
/* *************************************************************************************************************************/
/* Generales ***************************************************************************************************************/
/* Boton Primario */
.boton-primario .vc_btn3{
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
font-size: 16px !important;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 1.2 !important;
padding: 14px 40px !important;
border: 2px solid #004AAD !important;
}
/* Boton Primario:hover */
.boton-primario .vc_btn3:hover {
background-color: #0026A3 !important;
color: #FFFFFF !important;
}
/* Boton Secundario */
.boton-secundario .vc_btn3 {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 40px !important;
background-color: transparent !important;
border: 2px solid #004AAD !important;
color: #004AAD !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
font-size: 16px !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
text-decoration: none !important;
border-radius: 0 !important;
cursor: pointer;
transition: all 0.3s ease;
}
/* Boton Secundario:hover */
.boton-secundario .vc_btn3:hover {
background-color: #004AAD !important;
color: #FFFFFF !important;
}
/* Boton Tipo Link */
.boton-tipo-link .vc_btn3 {
font-family: 'Rajdhani', sans-serif !important;
text-transform: uppercase !important;
font-weight: 600 !important;
font-size: 16px !important;
letter-spacing: 0.05em !important;
text-decoration: none !important;
border-radius: 0 !important;
cursor: pointer;
transition: all 0.3s ease;
padding-right: 10px !important;
padding-left: 44px !important;
}
/* Boton Tipo Link:hover */
.boton-tipo-link .vc_btn3:hover {
color: #688cfd !important;
}
/* Icono de boton tipo link */
.boton-tipo-link .vc_btn3-icon {
top: 48% !important;
}
/* Sin hover ni click para elementos (neutraliza aunque el hover venga del padre) */
.mkdf-iwt.zontes-nohover-noclick,
.mkdf-iwt.zontes-nohover-noclick * {
pointer-events: none !important
cursor: default !important;
transition: none !important;
transform: none !important;
opacity: 1 !important;
filter: none !important;
box-shadow: none !important;
color: #FFFFFF !important;
text-decoration: none !important;
}
/* Navbar *********************************************************************************************/
/* Define el contenedor de cada item y evita fondos residuales */
.mkdf-main-menu > ul > li{
position:relative;
background:transparent !important;
}
/* Asegura que el enlace ocupe todo el bloque clickeable (corrige cortes de fondo) */
.mkdf-main-menu > ul > li > a{
display:block;
background:transparent !important;
}
/* Elimina pseudo-elementos decorativos del theme */
.mkdf-main-menu > ul > li > a::before,
.mkdf-main-menu > ul > li > a .item_outer::before{
content:none !important;
}
/* Aplica fondo blanco al pasar el mouse sobre el item o sobre su enlace */
.mkdf-main-menu > ul > li:hover, .mkdf-main-menu > ul > li:hover > a{
background:#fff !important;
}
/* Mantiene el enlace activo con fondo transparente (visible solo el borde del theme) */
.mkdf-main-menu > ul > li.current-menu-item > a,
.mkdf-main-menu > ul > li.current-menu-ancestor > a{
background:transparent !important;
}
.mkdf-main-menu > ul > li.current-menu-item:hover > a, .mkdf-main-menu > ul > li.current-menu-ancestor:hover > a{
background:#fff !important;
}
/* Navbar Mobile **************************************************************************************/
/* Quita subrayado del theme en mobile */
.mkdf-mobile-nav ul li h6 span,
.mkdf-mobile-nav ul li a span {
text-decoration: none !important;
border: 0 !important;
box-shadow: none !important;
background-image: none !important; /* por si usan gradient como línea */
}
/* Fuerza que no dibuje la pseudo-linea del theme */
.mkdf-mobile-nav ul li h6 span::after,
.mkdf-mobile-nav ul li a span::after {
content: none !important;
display: none !important;
}
/* Mantiene azul en hover/activo sin linea */
.mkdf-mobile-nav ul li a:hover span,
.mkdf-mobile-nav ul li.mkdf-active-item > a span,
.mkdf-mobile-nav ul li.current-menu-item > a span,
.mkdf-mobile-nav ul li a.current span {
color: #004AAD !important;
}
/* Agandar flechas submenu */
.mkdf-mobile-nav .mobile_arrow .mkdf-sub-arrow{
font-size:24px !important;
line-height:1 !important;
width:24px;
height:24px; /* mantiene caja y alineacion */
}
/* Agrandar el area tactil de la flecha sin mover el texto */
.mkdf-mobile-nav .mobile_arrow{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
}
/* Home / Banner *************************************************************************************/
/* Ajuste en tipografias del tagline */
.banner-dreams-never-stop .mkdf-st-tagline {
font-family: 'Rajdhani', sans-serif !important;
font-size: 1.125rem !important;
letter-spacing: normal !important;
font-weight: 500;
}
/* Ajuste en tipografias a la linea antes del
*/
.banner-dreams-never-stop .mkdf-st-tagline:first-line {
font-weight: 800;
}
/* Compensa la diferencia por el tamaño de las tipografias */
.banner-dreams-never-stop .mkdf-st-title {
margin-left: -5%!important;
}
/* Home / Video *************************************************************************************/
/* Contenido del bloque */
.video-lanzamiento .mkdf-vb-tagline {
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
letter-spacing: .025em;
text-transform: uppercase;
color: #fff;
font-size: 2.5rem; /* 40px */
line-height: 1.1;
display: block;
}
/* Badge en su propia línea arriba */
.video-lanzamiento .mkdf-vb-tagline::before{
content: "Nuevo lanzamiento 2025";
display: block;
width: fit-content;
width: -moz-fit-content; /* Fallback para Firefox antiguo */
background-color: #004AAD;
color: #fff;
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
font-size: .875rem;
letter-spacing: .025em;
text-transform: uppercase;
padding: 6px 12px;
margin-bottom: 12px;
}
/* título (la frase larga) */
.video-lanzamiento .mkdf-vb-title{
color:#fff;
font-family:'Rajdhani', sans-serif !important;
font-size:1.1rem !important; /* 18px */
letter-spacing:normal !important;
font-weight:800;
line-height:1.3;
text-transform:none !important;
}
/* Home / Carrousel *************************************************************************************/
/* Titulo de la seccion del carrousel (Heading 2) */
.carrousel-motos h2 {
font-size: 2.6rem !important;
color: #ffffff !important;
}
/* Texto que se usa como subtitulo */
.carrousel-motos p {
color: #004AAD;
font-family: 'Rajdhani', sans-serif !important;
font-size: 1.125rem !important;
letter-spacing: normal !important;
font-weight: 800;
line-height: 1.3;
text-transform: none !important;
margin-top: 5px!important;
}
/* Apagar la imagen de fondo en el titulo de la seccion */
div.vc_row.vc_custom_1758003940666 {
background-image: none !important;
}
/* Acorta el espacio entre las motos y el paginado */
.mkdf-custom-pagination {
margin-top:0px !important;
}
/* Color azul al fondo que se aplica sobre la foto */
.mkdf-slide-info-holder::before {
background-color: #004AAD !important;
}
/* Tagline en el background del slide */
.carrousel-motos-slides .mkdf-slide-tagline {
font-family: 'Rajdhani', sans-serif !important;
font-weight: 700!important;
font-size: 1.125rem!important;
padding-left: 4px!important;
}
/* Nombre de la moto en el background del slide */
.carrousel-motos-slides .mkdf-slide-title {
font-size: 3.2rem!important;
line-height: 0.8;
padding-top: 20px !important;
}
/* Color de la linea del slider que marca el lugar activo */
.mkdf-pagination-line {
background: #004AAD !important;
}
/* Blanco en los números de la paginación hecha con pseudos */
.mkdf-custom-pagination *::after {
color: #fff !important;
}
/* Mantener switch (tabs) y apagar acordeón WPBakery */
.vc_row.moto-tabs .vc_tta .vc_tta-panel .vc_tta-panel-heading{
display: none !important;
}
/* Garantizar que el switch se vea siempre como bloque/flex */
.vc_row.moto-tabs .vc_tta .vc_tta-tabs-container{
display: block !important;
}
/* Ajuste de espacio al ocultar el heading */
.vc_row.moto-tabs .vc_tta .vc_tta-panels{
margin-top: 0 !important;
}
.vc_row.moto-tabs .vc_tta .vc_tta-panel-body{
padding-top: 0 !important;
}
/* Home / Carrousel en TABS *****************************************************************************/
/* Contenedores de Tabs */
.moto-tabs .vc_tta-container,
.moto-tabs .vc_tta,
.moto-tabs .vc_tta-panels,
.moto-tabs .vc_tta-panel,
.moto-tabs .vc_tta-panel-body {
background: #000 !important;
border: 0 !important;
}
/* Quita la linea que se dibujan con los tabs */
.moto-tabs .vc_tta-tabs-container {
position: static !important; /* quita el ancla del pseudo-elemento */
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* Quitar padding del panel de los tabs */
.moto-tabs .vc_tta-panel-body {
padding: 0 !important;
background: #000 !important;
}
/* Moto tabs: animacion y control unico de la linea del paginado */
.moto-tabs .mkdf-custom-pagination .mkdf-pagination-line {
transition: transform .35s ease;
will-change: transform;
left: 0 !important; /* neutraliza left del theme */
}
/* Mueve la linea por transform y NO por left */
.moto-tabs .mkdf-custom-pagination .mkdf-pagination-line {
left: 0 !important; /* neutraliza left del theme */
transform: translate3d(0,0,0);
}
/* Cuando activa animacion desde JS */
.moto-tabs .mkdf-custom-pagination .mkdf-pagination-line.mt-anim {
transition: transform .35s ease, width .35s ease !important;
will-change: transform, width;
}
/* Evitar verlo roto ocultar carruseles hasta que esten listos */
.moto-tabs .mkdf-dual-image-carousel { visibility: hidden; }
.moto-tabs .mkdf-dual-image-carousel.mkdf-ready { visibility: visible; }
/* Animacion cambio TAB / Apaga transiciones transform del theme en TTA */
.moto-tabs .vc_tta-panels,
.moto-tabs .vc_tta-panels .vc_tta-panel,
.moto-tabs .vc_tta-panels .vc_tta-panel > .vc_tta-panel-body {
animation: none !important;
-webkit-animation: none !important;
transform: none !important;
transition: none !important;
}
/* Animacion cambio TAB / Estado base: el body de cada panel arranca invisible */
.moto-tabs .vc_tta-panels .vc_tta-panel > .vc_tta-panel-body {
opacity: 0;
}
/* Animacion cambio TAB / El panel activo es visible (sin transicion por defecto) */
.moto-tabs .vc_tta-panels .vc_tta-panel.vc_active > .vc_tta-panel-body {
opacity: 1;
}
/* Animacion cambio TAB / Preparacion de fade forzando opacidad antes de aparecer */
.moto-tabs .vc_tta-panels .vc_tta-panel > .vc_tta-panel-body.mt-fade-prep {
opacity: 0 !important;
}
/* Animacion cambio TAB / Activa transicion de opacidad */
.moto-tabs .vc_tta-panels .vc_tta-panel > .vc_tta-panel-body.mt-fade-in {
transition: opacity 0.3s ease !important;
}
/* Boton cambio de marca / Contenedor de los tabs */
.moto-tabs .vc_tta-tabs-container{
width: 100% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
margin-bottom: 80px !important; /* separación inferior */
}
/* Boton cambio de marca / fondo gris + layout interno */
.moto-tabs .vc_tta.vc_tta-tabs .vc_tta-tabs-list{
display: flex !important;
align-items: center !important;
gap: 8px !important;
width: 330px !important;
max-width: 330px !important;
height: 44px !important;
padding: 4px !important; /* (44 - 36) / 2 */
margin: 0 auto !important;
list-style: none !important;
background: #2f2f2f !important;
border-radius: 10px !important;
border: 0 !important;
box-shadow: inset 0 0 0 2px rgba(0,0,0,.22) !important;
float: none !important;
text-align: left !important;
}
/* Boton cambio de marca / apagar pseudos del theme */
.moto-tabs .vc_tta-tabs-list:before,
.moto-tabs .vc_tta-tabs-list:after{
display: none !important;
content: none !important;
}
/* Boton cambio de marca / reset del li y reparto mitad-mitad */
.moto-tabs .vc_tta-tabs-list .vc_tta-tab{
float: none !important;
margin: 0 !important;
flex: 1 1 0 !important;
min-width: 0 !important;
}
/* Boton cambio de marca / boton base (estado normal) */
.moto-tabs .vc_tta-tabs-list .vc_tta-tab > a{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 36px !important;
padding: 0 16px !important;
background: transparent !important;
border: 0 !important;
border-radius: 10px !important;
text-decoration: none !important;
color: #cfcfcf !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 800 !important;
font-size: 17px !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
line-height: 1 !important;
transition: background .22s ease, color .22s ease, transform .22s ease !important;
}
/* Boton cambio de marca / boton activo */
.moto-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active > a{
background: #004AAD !important;
color: #fff !important;
}
/* /* Boton cambio de marca / hover (solo cuando no esta activo) */
.moto-tabs .vc_tta-tabs-list .vc_tta-tab:not(.vc_active) > a:hover{
background: rgba(4,50,195,.16) !important;
color: #fff !important;
}
/* IA (v:0.0.35) - Home / Carrusel motos / Mantiene ancho azul fijo al 40% en todas las resoluciones */
.mkdf-dual-image-carousel .mkdf-slide-info-holder {
flex: 0 0 40% !important;
width: 40% !important;
max-width: 40% !important;
}
/* IA (v:0.0.35) - Home / Carrusel motos / Asegura layout interno del texto */
.mkdf-dual-image-carousel .mkdf-slide-info {
width: 100% !important;
box-sizing: border-box;
padding-top: 25px !important; /* separa el texto del borde superior */
}
/* Home / Carrousel motos / Ajuste largo flecha “Más info” */
.mkdf-dual-image-carousel .mkdf-btn-line {
width: 50px !important;
transition: width 0.3s ease;
}
/* Home / Carrousel motos / Ajuste hover flecha */
.mkdf-dual-image-carousel .mkdf-btn:hover .mkdf-btn-line {
width: 70px !important;
}
/* Home / Carrousel motos / Activo solo cuando es Zontes */
.moto-tabs .vc_tta-tab.vc_active > a#tab-motos-zontes {
background: #000 !important; /* Negro Zontes */
color: #fff !important;
}
/* Home / Carrousel motos / Activo solo cuando es Beta */
.moto-tabs .vc_tta-tab.vc_active > a#tab-motos-beta {
background: #E40000 !important; /* Rojo Beta */
color: #fff !important;
}
/* Home / Carrousel motos / Zontes hover */
.moto-tabs .vc_tta-tab:not(.vc_active) > a#tab-motos-zontes:hover {
background: rgba(0,0,0,.24) !important; /* negro soft */
color: #fff !important;
}
/* Home / Carrousel motos / Beta hover */
.moto-tabs .vc_tta-tab:not(.vc_active) > a#tab-motos-beta:hover {
background: rgba(228,0,0,.24) !important; /* rojo soft (E40000 base) */
color: #fff !important;
}
/* Home / Servicios *************************************************************************************/
/* Centrar el título de la seccion + badge en una misma fila */
.servicios-titulo .mkdf-st-inner{
justify-content: center;
padding-left: 0 !important;
padding-right: 30px !important;
}
/* Anular el width:100% que aplica el theme a cada hijo */
.servicios-titulo .mkdf-st-inner > *{
width: auto !important;
}
/* Apagar la imagen de fondo en el titulo de la seccion */
div.vc_row.vc_custom_1757997119788 {
background-image: none !important;
}
/* Badge fondo azul al tagline */
.servicios-titulo .mkdf-st-tagline{
background-color:#004AAD;
color:#FFFFFF !important;
font-family:'Rajdhani',sans-serif !important;
font-weight:700 !important;
font-size:18px !important;
letter-spacing:.025em !important;
padding:8px 12px !important;
display:inline-block !important;
white-space:nowrap !important;
line-height:1.2 !important;
}
/* Esconde lineas verticales del theme en los servicios */
.servicios-grupo .mkdf-vertical-lines {
display: none;
}
/* Titulo de cada servicio */
.servicios-cajas .mkdf-iwt-title-text {
font-size: 1.2rem !important;
}
/* Títulos de los ítems con hover en blanco */
.servicios-cajas .mkdf-iwt a:hover .mkdf-iwt-title,
.servicios-cajas .mkdf-iwt a:hover .mkdf-iwt-title .mkdf-iwt-title-text {
color: #fff !important;
}
/* Descripcion de cada servicio */
.servicios-cajas .mkdf-iwt-text {
font-weight: 400!important;
color: #9A9A9A!important;
}
/* Home / Instagram *************************************************************************************/
/* Titulo de la seccion del carrousel (Heading 2) */
.instagram h2 {
font-size: 2.6rem !important;
}
/* Texto que se usa como subtitulo */
.instagram .mkdf-st-tagline {
font-family: 'Rajdhani', sans-serif !important;
font-size: 1.125rem !important;
letter-spacing: normal !important;
font-weight: 800;
line-height: 1.3;
text-transform: none !important;
margin-top: 5px!important;
}
/* Esconde lineas verticales del theme en los servicios */
.instagram .mkdf-vertical-lines {
display: none;
}
/* Color de fondo en el hover */
.instagram .mkdf-team-social-wrapper {
background-color: rgba(0,0,0,.70) !important;
}
/* Titulo en el hover */
.instagram .mkdf-team-name {
font-size:20px!important
}
/* Logos de redes sociales en el hover */
.instagram .mkdf-team-icon {
font-size:40px !important;
color: #FFFFFF;
}
/* Boton en el hover */
.instagram .mkdf-team-icon {
font-size: 14px!important;
color: #fff !important;
font-weight: 600;
text-align: center;
letter-spacing: .08em;
padding: 8px 16px;
border: 1px solid #fff;
}
/* Nombre y boton centrado */
.mkdf-team-social-outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/* Separa el boton del margen inferior */
.mkdf-team-icon {
margin-bottom:80% !important;
}
/* IA (v:0.0.45) - Home / Instagram / Normaliza imágenes */
.instagram .mkdf-team-image img { width: 100% !important; height: auto !important; display: block !important; }
/* IA (v:0.0.45) - Home / Instagram / Reestructura Owl a flex (evita cortes y widths inline) */
.instagram .mkdf-team-carousel-holder .owl-stage-outer { overflow: visible !important; }
.instagram .mkdf-team-carousel-holder .owl-stage { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; transform: none !important; width: 100% !important; }
.instagram .mkdf-team-carousel-holder .owl-item { width: auto !important; margin: 0 !important; padding: 0 !important; }
/* IA (v:0.0.52) - Home / Instagram / Anula padding genérico en ítems (evita ensanche) */
.instagram .mkdf-team-carousel-holder .owl-item { padding: 0 !important; }
/* Footer **********************************************************************************************************************/
/* Espacio entre el titulo y la descripcion */
.mkdf-page-footer .widget {
margin: 0 0 20px 0 !important;
}
/* Titulos de cada columna */
.mkdf-footer-column-2 .wp-block-heading,
.mkdf-footer-column-3 .wp-block-heading,
.mkdf-footer-column-4 .wp-block-heading {
color: #ffffff;
font-size: 20px;
}
/* Columna 3 texto en la columna */
.footer-columna-descripcion-3,
.footer-columna-descripcion-4{
color: #848484;
font-weight: 400;
font-size: 15px;
line-height: 29px;
}
/* Columna 4 textos en la columna */
.mkdf-icon-widget-holder {
color: #848484;
font-weight: 400;
font-size: 15px
}
/* Hover blanco sólo para este tipo de ítem */
.mkdf-footer-top-holder .mkdf-icon-widget-holder:hover,
.mkdf-footer-top-holder .mkdf-icon-widget-holder:hover .mkdf-icon-text,
.mkdf-footer-top-holder .mkdf-icon-widget-holder:hover .mkdf-icon-element {
color: #fff !important;
}
/* Cada item de contacto ocupa una fila completa */
.mkdf-footer-top-holder .mkdf-icon-widget-holder {
display: block !important;
}
/* Copyright */
.mkdf-footer-bottom-holder #text-9 .textwidget p span {
color: #848484!important;
font-weight: 500!important;
font-size: 14px!important;
text-transform: uppercase!important;
}
/* Centra verticalmente columnas y normaliza margenes */
.mkdf-footer-bottom-holder .mkdf-grid-row {
display: flex !important;
align-items: center !important;
}
/* Quita margenes del párrafo del copyright */
.mkdf-footer-bottom-holder .widget .textwidget p {
margin: 0 !important;
}
/* Normaliza contenedor de links (alineado y linea base) */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget > div {
display: flex !important;
align-items: center !important;
line-height: 30px !important;
}
/* Evita saltos inesperados en los links */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget br {
display: none !important;
}
/* Igual linea para el texto de copyright */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-1 .textwidget span,
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-1 .textwidget p {
line-height: 30px !important;
}
/* Detalle Moto (Especificos x moto)********************************************************************************************/
/* Bajar la columna del texto en el hero (Aplica solo a: 703F | ) */
.page-id-3166 .moto-detalle-hero-text .mkdf-eh-item-content {
margin-top: 50px !important;
}
/* Posicion del logo de la moto (Aplica solo a: 703F | )*/
.page-id-3166 .moto-detalle-hero-text .mkdf-si-inner {
margin-left: -35px !important;
}
/* Detalle Moto ***************************************************************************************************************/
/* Bajar la columna del texto en el hero */
.moto-detalle-hero-text .mkdf-eh-item-content {
margin-top: 30px !important;
}
/* Espacio entre el logo de la moto y el texto */
.moto-detalle-hero-text .mkdf-single-image-holder {
margin-bottom: -20px !important;
}
/* Espacio entre botones */
.moto-detalle-hero-text .boton-primario {
margin-right: 10px;
}
/* Hero Altura maxima de la imagen de la moto */
.moto-detalle-hero-image img {
max-height: 520px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto;
}
/* Detalle Moto / Pie Charts **************************************************************************************************/
/* Tamaño del círculo (interno y externo) en un solo lugar */
.mkdf-pie-chart-holder{
--pc-size: 140px;
display: flex;
flex-direction: column;
align-items: center;
}
/* Ajuste de tamaño del circulo externo y del circulo interno */
.mkdf-pie-chart-holder .mkdf-pc-percentage{
width: var(--pc-size) !important;
height: var(--pc-size) !important;
line-height: var(--pc-size) !important;
}
/* Forzar el mismo ancho/alto para asegurar que el arco coincida con el numero */
.mkdf-pie-chart-holder canvas{
width: var(--pc-size) !important;
height: var(--pc-size) !important;
}
/* Posicion del texto descriptivo debajo del círculo */
.mkdf-pie-chart-holder .mkdf-pc-text-holder{
width: 90%;
max-width: 100%;
text-align: center;
margin-top: 20px;
padding: 0 !important;
}
/* Texto descriptivo bajo el título en cada box */
.mkdf-pie-chart-holder .mkdf-pc-text {
font-family: 'Rajdhani', sans-serif !important;
font-size:17px;
font-weight: 500;
padding-bottom: 20px;
}
/* Número central del círculo */
.mkdf-pie-chart-holder .mkdf-pc-percent{
font-size: 40px !important;
font-weight: 700;
line-height: 1;
}
/* Partir número + unidad abajo (agregá la clase "pc-split" al holder) */
.mkdf-pie-chart-holder.pc-split .mkdf-pc-percent{
display: inline-block; /* habilita la segunda línea */
line-height: 1;
}
/* Apago % que el theme dibuja con ::before (a veces ::after) */
.mkdf-pie-chart-holder.pc-split .mkdf-pc-percent::before{
content: none !important;
display: none !important;
}
/* Línea de la unidad (se completa con las clases unit-*) */
.mkdf-pie-chart-holder.pc-split .mkdf-pc-percent::after{
display: block;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin-top: 2px;
margin-left: 0 !important;
position: static !important;
white-space: nowrap;
}
/* Fondo de cajas */
.mkdf-pie-chart-holder {
background: #111111;
padding: 20px 15px;
border-radius: 6px;
}
/* Distancia de contenidos al top/bottom */
.mkdf-pie-chart-holder.pc-split{
padding-top: 40px;
padding-bottom: 30px;
}
/* Unidades segun corresponda, va con estas clases junto con pc-split */
.mkdf-pie-chart-holder.unit-cc.pc-split .mkdf-pc-percent::after{ content: "cc"; }
.mkdf-pie-chart-holder.unit-ca.pc-split .mkdf-pc-percent::after{ content: "caballos"; }
.mkdf-pie-chart-holder.unit-hp.pc-split .mkdf-pc-percent::after{ content: "HP"; }
.mkdf-pie-chart-holder.unit-cv.pc-split .mkdf-pc-percent::after{ content: "CV"; }
.mkdf-pie-chart-holder.unit-nm.pc-split .mkdf-pc-percent::after{ content: "Nm"; }
.mkdf-pie-chart-holder.unit-w.pc-split .mkdf-pc-percent::after{ content: "W"; }
.mkdf-pie-chart-holder.unit-l.pc-split .mkdf-pc-percent::after{ content: "litros"; }
.mkdf-pie-chart-holder.unit-con.pc-split .mkdf-pc-percent::after{ content: "lts/100 Km"; }
.mkdf-pie-chart-holder.unit-kg.pc-split .mkdf-pc-percent::after{ content: "Kg"; }
.mkdf-pie-chart-holder.unit-km.pc-split .mkdf-pc-percent::after{ content: "km/h"; }
.mkdf-pie-chart-holder.unit-kmh.pc-split .mkdf-pc-percent::after{ content: "km/h"; }
.mkdf-pie-chart-holder.unit-kme.pc-split .mkdf-pc-percent::after{ content: "km"; }
.mkdf-pie-chart-holder.unit-pul.pc-split .mkdf-pc-percent::after{ content: "Pulgadas"; }
.mkdf-pie-chart-holder.unit-alt.pc-split .mkdf-pc-percent::after{ content: "MM"; }
.mkdf-pie-chart-holder.unit-cm.pc-split .mkdf-pc-percent::after{ content: "CM"; }
.mkdf-pie-chart-holder.unit-hs.pc-split .mkdf-pc-percent::after{ content: "Horas"; }
.mkdf-pie-chart-holder.unit-min.pc-split .mkdf-pc-percent::after{ content: "Minutos"; }
/* Detalle Moto / Video *****************************************************************************/
/* Contenido del bloque */
.video-detalle-moto .mkdf-vb-tagline {
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
letter-spacing: .025em;
text-transform: uppercase;
color: #fff;
font-size: 2.5rem; /* 40px */
line-height: 1.1;
display: block;
}
/* Badge en su propia línea arriba */
.video-detalle-moto .mkdf-vb-tagline::before{
content: "DREAMS NEVER STOP";
display: block;
width: fit-content;
width: -moz-fit-content; /* Fallback para Firefox antiguo */
background-color: #2E2E2E;
color: #fff;
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
font-size: .875rem;
letter-spacing: .025em;
text-transform: uppercase;
padding: 6px 12px;
margin-bottom: 12px;
}
/* título (la frase larga) */
.video-detalle-moto .mkdf-vb-title{
color:#9A9A9A !important;
font-family:'Rajdhani', sans-serif !important;
font-size:1.1rem !important; /* 18px */
letter-spacing:normal !important;
font-weight:500;
line-height:1.3;
text-transform:none !important;
max-width: 350px;
}
/* Detalle Moto / Banner Tienda *********************************************************************/
/* Tipografia del tagline */
.banner-personaliza-tienda .mkdf-st-tagline {
font-family: 'Rajdhani', sans-serif !important;
font-size: 1.3rem !important;
letter-spacing: normal !important;
font-weight: 500;
line-height: 1.35;
color: #fff;
display: block; /* <- clave para :first-line */
}
/* Primera linea (antes del
) en bold */
.banner-personaliza-tienda .mkdf-st-tagline:first-line {
font-weight: 800;
}
/* Ajuste del titulo principal */
.banner-personaliza-tienda .mkdf-st-title {
margin-left: -5% !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 800;
color: #fff;
font-size: 44px !important;
}
/* Detalle Moto / Banner Tienda / Badge icono */
.banner-personaliza-tienda .banner-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding:1px 7px;
background:#fff;
color:#004AAD;
font-weight:800;
line-height:1;
white-space:nowrap;
vertical-align:baseline;
}
.banner-personaliza-tienda .banner-badge::before{
content:none !important;
}
/* Detalle Moto / Banner Tienda / Icono PNG */
.banner-personaliza-tienda .banner-badge::after {
content: ""; /* quitamos el glifo */
display: inline-block;
width: 16px;
height: 16px;
background-image: url('https://zontestigre.com.ar/wp-content/uploads/2025/10/CTA-Tienda-x2.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
/* Separador vertical del theme */
.banner-personaliza-tienda .mkdf-sts-separator {
transform: scaleY(1.5) !important;
transform-origin: center !important;
vertical-align: middle !important;
}
/* Estado final animado */
.banner-personaliza-tienda.mkdf-st-split .mkdf-sts-separator {
transform: scaleY(1.5) !important;
}
/* Detalle Moto / Slider ****************************************************************************/
/* Centrar imágenes dentro de cada slide del Image Carousel */
.carousel-center .wpb_images_carousel .slides,
.carousel-center .wpb_gallery_slides .slides,
.carousel-center .vc_images_carousel .vc_carousel-slideline-inner {
text-align: center !important;
}
/* Centrar el slide del Carousel */
.carousel-center .wpb_images_carousel .slides > li img,
.carousel-center .wpb_gallery_slides .slides > li img,
.carousel-center .vc_images_carousel .vc_carousel-slideline-inner img {
display: inline-block !important;
margin: 0 auto !important;
float: none !important;
}
/* Boton cuadrado */
.carousel-nav .vc_carousel-control{
position: absolute;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%);
width: 44px !important;
height: 44px !important;
border: 1px solid #BDBDBD;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
opacity: 1 !important;
z-index: 2;
}
.carousel-nav .vc_left{ left: 24px; }
.carousel-nav .vc_right{ right: 24px; }
/* Apagar glifo nativo del plugin */
.carousel-nav .vc_carousel-control .icon-next:before,
.carousel-nav .vc_carousel-control .icon-prev:before{
content: none !important;
}
/* Flechas en SVG controlado por CSS */
.carousel-nav .vc_carousel-control .icon-next,
.carousel-nav .vc_carousel-control .icon-prev{
width: 100%;
height: 100%;
display: block;
/* Colorizable con mask (y prefijo para Safari) */
-webkit-mask: url('https://zontestigre.com.ar/wp-content/uploads/2025/09/arrow-right.svg') center / 18px no-repeat;
mask: url('https://zontestigre.com.ar/wp-content/uploads/2025/09/arrow-right.svg') center / 18px no-repeat;
background-color: #111;
/* Si el navegador no soporta mask muestra el SVG */
background-image: url('https://zontestigre.com.ar/wp-content/uploads/2025/09/arrow-right.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px;
}
/* Flecha izquierda espejando la derecha */
.carousel-nav .vc_carousel-control .icon-prev{
transform: scaleX(-1);
}
/* Hover en azul */
.carousel-nav .vc_carousel-control:hover{
border-color: #004AAD;
}
.carousel-nav .vc_carousel-control:hover .icon-next,
.carousel-nav .vc_carousel-control:hover .icon-prev{
background-color: #004AAD;
}
/* Indicadores paginado del slider */
.carousel-center .vc_carousel-indicators li{
width: 18px !important;
height: 6px !important;
background: #D9D9D9 !important;
margin: 0 2px !important;
border: 0 !important;
border-radius: 0 !important;
opacity: 1 !important;
box-shadow: none !important;
transition: width .2s ease, background-color .2s ease;
}
/* Indicador Activo en azul y más largo */
.carousel-center .vc_carousel-indicators li.vc_active,
.carousel-center .vc_carousel-indicators li.active{
width: 36px !important;
background: #004AAD !important;
}
/* Baja los indicadores */
.carousel-center .vc_carousel-indicators{
bottom: -60px !important;
}
/* Detalle moto / Banner texto + foto ******************************************************************************************/
/* Badge fondo azul al tagline */
.banner-detalle-motos .mkdf-st-tagline{
background-color:#004AAD;
color:#FFFFFF !important;
font-family:'Rajdhani',sans-serif !important;
font-weight:700 !important;
font-size:18px !important;
letter-spacing:.025em !important;
padding:8px 12px !important;
display:inline-block !important;
white-space:nowrap !important;
line-height:1.2 !important;
}
/* Espacio entre titulo y badge */
.banner-detalle-motos .mkdf-st-title {
margin-top: 20px !important;
}
/* Parrafo de texto en el componente de titulo */
.banner-detalle-motos .mkdf-st-text{
max-width: 500px !important;
margin-left: auto !important;
margin-right: auto !important;
display: block;
text-align: center;
}
/* Parrafo de texto */
.banner-detalle-motos-parrafo {
font-weight: 400 !important;
color: #bbbbbb !important;
margin-left: auto !important;
margin-right: auto !important;
display: block;
text-align: center;
max-width: 700px !important;
margin-top: 40px;
}
.banner-detalle-motos-parrafo p {
margin-bottom: 20px !important;
}
/* Reemplazar glifo del theme por SVG de flecha */
.carousel-nav-image .vc_carousel-control .icon-next:before,
.carousel-nav-image .vc_carousel-control .icon-prev:before{
content: "" !important;
display: inline-block !important;
width: 22px;
height: 22px;
background-image: url('https://zontestigre.com.ar/wp-content/uploads/2025/09/simple-arrow-right-white.svg') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
color: transparent !important;
text-shadow: none !important;
}
/* Flecha izquierda espeja la derecha */
.carousel-nav-image .vc_carousel-control .icon-prev:before{
transform: scaleX(-1);
}
/* Mismo icono en hover */
.carousel-nav-image .vc_carousel-control:hover .icon-next:before,
.carousel-nav-image .vc_carousel-control:hover .icon-prev:before{
background-image: url('https://zontestigre.com.ar/wp-content/uploads/2025/09/simple-arrow-right-white.svg') !important;
}
/* Indicador inactivo */
.carousel-nav-image .vc_carousel-indicators li{
background-color: rgba(255,255,255,.5) !important;
border-color: rgba(255,255,255,.5) !important;
opacity: 1 !important;
border-radius: 50% !important;
box-shadow: none !important;
}
/* Indicador activo */
.carousel-nav-image .vc_carousel-indicators li.vc_active,
.carousel-nav-image .vc_carousel-indicators li.active{
background-color: rgba(255,255,255,.9) !important;
border-color: rgba(255,255,255,.9) !important;
}
/* Detalle moto / Infografia ***************************************************************************************************/
/* Tagline del titulo */
.infografia .mkdf-st-tagline {
font-family:'Rajdhani',sans-serif !important;
font-weight:700 !important;
font-size:20px !important;
letter-spacing:.025em !important;
display:inline-block !important;
white-space:nowrap !important;
line-height:1.2 !important;
}
/* Titulo del item */
.infografia .mkdf-is-title {
font-size: 22px !important;
}
/* Numero del item */
.infografia .mkdf-is-mark {
font-size: 40px !important;
}
/* Texto detalle de items */
.infografia .mkdf-is-text {
font-family:'Rajdhani',sans-serif !important;
font-size:17px !important;
font-weight:500 !important;
margin-top: 0px !important;
}
/* Equal heigh de filas WPBakery ***********************************************************************************************/
/* Flex para que la columna se pueda estirar dentro de la fila con equal-height */
.vc_row.vc_row-o-equal-height .vc_column_container,
.vc_row.vc_row-equal-height .vc_column_container{
display: flex;
}
/* El inner de la columna propaga el layout flex y heredan a los hijos la altura */
.vc_row.vc_row-o-equal-height .vc_column_container > .vc_column-inner,
.vc_row.vc_row-equal-height .vc_column_container > .vc_column-inner{
display: flex;
flex-direction: column;
width: 100%;
}
/* Estira el wrapper para ocupar toda la altura disponible de la columna */
.vc_row.vc_row-o-equal-height .vc_column_container > .vc_column-inner > .wpb_wrapper,
.vc_row.vc_row-equal-height .vc_column_container > .vc_column-inner > .wpb_wrapper{
display: flex;
flex-direction: column;
width: 100%;
flex: 1;
}
/* Cada box llena la columna y se distribuye entre círculo + textos */
.vc_row.vc_row-o-equal-height .mkdf-pie-chart-holder,
.vc_row.vc_row-equal-height .mkdf-pie-chart-holder{
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
flex: 1;
gap: 14px;
}
/* Margenes internos del bloque de texto, sin empujar la altura */
.vc_row.vc_row-o-equal-height .mkdf-pie-chart-holder .mkdf-pc-text-holder,
.vc_row.vc_row-equal-height .mkdf-pie-chart-holder .mkdf-pc-text-holder{
margin-top: 0;
}
/* Contactos *******************************************************************************************************************/
/* Badge fondo azul al tagline "Contactos" */
.contactos .mkdf-st-tagline {
background-color:#004AAD;
color:#FFFFFF !important;
font-family:'Rajdhani',sans-serif !important;
font-weight:700 !important;
font-size:18px !important;
letter-spacing:.025em !important;
padding:8px 12px !important;
display:inline-block !important;
white-space:nowrap !important;
line-height:1.2 !important;
margin-bottom:14px!important;
}
/* Textos dentro de la columna Contactos */
.contactos .mkdf-iwt-text,
.contactos p {
font-weight: 400 !important;
}
/* Posicion del formulario */
.contactos-formulario {
padding-top: 20px !important;
}
/* Label del formulario */
.contactos-formulario label {
color: #9A9A9A !important;
font-size: 12px !important;
font-weight:600;
}
/* Campos del formulario de Contacto */
.contactos-formulario .wpcf7-form input[type="text"],
.contactos-formulario .wpcf7-form input[type="email"],
.contactos-formulario .wpcf7-form input[type="tel"],
.contactos-formulario .wpcf7-form textarea {
color: #FFFFFF !important;
border: none !important;
border-bottom: 1px solid #9A9A9A !important;
background: transparent !important;
font-size: 16px;
font-family: 'Rajdhani', sans-serif;
}
/* Color del placeholder (texto de ayuda dentro del campo) */
.contactos-formulario .wpcf7-form input::placeholder,
.contactos-formulario .wpcf7-form textarea::placeholder {
color: #9A9A9A !important;
opacity: 0.8;
}
/* Mensajes de formulario */
.wpcf7 .wpcf7-response-output {
margin-left: 0px !important;
margin-top: 50px !important;
font-weight: 500 !important;
}
/* Validadores / acercar el tip y no empujar el siguiente campo */
.wpcf7 .wpcf7-not-valid-tip{
margin-top: 6px !important;
margin-bottom: 0 !important;
line-height: 1.2;
/* font-size: 13px; opcional */
}
/* Validadores / espacios sobre invalidos */
.wpcf7 form .wpcf7-form-control.wpcf7-not-valid{
margin-bottom: 6px !important;
}
/* Validadores / espacios para inputs, textarea y selects */
.wpcf7 form input.wpcf7-not-valid,
.wpcf7 form textarea.wpcf7-not-valid,
.wpcf7 form select.wpcf7-not-valid{
margin-bottom: 6px !important;
}
/* Financiacion ****************************************************************************************************************/
/* Parrafo de texto */
.financiacion-parrafo {
font-family: 'Ubuntu', sans-serif !important;
font-weight: 400 !important;
color: #9A9A9A;
}
/* Posicion del formulario */
.financiacion-formulario {
padding-top: 45px !important;
}
/* Tienda / Breadcrumbs ****************************************************************************************************/
/* Nombre Nivel actual */
.mkdf-title-inner .mkdf-breadcrumbs .mkdf-current{
font-size: 12px !important;
font-weight: 600 !important;
}
/* Link Niveles anteriores */
.mkdf-title-inner .mkdf-breadcrumbs a{
font-size: 12px !important;
font-weight: 500 !important;
text-decoration: none;
color: #6d6d6d;
}
/* Anula separador entre migas del theme */
.mkdf-title-inner .mkdf-breadcrumbs .mkdf-delimiter::after{
content: none !important; /* apaga la barra horizontal previa */
}
/* Agrega separador entre migas */
.mkdf-title-inner .mkdf-breadcrumbs .mkdf-delimiter::before{
content: "|" !important;
color: #414141 !important;
line-height: 1;
display: inline-block;
}
/* Espacio entre migas */
.mkdf-delimiter {
padding: 0 10px !important;
}
/* Hover de los links */
.mkdf-title-inner .mkdf-breadcrumbs a:hover{
font-weight: 900 !important;
color: #004AAD !important
}
/* Anular el margin-top inline que pone el theme cuando no hay title */
.post-type-archive-product .mkdf-content,
.tax-product_cat .mkdf-content,
.tax-product_tag .mkdf-content,
.single-product .mkdf-content,
.woocommerce-cart .mkdf-content,
.woocommerce-checkout .mkdf-content {
margin-top: 0 !important;
}
/* Tienda / Listado de productos *******************************************************************************************/
/* Capa de color del overlay en el listado de productos */
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-image:before,
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-image:after,
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-text,
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-text:before{
background-color: #004AAD !important;
border-color: #004AAD !important;
}
/* Texto sobre el overlay */
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-text-inner,
.mkdf-pl-main-holder ul.products li.product .mkdf-pl-text-inner *{
color: #ffffff !important;
}
/* Ocultar el overlay de "Agregar al carrito" en la grilla */
.mkdf-pl-main-holder .mkdf-pl-text{
display: none !important;
}
/* El area de la imagen del producto tiene el link al detalle */
.mkdf-pl-main-holder .product .mkdf-pl-inner{ position: relative; }
.mkdf-pl-main-holder .product .woocommerce-LoopProduct-link{
position: absolute !important;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 40 !important;
}
/* Lista de tags (modelo de moto) */
.widget.woocommerce.widget_product_tag_cloud .tagcloud a{
font-size: 16px !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
}
/* Lista de tags cantidades */
.widget.woocommerce.widget_product_tag_cloud .tagcloud a .tag-link-count {
color: #8f8f8f !important;
}
/* Tienda / Detalle Producto / Summary *************************************************************************************/
/* Espacios en linea de cantidad + boton */
.single-product .mkdf-single-product-summary .summary.entry-summary form.cart{
margin-bottom: 30px !important;
}
/* Espacios en bloque "Informacion rapida" */
.single-product .mkdf-single-product-summary .product_meta{
margin-top: 45px !important;
}
/* Tienda / Detalle Producto / Producto Relacionado ************************************************************************/
/* Tipografia de los mensajes de woocommerce */
.woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message {
font-weight: 500 !important;
color: #2c2c2c !important;
}
/* Que la imagen sea el link al detalle */
.related.products .mkdf-pl-inner { position: relative; }
.related.products .woocommerce-LoopProduct-link {
position: absolute !important;
inset: 0;
z-index: 40 !important;
}
/* Apaga overlay rojo y el botón Agregar al carrito */
.related.products .mkdf-pl-text,
.related.products .mkdf-pl-text:before,
.related.products .mkdf-pl-image:before,
.related.products .mkdf-pl-image:after,
.related.products .mkdf-pl-text-inner a.add_to_cart_button {
display: none !important;
}
/* Tienda / Inputs y Combos ************************************************************************************************/
/* Selects */
.woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-order-pay .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-order-received .select2-container--default .select2-selection--single .select2-selection__arrow {
color: #000 !important;
background-color: #f6f6f6 !important;
border: 1px solid #d6d6d6 !important;
}
/* Labels de los radios */
.woocommerce-cart .woocommerce-shipping-methods label,
.woocommerce-checkout .woocommerce-shipping-methods label,
.woocommerce-order-pay .woocommerce-shipping-methods label,
.woocommerce-order-received .woocommerce-shipping-methods label,
.woocommerce-checkout .wc_payment_methods label,
.woocommerce-order-pay .wc_payment_methods label,
.woocommerce-order-received .wc_payment_methods label {
font-weight: 400;
color: #4e4e4e;
font-size: 17px;
padding-left: 0 !important;
cursor: pointer;
}
/* Espacio a la derecha del radio para seprar label */
.woocommerce-shipping-methods .shipping_method,
.wc_payment_methods .input-radio,
.woocommerce-shipping-methods label .shipping_method,
.wc_payment_methods label .input-radio {
margin-right: 10px !important;
vertical-align: middle;
}
/* Subtotal por item carrito, checkout y pago */
.woocommerce-cart .cart .product-subtotal .woocommerce-Price-amount,
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total .woocommerce-Price-amount,
.woocommerce-order-pay .shop_table .product-total .woocommerce-Price-amount,
.woocommerce-order-received .shop_table .product-total .woocommerce-Price-amount,
.woocommerce-view-order .shop_table .product-total .woocommerce-Price-amount,
.woocommerce-account .woocommerce-table--order-details .product-total .woocommerce-Price-amount {
color: #474747 !important;
font-weight: 600 !important;
font-size: 17px !important;
}
/* Tipografia en inputs / selects / textareas nativos */
.woocommerce-cart .input-text,
.woocommerce-cart select,
.woocommerce-cart textarea,
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-order-pay .input-text,
.woocommerce-order-pay select,
.woocommerce-order-pay textarea,
.woocommerce-order-received .input-text,
.woocommerce-order-received select,
.woocommerce-order-received textarea {
font-size: 16px !important;
font-weight: 500 !important;
}
/* Tipografia en Select2 (texto visible y opciones) */
.woocommerce-cart .select2-container .select2-selection__rendered,
.woocommerce-checkout .select2-container .select2-selection__rendered,
.woocommerce-order-pay .select2-container .select2-selection__rendered,
.woocommerce-order-received .select2-container .select2-selection__rendered,
.woocommerce-cart .select2-results__option,
.woocommerce-checkout .select2-results__option,
.woocommerce-order-pay .select2-results__option,
.woocommerce-order-received .select2-results__option {
font-size: 16px !important;
font-weight: 500 !important;
}
/* Select2 espacio interno en el campo */
body .select2-container.select2-container--default .select2-selection.select2-selection--single {
padding-left: 0 !important; /* anulamos padding del contenedor */
padding-right: 34px !important; /* espacio para la flecha */
box-sizing: border-box;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 16px !important;
}
/* Separacion del campo y el label */
.woocommerce-cart .form-row > label,
.woocommerce-checkout .form-row > label,
.woocommerce-order-pay .form-row > label,
.woocommerce-order-received .form-row > label {
display: block;
margin-bottom: 5px !important;
font-size: 15px !important;
letter-spacing: normal;
}
/* Espaciado entre campos fijo */
.woocommerce-cart .form-row,
.woocommerce-checkout .form-row,
.woocommerce-order-pay .form-row,
.woocommerce-order-received .form-row {
margin-bottom: 40px !important;
}
/* no sumar márgenes de controles internos */
.woocommerce-cart p.form-row > .select2-container,
.woocommerce-checkout p.form-row > .select2-container,
.woocommerce-order-pay p.form-row > .select2-container,
.woocommerce-order-received p.form-row > .select2-container,
.woocommerce-cart p.form-row > input,
.woocommerce-cart p.form-row > select,
.woocommerce-cart p.form-row > textarea,
.woocommerce-checkout p.form-row > input,
.woocommerce-checkout p.form-row > select,
.woocommerce-checkout p.form-row > textarea,
.woocommerce-order-pay p.form-row > input,
.woocommerce-order-pay p.form-row > select,
.woocommerce-order-pay p.form-row > textarea,
.woocommerce-order-received p.form-row > input,
.woocommerce-order-received p.form-row > select,
.woocommerce-order-received p.form-row > textarea {
margin-bottom: 0 !important;
}
/* Forzar disntacia fija en el contenedor del campo */
form .form-row {
margin-bottom: 40px !important;
}
/* Anular cualquier margen del control interno */
form .form-row :is(input, select, textarea, .select2-container) {
margin-bottom: 0 !important;
}
/* Subtotal numero para carrito, checkout y pago */
.woocommerce-cart .cart-subtotal .amount,
.woocommerce-checkout .cart-subtotal .amount,
.woocommerce-order-pay .cart-subtotal .amount,
.woocommerce-order-received .cart-subtotal .amount {
font-weight: 600;
color: #4e4e4e;
font-size: 18px;
}
/* Total numero para carrito, checkout y pago */
.woocommerce-cart .order-total .amount,
.woocommerce-checkout .order-total .amount,
.woocommerce-order-pay .order-total .amount,
.woocommerce-order-received .order-total .amount {
font-size: 20px !important;
}
/* Mensaje de validacion en los campos */
.woocommerce-cart .checkout-inline-error-message,
.woocommerce-checkout .checkout-inline-error-message,
.woocommerce-order-pay .checkout-inline-error-message,
.woocommerce-order-received .checkout-inline-error-message {
color: #e00000 !important;
font-size: 14px !important;
line-height: 1.3;
margin-top: 6px;
display: block;
}
/* Estilo del aviso corto de error */
.woocommerce .woocommerce-NoticeGroup-checkout .woocommerce-error {
color:#e00000;
font-size:14px;
margin:16px 0;
border: 2px solid;
margin-bottom: 80px;
}
/* Foco solo en el flujo de compra */
.woocommerce-cart .form-row input:focus,
.woocommerce-cart .form-row textarea:focus,
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-order-pay .form-row input:focus,
.woocommerce-order-pay .form-row textarea:focus,
.woocommerce-order-received .form-row input:focus,
.woocommerce-order-received .form-row textarea:focus {
border-color: #000 !important;
border-bottom-color: #000 !important;
box-shadow: none !important;
}
/* Rojo solo cuando el campo es invalido */
.woocommerce .form-row.woocommerce-invalid input,
.woocommerce .form-row.woocommerce-invalid textarea {
border-color: #e2401c !important;
border-bottom-color: #e2401c !important;
}
/* Tienda / Carrito ********************************************************************************************************/
/* Ajuste de padding para la pagina Carrito */
.page-id-3525 .mkdf-container-inner {
padding: 80px 0px 60px !important;
}
/* Input de cantidad en el carrito */
.woocommerce .mkdf-quantity-buttons input[type="number"],
.woocommerce .mkdf-quantity-buttons input[type="text"] {
background-color: transparent !important;
color: #000 !important;
border: 1px solid #ccc !important;
text-align: center;
font-size: 15px !important;
}
/* Precio unitario en la tabla del carrito */
.woocommerce .cart .product-price .woocommerce-Price-amount {
color: #686868 !important;
font-weight: 600 !important;
font-size: 17px !important;
}
/* Placeholder del campo de cupon */
.woocommerce-cart-form .coupon input::placeholder {
font-size: 15px;
font-weight: normal;
color: #5b5a5a !important;
}
/* Boton aplicar cupon */
.woocommerce-cart-form .coupon button {
background-color: #e0e0e0 !important;
color: #5b5a5a !important;
font-weight: 600 !important;
font-size: 14px !important;
border-color: #e0e0e0 !important;
}
/* Hover boton aplicar cupon */
.woocommerce-cart-form .coupon button:hover {
background-color: #d5d5d5 !important;
color: #000 !important;
}
/* Elementos de se acomoden con flex */
.woocommerce-cart-form .shop_table td.actions {
text-align: right !important;
}
/* Anular los floats por defecto */
.woocommerce-cart-form .shop_table td.actions .coupon,
.woocommerce-cart-form .shop_table td.actions > .button[name="update_cart"] {
display: inline-flex !important;
align-items: center;
margin: 0 !important;
float: none !important;
vertical-align: middle;
}
/* El bloque de cupon y el boton de actualizar en la misma linea */
.woocommerce-cart-form .shop_table td.actions .coupon {
margin-right: 10px !important; /* separación con el botón */
}
/* Alinear el input del cupón al borde inferior de los botones */
.woocommerce-cart-form .shop_table td.actions .coupon {
align-items: flex-end !important;
}
/* Alinear el input text */
.woocommerce-cart-form .shop_table td.actions .coupon .input-text {
margin-bottom: 2px;
}
/* Cart Totales */
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 34px !important;
line-height: 1.2;
}
/* Texto a donde enviar */
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination {
margin-top: 20px !important;
margin-bottom: 0px !important;
}
/* Link Cambiar direccion */
.woocommerce-cart .cart-collaterals .shipping-calculator-button {
color: #004AAD;
font-weight: 400;
text-decoration: underline;
}
/* Espacio arriba del contenido que se despliega para cambiar direccion */
.woocommerce-cart .cart-collaterals .shipping-calculator-form {
padding-top: 50px;
padding-bottom: 60px;
}
/* Titulo del total del carrito */
.woocommerce-cart .cart-collaterals .cart_totals h2 {
font-size: 30px !important;
margin-top: 40px;
}
/* Tienda / Finalizar compra ***********************************************************************************************/
/* Notas del pedido en una sola línea */
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper #order_comments {
height: 34px !important;
min-height: 34px !important;
line-height: 1.4;
padding-top: 10px;
resize: none;
}
/* Ocultar scroll interno en notas del pedido */
.woocommerce-checkout #order_comments {
overflow: hidden !important;
scrollbar-width: none;
}
/* Checkout banner de cupon */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
color: #000;
}
/* Checkout boton de cupon */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon{
color: #004AAD;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 2px;
}
/* Checkout boton de cupón */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon:focus{
color: #004AAD;
text-decoration: underline;
}
/* Separar el bloque de cupon del formulario que sigue */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
margin-bottom: 50px;
}
/* Separar el bloque de cupon del formulario que sigue en formulario desplegado */
.woocommerce-checkout form.checkout_coupon {
margin: 16px 0 50px;
}
/* Pais / Region cuando esta disable con strong */
.woocommerce-checkout #billing_country_field .woocommerce-input-wrapper strong,
.woocommerce-checkout #shipping_country_field .woocommerce-input-wrapper strong {
color: #000 !important;
font-family: Rajdhani, sans-serif;
font-weight: 500;
font-size: 17px;
}
/* Color del nombre de cada producto en el pedido */
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name,
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a {
color: #000000 !important;
}
/* Contenidos de Privacidad + Terminos y Condiciones */
.woocommerce-terms-and-conditions-wrapper {
font-size: 15px;
}
/* Links de Contenidos de Privacidad + Terminos y Condiciones */
.woocommerce-terms-and-conditions-wrapper a {
color: #004AAD;
font-weight: 400;
text-decoration: underline;
}
/* Tienda / Pagina exito ***************************************************************************************************/
/* Mensaje gracias */
.woocommerce-thankyou-order-received {
font-family: 'Rajdhani', sans-serif;
font-size: 46px;
font-weight: 800;
text-transform: uppercase;
color: #004AAD;
margin-bottom: 30px;
}
/* Espacio abajo del resumen */
body.woocommerce-order-received .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
margin-bottom: 100px;
}
/* Titulos de secciones */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
font-family: 'Rajdhani', sans-serif;
font-size: 28px;
font-weight: 800;
text-transform: uppercase;
color: #000;
margin-bottom: 20px;
}
/* Valores en tfoot del pedido */
body.woocommerce-order-received
.woocommerce-table tfoot td {
font-size: 17px;
color: #474747;
font-weight: 700;
}
/* Espacio abajo del detalle del pedido */
.woocommerce-order-details {
margin-bottom: 100px;
}
/* Tienda / Detalle de producto ********************************************************************************************/
/* Espacio entre elementos */
.mkdf-woo-single-page .mkdf-single-product-summary .product_meta {
margin: 75px 0 30px;
}
/* Legales *****************************************************************************************************************/
/* Tagline actualizacion */
body.page-id-2678 .mkdf-st-tagline,
body.page-id-3572 .mkdf-st-tagline,
body.page-id-3575 .mkdf-st-tagline,
body.page-id-3567 .mkdf-st-tagline {
letter-spacing: 1px;
}
/* 404 *********************************************************************************************************************/
/* Tagline */
.mkdf-404-tagline {
font-size: 20px !important;
letter-spacing: 0px !important;
font-family: 'Rajdhani', sans-serif !important;
font-weight: 600 !important;
}
/* *************************************************************************************************************************/
/* RESPONSIVE GRANDPRIX BREAKPOINTS - (DESKTOP FIRST) */
/* *************************************************************************************************************************/
/* Exclusivo Pie Charts ****************************************************************************************************/
@media (max-width:1399px){
/* IA (v:0.1.09) - Internas / Specs (pie-cards) / Títulos en una línea */
.mkdf-row-grid-section .mkdf-pie-chart-holder .mkdf-pc-title{
font-size:21px !important;
line-height:1.2 !important;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* IA (v:0.1.09) - Detalle Moto / Specs (pie-cards) / Altura minima de cajas */
.mkdf-row-grid-section .pc-split .mkdf-pc-text{ line-height:1.4; min-height:70px !important; }
}
/* Desktop (xl) ************************************************************************************************************/
@media (min-width: 1200px) and (max-width: 1399.98px) {
/* IA (v:0.0.1) - Menu - Compactar padding de items para que no se esconda el 1º botón */
.mkdf-main-menu > ul > li > a{ padding:14px 12px; font-size:16px; line-height:1.2; }
/* IA (v:0.0.1) - Menu Evitar quiebres y permitir que el menú use el ancho disponible */
.mkdf-main-menu{ flex:1 1 auto; min-width:0; }
.mkdf-main-menu > ul{ justify-content:flex-end; }
.mkdf-main-menu > ul > li{ white-space:nowrap; }
/* IA (v:0.0.3) - Navbar - Logo fijo */
.mkdf-menu-area .mkdf-logo-wrapper a{ height:40px !important; }
.mkdf-menu-area .mkdf-logo-wrapper a img,
.mkdf-menu-area .mkdf-logo-wrapper img.mkdf-normal-logo,
.mkdf-menu-area .mkdf-logo-wrapper img.mkdf-dark-logo,
.mkdf-menu-area .mkdf-logo-wrapper img.mkdf-light-logo{
height:100% !important;
max-height:100% !important;
width:auto !important;
object-fit:contain;
}
/* IA (v:0.0.50) - Detalle de moto / Hero / Texto */
.moto-detalle-hero .moto-detalle-hero-text
.mkdf-eh-item .mkdf-eh-item-inner > .mkdf-eh-item-content{ margin-top:40px !important; }
/* IA (v:0.1.53) - Tienda / Listado / precios en mismo renglón, gap chico */
.mkdf-pl-text-wrapper .price{ display: inline; }
.mkdf-pl-text-wrapper .price del{ margin-right: .10em !important; }
}
/* Corte del theme incluyendo tablet y mobile ******************************************************************************/
@media (max-width:1200px){
/* IA (v:0.0.65) - Quita padding-top del primer row con imagen */
.wpb-content-wrapper .vc_row.vc_custom_1568634188480 { padding-top:0 !important; }
/* IA (v:0.1.03) - Detalle moto / Hero / Los botones en dos líneas */
.moto-detalle-hero-text .vc_btn3-container.boton-primario{ display:block !important; margin:0 0 12px 0 !important;}
/* IA (v:0.1.03) - Detalle moto / Hero / Alinea los botones tipo link con el borde izquierdo */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link{ margin-left:0 !important; text-align:left; }
/* IA (v:0.1.03) - Detalle moto / Hero / Convierte el en contenedor flexible */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link > .vc_general.vc_btn3{
display:inline-flex;
align-items:center;
justify-content:flex-start;
padding-left:0 !important;
background:none !important;
}
/* IA (v:0.1.03) - Detalle moto / Hero / Restaura la posición normal del ícono */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link > .vc_general.vc_btn3 .vc_btn3-icon{
position:static !important;
left:auto !important;
top:auto !important;
transform:none !important;
display:inline-block;
}
/* IA (v:0.1.03) - Detalle moto / Hero / Ajusta el espacio entre ícono y texto */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link > .vc_general.vc_btn3 .vc_btn3-icon{ margin:0 8px 0 0 !important; }
/* IA (v:0.1.03) - Detalle moto / Hero / Elimina pseudo-iconos automáticos de Visual Composer */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link > .vc_general.vc_btn3::before{ content:none !important;}
/* IA (v:0.1.04) - Detalle moto / Hero / Espaciado horizontal entre botones */
.moto-detalle-hero-text .vc_btn3-container.boton-tipo-link:not(:last-child){ margin-right:24px !important; }
/* Detalle de moto / Infografia */ .spacer-infografia-motos { height:120px !important; }
}
/* Desktop Intermedio (solapado con desktop amplio) ************************************************************************/
@media (min-width:1025px) and (max-width:1199.98px) {
/* IA (v:0.0.1) - Menu / Más compacto aún en small-desktop */
.mkdf-main-menu > ul > li > a{ padding:0 12px; font-size:15px; line-height:1.2; }
.mkdf-main-menu{ flex:1 1 auto; min-width:0; }
.mkdf-main-menu > ul{ justify-content:flex-end; }
.mkdf-main-menu > ul > li{ white-space:nowrap; }
.mkdf-right-from-main-menu{ flex:0 0 auto; margin-left:6px; }
.mkdf-logo-wrapper a img{ max-height:48px; }
/* Menu / EXCEPTO en Home / - Evita solapado bajo navbar y ajusta espacio superior */
body:not(.home) .mkdf-content { margin-top: 0 !important; /* anula -140px del theme */ }
body:not(.home) .wpb-content-wrapper > .vc_row:first-child .vc_empty_space { height:40px !important; }
/* IA (v:0.0.50) - Home / Servicios / Subtítulo centrado */
.mkdf-section-title-holder.servicios-titulo .mkdf-st-tagline { display: block; text-align: center; order: -1; margin-bottom: 10px; }
/* IA (v:0.0.50) - Home / Servicios / Título centrado */
.mkdf-section-title-holder.servicios-titulo .mkdf-st-title { text-align: center; margin: 0; }
/* IA (v:0.0.50) - Home / Servicios / Centra textos e iconos por caja */
.servicios-grupo .servicios-cajas .mkdf-iwt { text-align: center !important; }
/* IA (v:0.0.50) - Home / Servicios / Centra el ícono */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-icon { margin-left: auto !important; margin-right: auto !important; }
/* IA (v:0.0.50) - Home / Servicios / Acota y centra el bloque de texto */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-content { max-width: 420px; margin-left: auto !important; margin-right: auto !important; }
/* IA (v:0.0.50) - Home / Servicios / Alinea centro títulos y párrafos */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-title,
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-text { text-align: center !important; }
/* IA (v:0.0.83) - Moto detalle / Hero / Escala logo entre 1200–1024px */
.moto-detalle-hero-text .mkdf-single-image-holder img{ width: 70% !important; height: auto !important; max-width: 380px !important; }
/* Detalle de la moto / Hero / Posicion del logo de la moto */
.page-id-3166 .moto-detalle-hero-text .mkdf-si-inner {
margin-left: -24px !important;
}
/* IA (v:0.1.05) - Detalle moto / Hero / Agrega separación superior */
.moto-detalle-hero { margin-top:30px !important; }
}
/* Desktop Amplio (solapado con Notebook en 1200-1025) *********************************************************************/
@media (min-width:1025px) {
/* Footer / holder de columnas */
.mkdf-footer-top-holder .mkdf-grid-row {
display: flex;
flex-wrap: wrap;
}
/* Footer / holder de columnas */
.mkdf-footer-top-holder .mkdf-column-content {
flex: 0 0 auto;
}
/* Footer / holder de columna 1 */
.mkdf-footer-top-holder .mkdf-column-content:nth-child(1) {
width: 40%;
}
/* Footer / holder de columna 2 y 3 */
.mkdf-footer-top-holder .mkdf-column-content:nth-child(2),
.mkdf-footer-top-holder .mkdf-column-content:nth-child(3) {
width: 30%;
}
/* IA (v:0.0.52) - Home / Instagram / 3 columnas */
.instagram .mkdf-team-carousel-holder .owl-item { flex: 0 0 calc((100% - 48px) / 3) !important; }
}
/* Notebook (lg) **********************************************************************************************************/
@media (min-width: 992px) and (max-width: 1199.98px) {
/* IA (v:0.0.52) - Home / Instagram / 3 columnas */
.instagram .mkdf-team-carousel-holder .owl-item { flex: 0 0 calc((100% - 48px) / 3) !important; }
/* IA (v:0.0.53) - Internas / Section Title (Financiación) / Fuerza visibilidad del bloque título */
.contactos .vc_column_container.vc_hidden-md{ display:block !important; }
}
/* Notebook - Corte del theme (solapado con otros) ************************************************************************/
@media (min-width:768px) and (max-width:1199.98px){
/* IA (v:0.0.81) - Moto detalle / Hero / Neutraliza estilos de vc_row-o-content-top */
.moto-detalle-hero.vc_row.vc_row-flex{ align-items: center !important; }
/* IA (v:0.0.81) - Moto detalle / Hero / Las columnas centran su contenido verticalmente */
.moto-detalle-hero.vc_row.vc_row-flex > .vc_column_container{ display: flex !important; }
.moto-detalle-hero.vc_row.vc_row-flex > .vc_column_container > .vc_column-inner{ display: flex !important; flex-direction: column; justify-content: center !important; }
/* IA (v:0.0.81) - Moto detalle / Hero / Columna de la imagen centra contenedor img */
.moto-detalle-hero-image > .vc_column-inner > .wpb_wrapper{ display: flex !important; align-items: center !important; justify-content: center !important; min-height: 100%; }
/* IA (v:0.0.81) - Moto detalle / Hero / Neutraliza offsets del “elements holder” del theme y fuerza el centrado real */
.moto-detalle-hero-image .mkdf-elements-holder,
.moto-detalle-hero-image .mkdf-eh-item,
.moto-detalle-hero-image .mkdf-eh-item-inner,
.moto-detalle-hero-image .mkdf-eh-item-content{
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* IA (v:0.0.81) - Moto detalle / Hero / La imagen se contiene dentro de su columna (no se “pega” arriba) */
.moto-detalle-hero-image .mkdf-si-inner img{ max-width: 100% !important; height: auto !important; display: block !important; object-fit: contain; }
/* IA (v:0.0.81) - Detalle de moto / Hero / Texto */
.moto-detalle-hero .moto-detalle-hero-text
.mkdf-eh-item .mkdf-eh-item-inner > .mkdf-eh-item-content{ margin-top:25px !important; }
/* IA (v:0.1.53) - Woo / Listado tienda / precios dos lineas y sin gap*/
.mkdf-pl-text-wrapper .price{ display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .35em; }
.mkdf-pl-text-wrapper .price del{ margin: 0 !important; }
.mkdf-pl-text-wrapper .price ins{ text-decoration: none; }
}
/* Tablets Horizontal (solapado con Notebook en 992-1024 con prioridad) ***************************************************/
@media (max-width: 1024px) {
/* Home / Instragram / agrega espacio entre fotos */
.mkdf-team-carousel-holder .owl-item {
padding: 0 24px 24px 0 !important;
}
/* Home / Servicios / Quitar espacio lateral cuando pasa a dos lineas */
.servicios-titulo .mkdf-st-inner{
padding-right: 0px !important;
}
/* IA (v:0.0.6) - Menu Mobile / agrandar icono hamburguesa */
.mkdf-mobile-header .mkdf-mobile-menu-opener{ width:32px!important; height:32px!important; }
.mkdf-mobile-header .mkdf-mobile-menu-opener .mkdf-icon-font-awesome,
.mkdf-mobile-header .mkdf-mobile-menu-opener .mkdf-mobile-menu-icon,
.mkdf-mobile-header .mkdf-mobile-menu-opener i{ font-size:28px!important; line-height:32px!important; }
/* IA (v:0.0.6) - Menu Mobile / espacio entre logo y primer link del menú */
.mkdf-mobile-nav .mkdf-grid > ul{ margin-top:30px!important; }
/* IA (v:0.0.8) - Menu Mobile / espacio inferior al final del menú */
.mkdf-mobile-nav .mkdf-grid > ul{ margin-bottom:50px!important; }
/* IA (v:0.0.9) - Menu Mobile / Fuerza que el nav pueda crecer y/o scrollear sin “cortarse” */
.mkdf-mobile-header .mkdf-mobile-nav {
height: auto !important;
max-height: calc(100dvh - 100px);
/* Fallback para navegadores sin dvh */
max-height: calc(100vh - 100px);
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
/* IA (v:0.0.9) - Menu Mobile / Perfect Scrollbar trae overflow:hidden !important y rieles absolutos. Neutraliza para que no interfieran. */
.mkdf-mobile-header .mkdf-mobile-nav.ps { overflow: auto !important; }
.mkdf-mobile-header .mkdf-mobile-nav.ps > .ps__rail-y,
.mkdf-mobile-header .mkdf-mobile-nav.ps > .ps__rail-x { display: none !important;}
/* IA (v:0.0.9) - Menu Mobile / Asegura que los UL anidados aporten altura normal (no corten fondo) */
.mkdf-mobile-header .mkdf-mobile-nav .sub_menu { overflow: visible;}
/* IA (v:0.0.9) - Menu Mobile / Evitar que la página de atrás se mueva si el theme ya bloquea el scroll del body */
html.mkdf-no-scroll,
body.mkdf-no-scroll { overflow: hidden; touch-action: none;}
/* IA (v:0.0.38) - Home / Banner “Dreams Never Stop” / Espacio inferior: 30px (spacer que viene despues) */
.mkdf-section-title-holder.banner-dreams-never-stop + .vc_empty_space { height: 30px !important; }
/* IA (v:0.0.38) - Home / Banner “Dreams Never Stop” / Espacio superior: 0px (spacer que viene antes) */
.wpb_wrapper:has(> .mkdf-section-title-holder.banner-dreams-never-stop) > .vc_empty_space:first-child { height: 0px !important; }
/* IA (v:0.0.19) - Home / Video / - Holder en grid (superpone capas y centra) */
.video-lanzamiento.mkdf-video-button-holder{ position:relative; display:grid!important; place-items:center!important; min-height:clamp(360px,48vw,520px)!important; }
/* IA (v:0.0.19) - Home / Video / Promo Home - Fondo en cover sin deformar */
.video-lanzamiento .mkdf-video-button-image{ grid-area:1/1; height:100%!important; overflow:hidden; }
.video-lanzamiento .mkdf-video-button-image img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
/* IA (v:0.0.19) - Home / Video / Promo Home - Contenedor de texto legible y centrado horizontal */
.video-lanzamiento .mkdf-vb-tat-holder{ text-align:center; max-width:min(92%,780px); margin:0 auto; padding:0 16px; }
/* IA (v:0.0.19) - Home / Video / Promo Home - Centra el badge “Nuevo lanzamiento …” */
.video-lanzamiento .mkdf-vb-tagline::before{ margin-left:auto; margin-right:auto; }
/* IA (v:0.0.27) - Home / Video / Promo Home - Asegura stacking en una sola celda (play y textos) */
.video-lanzamiento .mkdf-video-button-play-image,
.video-lanzamiento .mkdf-video-button-outer{ grid-area:1/1; }
/* IA (v:0.0.27) - Home / Video / Promo Home - Visibilidad sin anular transform */
.video-lanzamiento .mkdf-video-button-outer,
.video-lanzamiento .mkdf-vb-tat-holder,
.video-lanzamiento .mkdf-vb-tagline,
.video-lanzamiento .mkdf-vb-title{ display:block!important; opacity:1!important; visibility:visible!important; }
/* IA (v:0.0.32) - Home / Video / Promo Home - Compensación vertical pragmatica + escala del play */
.video-lanzamiento .mkdf-video-button-inner{ padding-top:52px; box-sizing:border-box; }
.video-lanzamiento .mkdf-video-button-play-image{ padding-top:104px; box-sizing:border-box; pointer-events:none; display:grid; place-items:center; }
.video-lanzamiento .mkdf-video-button-link{ pointer-events:auto; }
.video-lanzamiento .mkdf-vb-tat-holder{ margin-bottom:18px; }
.video-lanzamiento .mkdf-video-button-play-image-holder img{ width:120px; height:120px; display:block; }
/* IA (v:0.0.34) - - Home / Video / spacer “home-bottom-video-space” */
.home-bottom-video-space .vc_empty_space{ height:180px!important; }
.home-bottom-video-space .vc_empty_space .vc_empty_space_inner{ height:180px!important; }
/* IA (v:0.0.40) - Home / Bloque azul antes de “Nuestros servicios” / Reduce altura del spacer en ≤1024px */
.vc_row.vc_custom_1758039040666 .vc_empty_space { height: 30px !important;}
/* IA (v:0.0.36) - Home / Servicios / Contenedor general del título */
.mkdf-section-title-holder.servicios-titulo .mkdf-st-inner { display: flex; flex-direction: column; align-items: center; text-align: center;}
/* IA (v:0.0.36) - Home / Servicios / Subtítulo centrado */
.mkdf-section-title-holder.servicios-titulo .mkdf-st-tagline { display: block; text-align: center; order: -1; margin-bottom: 10px; }
/* IA (v:0.0.36) - Home / Servicios / Título centrado */
.mkdf-section-title-holder.servicios-titulo .mkdf-st-title { text-align: center; margin: 0; }
/* IA (v:0.0.41) - Home / Servicios / Centra textos e iconos por caja */
.servicios-grupo .servicios-cajas .mkdf-iwt { text-align: center !important; }
/* IA (v:0.0.41) - Home / Servicios / Centra el ícono */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-icon { margin-left: auto !important; margin-right: auto !important; }
/* IA (v:0.0.41) - Home / Servicios / Acota y centra el bloque de texto */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-content { max-width: 420px; margin-left: auto !important; margin-right: auto !important; }
/* IA (v:0.0.41) - Home / Servicios / Alinea centro títulos y párrafos */
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-title,
.servicios-grupo .servicios-cajas .mkdf-iwt .mkdf-iwt-text { text-align: center !important; }
/* IA (v:0.0.51) - Servicios / Oculta espacio de 32px */
.vc_row.servicios-grupo .vc_empty_space[style*="height: 32px"] { display: none !important; }
/* IA (v:0.0.43) - Home / Carrousel / Reduce padding-bottom de 240px a 200px en ≤1024px */
.vc_row.vc_custom_1760411403751 { padding-bottom: 170px !important; }
/* IA (v:0.0.48) - Footer / Bottom / Apila columnas y alinea a la izquierda en ≤1024px */
.mkdf-footer-bottom-holder .mkdf-grid-row { display: block !important; text-align: left !important; }
.mkdf-footer-bottom-holder .mkdf-grid-col-6 { width: 100% !important; text-align: left !important; margin-bottom: 8px !important; }
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-1 .textwidget p,
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-1 .textwidget span { display: block !important; text-align: left !important; }
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget > div { justify-content: flex-start !important; text-align: left !important; }
/* IA (v:0.0.40) - Moto / Detalle / Charts Ocultar Numero de Chart */
.moto-pie-charts .pie-chart-3 { display: none !important; }
/* IA (v:0.0.40) - Moto / Detalle / Charts Forzar layout flexible del row */
.moto-pie-charts { display: flex; flex-wrap: wrap; }
/* IA (v:0.0.40) - Moto / Detalle / Charts Que las 4 columnas restantes ocupen 25% cada una */
.moto-pie-charts > .wpb_column[class*="vc_col-sm-1/5"] { width: 25% !important; flex: 0 0 25%; float: none;}
/* Detalle de la moto / Hero / Posicion del logo de la moto 703F */
.page-id-3166 .moto-detalle-hero-text .mkdf-si-inner {
margin-left: -24px !important;
}
/* Detalle Moto / Video / Holder en grid (superpone capas y centra) */
.video-detalle-moto.mkdf-video-button-holder{
position:relative;
display:grid !important;
place-items:center !important;
min-height:clamp(360px,48vw,520px) !important;
}
/* Detalle Moto / Video / Fondo en cover sin deformar */
.video-detalle-moto .mkdf-video-button-image{
grid-area:1/1;
height:100% !important;
overflow:hidden;
}
/* Detalle Moto / Video / Imagen */
.video-detalle-moto .mkdf-video-button-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}
/* Detalle Moto / Video / Contenedor de texto legible y centrado horizontal */
.video-detalle-moto .mkdf-vb-tat-holder{
text-align:center;
margin:0 auto;
padding:0 16px;
margin-bottom:18px;
}
/* Detalle Moto / Video / Parrafo de texto */
.video-detalle-moto .mkdf-vb-title {
font-weight:500!important;
color: #FFFFFF !important;
width: 100% !important;
margin-left:auto;
margin-right:auto;
}
/* Detalle Moto / Video / Centra el badge “Dreams Never Stop” */
.video-detalle-moto .mkdf-vb-tagline::before{
margin-left:auto;
margin-right:auto;
}
/* Detalle Moto / Video / Stacking: play y textos en la misma celda */
.video-detalle-moto .mkdf-video-button-play-image,
.video-detalle-moto .mkdf-video-button-outer{
grid-area:1/1;
}
/* Detalle Moto / Video / Visibilidad sin anular transform del theme */
.video-detalle-moto .mkdf-video-button-outer,
.video-detalle-moto .mkdf-vb-tat-holder,
.video-detalle-moto .mkdf-vb-tagline,
.video-detalle-moto .mkdf-vb-title{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}
/* Detalle Moto / Video / Compensación vertical + tamaño del play */
.video-detalle-moto .mkdf-video-button-inner{ padding-top:52px; box-sizing:border-box; }
.video-detalle-moto .mkdf-video-button-play-image{
padding-top:104px;
box-sizing:border-box;
pointer-events:none;
display:grid;
place-items:center;
}
/* IA (v:0.1.01) Detalle Moto / Video / Boton Play*/
.video-detalle-moto .mkdf-video-button-link{ pointer-events:auto; }
.video-detalle-moto .mkdf-video-button-play-image-holder img{ width:120px; height:120px; display:block;}
/* IA (v:0.1.47) - Detalle Moto / Galería / Alto del slide y fondo */
.carousel-image-moto .vc_images_carousel .vc_item { height: 50vw !important; min-height: 260px; max-height: 520px; }
.carousel-image-moto .vc_images_carousel .vc_item { overflow: hidden; background: transparent !important; }
/* IA (v:0.1.47) - Detalle Moto / Galería / El wrapper es el marco para posicionar la imagen */
.carousel-image-moto .vc_images_carousel .vc_item .vc_inner{ position: relative; height: 100%; padding: 0 !important; overflow: hidden; }
/* IA (v:0.1.47) - Detalle Moto / Galería / La imagen cubre SIEMPRE el contenedor */
.carousel-image-moto .vc_images_carousel .vc_item .vc_inner > img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none !important;
max-height: none !important;
display: block;
object-fit: cover;
object-position: center;
}
/* IA (v:0.0.35) - Moto / hero: apilar a 1024 */
.moto-detalle-hero .vc_row,
.moto-detalle-hero.vc_row {flex-wrap: wrap;}
.moto-detalle-hero .vc_col-sm-6{ width:100% !important; max-width:100% !important; -ms-flex:0 0 100% !important; flex:0 0 100% !important; order:initial; }
/* IA (v:0.0.35) - eliminar sangrías laterales de columnas dentro del hero */
.moto-detalle-hero .vc_column_container > .vc_column-inner{ padding-left:0 !important; padding-right:0 !important; }
}
/* Tablet horizontal / Corte del theme ***********************************************************************************/
@media (min-width:768px) and (max-width:1024px) {
/* IA (v:0.1.05) - Detalle moto / Hero / Agrega separación superior */
.moto-detalle-hero { margin-top:30px !important; }
}
/* Tablets Intermedio *****************************************************************************************************/
@media (min-width: 680px) and (max-width: 1024px) {
/* IA (v:0.0.10) - Home / Banner / “Dreams Never Stop */
.banner-dreams-never-stop .mkdf-st-tagline br { display: none; }
/* IA (v:0.0.10) - Home / Banner / “Dreams Never Stop - Ajusta tamaño/alto de línea del tagline */
.banner-dreams-never-stop .mkdf-st-tagline { font-size: clamp(14px, 1.6vw, 18px); line-height: 1.25; text-wrap: balance; word-break: normal; }
/* IA (v:0.0.10) - Home / Banner / “Dreams Never Stop - Ajusta título para evitar saltos innecesarios */
.banner-dreams-never-stop .mkdf-st-title { font-size: clamp(28px, 5.2vw, 44px); line-height: 0.95; text-wrap: balance; }
/* IA (v:0.0.12) - Home / Banner / “Dreams Never Stop”: unifica peso tipográfico del tagline para evitar efecto “strong” */
.banner-dreams-never-stop .mkdf-st-tagline,
.banner-dreams-never-stop .mkdf-st-tagline strong,
.banner-dreams-never-stop .mkdf-st-tagline b,
.banner-dreams-never-stop .mkdf-st-tagline::first-line { font-weight: 500 !important; }
/* IA (v:0.0.39) - Home / Banner “Dreams Never Stop” / Reduce padding top en ≤680px */
.vc_col-has-fill > .vc_column-inner { padding-top: 15px !important; }
/* IA (v:0.0.84) - Moto detalle / Hero / Escala logo */
.moto-detalle-hero-text .mkdf-single-image-holder img{ width: 72% !important; height: auto !important; max-width: 320px !important; }
/* IA (v:0.1.23) - Detalle Moto / Banner Tienda / Quitar bold del primer renglón */
.banner-personaliza-tienda .mkdf-st-tagline:first-line {font-weight: 500 !important; }
/* IA (v:0.1.23) - Detalle Moto / Banner Tienda / Ignorar el salto de línea manual (
) */
.banner-personaliza-tienda .mkdf-st-tagline br { display: none !important; }
/* IA (v:0.1.23) - Detalle Moto / Banner Tienda / Mantener el badge en línea con el texto */
.banner-personaliza-tienda .banner-badge { display: inline-flex !important; margin-top: 0 !important; margin-left: 4px; vertical-align: baseline;}
/* IA (v:0.1.38) - Detalle Moto / Hero imagen / quitar padding-bottom de la imagen */
.moto-detalle-hero .moto-detalle-hero-image .mkdf-eh-item-content { padding-bottom: 0 !important; }
}
/* Tablets Horizontal (md) ************************************************************************************************/
@media (min-width: 768px) and (max-width: 991.98px) {
/* IA (v:0.0.52) - Home / Instagram / 3 columnas */
.instagram .mkdf-team-carousel-holder .owl-item { flex: 0 0 calc((100% - 48px) / 3) !important; }
/* IA (v:0.0.53) - Internas / Section Title (Financiación) / Fuerza visibilidad del bloque título */
.contactos .vc_column_container.vc_hidden-md{ display:block !important; }
/* IA (v:0.1.43) - Detalle Moto / Video hero / Textos vs play */
.video-detalle-moto .mkdf-vb-title{ max-width: 460px !important; margin: 0 auto !important; line-height: 1.25 !important; }
}
/* Tablets Vertical (md) ***************************************************************************************************/
@media (max-width: 880px) {
/* Footer / Anula el grid del theme y deja el row en flex con wrap */
.mkdf-footer-top-holder .mkdf-grid-row {
display: flex;
flex-wrap: wrap;
}
/* Footer / Columna ocupa la fila con un ancho legible maximo y centrado */
.mkdf-footer-top-holder .mkdf-column-content {
flex: 0 0 100%;
max-width: 60%;
margin: 0 auto;
}
/* Footer / Separación vertical entre bloques */
.mkdf-footer-top-holder .mkdf-column-content + .mkdf-column-content {
margin-top: 24px;
}
/* IA (v:0.0.32) - Home / Video / Compensación pragmaticay escala en tablets */
.video-lanzamiento .mkdf-video-button-inner{ padding-top:60px; }
.video-lanzamiento .mkdf-video-button-play-image{ padding-top:120px; }
.video-lanzamiento .mkdf-vb-tat-holder{ margin-bottom:20px; }
.video-lanzamiento .mkdf-video-button-play-image-holder img{ width:108px; height:108px; }
/* IA (v:0.0.35) - Home / Carrusel motos / Asegura que el carrusel permita ver bordes de slides */
.mkdf-dual-image-carousel .swiper-wrapper { overflow: visible; margin: 0; }
/* IA (v:0.0.35) - Home / Carrusel motos / Forza ancho del slide activo y vecinos (80vw) */
.mkdf-dual-image-carousel .swiper-slide {
width: 80vw !important;
margin-right: 16px !important;
transition: transform .25s ease, opacity .25s ease;
transform-origin: center center;
}
/* IA (v:0.0.35) - Home / Carrusel motos / Realce sutil del slide activo */
.mkdf-dual-image-carousel .swiper-slide-active { transform: scale(1.02); }
/* IA (v:0.0.35) - Home / Carrusel motos / Evita desbordes de imágenes internas */
.mkdf-dual-image-carousel .mkdf-slide-background-image img,
.mkdf-dual-image-carousel .mkdf-slide-foreground-image img { max-width: 100%; height: auto; }
/* IA (v:0.0.35) - Home / Carrusel motos / Fallback Slick (no afecta si no está) */
.mkdf-dual-image-carousel .slick-list { overflow: visible; }
.mkdf-dual-image-carousel .slick-track { margin: 0; }
.mkdf-dual-image-carousel .slick-slide { width: 80vw !important; margin-right: 16px !important; }
.mkdf-dual-image-carousel .slick-current { transform: scale(1.02); transition: transform .25s ease; }
/* IA (v:0.0.46) - Footer / Top / Alinea columnas a la izquierda al apilarse */
.mkdf-footer-top-holder .mkdf-grid-row { display: block !important; text-align: left !important; }
.mkdf-footer-top-holder .mkdf-column-content { width: 100% !important; text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; }
.mkdf-footer-top-holder .mkdf-column-content img { margin-left: 0 !important; margin-right: auto !important; display: block !important; }
/* IA (v:0.1.43) - Detalle Moto / Video hero / Textos vs play */
.video-detalle-moto .mkdf-vb-title{ max-width: 640px !important; margin: 0 auto !important; line-height: 1.25 !important; }
}
/* Corte Theme / Tablets Horizontal (solapado) *****************************************************************************/
@media (max-width:768px) {
/* IA (v:0.1.05) - Detalle moto / Hero / Agrega separación superior */
.moto-detalle-hero { margin-top:50px !important; }
/* Detalle de moto / Infografia */
.spacer-infografia-motos { height:60px !important; }
/* IA (v:0.1.43) - Detalle Moto / Video hero / Textos vs play */
.video-detalle-moto .mkdf-vb-title{ display: none !important; }
}
/* Mobile - Corte del theme (solapado con otros) **********************************************************************/
@media (min-width: 681px) and (max-width: 767.98px) {
/* IA (v:0.0.52) - Home / Instagram / 2 columnas, oculta 3ra */
.instagram .mkdf-team-carousel-holder .owl-item { flex: 0 0 calc((100% - 24px) / 2) !important; }
.instagram .mkdf-team-carousel-holder .owl-item:nth-child(3) { display: none !important; }
/* IA (v:0.0.74) - Home / Instagram / reduce altura spacer-home-bottom-instagram */
.spacer-home-bottom-instagram { height:100px !important; }
/* IA (v:0.0.74) - Espacio bajo foto targeteado al img en el hero */
.moto-detalle-hero-image .mkdf-eh-item-content.mkdf-eh-item-content[class*="mkdf-eh-custom-"]{ padding-bottom:0 !important; }
}
/* Mobile (xs) *******************************************************************************************************/
@media (min-width: 576px) and (max-width: 767.98px) {
/* IA (v:0.0.53) - Internas / Section Title (Financiación) / Fuerza visibilidad del bloque título */
.contactos .vc_column_container.vc_hidden-md{ display:block !important; }
/* IA (v:0.1.41) - Detalle Moto / Pie Charts / grid responsive 2x2 y 1xN 2 columnas por fila */
.moto-pie-charts.vc_row { display: flex; flex-wrap: wrap; }
.moto-pie-charts .wpb_column { flex: 0 0 50% !important; max-width: 50% !important; }
}
/* Mobile ***********************************************************************************************************/
@media (max-width: 680px) {
/* IA (v:0.0.1) - Home / Banner / Anula la compensacion por tamano de tipografias en desktop */
.banner-dreams-never-stop .mkdf-st-title { margin-left: 10px!important; }
/* Home / Banner / Reordenar tagline y título*/
.banner-dreams-never-stop .mkdf-st-inner {
display: flex;
flex-direction: column; /* apilar en columna */
align-items: center;
text-align: center;
}
/* IA (v:0.0.1) - Home / Banner / Forzar que el titulo quede arriba */
.banner-dreams-never-stop .mkdf-st-title { order: 1; }
/* IA (v:0.0.1) - Home / Banner / Forzar que el tagline quede abajo */
.banner-dreams-never-stop .mkdf-st-tagline { order: 2; margin-top: 12px; display: block; }
/* IA (v:0.0.49) - Footer / Bottom / Apila links uno debajo del otro */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget > div {
flex-direction: column !important;
align-items: flex-start !important;
gap: 1px !important;
margin-top: 12px !important;
}
/* IA (v:0.0.66) - Home / Dreams Never Stop / Reduce padding-top */
.vc_row.vc_custom_1759874767286 .vc_column_container > .vc_column-inner{ padding-top:14px !important;}
/* IA (v:0.0.49) - Footer / Bottom / Apila links uno debajo del otro */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget > div a { display: block !important; margin: 0 !important; }
/* Footer / Bottom / Ocultar separadores */
.mkdf-footer-bottom-holder .mkdf-footer-bottom-column-2 .textwidget > div span { display: none !important; }
/* IA (v:0.0.52) - Home / Instagram / 1 por fila, vuelve a mostrar 3ra */
.instagram .mkdf-team-carousel-holder .owl-item { flex: 0 0 100% !important; }
.instagram .mkdf-team-carousel-holder .owl-item:nth-child(3) { display: block !important; }
/* Home / Servicios / Espacio debajo del titulo */
.spacer-home-bottom-service-title {
display: none !important;
}
/* Home / Carrousel / Espacio inferior */
.vc_row.vc_custom_1760411403751 {
padding-bottom: 160px !important;
}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda - Espacio arriba*/
.spacer-banner-tienda-detalle-up { display: none !important;}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda - Espacio abajo*/
.spacer-banner-tienda-detalle-bottom { height: 30px !important;
}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / Scope local al CTA del detalle para no afectar otros banners */
.link-banner-tienda .banner-personaliza-tienda .mkdf-st-inner {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / Título */
.link-banner-tienda .banner-personaliza-tienda .mkdf-st-title {
order: 1;
margin-left: 0 !important;
text-align: center !important;
font-size: 35px !important;
line-height: 1.1;
margin-bottom: 12px !important;
}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / Tagline SIN respetar
*/
.link-banner-tienda .banner-personaliza-tienda .mkdf-st-tagline {
order: 2;
margin: 0;
text-align: center !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1.4;
white-space: normal;
}
.link-banner-tienda .banner-personaliza-tienda .mkdf-st-tagline br { display: none !important;}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / Badge: debajo del texto, centrado */
.link-banner-tienda .banner-personaliza-tienda .banner-badge { order: 3; display: inline-flex !important; margin: 12px auto 0 !important;}
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / Quitar el bold de la 1ª línea del texto "Descubrí..." */
.link-banner-tienda .banner-personaliza-tienda .mkdf-st-tagline:first-line { font-weight: 400 !important; }
/* IA (v:0.1.41) - Detalle Moto / Banner Tienda / aire vertical dentro del badge "TIENDA ONLINE" */
.link-banner-tienda .banner-personaliza-tienda .banner-badge { padding: 4px 7px !important;}
/* IA (v:0.0.38) - Detalle Moto / Hero imagen / Espacio abajo de imagen */
.moto-detalle-hero .moto-detalle-hero-image .mkdf-eh-item-content { padding-bottom: 0 !important; }
}
/* Mobile Chico (xxs) ***********************************************************************************************************/
@media (max-width: 576px) {
/* IA (v:0.0.35) - Home / Carrousel / Nombre de la moto */
.mkdf-dual-image-carousel .mkdf-slide-title a {
font-size: 45px !important;
line-height: 1.1em !important;
}
/* IA (v:0.0.53) - Internas / Section Title (Financiación) / Fuerza visibilidad del bloque título */
.contactos .vc_column_container.vc_hidden-md{ display:block !important; }
/* IA (v:0.1.41) - Detalle Moto / Pie Charts / grid responsive 2x2 y 1xN 2 columnas por fila */
.moto-pie-charts.vc_row { display: flex; flex-wrap: wrap; }
.moto-pie-charts .wpb_column { flex: 0 0 50% !important; max-width: 50% !important; }
}
/* Mobile XChico (xxs) ***********************************************************************************************************/
@media (max-width:480px){
/* Home / Banner / Centrar textos en mkdf-st-title cuando pasan a dos líneas */
.mkdf-st-title .mkdf-sts-title-text {
display: inline-block;
text-align: center;
width: 100%;
}
/* IA (v:0.0.32) - Home / Video / Ajuste fino móviles chicos */
.video-lanzamiento .mkdf-video-button-inner{ padding-top:60px; }
.video-lanzamiento .mkdf-video-button-play-image{ padding-top:168px; }
.video-lanzamiento .mkdf-vb-tat-holder{ margin-bottom:24px; }
.video-lanzamiento .mkdf-video-button-play-image-holder img{ width:80px; height:80px; }
/* IA (v:0.0.33) - Home / Banner / “Dreams…”: neutraliza el “strong” forzado en la 1ª línea */
.banner-dreams-never-stop .mkdf-st-tagline:first-line { font-weight: 500 !important; }\
/* IA (v:0.0.33) - Home / Banner / “Dreams…”: homogeneiza el peso del tagline en mobile chico */
.banner-dreams-never-stop .mkdf-st-tagline { font-weight: 500 !important; }
/* IA (v:0.0.50) - Footer / Top / Evita encogimiento y rompe líneas correctamente */
.mkdf-footer-top-holder .mkdf-column-content { width: 100% !important; max-width: none !important; }
.mkdf-footer-top-holder .mkdf-footer-column-3, .mkdf-footer-top-holder .mkdf-footer-column-3 .widget { width: 100% !important; max-width: none !important; }
.mkdf-footer-top-holder .mkdf-icon-widget-holder { display: flex !important; align-items: flex-start !important; gap: 8px !important; }
.mkdf-footer-top-holder .mkdf-icon-text { white-space: normal !important; }
/* IA (v:0.0.37) - Zontes Tips / Subtitulo "Tips que...." adaptable en móviles */
.page-id-3719 .mkdf-st-tagline {
white-space: normal !important;
word-break: break-word;
line-height: 1.3;
text-align: left !important;
}
/* IA (v:0.1.41) - Detalle Moto / Pie Charts / La fila se “desencaja” del grid y ocupa todo el viewport */
.moto-pie-charts.vc_row{ display:flex; flex-wrap:wrap; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
/* IA (v:0.1.41) - Detalle Moto / Pie Charts / Una columna por línea */
.moto-pie-charts .wpb_column{ flex:0 0 100% !important; max-width:100% !important; width:100% !important; }
/* IA (v:0.1.41) - Detalle Moto / Pie Charts / Gutter latera */
.moto-pie-charts .vc_column-inner{ padding-left:16px; padding-right:16px; }
}
|