/* Tema MacMoto: lo que theme.json no cubre. */

/* ---------- Cabecera ---------- */
.macmoto-header__inner {
	max-width: 1320px;
	margin-inline: auto;
	min-height: 100px;
	padding-inline: max(16px, 4vw);
	gap: 1rem;
}
.macmoto-header .wp-block-site-logo img { width: 120px; height: auto; }
.macmoto-menu .wp-block-navigation-item__content {
	font-size: 16px;
	text-transform: uppercase;
	padding-block: 12px;
}
.macmoto-menu .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--blanco) !important;
	color: var(--wp--preset--color--texto) !important;
	border: 0 !important;
	box-shadow: 0 4px 14px rgb(0 0 0 / 0.12);
	min-width: 230px !important;
}
.macmoto-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 15px;
	padding: 10px 16px;
}
.macmoto-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--rojo); }
.macmoto-header__marcas { gap: 14px; }
.macmoto-header__marcas figure { margin: 0; }

/* Escritorio: como la cabecera de Elementor, las posiciones y los logos de las
   marcas escalan con el ancho de la ventana (medido a 1440 y 1920 px). */
@media (min-width: 782px) {
	.macmoto-header__inner { max-width: none; padding-inline: calc(8.125vw - 3px) calc(3.75vw + 15px); }
	.macmoto-menu .wp-block-navigation__container { gap: 30px; }
	.macmoto-header__marcas { gap: 1.3vw; }
	.macmoto-header__airobag img { width: 6.667vw !important; }
	.macmoto-header__haojue img { width: 8.333vw !important; }
}

/* Móvil: arriba los logos de las marcas, abajo logo + menú hamburguesa. */
@media (max-width: 781px) {
	.macmoto-header__inner { min-height: 0; padding-block: 12px; row-gap: 8px; }
	.macmoto-header__marcas { order: -1; width: 100%; justify-content: space-around; }
	.macmoto-header__airobag img { width: 120px !important; }
	.macmoto-header__haojue img { width: 150px !important; }
	.macmoto-menu .wp-block-navigation__responsive-container-open svg { width: 40px; height: 40px; fill: #333; }
	.macmoto-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 18px; }
}

/* ---------- Botones ---------- */
.wp-element-button, .wp-block-button__link { line-height: 1.2; }
.macmoto-footer__politicas .wp-block-button__link {
	background: #e40000;
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 600;
	font-size: 14px;
	text-transform: none;
	padding: 10px 22px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 0.15);
}

/* ---------- Footer ---------- */
.macmoto-footer { font-size: 15px; }
.macmoto-footer p { margin: 0.25rem 0; }
.macmoto-footer .macmoto-footer__credito a { color: var(--wp--preset--color--negro); text-decoration: underline; }
.macmoto-footer .wp-block-social-links { margin-bottom: 1rem; }

/* ---------- Tarjetas de producto ---------- */
.macmoto-grilla .wc-block-product-template { row-gap: 2.5rem; }
/* margin 0: PixelYourSite agrega un span oculto después de la tarjeta y el
   margen de "no último hijo" la alargaba 12px. */
