/* Diseño de la tienda Mundo Online, copiado del tema de Shopify (medidas tomadas a 1280 px). */

:root {
	--mo-texto: #222;
	--mo-negro: #000;
	--mo-gris: #333;
	--mo-azul: #46c1ed;
	--mo-linea: #e6e6e6;
	--mo-lado: 40px;
	--wp--preset--font-family--manrope: 'Inter', sans-serif;
}

/* ---------- Base ---------- */

body,
button,
input,
select,
textarea,
.wp-block-navigation,
.wc-block-components-product-price {
	font-family: 'Inter', sans-serif !important;
}
body {
	background: #fff;
	color: var(--mo-texto);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .3px;
}
.mo-main,
.mo-main .wp-block-post-content p {
	font-size: 16px;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Inter', sans-serif;
	color: var(--mo-texto);
	letter-spacing: 0;
}
header.wp-block-template-part,
footer.wp-block-template-part {
	margin: 0;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.mo-main {
	margin: 0 !important;
	padding: 0 !important;
}
.mo-main .wp-block-post-content > * {
	margin-block-start: 0;
}
.mo-main .wp-block-post-content > .mo-portada {
	max-width: none;
}
.mo-titulo {
	text-align: center;
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 38.4px !important;
	margin: 0 0 24px !important;
	color: var(--mo-texto);
}
.mo-sep {
	border: 0;
	border-top: 1px solid var(--mo-linea);
	margin: 0 !important;
	max-width: none !important;
	width: 100%;
}

/* ---------- Franja de anuncios ---------- */

.mo-marquee {
	background: #000;
	color: #fff;
	height: 26px;
	overflow: hidden;
	font-size: 13px;
	line-height: 26px;
	letter-spacing: .3px;
	white-space: nowrap;
}
.mo-marquee__pista {
	display: flex;
	width: max-content;
	animation: mo-marquee 45s linear infinite;
}
.mo-marquee:hover .mo-marquee__pista {
	animation-play-state: paused;
}
.mo-marquee__grupo {
	display: flex;
}
.mo-marquee__item {
	padding: 0 25px;
}
@keyframes mo-marquee {
	to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.mo-marquee__pista { animation: none; }
}

/* ---------- Encabezado ---------- */

.mo-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: #fff;
	padding: 0 30px !important;
	height: 84px;
	border-bottom: 1px solid #f0f0f0;
	gap: 18px !important;
	margin: 0 !important;
	align-items: center !important;
	justify-content: flex-start !important;
}
.admin-bar .mo-header {
	top: 32px;
}
.mo-header .wp-block-site-logo {
	flex: 0 0 auto;
	width: 127px;
}
.mo-header .wp-block-site-logo img {
	width: 127px !important;
	height: auto;
	margin: -1px 0;
}
.mo-nav {
	flex: 0 1 600px;
	max-width: 600px;
	font-size: 13px !important;
	font-weight: 410 !important;
	letter-spacing: .3px;
	line-height: 16.9px;
	text-transform: uppercase;
	color: var(--mo-texto);
	justify-content: flex-start !important;
	gap: 4px 10px !important;
}
.mo-nav .wp-block-navigation__container {
	gap: 4px 10px !important;
	justify-content: flex-start !important;
}
.mo-nav a {
	text-decoration: none;
	color: var(--mo-texto);
}
.mo-nav .wp-block-navigation-item__content {
	padding: 4px 0 !important;
}
.mo-nav .wp-block-navigation__submenu-icon {
	margin-left: 3px !important;
	width: 10px;
	height: 10px;
}
.mo-nav .wp-block-navigation__submenu-icon svg {
	stroke-width: 1.4;
}
.mo-nav .wp-block-navigation__submenu-container {
	text-transform: none;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0;
	min-width: 220px !important;
	padding: 8px 0 !important;
	border: 1px solid var(--mo-linea) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
.mo-nav .wp-block-navigation__submenu-container a {
	padding: 7px 18px !important;
}
.mo-nav .wp-block-navigation__submenu-container li:last-child a {
	font-weight: 600;
}
.mo-iconos {
	position: relative;
	display: flex;
	align-items: center;
	gap: 27px;
	flex: 0 0 auto;
	margin-left: auto !important;
}
.mo-icono {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: none;
	color: #000;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;
}
.mo-icono svg {
	display: block;
	flex: 0 0 20px;
}
.mo-icono--carrito {
	color: var(--mo-texto);
}
.mo-carrito__texto {
	margin-left: 5px;
	font-size: 16px;
	letter-spacing: .3px;
	line-height: 29px;
}
.mo-carrito__cantidad {
	margin-left: 8px;
	min-width: 16px;
	height: 18.5px;
	padding: 2px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #202020;
	color: #fff;
	font-size: 12px;
	line-height: 1;
}
.mo-buscador {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	display: flex;
	align-items: center;
	width: min(620px, 70vw);
	height: 45px;
	background: #fff;
	border: 1px solid #222;
}
.mo-buscador[hidden] {
	display: none;
}
.mo-buscador input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	border: 0;
	padding: 0 15px;
	font-size: 16px;
	outline: none;
}
.mo-buscador button {
	flex: 0 0 44px;
	height: 44px;
	border: 0;
	background: none;
	color: #000;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ---------- Banner ---------- */

.mo-slider {
	position: relative;
	overflow: hidden;
	margin: 0 !important;
	max-width: none !important;
}
.mo-track {
	width: 300%;
	gap: 0 !important;
	margin: 0 !important;
	animation: mo-pasar 18s infinite;
}
.mo-slider.mo-js .mo-track {
	animation: none;
	transition: transform .6s ease;
}
.mo-slide {
	flex: 0 0 33.3333%;
	margin: 0 !important;
}
.mo-slide figure {
	margin: 0 !important;
}
.mo-slide figure a {
	display: block;
}
.mo-slide img {
	width: 100%;
	height: auto;
	display: block;
}
.mo-mob {
	display: none !important;
}
@keyframes mo-pasar {
	0%, 30% { transform: translateX(0); }
	33.33%, 63.33% { transform: translateX(-33.3333%); }
	66.66%, 96.66% { transform: translateX(-66.6666%); }
	100% { transform: translateX(0); }
}
.mo-slider__controles {
	position: absolute;
	left: 50%;
	bottom: 12px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 0;
	z-index: 2;
}
.mo-slider__controles button {
	background: none;
	border: 0;
	cursor: pointer;
	color: #fff;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mo-slider__prev,
.mo-slider__next {
	width: 30px;
	height: 30px;
}
.mo-slider__prev {
	margin-right: 12px;
}
.mo-slider__next {
	margin-left: 12px;
}
.mo-slider__punto {
	width: 26px;
	height: 26px;
	opacity: .5;
}
.mo-slider__punto[aria-current="true"] {
	opacity: 1;
}
.mo-slider__punto span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 0;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.mo-slider__punto[aria-current="true"] span {
	background: #fff;
}

/* ---------- Carrusel genérico ---------- */

.mo-carrusel {
	position: relative;
}
.mo-carrusel__pista {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.mo-carrusel__pista::-webkit-scrollbar {
	display: none;
}
.mo-carrusel__pista > li {
	scroll-snap-align: start;
	flex: 0 0 auto;
	margin: 0;
}
.mo-carrusel__flecha {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	border: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mo-carrusel__flecha[hidden] {
	display: none;
}

/* ---------- Categorías ---------- */

.mo-cats {
	padding: 40px var(--mo-lado) 40px;
	margin-top: -1px !important;
}
.mo-cats .mo-titulo {
	margin-bottom: 25px !important;
}
.mo-cats .mo-carrusel__pista {
	gap: 8px;
}
.mo-cat {
	width: calc((100% - 40px) / 6);
}
.mo-cat a {
	display: block;
	color: var(--mo-texto);
	text-decoration: none;
	text-align: center;
}
.mo-cat__img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 6px;
	overflow: hidden;
}
.mo-cat__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.mo-cat a:hover img {
	transform: scale(1.04);
}
.mo-cat__nombre {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	margin-top: 15px;
}

/* ---------- Reseñas ---------- */

.mo-resenas-seccion {
	padding: 60px var(--mo-lado) 85px;
}
.mo-resenas-seccion .mo-titulo {
	margin-bottom: 10px !important;
}

/* ---------- Filas de productos ---------- */

.mo-fila {
	padding: 20px var(--mo-lado) 12px;
}
.mo-fila__cabeza {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 29px;
}
.mo-fila__titulo {
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 33.8px !important;
	margin: 0 !important;
}
.mo-vermas {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 34px;
	font-size: 15px;
	color: var(--mo-texto);
	text-decoration: none;
	white-space: nowrap;
}
.mo-vermas:hover {
	text-decoration: underline;
}
.mo-fila--centrada {
	padding: 20px var(--mo-lado) 52px;
}
.mo-fila--centrada .mo-titulo {
	font-size: 30px !important;
	line-height: 36px !important;
	margin-bottom: 9px !important;
}
.mo-fila__vermas-centro {
	text-align: right;
	margin-bottom: 30px;
}
.mo-fila__grilla {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
}
.mo-card {
	min-width: 0;
	padding-bottom: 9px;
	box-sizing: border-box;
}
.mo-fila:not(.mo-fila--centrada) .mo-card {
	min-height: 375px;
}
.mo-fila + .mo-fila:not(.mo-fila--centrada) .mo-fila__cabeza {
	margin-bottom: 30px;
}
.mo-card__img {
	position: relative;
	display: block;
	aspect-ratio: 1;
}
.mo-card__img img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 6px;
	display: block;
}
.mo-badge {
	position: absolute;
	z-index: auto;
	top: 21px;
	left: 194px;
	display: inline-flex;
	align-items: center;
	gap: 1px;
	background: var(--mo-azul);
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: .3px;
	padding: 3px 6px;
	border-radius: 2px;
}
.mo-card__colores {
	display: flex;
	flex-wrap: wrap;
	height: 29px;
	margin: 10px 0 0;
	padding: 0 0 0 1px;
	overflow: hidden;
}
.mo-swatch {
	display: inline-block;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 1px solid rgba(34, 34, 34, .2);
	margin: 6px 11px 5px 3px;
}
.mo-swatch span {
	display: block;
	width: 16px;
	height: 16px;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 1px rgba(34, 34, 34, .1);
}
.mo-card--colores .mo-card__titulo {
	margin-top: 5px !important;
}
.mo-card__titulo {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20.8px !important;
	letter-spacing: .3px;
	margin: 15px 0 4px !important;
	padding: 0 10px;
}
.mo-card__titulo a {
	display: block;
	color: var(--mo-texto);
	text-decoration: none;
	text-transform: lowercase;
}
/* Shopify muestra el nombre en minúsculas con la primera letra en mayúscula. */
.mo-card__titulo a::first-letter {
	text-transform: uppercase;
}
.mo-card__titulo a:hover {
	text-decoration: underline;
}
.mo-card__precios {
	padding: 0 10px;
	line-height: 21px;
}
.mo-card__precio {
	font-size: 16px;
	font-weight: 700;
	color: var(--mo-negro);
}
.mo-card__antes {
	font-size: 14px;
	font-weight: 400;
	color: var(--mo-gris);
}

/* ---------- Best Sellers ---------- */

.mo-bestsellers {
	padding: 50px var(--mo-lado) 36px;
}
.mo-bestsellers .mo-titulo {
	margin-bottom: 30px !important;
}
.mo-bestsellers .mo-carrusel {
	padding: 0 48px;
}
.mo-bestsellers .mo-carrusel__pista {
	gap: 16px;
}
.mo-bs {
	position: relative;
	width: calc((100% - 64px) / 5);
	border-radius: 16px;
	overflow: hidden;
	background: #000;
	display: flex;
	flex-direction: column;
}
.mo-bs__video {
	position: relative;
	display: block;
	aspect-ratio: 9 / 16;
}
.mo-bs__video video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mo-bs__info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 48px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 50px 12px 12px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .55));
	color: #fff;
	text-decoration: none;
}
.mo-bs__info img {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	border-radius: 4px;
	background: #fff;
	object-fit: contain;
}
.mo-bs__info > span {
	min-width: 0;
	display: flex;
	flex-direction: column;
}
.mo-bs__nombre {
	font-size: 13px;
	font-weight: 500;
	line-height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mo-bs__precio {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
}
.mo-bs__boton {
	flex: 0 0 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.mo-bs__boton:hover {
	background: #222;
}
.mo-bestsellers .mo-carrusel__flecha {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #e6e6e6;
	color: #fff;
}
.mo-bestsellers .mo-carrusel__flecha--prev {
	left: 0;
}
.mo-bestsellers .mo-carrusel__flecha--next {
	right: 0;
}

/* ---------- Instagram ---------- */

.mo-ig {
	padding: 20px var(--mo-lado) 32px;
	text-align: center;
}
.mo-ig .mo-titulo {
	margin-bottom: 28px !important;
}
.mo-ig__perfil {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 700;
	color: var(--mo-texto);
	text-decoration: none;
	margin-bottom: 40px;
}
.mo-ig__icono {
	width: 60px;
	height: 60px;
	background: var(--mo-azul);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mo-ig__item {
	width: calc((100% - 32px) / 5);
	aspect-ratio: 263 / 450;
}
.mo-ig__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}
.mo-ig .mo-carrusel__flecha {
	width: 46px;
	height: 34px;
	background: var(--mo-azul);
	color: #fff;
}
.mo-ig .mo-carrusel__flecha--prev {
	left: 0;
}
.mo-ig .mo-carrusel__flecha--next {
	right: 0;
}

/* ---------- Suscripción ---------- */

.mo-news {
	padding: 68px 20px 56px;
	text-align: center;
}
.mo-news__titulo {
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 31.2px !important;
	color: var(--mo-texto);
	max-width: 680px;
	margin: 0 auto 21px !important;
}
.mo-news__form {
	display: flex;
	justify-content: center;
	gap: 15px;
	max-width: 680px;
	margin: 0 auto;
}
.mo-news__form input[type="email"] {
	flex: 0 1 541px;
	height: 44px;
	border: 0;
	border-radius: 0;
	background: #f2f2f2;
	padding: 0 15px;
	font-size: 14px;
	color: #2a2a2a;
}
.mo-news__form button {
	flex: 0 0 auto;
	height: 44px;
	padding: 0 10px;
	min-width: 122px;
	border: 0;
	border-radius: 0;
	background: var(--mo-azul);
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}
.mo-news__trampa {
	position: absolute !important;
	left: -9999px;
}
.mo-news__msj {
	margin: 14px 0 0;
	font-size: 14px;
}

/* ---------- Pie de página ---------- */

.mo-footer-wrap {
	margin: 0 !important;
	padding: 0 !important;
}
.mo-pie {
	background: #222;
	color: #fff;
	font-size: 16px;
	letter-spacing: .3px;
}
.mo-pie a {
	color: #fff;
	text-decoration: none;
}
.mo-pie a:hover {
	text-decoration: underline;
}
.mo-pie__top {
	display: grid;
	grid-template-columns: 1fr 605px;
	align-items: center;
	gap: 40px;
	padding: 15px var(--mo-lado) 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.mo-pie__logo img {
	width: 200px;
	height: 200px;
	object-fit: contain;
	display: block;
}
.mo-pie__intro {
	margin: 0;
	line-height: 28.8px;
}
.mo-pie__cols {
	display: grid;
	grid-template-columns: 1.073fr 1fr 1fr;
	column-gap: 38px;
	padding: 30px var(--mo-lado) 40px;
}
.mo-pie__titulo {
	color: #fff !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 27px !important;
	margin: 0 0 20px !important;
}
.mo-pie__horario {
	margin: 0;
	padding-bottom: 15px;
	line-height: 35px;
}
.mo-pie__dato {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding-bottom: 15px;
	line-height: 35px;
}
.mo-pie__dato:last-child {
	padding-bottom: 0;
}
.mo-pie__dato svg {
	flex: 0 0 25px;
}
.mo-pie__dato span {
	min-width: 0;
}
.mo-pie__dato--correo span {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
}
.mo-pie__tel {
	text-decoration: underline !important;
}
.mo-pie__links {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 35px;
}
.mo-pie__legal {
	background: rgba(255, 255, 255, .1);
	padding: 5px var(--mo-lado);
}
.mo-pie__legal ul {
	width: 50%;
	margin: 0 0 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	row-gap: 1px;
	line-height: 28.8px;
}
.mo-pie__legal li {
	display: inline-flex;
	align-items: center;
}
.mo-pie__legal li + li::before {
	content: "";
	display: block;
	width: 1px;
	height: 25px;
	background: rgba(255, 255, 255, .1);
	margin: 0 15px;
}
.mo-pie__copy {
	padding: 10px var(--mo-lado);
	font-size: 16px;
	line-height: 20px;
}

/* ---------- WhatsApp ---------- */

.mo-whatsapp {
	position: fixed;
	right: 23px;
	bottom: 25px;
	z-index: 9999;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #4dc247;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	transition: transform .2s;
}
.mo-whatsapp:hover {
	transform: scale(1.07);
}
.mo-whatsapp svg {
	width: 26px;
	height: 26px;
}
.mo-whatsapp__aviso {
	position: absolute;
	top: -3px;
	right: -3px;
	min-width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #f00;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	line-height: 15px;
	text-align: center;
}

/* ---------- Etiqueta de descuento en bloques de WooCommerce ---------- */

.onsale,
.wc-block-components-product-sale-badge {
	background: var(--mo-azul) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 2px !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: normal !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: .3px;
	padding: 3px 6px !important;
	text-transform: none !important;
}
.wc-block-components-product-image .wc-block-components-product-sale-badge {
	left: auto !important;
	right: -11px !important;
	top: 21px !important;
	margin: 0 !important;
}
.wc-block-components-product-image {
	overflow: visible !important;
}

/* ---------- Páginas de categoría, búsqueda y producto ---------- */

.wc-block-product-template .wp-block-post-title,
.woocommerce-loop-product__title {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20.8px !important;
	min-height: 41.6px;
}
.wc-block-product-template .wp-block-post-title a,
.woocommerce-loop-product__title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-decoration: none;
	color: var(--mo-texto);
}
.wc-block-product-template .wc-block-components-product-price {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}
.wc-block-components-product-price:has(del) {
	display: inline-flex !important;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: baseline;
	gap: 6px;
}
.wc-block-components-product-price del {
	color: var(--mo-gris);
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	margin: 0;
}
.wc-block-components-product-price ins {
	text-decoration: none;
}
.single-product .wp-block-post-title,
.tax-product_cat .wp-block-query-title,
.post-type-archive-product .wp-block-query-title {
	font-size: clamp(24px, 2.8vw, 32px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}
.single-product .wp-block-post-excerpt,
.single-product .wp-block-post-excerpt__excerpt {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: var(--mo-gris);
}
.single-product .wp-block-woocommerce-product-price {
	font-size: 26px !important;
	font-weight: 700;
}
.wp-block-button__link,
.single_add_to_cart_button {
	background: #000 !important;
	color: #fff !important;
	border-radius: 0 !important;
	font-weight: 500 !important;
}
.woocommerce-breadcrumb {
	font-size: 13px;
	color: #6b6b6b;
}

/* ---------- Pantallas más chicas ---------- */

@media (max-width: 1100px) {
	.mo-pie__top { grid-template-columns: 1fr 1fr; }
	.mo-pie__cols { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
}
@media (max-width: 990px) {
	.mo-fila__grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mo-fila__grilla .mo-card:nth-child(n+4) { display: none; }
	.mo-ig__item { width: calc((100% - 16px) / 3); }
}
@media (max-width: 749px) {
	/* Medidas de la portada de Shopify a 375 px. */
	:root { --mo-lado: 15px; }
	.mo-desk { display: none !important; }
	.mo-mob { display: block !important; }

	/* Encabezado: franja de 23 px, barra de 42 px, logo de 72 px, íconos de 20 px separados por 8 px. */
	.mo-marquee { height: 23px; line-height: 23px; }
	.mo-header { padding: 0 15px !important; height: 42px; gap: 24px !important; }
	.mo-header .wp-block-site-logo, .mo-header .wp-block-site-logo img { width: 72px !important; }
	.mo-nav { flex: 0 0 auto; order: -1; }
	.mo-nav .wp-block-navigation__responsive-container-open svg { width: 20px; height: 20px; }
	.mo-iconos { gap: 8px; }
	.mo-carrito__texto { display: none; }
	.mo-carrito__cantidad { margin-left: 8px; }
	.mo-buscador { width: calc(100vw - 30px); }

	/* Banner: flechas y puntos de 24 px, 11 px sobre el borde. */
	.mo-slider__controles { bottom: 11px; }
	.mo-slider__prev, .mo-slider__next { margin: 0; }
	.mo-slider__punto { width: 24px; height: 24px; }

	/* Títulos */
	.mo-titulo { font-size: 25.6px !important; line-height: 30.72px !important; padding: 0 5px; }
	.mo-fila__titulo { font-size: 22px !important; line-height: 28.6px !important; }

	/* Categorías: 2 a la vista, separación de 4 px. */
	.mo-cats { margin-top: 0 !important; padding: 40px var(--mo-lado) 28px; }
	.mo-cats .mo-titulo { margin-bottom: 12px !important; }
	.mo-cats .mo-carrusel__pista { gap: 4px; }
	.mo-cat { width: calc((100% - 4px) / 2); }
	.mo-cat__nombre { margin-top: 9px; line-height: 18.2px; }

	/* Reseñas: una tarjeta de 225 px centrada, sin flechas. */
	.mo-resenas-seccion { padding: 50px var(--mo-lado) 77px; }

	/* Filas: carrusel con 2 tarjetas de 171 px a la vista; "ver más" bajo el título. */
	.mo-fila { padding: 10px var(--mo-lado) 6px; }
	.mo-fila__cabeza,
	.mo-fila + .mo-fila:not(.mo-fila--centrada) .mo-fila__cabeza { flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
	.mo-fila__cabeza .mo-vermas { margin-top: -1px; }
	.mo-fila__grilla {
		display: flex;
		gap: 4px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin: 0 calc(var(--mo-lado) * -1);
		padding: 0 var(--mo-lado);
		scroll-padding: 0 var(--mo-lado);
	}
	.mo-fila__grilla::-webkit-scrollbar { display: none; }
	.mo-fila__grilla .mo-card { flex: 0 0 calc((100% - 4px) / 2); scroll-snap-align: start; }
	.mo-fila__grilla .mo-card:nth-child(n+4) { display: block; }
	.mo-fila:not(.mo-fila--centrada) .mo-card { min-height: 0; }
	.mo-card { padding-bottom: 10px; }
	.mo-card__titulo { font-size: 14px !important; line-height: 18.2px !important; margin: 10px 0 4px !important; }
	.mo-card__colores { height: auto; margin-top: 4px; }
	.mo-card--colores .mo-card__titulo { margin-top: 5px !important; }
	.mo-card__precios { line-height: 20px; height: 20px; }
	.mo-card__precio { font-size: 15px; }
	.mo-card__antes { font-size: 13px; }
	.mo-badge { top: 17px; font-size: 10px; padding: 2px 6px; }
	.mo-fila--centrada { padding: 20px var(--mo-lado) 26px; }
	.mo-fila--centrada .mo-titulo { font-size: 24px !important; line-height: 28.8px !important; margin-bottom: 17px !important; }
	.mo-fila__vermas-centro { text-align: left; margin-bottom: 20px; }

	/* Best Sellers: tarjetas de 210 px separadas por 16 px. */
	.mo-bestsellers { padding: 51px var(--mo-lado) 18px; }
	.mo-bestsellers .mo-titulo { margin-bottom: 29px !important; }
	.mo-bestsellers .mo-carrusel { padding: 0; }
	.mo-bs { width: 210px; }
	.mo-bestsellers .mo-carrusel__flecha { display: none; }

	/* Instagram: 2 a la vista. */
	.mo-ig { padding: 20px var(--mo-lado) 60px; }
	.mo-ig .mo-titulo { margin-bottom: 18px !important; }
	.mo-ig .mo-carrusel__pista { gap: 4px; }
	.mo-ig__item { width: calc((100% - 4px) / 2); }

	/* Suscripción: título de 20 px, campo de ancho completo y botón centrado debajo. */
	.mo-news { padding: 50px 21px 39px; }
	.mo-news__titulo { font-size: 20px !important; line-height: 26px !important; max-width: 335px; }
	.mo-news__form { flex-direction: column; align-items: center; gap: 10px; }
	.mo-news__form input[type="email"] { flex: 0 0 44px; width: 100%; align-self: stretch; }

	/* Pie: logo y texto centrados; columnas en acordeón con "+". */
	.mo-pie__top { grid-template-columns: 1fr; justify-items: center; gap: 20px; padding: 15px var(--mo-lado) 0; border: 0; }
	.mo-pie__intro { text-align: center; line-height: 32px; }
	.mo-pie__cols { grid-template-columns: 1fr; gap: 0; padding: 66px var(--mo-lado) 20px; }
	.mo-pie__col { margin-bottom: 15px; }
	.mo-pie__col:last-child { margin-bottom: 0; }
	.mo-pie__titulo { position: relative; font-size: 16px !important; line-height: 20px !important; margin: 0 !important; cursor: pointer; }
	.mo-pie__titulo::after { content: "+"; position: absolute; right: 0; top: -6px; font-size: 28px; font-weight: 400; line-height: 32px; }
	.mo-pie__col--abierta .mo-pie__titulo::after { content: "−"; }
	.mo-pie__col:not(.mo-pie__col--abierta) > :not(.mo-pie__titulo) { display: none; }
	.mo-pie__col--abierta .mo-pie__titulo { margin-bottom: 15px !important; }
	.mo-pie__links, .mo-pie__dato, .mo-pie__horario { font-size: 14px; line-height: 32px; }
	.mo-pie__legal { padding: 15px var(--mo-lado) 5px; }
	.mo-pie__legal ul { width: auto; margin: 0; justify-content: center; font-size: 14px; line-height: 32px; row-gap: 0; }
	.mo-pie__copy { text-align: center; font-size: 12px; line-height: 15px; padding: 12px var(--mo-lado) 18px; }
	.mo-whatsapp { right: 14px; bottom: 14px; }
}