.macmoto-tarjeta { text-align: center; height: 100%; margin-block-end: 0; }
.macmoto-tarjeta .wc-block-components-product-image { margin-bottom: 0.5rem; }
.macmoto-tarjeta .wc-block-components-product-image img { aspect-ratio: 1; object-fit: contain; }
.macmoto-tarjeta__titulo {
	font-family: var(--wp--preset--font-family--century-gothic);
	font-size: 16px !important;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	/* Siempre el alto de dos líneas (más se corta con "…") para que
	   categoría, precio y botón queden alineados en toda la fila; un nombre
	   de una línea queda centrado en ese espacio. */
	min-height: 2.6em;
}
.macmoto-tarjeta > .macmoto-tarjeta__titulo {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.macmoto-tarjeta__titulo a { color: var(--wp--preset--color--negro); text-decoration: none; }
.macmoto-tarjeta > .macmoto-tarjeta__titulo a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.macmoto-tarjeta__categoria {
	font-family: var(--wp--preset--font-family--century-gothic);
	font-size: 12px;
	color: #ef5350;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.macmoto-tarjeta__precio { font-family: var(--wp--preset--font-family--century-gothic); font-weight: 700; font-size: 14px; color: var(--wp--preset--color--negro); }
/* El layout flex de WordPress pone margin 0 a los hijos: hace falta más
   especificidad para que el botón baje al pie de la tarjeta. */
.macmoto-tarjeta > .macmoto-tarjeta__boton { margin-top: auto; }
.macmoto-tarjeta__boton .wp-element-button { padding: 8px 14px; font-size: 13px; }

/* ---------- Tienda ---------- */
.macmoto-lateral-titulo {
	font-family: var(--wp--preset--font-family--century-gothic);
	font-size: 22px;
	margin-top: 2.5rem;
}
.macmoto-buscar .wp-block-search__input { border: 1px solid #ddd; font-size: 14px; }
.macmoto-buscar .wp-block-search__button { background: var(--wp--preset--color--rojo); color: #fff; border: 0; }
.macmoto-categorias { list-style: none; padding: 0; font-size: 15px; }
.macmoto-categorias li { display: flex; justify-content: space-between; padding: 0.35rem 0; }
.macmoto-categorias a { color: var(--wp--preset--color--texto); text-decoration: none; }
/* Como el sitio anterior, solo las categorías principales. */
.macmoto-categorias .wc-block-product-categories-list--depth-1 { display: none; }
.macmoto-categorias .wc-block-product-categories-list--depth-0 { display: flex; flex-direction: column; }
.macmoto-categorias li:has(> a[href*="/sin-categorizar/"]) { display: none; }
.macmoto-mas-vendidos .wc-block-product-template > li { border-bottom: 1px solid #eee; padding-block: 0.5rem; }
.macmoto-mas-vendidos h4 a { color: var(--wp--preset--color--texto); text-decoration: none; }
.macmoto-paginacion { margin-top: 2.5rem; gap: 6px; }
.macmoto-paginacion .page-numbers,
.macmoto-paginacion a { border: 1px solid #ddd; min-width: 34px; padding: 4px 10px; text-align: center; text-decoration: none; color: var(--wp--preset--color--texto); }
.macmoto-paginacion .current { background: var(--wp--preset--color--negro); color: #fff; border-color: var(--wp--preset--color--negro); }
/* Proporciones del sitio anterior (Astra): 1171px con el lateral a 338px y la
   grilla a 656px, separados por un espacio amplio. */
@media (min-width: 782px) {
	.macmoto-tienda__columnas { max-width: 1171px !important; justify-content: space-between; }
	.macmoto-tienda__columnas > .wp-block-column { flex: 0 0 56% !important; }
	.macmoto-tienda__columnas > .macmoto-tienda__lateral { flex-basis: 29% !important; }
}
@media (max-width: 781px) {
	.macmoto-tienda__columnas { flex-direction: column-reverse; }
}
.macmoto-tienda__titulo {
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 600;
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	color: var(--wp--preset--color--marino);
	line-height: 1.1;
	margin: 0.75rem 0 0;
}
/* Accesos a las subcategorías, debajo del título. */
.macmoto-subcategorias { display: flex; flex-direction: column; gap: 0.6rem; margin: 1rem 0 0.5rem; }
.macmoto-subcategorias__fila { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.macmoto-subcategorias__etiqueta { font-size: 13px; color: var(--wp--preset--color--gris); min-width: 3.5rem; }
.macmoto-subcategorias__chip {
	padding: 5px 12px;
	border: 1px solid #ddd;
	border-radius: 999px;
	font-size: 14px;
	color: var(--wp--preset--color--texto);
	text-decoration: none;
	white-space: nowrap;
}
.macmoto-subcategorias__chip:hover { border-color: var(--wp--preset--color--rojo); color: var(--wp--preset--color--rojo); }
/* Filtros combinables: el activo en rojo con una tilde; sin resultados, apagado. */
.macmoto-filtro.is-activo { background: var(--wp--preset--color--rojo); border-color: var(--wp--preset--color--rojo); color: #fff; }
.macmoto-filtro.is-activo::before { content: "✓ "; }
.macmoto-filtro.is-activo:hover { color: #fff; filter: brightness(0.92); }
.macmoto-subcategorias__chip.is-vacio { opacity: 0.4; cursor: default; }
.macmoto-subcategorias__chip.is-vacio:hover { border-color: #ddd; color: var(--wp--preset--color--texto); }
.macmoto-subcategorias__limpiar { font-size: 14px; color: var(--wp--preset--color--rojo); }
/* El panel de filtros es un grupo más de filas en computadora; el botón, solo en celular. */
.macmoto-filtros { display: flex; flex-direction: column; gap: 0.6rem; }
.macmoto-filtros__boton { display: none; }
@media (max-width: 781px) {
	/* Las subcategorías sueltas se deslizan de costado. */
	.macmoto-subcategorias > .macmoto-subcategorias__fila { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; }
	.macmoto-subcategorias > .macmoto-subcategorias__fila::-webkit-scrollbar { display: none; }
	.macmoto-filtros__boton {
		display: inline-flex;
		align-items: center;
		gap: 0.4rem;
		align-self: flex-start;
		padding: 7px 14px;
		border: 1px solid var(--wp--preset--color--negro);
		border-radius: 6px;
		background: #fff;
		font: inherit;
		font-size: 14px;
		font-weight: 600;
		color: var(--wp--preset--color--negro);
		cursor: pointer;
	}
	.macmoto-filtros__boton::before { content: ""; width: 14px; height: 10px; background: linear-gradient(currentColor 0 0) top / 100% 2px no-repeat, linear-gradient(currentColor 0 0) center / 70% 2px no-repeat, linear-gradient(currentColor 0 0) bottom / 40% 2px no-repeat; }
	.macmoto-filtros__boton::after { content: "▾"; font-size: 12px; transition: transform 0.2s; }
	.macmoto-filtros__boton[aria-expanded="true"]::after { transform: rotate(180deg); }
	.macmoto-filtros__cuenta { background: var(--wp--preset--color--rojo); color: #fff; border-radius: 999px; min-width: 20px; padding: 0 6px; font-size: 12px; line-height: 20px; text-align: center; }
	/* Desplegado, los chips bajan de renglón: todas las opciones a la vista. */
	.macmoto-filtros { display: none; padding: 12px; border: 1px solid #eee; border-radius: 8px; background: #fafafa; }
	.macmoto-filtros.is-abierto { display: flex; }
	.macmoto-filtros .macmoto-subcategorias__etiqueta { flex-basis: 100%; font-weight: 600; }
	.macmoto-filtros .macmoto-subcategorias__chip { background: #fff; }
	.macmoto-filtros .macmoto-filtro.is-activo { background: var(--wp--preset--color--rojo); }
	/* Dos productos por fila: de a uno, cada tarjeta ocupaba una pantalla entera. */
	.macmoto-grilla .wc-block-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; row-gap: 2rem; }
	.macmoto-tarjeta__titulo { font-size: 14px !important; }
	.macmoto-tarjeta__boton .wp-element-button { padding: 8px 10px; font-size: 12px; }
}

/* ---------- Ficha de producto ---------- */
.macmoto-producto__titulo,
.macmoto-producto__titulo-seccion {
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 600;
	font-size: clamp(2rem, 4vw, 50px);
	color: var(--wp--preset--color--marino);
	line-height: 1.1;
	margin: 0;
}
.macmoto-producto__precio { font-family: var(--wp--preset--font-family--poppins); font-weight: 600; font-size: clamp(1.6rem, 3vw, 36px); color: var(--wp--preset--color--marino); }
.macmoto-producto__separador { border-color: #ddd; opacity: 1; width: 100%; }
.macmoto-producto__resumen { font-size: 14px; }
/* Comprar y WhatsApp: mismo ancho, alto y forma. En las motos, WhatsApp va
   primero y Comprar queda como opción secundaria (borde rojo). */
.macmoto-producto__acciones { display: flex; flex-direction: column; gap: 12px; max-width: 340px; }
.macmoto-producto__acciones .macmoto-producto__comprar { margin: 0; width: 100%; }
.macmoto-producto__acciones form.cart:not(.variations_form),
.macmoto-producto__acciones .woocommerce-variation-add-to-cart { display: flex; width: 100%; }
.macmoto-producto__acciones .single_add_to_cart_button,
.macmoto-producto__acciones .macmoto-wsp-producto {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-height: 50px;
	margin: 0;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.macmoto-producto__acciones .macmoto-wsp-producto { display: flex; align-items: center; justify-content: center; }
.macmoto-producto-moto .macmoto-producto__acciones .macmoto-wsp-producto { order: -1; }
.macmoto-producto-moto .macmoto-producto__acciones .single_add_to_cart_button {
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--rojo);
	border: 2px solid var(--wp--preset--color--rojo);
}
.macmoto-producto-moto .macmoto-producto__acciones .single_add_to_cart_button:hover { background: var(--wp--preset--color--rojo); color: #fff; }
/* Año y kilómetros de las usadas, junto al precio. */
.macmoto-producto__uso { display: flex; flex-wrap: wrap; gap: 8px; margin: 0.75rem 0 0; }
.macmoto-producto__uso span {
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--wp--preset--color--gris-claro);
	color: var(--wp--preset--color--marino);
	font-family: var(--wp--preset--font-family--poppins);
	font-weight: 500;
	font-size: 15px;
}
/* El sitio anterior no mostraba la cantidad: se compra de a una unidad. */
.macmoto-producto__comprar .quantity { display: none !important; }
/* La mayoría de las fotos son de motos, apaisadas: 4:3 deja menos aire que el cuadrado por defecto. */
.macmoto-producto .wc-block-product-gallery-large-image__wrapper { aspect-ratio: 4 / 3; }
/* Las fotos chicas (muchas de 353px) se agrandan hasta llenar el recuadro, como antes. */
.macmoto-producto .wc-block-woocommerce-product-gallery-large-image__image { width: 100%; height: 100%; object-fit: contain; }
.macmoto-producto .wp-block-post-terms a { text-decoration: none; }
.macmoto-producto__descripcion { margin-top: var(--wp--preset--spacing--40); font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: var(--wp--preset--color--marino); }
/* Ficha técnica: la que arma inc/ficha.php y las tablas que ya venían cargadas. */
.macmoto-producto__descripcion table { width: 100%; max-width: 760px; border-collapse: collapse; margin: 1.25rem 0; font-size: 15px; }
.macmoto-producto__descripcion :is(th, td) { padding: 9px 14px; border: 0; border-bottom: 1px solid #e6e6e6; text-align: left; vertical-align: top; }
.macmoto-producto__descripcion tr:nth-child(odd) { background: #f7f7f7; }
.macmoto-producto__descripcion th { width: 42%; font-weight: 600; color: var(--wp--preset--color--marino); }
.macmoto-producto__descripcion td { color: var(--wp--preset--color--texto); }
@media (max-width: 600px) {
	.macmoto-producto__descripcion :is(th, td) { padding: 8px 10px; font-size: 14px; }
}
.macmoto-relacionados { margin-top: var(--wp--preset--spacing--50); }
/* Subtítulo de sección: con el tamaño del nombre del producto (50px) competía con él. */
.macmoto-relacionados .macmoto-producto__titulo-seccion { margin: 3rem 0 1.5rem; font-size: clamp(1.4rem, 2.5vw, 28px); }

/* ---------- WhatsApp ---------- */
.macmoto-wsp-producto {
	display: block;
	max-width: 280px;
	margin-top: 12px;
	padding: 14px 18px;
	background: var(--wp--preset--color--whatsapp);
	color: #fff;
	border-radius: 12px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}
.macmoto-wsp-producto:hover { color: #fff; filter: brightness(0.95); }
.macmoto-wsp-flotante {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--wp--preset--color--whatsapp);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 4px 12px rgb(0 0 0 / 0.3);
}
.macmoto-wsp-flotante:hover { color: #fff; }
.macmoto-wsp-flotante { transition: opacity 0.2s, visibility 0.2s; }
.macmoto-wsp-flotante.is-oculto { opacity: 0; visibility: hidden; }

/* ---------- Utilidades ---------- */
.wp-site-blocks > main, .wp-site-blocks > footer { margin-block-start: 0; }
@media (max-width: 767px) { .solo-escritorio { display: none !important; } }
@media (min-width: 768px) { .solo-movil { display: none !important; } }

.wp-block-button.is-style-verde .wp-block-button__link { background: var(--wp--preset--color--verde); font-weight: 600; }
.wp-block-button.is-style-blanco .wp-block-button__link { background: var(--wp--preset--color--blanco); color: var(--wp--preset--color--rojo); font-weight: 600; }

/* ---------- Portada: hero ---------- */
.macmoto-hero {
	position: relative;
	overflow: hidden;
	min-height: 60vh;
	padding: 15vw 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.macmoto-hero__video,
.macmoto-hero::after { position: absolute; inset: 0; }
.macmoto-hero::after { content: ""; background: rgb(0 0 0 / 0.6); }
/* Como Elementor: caja de 1214px centrada y texto de 720px a la izquierda, a cualquier ancho. */
.macmoto-hero > .macmoto-hero__contenido { position: relative; z-index: 1; width: 100%; max-width: 1214px !important; }
.macmoto-hero__contenido > * { max-width: 720px; }
.macmoto-hero__titulo { font-size: 42px; font-weight: 600; line-height: 1.1; margin: 0 0 1.25rem; }
.macmoto-hero__bajada { font-size: 27px; font-weight: 700; line-height: 1; margin: 0 0 1.5rem; }
@media (max-width: 1024px) {
	.macmoto-hero { padding: 120px 50px; }
	.macmoto-hero__contenido > * { max-width: none; }
}
@media (max-width: 767px) {
	.macmoto-hero { padding: 120px 25px 75px; text-align: center; }
	.macmoto-hero__titulo { font-size: 32px; }
	.macmoto-hero__bajada { font-size: 22px; }
	.macmoto-hero__botones .wp-block-button { width: 100%; }
	.macmoto-hero__botones .wp-block-button__link { width: 100%; }
}

/* ---------- Portada: carruseles de productos ---------- */
.macmoto-seccion-productos { padding: 60px 16px 20px; }
.macmoto-titulo-seccion { font-family: var(--wp--preset--font-family--century-gothic); font-size: 40px; font-weight: 400; margin: 0 0 2rem; }
@media (max-width: 767px) { .macmoto-titulo-seccion { font-size: 32px; } }
.macmoto-carrusel { position: relative; }
.macmoto-carrusel .is-product-collection-layout-carousel {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
	scroll-padding: 0;
}
.macmoto-carrusel .is-product-collection-layout-carousel .wc-block-product {
	flex: 0 0 calc((100% - 30px) / 4);
	min-width: 0;
	max-width: none;
	scroll-snap-align: start;
	margin: 0 !important; /* la lista es "flow" y separa los ítems con margen superior */
}
/* Las flechas se centran sobre la fila de imágenes (cuadradas). */
.macmoto-carrusel .wc-block-next-previous-buttons {
	position: absolute;
	inset: 0 0 auto;
	aspect-ratio: 4 / 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
}
.macmoto-carrusel .wc-block-next-previous-buttons__button {
	pointer-events: auto;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: rgb(0 0 0 / 0.35);
	color: #fff;
	cursor: pointer;
}
.macmoto-carrusel .wc-block-next-previous-buttons__button[aria-disabled="true"] { opacity: 0.3; cursor: default; }
@media (max-width: 767px) {
	.macmoto-carrusel .is-product-collection-layout-carousel .wc-block-product { flex-basis: 100%; }
	.macmoto-carrusel .wc-block-next-previous-buttons { aspect-ratio: 1; }
}

/* ---------- Portada: categorías y "Ver motos" ---------- */
.macmoto-categorias-home { padding: 40px 16px; }
.macmoto-cat figure { margin: 0 auto 0; width: 80%; }
.macmoto-etiqueta-roja {
	background: var(--wp--preset--color--rojo);
	margin: 0;
	padding: 8px;
	font-size: 16px;
	font-weight: 500;
}
.macmoto-etiqueta-roja a { color: #fff; text-decoration: none; display: block; }
.macmoto-ver-motos { padding: 40px 16px; }
.macmoto-ver-motos figure { margin-bottom: 0; }

/* ---------- Portada: banners (la rotación está en el plugin MacMoto Bloques) ---------- */
.macmoto-banner__texto { font-family: var(--wp--preset--font-family--century-gothic); font-weight: 700; font-size: 22px; line-height: 1.1; }
.macmoto-banner--macmoto .macmoto-banner__texto { font-size: 23px; }
@media (max-width: 1024px) { .macmoto-banner__texto, .macmoto-banner--macmoto .macmoto-banner__texto { font-size: 17px; text-align: center; } }
.macmoto-checks { list-style: none; padding: 0; font-family: var(--wp--preset--font-family--century-gothic); font-size: 16px; }
.macmoto-checks li { padding-left: 1.6em; position: relative; }
.macmoto-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background: var(--wp--preset--color--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 11 3 7.5l1.1-1.1 2.4 2.4 5.4-5.4L13 4.5z' fill='%23000'/%3E%3C/svg%3E") center / 75% no-repeat;
}
.macmoto-checks a { color: #fff; text-decoration: none; }
@media (max-width: 767px) { .macmoto-banner .wp-block-button, .macmoto-banner .wp-block-button__link { width: 100%; } }

/* Logos de los banners: el ancho es relativo a la columna, no a la imagen. */
.macmoto-banner figure.is-resized { width: 60%; margin-inline: auto; }
.macmoto-banner--macmoto figure.is-resized { width: 55%; }
.macmoto-banner figure.is-resized img { width: 100% !important; height: auto; }
@media (max-width: 1024px) { .macmoto-banner figure.is-resized { width: 50%; } }

/* ---------- Mosaicos de fotos (Motos y accesorios, Financiación y permutas) ---------- */
.macmoto-mosaico { margin: 0 !important; }
.macmoto-mosaico__tarjeta { position: relative; padding: 0 0 40px; height: 100%; }
.macmoto-mosaico__tarjeta .wp-block-cover__inner-container { width: 100% !important; }
.macmoto-mosaico__titulo { font-family: var(--wp--preset--font-family--century-gothic); font-size: 35px; font-weight: 700; color: #fff; margin: 0; padding-inline: 8px; }
.macmoto-mosaico__titulo::after { content: ""; display: block; width: 80%; margin: 6px 0 0 auto; border-top: 3px solid var(--wp--preset--color--rojo); }
/* Toda la tarjeta es el enlace. */
.macmoto-mosaico__titulo a { color: inherit; text-decoration: none; }
.macmoto-mosaico__titulo a::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.macmoto-mosaico__tarjeta:hover .wp-block-cover__background { opacity: 0.3 !important; }
@media (max-width: 1024px) { .macmoto-mosaico__titulo { font-size: 25px; } }
@media (max-width: 781px) {
	.macmoto-mosaico__tarjeta { min-height: 15vh !important; padding-bottom: 12px; }
	.macmoto-mosaico__tarjeta:not(.es-par) .macmoto-mosaico__titulo { text-align: left; }
	.macmoto-mosaico__tarjeta:not(.es-par) .macmoto-mosaico__titulo::after { width: 50%; margin-left: 0; }
	.macmoto-mosaico__tarjeta.es-par .macmoto-mosaico__titulo::after { width: 50%; }
}

/* ---------- Páginas con formulario (Permutas, Contacto) ---------- */
.macmoto-pagina-form { padding: 90px 16px 40px; }
.macmoto-titulo-pagina { font-family: var(--wp--preset--font-family--century-gothic); font-size: 46px; font-weight: 400; color: #000; margin: 0 0 0.75rem; }
.macmoto-titulo-pagina--seccion { margin-top: 3rem; }
.macmoto-bajada { font-size: 17px; font-weight: 600; line-height: 1.6; color: #000; margin-bottom: 1.5rem; }
.macmoto-caja-form { padding: 40px; }
@media (max-width: 767px) { .macmoto-caja-form { padding: 24px; } }

.wpcf7-form label { display: block; color: var(--wp--preset--color--rojo); font-size: 15px; font-weight: 700; margin-bottom: 1rem; }
.wpcf7-form input:not([type="submit"]):not([type="file"]),
.wpcf7-form select,
.wpcf7-form textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: 6px;
	padding: 10px 12px;
	border: 2px solid transparent;
	border-radius: 5px;
	background: #fafafa;
	font: inherit;
	font-size: 14px;
	color: var(--wp--preset--color--texto);
}
.wpcf7-form textarea { height: 110px; }
.wpcf7-form :is(input, select, textarea):focus { outline: 0; border-color: var(--wp--preset--color--rojo); }
.wpcf7-form .wpcf7-submit {
	background: var(--wp--preset--color--rojo);
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 18px 36px;
	font-family: var(--wp--preset--font-family--century-gothic);
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}

.macmoto-contacto-datos { padding: 30px 20px; }
.macmoto-contacto-datos__lema { font-family: var(--wp--preset--font-family--century-gothic); font-size: 18px; font-weight: 600; color: #000; line-height: 1.2; }
.macmoto-icono { font-family: var(--wp--preset--font-family--century-gothic); font-size: 30px; font-weight: 400; color: #000; margin: 1.5rem 0 0.5rem; display: flex; align-items: center; gap: 10px; }
.macmoto-icono::before,
.macmoto-lista-iconos li::before {
	content: "";
	flex: none;
	background: var(--wp--preset--color--rojo);
	-webkit-mask: var(--icono) center / contain no-repeat;
	mask: var(--icono) center / contain no-repeat;
}
.macmoto-icono::before { width: 22px; height: 22px; }
.macmoto-icono--correo { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64a48 48 0 0 0-29 86l218 163a32 32 0 0 0 38 0l218-163a48 48 0 0 0-29-86zM0 176v208a64 64 0 0 0 64 64h384a64 64 0 0 0 64-64V176L294 339a64 64 0 0 1-76 0z'/%3E%3C/svg%3E"); }
.macmoto-icono--telefono { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M165 25c-8-19-28-29-48-24L30 25C12 30 0 46 0 64c0 247 201 448 448 448 18 0 34-12 39-30l24-88c5-19-5-40-23-47l-96-40c-16-7-35-2-46 12l-41 50c-70-33-127-90-161-161l50-40c13-11 18-30 11-46z'/%3E%3C/svg%3E"); }
.macmoto-lista-iconos { list-style: none; padding: 0 0 0 20px; margin: 0; font-size: 15px; }
.macmoto-lista-iconos li { display: flex; align-items: center; gap: 10px; padding: 2px 0; }
.macmoto-lista-iconos li::before { width: 14px; height: 14px; }
.macmoto-lista-iconos--flecha { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8a248 248 0 1 1 0 496 248 248 0 0 1 0-496zm-28 143v65H112c-7 0-12 5-12 12v56c0 7 5 12 12 12h116v65c0 11 13 16 21 8l105-105c5-5 5-12 0-17L249 143c-8-8-21-3-21 8z'/%3E%3C/svg%3E"); }
.macmoto-lista-iconos--telefono { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C29 32 0 61 0 96v320c0 35 29 64 64 64h320c35 0 64-29 64-64V96c0-35-29-64-64-64zm91 97c10-3 20 2 24 11l20 48c3 8 1 18-6 23l-25 21c17 35 45 64 80 80l21-25c5-7 15-9 23-6l48 20c9 4 14 14 12 24l-12 44c-3 8-11 14-20 14-124 0-224-100-224-224 0-9 6-17 15-19z'/%3E%3C/svg%3E"); }
.macmoto-lista-iconos a { color: #333; text-decoration: none; }

.macmoto-visitanos { max-width: 520px; margin-inline: auto !important; }
.macmoto-visitanos__direccion { font-family: var(--wp--preset--font-family--century-gothic); font-size: 22px; font-weight: 800; padding: 10px; margin: 0; }
.macmoto-visitanos__horario { font-family: var(--wp--preset--font-family--century-gothic); font-size: 16px; font-weight: 800; color: #000; padding: 10px; margin: 0; line-height: 1.5; }
.macmoto-mapa { display: block; width: 100%; height: 340px; border: 0; }

/* ---------- Banner rotativo (Haojue): dos imágenes apiladas que se alternan ---------- */
.macmoto-banner-rotativo { display: grid; overflow: hidden; }
.macmoto-banner-rotativo > * { grid-area: 1 / 1; display: block; animation: macmoto-alterna 10s infinite; }
.macmoto-banner-rotativo > :nth-child(2) { animation-delay: -5s; }
.macmoto-banner-rotativo img { display: block; width: 100%; height: auto; }
@keyframes macmoto-alterna { 0%, 45% { opacity: 1; visibility: visible; } 50%, 95% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } }
@media (prefers-reduced-motion: reduce) {
	.macmoto-banner-rotativo > * { animation: none; }
	.macmoto-banner-rotativo > :nth-child(2) { visibility: hidden; }
}

/* ---------- Políticas de privacidad ---------- */
.macmoto-politicas { padding: 40px 20px; font-family: var(--wp--preset--font-family--poppins); line-height: 1.7; }
.macmoto-politicas :is(h1, h2, h3) { font-family: var(--wp--preset--font-family--poppins); color: #e40000; font-weight: 600; line-height: 1.3; }
.macmoto-politicas h1 { font-size: 2em; }
.macmoto-politicas h2 { font-size: 1.5em; }
.macmoto-politicas h3 { font-size: 1.17em; }
.macmoto-politicas a { color: #e40000; }
.macmoto-politicas__fecha { color: #666; }

/* ---------- Financiaciones ---------- */
.macmoto-financiaciones { padding: 30px 16px 50px; font-family: var(--wp--preset--font-family--century-gothic); }
.macmoto-financiaciones__titulo { font-family: var(--wp--preset--font-family--century-gothic); font-size: 60px; font-weight: 400; margin: 0; }
.macmoto-financiaciones__subtitulo { font-family: var(--wp--preset--font-family--century-gothic); font-size: 50px; font-weight: 500; margin: 0 0 1rem; }
.macmoto-financiaciones__nota { font-size: 20px; font-weight: 600; margin-bottom: 2rem; }
.macmoto-requisitos { list-style: none; padding: 0; font-size: 15px; font-weight: 600; }
.macmoto-requisitos li { position: relative; padding: 0 0 0 1.8em; margin-bottom: 1.4rem; }
.macmoto-requisitos li::before { content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -9px; border: 4px solid var(--wp--preset--color--rojo); border-radius: 50%; background: #fff; }
.macmoto-financiaciones__cuotas { margin-top: 65px; }
.macmoto-financiaciones__destacado { font-size: 33px; font-weight: 600; line-height: 1.15; }
.macmoto-financiaciones__texto { font-size: 22px; font-weight: 500; line-height: 1.4; }
.macmoto-boton-wsp-telefono {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	width: 53%;
	margin-inline: auto;
	padding: 10px;
	background: var(--wp--preset--color--rojo);
	color: #fff;
	font-size: 31px;
	text-decoration: none;
}
.macmoto-boton-wsp-telefono:hover { color: #fff; }
@media (max-width: 1024px) { .macmoto-financiaciones__destacado { text-align: center; } }
@media (max-width: 767px) {
	.macmoto-financiaciones { padding-top: 75px; }
	.macmoto-financiaciones__titulo { font-size: 45px; }
	.macmoto-financiaciones__subtitulo { font-size: 35px; }
	.macmoto-boton-wsp-telefono { width: 90%; }
}

/* ---------- Renta (comparte estilos con Financiaciones) ---------- */
.macmoto-renta__disponibilidad { font-family: var(--wp--preset--font-family--century-gothic); font-size: 27px; font-weight: 700; margin: 0.5rem 0 1.5rem; }
.macmoto-renta__disponibilidad a { color: var(--wp--preset--color--rojo); text-decoration: none; }
.macmoto-renta__subtitulo { margin-top: 0; }
.macmoto-renta__oportunidad { padding: 65px 16px 50px; font-family: var(--wp--preset--font-family--century-gothic); color: #000; }
.macmoto-renta__texto { font-family: Arial, Helvetica, sans-serif; font-size: 21px; }
.macmoto-boton-wsp-telefono--izquierda { width: 50%; margin-inline: 0; }
.macmoto-renta__incluye { padding-top: 20px; padding-bottom: 25px; }
@media (max-width: 767px) {
	.macmoto-renta__disponibilidad { font-size: 18px; }
	.macmoto-renta__oportunidad .macmoto-financiaciones__destacado, .macmoto-renta__texto { text-align: center; }
	.macmoto-boton-wsp-telefono--izquierda { width: 100%; }
}

/* ---------- Quiénes somos ---------- */
.macmoto-quienes__intro { font-family: var(--wp--preset--font-family--century-gothic); font-size: 18px; font-weight: 600; line-height: 1.3; color: #000; }
@media (max-width: 1024px) { .macmoto-quienes__intro { font-size: 16px; } }
/* Filas deslizables (bloques de MacMoto Bloques): separadas del texto de arriba. */
.macmoto-deslizable { margin-top: 2rem; }
.macmoto-galeria-local { margin-top: 0; }
.macmoto-galeria-local figure img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 767px) {
	.macmoto-titulo-pagina { font-size: 32px; }
	.macmoto-titulo-pagina--seccion { font-size: 25px; }
}

/* ---------- Airobag ---------- */
.macmoto-airobag { padding-block: 80px 60px; }
.macmoto-airobag p { font-size: 16px; line-height: 1.75; }
.macmoto-airobag__logo { width: 29%; margin-inline: auto !important; }
.macmoto-airobag__logo img { width: 100% !important; height: auto; }
.macmoto-airobag__lema { font-weight: 700; }
.macmoto-airobag__destacado { font-family: var(--wp--preset--font-family--century-gothic); font-size: 33px; font-weight: 700; line-height: 1.45; }
.macmoto-airobag__representante { margin-top: 60px; }
.macmoto-airobag__video { width: 85%; margin-inline: auto; }
.macmoto-airobag__video video { display: block; border: 2px solid #000; border-radius: 5px; }
.macmoto-airobag__subtitulo { font-family: var(--wp--preset--font-family--century-gothic); font-size: 34px; font-weight: 400; }
.macmoto-airobag__certificaciones { margin-top: 60px; }
.macmoto-airobag__certificaciones .macmoto-titulo-pagina { color: var(--wp--preset--color--verde); }
.macmoto-airobag__norma { max-width: 245px; margin-inline: auto; padding: 16px 20px; border: 1px solid var(--wp--preset--color--verde); }
.macmoto-airobag__norma a { color: var(--wp--preset--color--verde); }
.macmoto-airobag__sellos img { width: 71px; height: auto; }
.macmoto-airobag__sellos figcaption { margin-top: 10px; color: #fff; font-family: var(--wp--preset--font-family--bebas); font-size: 15px; text-align: center; }
@media (max-width: 767px) {
	.macmoto-airobag__logo { width: 60% !important; }
	.macmoto-airobag__subtitulo { font-size: 28px; }
	.macmoto-airobag__destacado { font-size: 27px; }
	.macmoto-airobag__mac-airobag { width: 75% !important; }
	.macmoto-airobag__mac-airobag img { width: 100% !important; }
}
.macmoto-carrusel--oscuro .macmoto-tarjeta__titulo a { color: var(--wp--preset--color--verde); }
.macmoto-carrusel--oscuro .macmoto-tarjeta__precio { color: #fff; }
.macmoto-airobag__seguridad-vial { padding-block: 60px; }
.macmoto-airobag__seguridad-vial p { font-family: var(--wp--preset--font-family--century-gothic); font-size: 21px; font-weight: 600; margin: 0; }
.macmoto-airobag__seguridad-vial h4 { font-family: var(--wp--preset--font-family--century-gothic); font-size: 29px; font-weight: 700; }

/* ---------- Landing de Airobag ---------- */
.macmoto-landing__hero, .macmoto-landing__beneficios, .macmoto-landing__cifras, .macmoto-landing__variedad, .macmoto-landing__cierre { margin-block-start: 0 !important; }
.macmoto-landing__antetitulo { font-family: var(--wp--preset--font-family--poppins); font-size: 22px; font-weight: 600; color: var(--wp--preset--color--verde-claro); margin: 0; }
.macmoto-landing__titulo { font-family: var(--wp--preset--font-family--poppins); font-size: 83px; font-weight: 900; line-height: 1; text-transform: uppercase; color: #fbfbfb; margin: 0.15em 0 0.35em; }
.macmoto-landing__titulo--medio { font-family: var(--wp--preset--font-family--archivo); font-size: 65px; font-weight: 800; }
.macmoto-landing__bajada { font-family: var(--wp--preset--font-family--poppins); font-size: 24px; font-weight: 300; line-height: 1.5; color: #fff; }
.macmoto-landing__boton .wp-block-button__link {
	padding: 16px 52px;
	border-radius: 0;
	background: var(--wp--preset--color--verde-claro);
	color: #1b252f;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
}
.macmoto-landing__boton--oscuro .wp-block-button__link { background: #1b252f; color: #fff; font-family: var(--wp--preset--font-family--archivo); padding-inline: 50px; }
.macmoto-landing__beneficios { min-height: 100vh; padding: 90px 5% 110px; }
.macmoto-landing__lema { font-family: var(--wp--preset--font-family--poppins); font-size: 18px; margin-bottom: 120px; }
/* Como en Elementor, las tarjetas ocupan el 90% de la ventana, hasta 1650px. */
.macmoto-landing__tarjetas { max-width: 1650px !important; justify-content: space-between; gap: 0 !important; }
.macmoto-landing__tarjetas > .wp-block-column { flex: 0 0 30% !important; }
.macmoto-landing__subtitulo { font-family: var(--wp--preset--font-family--poppins); font-size: 24px; font-weight: 800; text-transform: uppercase; color: var(--wp--preset--color--verde-claro); margin: 0 0 12px; }
.macmoto-landing__tarjetas figure { margin: 0 0 30px; }
.macmoto-landing__tarjetas figure img { width: 100%; }
.macmoto-landing__tarjetas p { font-family: var(--wp--preset--font-family--poppins); font-size: 16px; line-height: 1.7; }
.macmoto-landing__cifras { position: relative; overflow: hidden; padding: 8% 10%; background: #1b252f url("/wp-content/uploads/2025/10/boxking_stas_bg_1.jpg") center / cover; }
.macmoto-landing__cifras > :not(.macmoto-landing__video) { position: relative; z-index: 1; }
.macmoto-landing__video { position: absolute; inset: 0; width: 100%; max-width: none !important; height: 100%; object-fit: cover; margin: 0 !important; }
.macmoto-landing__contadores { max-width: none !important; margin-top: 60px; gap: 2em !important; }
.macmoto-landing__barra { width: 163px; height: 14px; margin: 0 auto 10px !important; border: 0; opacity: 1; }
.macmoto-landing__numero { font-family: var(--wp--preset--font-family--archivo); font-size: 80px; font-weight: 800; line-height: 1; text-align: center; margin: 0; }
.macmoto-landing__numero span { display: block; margin: 8px auto 0; font-size: 24px; line-height: 1; text-transform: uppercase; }
.macmoto-landing__detalle { font-family: var(--wp--preset--font-family--poppins); font-size: 16px; max-width: 220px; margin: 18px auto 0; }
.macmoto-landing__contadores > :first-child .macmoto-landing__detalle { text-align: center; }
.macmoto-landing__variedad { padding: 55px 16px 40px; }
.macmoto-landing__variedad-titulo { font-family: var(--wp--preset--font-family--poppins); font-size: 38px; font-weight: 500; text-transform: uppercase; margin: 0 0 30px; }
.macmoto-landing__cierre { display: flex; flex-direction: column; justify-content: center; min-height: 90vh; padding: 40px 5%; }
.macmoto-landing__cierre .macmoto-landing__antetitulo, .macmoto-landing__cierre .macmoto-landing__titulo { color: #1b252f; }
.macmoto-landing__cierre .macmoto-landing__titulo { font-weight: 900; }
@media (max-width: 1024px) {
	.macmoto-landing__titulo { font-size: 78px; }
	.macmoto-landing__titulo--medio { font-size: 44px; }
	.macmoto-landing__bajada { font-size: 20px; }
	.macmoto-landing__subtitulo { font-size: 28px; text-align: center; }
	.macmoto-landing__cifras { padding: 10% 15%; }
	.macmoto-landing__contadores { flex-direction: column; }
	.macmoto-landing__tarjetas { flex-direction: column; gap: 3em !important; }
	.macmoto-landing__tarjetas > .wp-block-column { flex-basis: auto !important; }
	.macmoto-landing__cifras { background-image: none; }
	.macmoto-landing__video { display: none; }
	.macmoto-landing__cierre { min-height: 421px; }
}
@media (max-width: 767px) {
	.macmoto-landing__antetitulo { font-size: 16px; }
	.macmoto-landing__hero { padding-inline: 8px !important; }
	.macmoto-landing__titulo { font-size: 41px; letter-spacing: -0.02em; }
	.macmoto-landing__titulo--medio { font-size: 32px; }
	.macmoto-landing__cierre .macmoto-landing__titulo { font-size: 24px; }
	.macmoto-landing__boton .wp-block-button__link { font-size: 16px; padding-inline: 20px; }
	.macmoto-landing__subtitulo { font-size: 22px; text-align: left; }
	.macmoto-landing__lema { margin-bottom: 60px; }
	.macmoto-landing__cifras { padding: 15% 5%; }
	.macmoto-landing__barra { width: 93px; }
	.macmoto-landing__numero { font-size: 60px; }
	.macmoto-landing__detalle { max-width: none; }
	.macmoto-landing__variedad-titulo { font-size: 32px; }
	.macmoto-landing__cierre { min-height: 327px; }
}

/* ---------- Carrito, checkout y mi cuenta (shortcodes clásicos de WooCommerce) ---------- */
/* WooCommerce limita .woocommerce a 1000px en temas de bloques; acá va al ancho del título. */
.woocommerce-page main .macmoto-pagina-woo > .woocommerce { max-width: 1140px; width: 100%; }
.macmoto-pagina-woo .woocommerce .button {
	padding: 0.75rem 1.5rem;
	border: 0;
	border-radius: 0;
	background: var(--wp--preset--color--rojo);
	color: #fff;
	font-family: var(--wp--preset--font-family--century-gothic);
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	cursor: pointer;
}
.macmoto-pagina-woo .woocommerce .button:hover { background: var(--wp--preset--color--negro); }
.macmoto-pagina-woo .woocommerce .button:disabled { opacity: 0.4; cursor: default; }
.macmoto-pagina-woo .woocommerce input.input-text,
.macmoto-pagina-woo .woocommerce input.qty { padding: 8px 10px; border: 1px solid #ccc; border-radius: 0; font-size: 15px; }
.macmoto-pagina-woo .woocommerce .coupon { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }