/* MediaLab v2: capa minimalista sobre medialab.css. Escala compacta, sin itálica, títulos centrados, botones de radio 8, tarjetas con borde fino, grafito solo en el pie y pestañas abajo en el celular. */
:root {
	--ml-line: rgba(11, 11, 11, .11);
	--ml-surf: #F8F7F4;
	--ml-mut: #615C56;
	--ml-r: 8px;
	--ml-rc: 10px;
}
body { font-size: 15px; }

/* Sin itálica de marca: la palabra queda igual que el resto del título. */
h1 em, h2 em, h3 em, .ml-it { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; color: inherit; }

/* Sin las animaciones por scroll de la v1; la v2 usa sus propias entradas (al final del archivo). */
.ml-in, .ml-rise, .ml-reveal, .ml-zoom img { animation: none !important; clip-path: none !important; }

/* Aviso y menú */
.ml-annc { background: var(--ml-paper-2); color: var(--ml-grafito); padding-block: 7px; font-size: 13px; }
.ml-annc a { color: var(--ml-accent); margin-left: 8px; }
.ml-annc a:hover { color: var(--ml-ink); }
.ml-nav { padding-block: 12px; border-bottom: 1px solid var(--ml-line); }
.ml-logo img { height: 30px; transition: height .25s var(--ml-ease); }
/* Con la barra pegada arriba el logo se achica un poco para dejarle lugar al contenido. */
header.is-scrolled .ml-logo img { height: 26px; }
.ml-menu a { font-size: 14px; }
.ml-menu .wp-block-navigation-item__content { padding: 6px 12px; border-radius: var(--ml-r); }
.ml-menu .current-menu-item > .wp-block-navigation-item__content { background: var(--ml-paper-2); color: var(--ml-ink); }
.ml-menu .wp-block-navigation__container { gap: 4px; }

/* Botones: sin salto al pasar el mouse. */
.wp-block-button__link:hover, .wp-block-button__link:active { transform: none; }
.ml-btn-sand .wp-block-button__link { background: var(--ml-accent); color: var(--ml-paper); }
.ml-btn-sand .wp-block-button__link:hover { background: #2B5670; color: var(--ml-paper); }
.wp-block-button.is-style-outline .wp-block-button__link { border-width: 1px; }

/* Secciones: el grafito queda solo en el pie; las franjas oscuras pasan a secciones claras con una línea arriba. */
.ml-hero { padding-top: 56px; }
.ml-top { padding-top: 40px; }
.ml-sec { padding-block: clamp(48px, 5vw, 72px); }
.ml-dark { background: none; color: var(--ml-ink); padding-block: clamp(48px, 5vw, 72px); margin-top: 0; border-top: 1px solid var(--ml-line); }
.ml-dark a { color: inherit; }
.ml-dark .ml-card-meta { color: var(--ml-mut); }
.ml-dark.ml-vids { padding-block: clamp(48px, 5vw, 72px); }
.ml-warm { background: none; border-top: 1px solid var(--ml-line); }
.ml-lede { font-size: 16px; color: var(--ml-mut); max-width: 46ch; }
.ml-pills { gap: 6px; margin-top: 20px !important; }
.ml-pill { font-size: 13px; background: none; box-shadow: inset 0 0 0 1px var(--ml-line); padding: 5px 11px; border-radius: var(--ml-r); color: var(--ml-mut); }
.ml-sec-foot { margin-top: 28px !important; }
.ml-disclosure { font-size: 13px; color: var(--ml-mut); background: none; border: 1px solid var(--ml-line); border-radius: var(--ml-rc); padding: 12px 16px; margin-top: 24px !important; }
.ml-note { font-size: 14px; color: var(--ml-mut); }

/* Páginas de texto */
body:not(.woocommerce-page) .ml-page { padding-block: 48px 72px; }
body:not(.woocommerce-page) .ml-page .wp-block-post-title { font-size: var(--wp--preset--font-size--xx-large); line-height: 1.1; margin-bottom: 20px; }
body:not(.woocommerce-page) .ml-page .wp-block-post-content { font-size: 16px; }
body:not(.woocommerce-page) .ml-page .wp-block-post-content h2 { font-size: 20px; letter-spacing: -0.01em; margin-top: 1.8em; }

/* Redes en la portada: más chicas, mismo orden. */
.ml-socials { width: min(100%, 880px); gap: 12px; margin-top: 40px !important; }
.ml-socials-2 { width: min(100%, 720px); }
.ml-socials-1 { width: min(100%, 560px); }
.ml-soc { border-radius: var(--ml-rc); }
.ml-soc:hover { transform: none; }
.ml-soc-bar { font-size: 13px; padding: 10px 12px; }
.ml-soc-go { font-size: 12px; padding: 5px 10px; border-radius: 6px; }

/* Tarjetas de video */
.ml-pic { border-radius: var(--ml-rc); }
.ml-hover:hover .ml-pic img { transform: none; }
.ml-pic::after { width: 44px; height: 44px; margin: -22px 0 0 -22px; background-size: 20px; background-color: rgba(243, 241, 239, .92); }
.ml-hover:hover .ml-pic::after { transform: none; }
.ml-short .ml-pic::after { width: 34px; height: 34px; margin: -17px 0 0 -17px; background-size: 16px; }
.ml-dur { font-size: 12px; font-weight: 500; }
.ml-soon { font-size: 12px; padding: 4px 10px; border-radius: 6px; }
.ml-card-title { font-size: 15px; font-weight: 500; line-height: 1.35; letter-spacing: 0; }
.ml-card-meta { font-size: 13px; color: var(--ml-mut); }
.ml-lv-feat .ml-card-title { font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.ml-short .ml-card-title { font-size: 13px; }
.ml-longs { margin-top: 32px !important; gap: 20px; }
.ml-longs-side { gap: 24px; }
.ml-shorts-h, .ml-vids .ml-shorts-h { font-size: 18px; }
.ml-shorts-h { margin-top: 48px !important; }
.ml-vids-intro { font-size: 15px; color: var(--ml-mut); gap: 14px; }
.ml-shorts-strip { margin-top: 32px !important; gap: 12px; }

/* Página Videos */
.ml-featl { background: var(--ml-surf); color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); overflow: hidden; margin-top: 36px !important; }
.ml-featl-txt .ml-card-meta { color: var(--ml-mut); }
.ml-featl .ml-pic { border-radius: 0; }
.ml-list { padding-bottom: 72px; }
.ml-list-h { font-size: var(--wp--preset--font-size--x-large); margin-top: 48px !important; }
.ml-longs-grid { margin-top: 24px !important; gap: 28px 20px !important; }
.ml-shorts-grid { margin-top: 24px !important; gap: 20px 12px !important; }

/* Equipo */
.ml-gear { gap: 16px; margin-top: 24px !important; }
.ml-gear-item { width: calc((100% - 32px) / 3); background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); }
.ml-gear-item:hover .ml-gear-pic img { transform: none; }
.ml-gear-pic .ml-ph { font-family: inherit; font-style: normal; font-weight: 600; font-size: 16px; }
.ml-tag { font-size: 11px; padding: 4px 8px; border-radius: 6px; left: 10px; top: 10px; }
.ml-gear-txt { padding: 14px 16px 16px; gap: 4px; }
.ml-gear-name { font-size: 15px !important; font-weight: 600; letter-spacing: 0; line-height: 1.3 !important; }
.ml-gear-txt p { font-size: 14px; color: var(--ml-mut); }
.ml-gear-txt .ml-card-meta { font-size: 12px; }
.ml-gear-links { padding-top: 10px; gap: 6px; }
.ml-gear-links .wp-block-button__link { font-size: 13px; padding: 7px 12px; }
.ml-cat { padding-top: clamp(48px, 5vw, 64px); }
.ml-cat-desc { color: var(--ml-mut); font-size: 14px; }
.ml-jump { margin-top: 20px !important; gap: 6px; }
.ml-jump a { min-height: 34px; padding: 0 12px; border-radius: var(--ml-r); background: none; box-shadow: inset 0 0 0 1px var(--ml-line); font-size: 13px; }
.ml-jump a:hover { background: var(--ml-ink); color: var(--ml-paper); box-shadow: none; }
.ml-kit-lede { font-size: 16px; color: var(--ml-mut); }
.ml-kit-note { font-size: 13px; color: var(--ml-mut); }
.ml-kit-grid { gap: 10px; }
.ml-kit-tile { border: 1px solid var(--ml-line); border-radius: var(--ml-rc); box-shadow: none; }
.ml-kit-tile:hover { transform: none; box-shadow: none; border-color: rgba(11, 11, 11, .28); }
#equipo.ml-sec { padding-bottom: clamp(48px, 5vw, 72px); }

/* Quiz de equipo */
.ml-quiz-head > p:last-child { font-size: 15px; color: var(--ml-mut); }
.ml-quiz-kicker { font-size: 12px; }
.ml-quiz-card { background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); }
.ml-quiz-step legend { font-size: 20px; font-weight: 600; }
.ml-quiz-count { font-size: 13px; }
.ml-quiz-opt { border: 1px solid var(--ml-line); border-radius: var(--ml-r); padding: 14px 16px; }
.ml-quiz-opt strong { font-size: 15px; }
.ml-quiz-opt span { font-size: 13px; color: var(--ml-mut); }
.ml-quiz-opt:has(input:checked) { border-color: var(--ml-accent); box-shadow: inset 0 0 0 1px var(--ml-accent); }
.ml-quiz-result h3 { font-size: 22px; }
.ml-quiz-item { border: 1px solid var(--ml-line); border-radius: var(--ml-r); }
.ml-quiz-item strong { font-size: 15px; }
.ml-quiz-item p { font-size: 14px; }
.ml-quiz-buy { border-radius: 6px; font-size: 13px; padding: 6px 12px; }

/* Marcas y servicios */
.ml-brands { margin-top: 32px !important; gap: 10px; max-width: 960px; }
.ml-brands li { min-height: 104px; border-radius: var(--ml-rc); font-size: 18px; }
.ml-brands img { max-height: 52px; }
.ml-brands .ml-brand-person img { height: 88px; }
.ml-svc { margin-top: 32px !important; gap: 16px !important; }
.ml-svc-item { background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); padding: 20px; text-align: left; }
.ml-svc-item h3 { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
.ml-svc-item p { font-size: 14px; color: var(--ml-mut); }

/* Tienda: tarjetas con borde fino; foto, título, estado y precio. */
.ml-shop { padding-bottom: 72px; }
.ml-shop-intro h1 { font-size: var(--wp--preset--font-size--xx-large); }
.ml-shop-intro .ml-lede { margin-top: 10px !important; }
.ml-shop ul.products { gap: 16px; margin-top: 32px !important; }
.ml-shop ul.products li.product { background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); overflow: hidden; padding: 0 !important; transition: border-color .2s ease; }
.ml-shop ul.products li.product:hover { border-color: rgba(11, 11, 11, .28); }
.ml-shop ul.products li.product a img { margin: 0 !important; background: var(--ml-paper-2); }
.ml-shop ul.products li.product:hover img { transform: none; }
.ml-shop ul.products li.product .woocommerce-loop-product__title { font-size: 14.5px; font-weight: 500; line-height: 1.35; padding: 12px 14px 0 !important; margin: 0 !important; color: var(--ml-ink); }
.ml-shop ul.products li.product .ml-card-cond { margin: 6px 14px 0; font-size: 12px; color: var(--ml-mut); display: flex; align-items: center; gap: 6px; }
.ml-shop ul.products li.product .price { padding: 10px 14px 14px; margin-bottom: 0 !important; font-size: 15px !important; font-weight: 600; font-variant-numeric: tabular-nums; }
.ml-shop .button, .ml-shop button.single_add_to_cart_button { border-radius: var(--ml-r) !important; }
.ml-shop .onsale { border-radius: 6px; }

/* Ficha */
.ml-product .product_title { font-size: clamp(22px, 2vw, 28px); font-weight: 600; line-height: 1.15; letter-spacing: -0.015em; margin-bottom: 10px; }
.ml-product .ml-kicker { font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.ml-product div.product p.price, .ml-product div.product span.price { font-size: 22px; font-weight: 600; color: var(--ml-ink); font-variant-numeric: tabular-nums; }
.ml-product .woocommerce-product-details__short-description { font-size: 14px; color: var(--ml-mut); }
.ml-product .ml-quiero__btn { display: flex; justify-content: center; width: 100%; padding: 13px 24px !important; font-size: 15px !important; font-weight: 600; border-radius: var(--ml-r) !important; }
.ml-product .ml-quiero__nota { font-size: 12px; text-align: center; color: var(--ml-mut); }
.ml-product .ml-vendido { display: block; text-align: center; border-radius: var(--ml-r); font-size: 15px; font-weight: 600; }
.ml-product .ml-sku { font-size: 11px; }
.ml-product .ml-incluye { border-top-color: var(--ml-line); }
.ml-product .ml-incluye__t, .ml-product .ml-kicker a { color: var(--ml-mut); }
.ml-product .ml-incluye__t { font-size: 11px; font-weight: 600; }
.ml-product .ml-incluye ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ml-product .ml-incluye li { margin: 0; font-size: 13px; padding: 4px 10px; border-radius: var(--ml-r); background: var(--ml-paper-2); }
.ml-product .ml-compra { gap: 0; padding-top: 0; border-top-color: var(--ml-line); font-size: 13px; }
.ml-product .ml-compra > div { grid-template-columns: 7em 1fr; padding: 10px 0; border-bottom: 1px solid var(--ml-line); }
.ml-product .ml-compra dt { font-weight: 600; }
.ml-product .ml-compra-link { font-size: 13px; }
.ml-product div.product div.images img { border-radius: var(--ml-rc); }
.ml-product div.product div.images .flex-control-thumbs img { border-radius: 6px; }
.ml-product .woocommerce-tabs ul.tabs li a { font-size: 14px; font-weight: 600; }
.ml-product .woocommerce-Tabs-panel { font-size: 15px; }
.ml-product .woocommerce-Tabs-panel h2, .ml-product .woocommerce-Tabs-panel h3 { font-size: 17px; margin-top: 1.6em; }
.ml-product .related > h2, .ml-product .upsells > h2 { font-size: var(--wp--preset--font-size--x-large); }

/* Cierre de la tienda */
.ml-howto { margin-top: 56px; padding-top: 0; border-top: 0; }
.ml-howto__h { font-size: var(--wp--preset--font-size--x-large); margin-bottom: 20px; text-align: center; }
.ml-howto__grid { gap: 20px 24px; }
.ml-howto__grid > div { border-top: 1px solid var(--ml-line); padding-top: 12px; }
.ml-howto__grid dt { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.ml-howto__grid dd { font-size: 13px; color: var(--ml-mut); }

/* Pie: la única franja oscura. */
.ml-foot { background: var(--ml-grafito); padding-block: 36px 24px; }
.ml-foot-word { font-size: 22px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.ml-foot-links { gap: 20px; font-size: 14px; }
.ml-foot-links a { color: rgba(243, 241, 239, .8); text-decoration: none; }
.ml-foot-legal { font-size: 12px; color: rgba(243, 241, 239, .55); margin-top: 20px !important; padding-top: 16px; border-top: 1px solid rgba(243, 241, 239, .12); }
.ml-foot-legal a { color: rgba(243, 241, 239, .75); }

/* Celular: pestañas abajo y, en la ficha, barra de compra. Arriba queda solo el logo y el carrito. */
.ml-tabbar, .ml-buybar { display: none; }
@media (max-width: 781px) {
	.ml-menu .wp-block-navigation__responsive-container-open { display: none !important; }
	.ml-nav { padding-block: 10px; }
	.ml-logo img { height: 24px; }
	header.is-scrolled .ml-logo img { height: 21px; }
	.ml-hero { padding-top: 32px; }
	.ml-tabbar, .ml-buybar { display: grid; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(243, 241, 239, .94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top: 1px solid var(--ml-line); padding-bottom: env(safe-area-inset-bottom, 0px); }
	.ml-tabbar { grid-template-columns: repeat(var(--ml-tabs, 4), minmax(0, 1fr)); padding-top: 6px; }
	.ml-tabbar a { display: grid; justify-items: center; gap: 2px; padding: 4px 0 6px; font-size: 10.5px; font-weight: 500; color: var(--ml-mut); text-decoration: none; }
	.ml-tabbar a.is-on { color: var(--ml-accent); }
	.ml-tabbar svg, .ml-buybar svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
	.ml-buybar { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); }
	.ml-buybar__back { display: grid; place-items: center; width: 40px; height: 40px; color: var(--ml-ink); }
	.ml-buybar__price { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
	.ml-buybar__price small { display: block; font-size: 11px; font-weight: 500; color: var(--ml-mut); }
	.ml-buybar__price .woocommerce-Price-amount { color: var(--ml-ink); }
	.ml-buybar__btn { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: var(--ml-r); background: var(--ml-accent); color: var(--ml-paper); font-size: 15px; font-weight: 600; text-decoration: none; }
	.ml-buybar__btn.is-sold { background: var(--ml-paper-2); color: var(--ml-grafito-2); }
	body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
	.ml-gear-item { width: 100%; }
	.ml-shop ul.products { gap: 10px; }
	.ml-shop ul.products li.product .woocommerce-loop-product__title { font-size: 13px; padding: 10px 10px 0 !important; }
	.ml-shop ul.products li.product .ml-card-cond { margin-inline: 10px; }
	.ml-shop ul.products li.product .price { padding: 8px 10px 12px; font-size: 14px !important; }
	.ml-howto__grid { grid-template-columns: 1fr; }
	.ml-foot-row { flex-direction: column; align-items: flex-start !important; gap: 16px; }
}

/* La galería de la ficha se ve desde el primer instante; WooCommerce la deja invisible hasta que cargan todas las fotos. */
.ml-product .woocommerce-product-gallery { opacity: 1 !important; }
@media (max-width: 781px) {
	.ml-annc { font-size: 12px; padding-inline: 16px; }
	/* El asistente de Hostinger (solo para administradores) queda arriba de las pestañas. */
	.kodee-fab { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* ===== v2.1: inicio más ordenado y movimiento tipo app ===== */

/* Encabezado fijo: el aviso se va con el scroll y la barra queda arriba con fondo esmerilado. */
header.wp-block-template-part { position: sticky; top: calc(-1 * var(--ml-annc-h, 0px)); z-index: 60; view-transition-name: ml-header; }
body.admin-bar header.wp-block-template-part { top: calc(32px - var(--ml-annc-h, 0px)); }
@media (max-width: 782px) { body.admin-bar header.wp-block-template-part { top: calc(46px - var(--ml-annc-h, 0px)); } }
/* El fondo esmerilado va en todo el ancho del encabezado; la barra del menú tiene ancho máximo. */
header.wp-block-template-part { background: rgba(243, 241, 239, .86); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--ml-line); transition: box-shadow .25s ease; }
header.wp-block-template-part .ml-nav { background: none; border-bottom: 0; }
header.is-scrolled { box-shadow: 0 8px 24px -18px rgba(11, 11, 11, .35); }
.ml-menu .wp-block-navigation-item__content { transition: background-color .2s ease, color .2s ease; }
.ml-menu .wp-block-navigation-item__content:hover { background: rgba(11, 11, 11, .05); }

/* Encabezado de sección: antetítulo, título y una línea de texto, centrados. */
.ml-eyebrow { margin-block: 0 8px !important; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ml-accent); }
.ml-sec-h { text-align: center; display: grid; justify-items: center; gap: 0; margin-bottom: 32px !important; }
.ml-sec-h > * { margin: 0 !important; }
.ml-sec-h .ml-sec-lede { margin-top: 10px !important; max-width: 52ch; font-size: 15px; color: var(--ml-mut); }
.ml-more { text-align: center; margin-block: 32px 0 !important; font-size: 14px; font-weight: 600; }
.ml-more a { color: var(--ml-accent); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.ml-more a::after { content: "→"; transition: transform .2s var(--ml-ease); }
.ml-more a:hover::after { transform: translateX(3px); }

/* Fondos que separan: el inicio alterna papel con paneles cálidos de esquinas redondas. */
.ml-panel { background: var(--ml-paper-2) !important; border: 0 !important; border-radius: 28px; margin-inline: clamp(8px, 1.6vw, 24px) !important; padding-block: clamp(48px, 5vw, 72px) !important; }
.ml-panel + .ml-sec, .ml-sec + .ml-panel { margin-top: 0; }
#contacto.ml-warm { border-top: 0; }
#marcas .ml-lede { margin-top: 10px !important; }

/* Redes: una fila compacta tipo lista de app, en vez de los tres previews. */
.ml-dock { list-style: none; margin: 40px auto 0 !important; padding: 0; width: min(100%, 760px); display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: 16px; overflow: hidden; text-align: left; }
.ml-dock li { margin: 0; }
.ml-dock li + li { border-left: 1px solid var(--ml-line); }
.ml-dock a { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 14px 16px; color: var(--ml-ink); text-decoration: none; transition: background-color .2s ease, transform .15s ease; }
.ml-dock a:hover { background: rgba(11, 11, 11, .035); }
.ml-dock__ic { width: 36px; height: 36px; border-radius: 10px; background: var(--ml-grafito); color: var(--ml-paper); display: grid; place-items: center; transition: transform .25s var(--ml-ease); }
.ml-dock__ic svg { width: 18px; height: 18px; fill: currentColor; }
.ml-dock a:hover .ml-dock__ic { transform: scale(1.06); }
.ml-dock__t { display: grid; min-width: 0; line-height: 1.25; }
.ml-dock__t strong { font-size: 14px; font-weight: 600; }
.ml-dock__t small { font-size: 12px; color: var(--ml-mut); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ml-dock__go { font-size: 12px; font-weight: 600; color: var(--ml-accent); white-space: nowrap; }
@media (max-width: 781px) {
	.ml-dock { grid-template-columns: 1fr; }
	.ml-dock li + li { border-left: 0; border-top: 1px solid var(--ml-line); }
}

/* Videos: filas parejas. Tres largos del mismo tamaño y seis Shorts; en el celular cada fila se desliza de costado. */
.ml-vids .ml-rail { display: grid; gap: 16px; margin-block: 0 !important; }
.ml-vids .ml-rail > * { margin: 0 !important; }
.ml-vids .ml-rail--longs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ml-vids .ml-rail--shorts { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.ml-vids .ml-rail-h { display: flex; align-items: baseline; justify-content: center; gap: 10px; margin-block: 40px 16px !important; }
.ml-vids .ml-rail-h > * { margin: 0 !important; }
.ml-vids .ml-rail-h h3 { font-size: 17px; font-weight: 600; }
.ml-vids .ml-lv, .ml-vids .ml-short { gap: 8px; }
.ml-vids .ml-lv .ml-card-title { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ml-vids .ml-lv .ml-card-meta { font-size: 12px; }
.ml-vids .ml-short .ml-pic { aspect-ratio: 9 / 16; }
.ml-vids .ml-short .ml-card-title, .ml-vids .ml-short .ml-card-meta { display: none; }
.ml-vids .ml-pic { border-radius: 12px; background: var(--ml-grafito); }
.ml-vids .ml-pic::after { opacity: 0; transform: scale(.8); transition: opacity .25s ease, transform .25s var(--ml-ease); }
.ml-vids .ml-hover:hover .ml-pic::after { opacity: 1; transform: none; }
.ml-vids .ml-hover.is-on .ml-pic::after { opacity: 0; }
@media (max-width: 781px) {
	.ml-vids .ml-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; margin-inline: -16px !important; padding: 2px 16px 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.ml-vids .ml-rail::-webkit-scrollbar { display: none; }
	.ml-vids .ml-rail > * { flex: 0 0 78%; scroll-snap-align: start; }
	.ml-vids .ml-rail--shorts > * { flex-basis: 36%; }
	.ml-vids .ml-rail-h { justify-content: flex-start; margin-top: 28px !important; }
	.ml-vids .ml-pic::after { opacity: 1; transform: none; }
	.ml-panel { border-radius: 22px; }
}

/* Movimiento tipo app: entradas suaves al aparecer, respuesta al tocar y cambio de página con fundido. */
@keyframes ml-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
	.ml-hero .ml-in { animation: ml-up .55s var(--ml-ease) both !important; }
	.ml-hero .ml-in-2 { animation-delay: .06s !important; }
	.ml-hero .ml-in-3 { animation-delay: .12s !important; }
	.ml-hero .ml-in-4 { animation-delay: .18s !important; }
	.ml-hero .ml-in-5 { animation-delay: .24s !important; }
	/* El JS marca con .ml-pre solo lo que está debajo de la primera pantalla; al entrar en vista se suelta. */
	.ml-pre { opacity: 0; transform: translateY(18px); }
	.ml-rv { transition: opacity .6s var(--ml-ease), transform .6s var(--ml-ease); }
	.wp-block-button__link, .ml-dock a, .ml-tabbar a, .ml-buybar__btn, .ml-jump a, .ml-quiero__btn { transition: transform .15s ease, background-color .2s ease, color .2s ease; }
	.wp-block-button__link:active, .ml-dock a:active, .ml-buybar__btn:active, .ml-jump a:active, .ml-quiero__btn:active { transform: scale(.97); }
	.ml-shop ul.products li.product, .ml-gear-item, .ml-svc-item, .ml-kit-tile { transition: transform .3s var(--ml-ease), box-shadow .3s var(--ml-ease), border-color .2s ease; }
	.ml-shop ul.products li.product:active, .ml-gear-item:active, .ml-lv:active, .ml-short:active { transform: scale(.985); }
	.ml-pic img { transition: transform .6s var(--ml-ease); }
	@media (hover: hover) {
		.ml-shop ul.products li.product:hover, .ml-gear-item:hover, .ml-kit-tile:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -18px rgba(11, 11, 11, .35); }
		.ml-hover:hover .ml-pic img { transform: scale(1.03); }
	}
	@view-transition { navigation: auto; }
	::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; }
}

/* Pestañas: la activa lleva una píldora suave detrás del ícono. */
@media (max-width: 781px) {
	.ml-tabbar { view-transition-name: ml-tabbar; }
	.ml-buybar { view-transition-name: ml-buybar; }
	.ml-tabbar svg { box-sizing: content-box; padding: 3px 16px; border-radius: 999px; transition: background-color .25s ease; }
	.ml-tabbar a.is-on svg { background: rgba(31, 66, 87, .1); }
	.ml-tabbar a:active svg { transform: scale(.9); }
}

/* ===== Página Videos: compacta ===== */
.ml-vp-head { padding-bottom: 8px; }
.ml-vp-head > .ml-lede { margin-top: 10px !important; }
/* Selector tipo app: dos segmentos que llevan a cada sección y marcan dónde estás. */
.ml-seg { position: sticky; top: calc(var(--ml-head-h, 57px) + 10px); z-index: 20; display: flex; width: max-content; margin: 24px auto 0 !important; padding: 3px; gap: 2px; background: rgba(231, 226, 218, .9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 10px; }
.ml-seg a { padding: 7px 16px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--ml-mut); text-decoration: none; transition: background-color .25s ease, color .25s ease, box-shadow .25s ease; }
.ml-seg a.is-on { background: var(--ml-paper); color: var(--ml-ink); box-shadow: 0 1px 3px rgba(11, 11, 11, .12); }
/* Último video: una tarjeta horizontal, no un bloque a pantalla completa. */
.ml-vp-feat { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 32px !important; padding: 12px; background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: 16px; text-align: left; }
.ml-vp-feat__pic { display: block; aspect-ratio: 16 / 9; border-radius: 10px; }
.ml-vp-feat__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ml-vp-feat__txt { display: grid; gap: 8px; padding-right: 16px; }
.ml-vp-feat__txt > * { margin: 0 !important; }
.ml-vp-feat h2 { font-size: 20px; line-height: 1.25; letter-spacing: -0.01em; }
.ml-vp-feat h2 a { color: inherit; text-decoration: none; }
.ml-vp-feat__desc { font-size: 14px; color: var(--ml-mut); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ml-vp-feat .ml-more { text-align: left; margin-top: 6px !important; }
/* Secciones */
.ml-vp-sec { padding-block: clamp(40px, 4vw, 56px); scroll-margin-top: calc(var(--ml-head-h, 57px) + 56px); }
.ml-vp-sec.ml-panel { margin-bottom: clamp(32px, 4vw, 56px) !important; }
.ml-vp-h { display: flex; align-items: baseline; gap: 10px; margin-bottom: 20px !important; }
.ml-vp-h > * { margin: 0 !important; }
.ml-vp-h h2 { font-size: 18px; }
.ml-vp-grid { display: grid; gap: 28px 16px; margin-top: 0 !important; }
.ml-vp-grid > * { margin: 0 !important; }
.ml-vp-grid--longs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ml-vp-grid--shorts { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.ml-vp-grid .ml-lv { gap: 8px; }
.ml-vp-grid .ml-lv .ml-card-title { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ml-vp-grid .ml-lv .ml-card-meta { font-size: 12px; }
.ml-vp-grid .ml-pic, .ml-vp-feat .ml-pic { border-radius: 10px; }
.ml-vp-grid .ml-short .ml-pic { aspect-ratio: 9 / 16; }
.ml-vp-grid .ml-short .ml-card-title, .ml-vp-grid .ml-short .ml-card-meta { display: none; }
.ml-vp-grid .ml-pic::after, .ml-vp-feat .ml-pic::after { opacity: 0; transform: scale(.8); transition: opacity .25s ease, transform .25s var(--ml-ease); }
.ml-vp-grid .ml-hover:hover .ml-pic::after, .ml-vp-feat:hover .ml-pic::after { opacity: 1; transform: none; }
@media (max-width: 900px) {
	.ml-vp-grid--longs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ml-vp-grid--shorts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.ml-vp-feat { grid-template-columns: 1fr; gap: 12px; padding: 10px; }
	.ml-vp-feat__txt { padding: 0 6px 6px; }
	.ml-vp-feat h2 { font-size: 17px; }
	/* Largos como lista: miniatura a la izquierda y título al lado. */
	.ml-vp-grid--longs { grid-template-columns: 1fr; gap: 14px; }
	.ml-vp-grid--longs .ml-lv { display: grid; grid-template-columns: 44% minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 12px; row-gap: 4px; }
	.ml-vp-grid--longs .ml-lv .ml-pic { grid-row: 1 / 3; }
	.ml-vp-grid--longs .ml-lv .ml-card-title { font-size: 13.5px; align-self: end; }
	.ml-vp-grid--longs .ml-lv .ml-card-meta { align-self: start; }
	.ml-vp-grid--shorts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.ml-vp-grid .ml-pic::after { opacity: 1; transform: none; }
	.ml-vp-grid .ml-short .ml-pic::after { width: 30px; height: 30px; margin: -15px 0 0 -15px; background-size: 14px; }
}

@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
/* Con la barra de administración arriba, el selector baja lo mismo para no quedar debajo del menú. */
body.admin-bar .ml-seg { top: calc(var(--ml-head-h, 57px) + 42px); }
@media (max-width: 782px) { body.admin-bar .ml-seg { top: calc(var(--ml-head-h, 57px) + 56px); } }

/* ===== Calificación del equipo: A+ a F ===== */
/* Color por nota: verde en lo más cuidado, hacia ocre y óxido con más uso; F en gris, porque no se vende como funcional. */
[data-level="7"], [data-level="6"] { --ml-lvl: #3F7046; --ml-lvl-bg: #E0E9DD; --ml-lvl-ink: #284A2D; }
[data-level="5"] { --ml-lvl: #5E8040; --ml-lvl-bg: #E4EAD7; --ml-lvl-ink: #354A21; }
[data-level="4"] { --ml-lvl: #8A7E30; --ml-lvl-bg: #ECE7D0; --ml-lvl-ink: #4F4714; }
[data-level="3"] { --ml-lvl: #A87634; --ml-lvl-bg: #F1E3D0; --ml-lvl-ink: #5F3F17; }
[data-level="2"] { --ml-lvl: #A3533A; --ml-lvl-bg: #F0DCD4; --ml-lvl-ink: #5C2B1C; }
[data-level="1"] { --ml-lvl: #5C5853; --ml-lvl-bg: #E3E0DB; --ml-lvl-ink: #34312E; }
/* Insignia: la letra en un cuadro de color y el nombre al lado. */
.ml-grade { display: inline-flex; align-items: center; gap: 8px; padding: 3px 10px 3px 3px; border-radius: var(--ml-r); background: var(--ml-lvl-bg); color: var(--ml-lvl-ink); font-size: 13px; font-weight: 500; line-height: 1.2; white-space: nowrap; }
.ml-grade b { display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 5px; border-radius: 6px; background: var(--ml-lvl); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.ml-grade--sm { gap: 6px; padding: 2px 8px 2px 2px; font-size: 12px; }
.ml-grade--sm b { min-width: 22px; height: 18px; font-size: 11px; border-radius: 4px; }
.ml-grade--lg { font-size: 15px; font-weight: 600; padding: 4px 12px 4px 4px; }
.ml-grade--lg b { min-width: 36px; height: 30px; font-size: 16px; }
.ml-shop ul.products li.product .ml-card-cond { display: block; margin: 8px 14px 0; }
/* Tira de la escala dentro de la ayuda: todas las letras, la del producto resaltada. */
.ml-grades { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; margin-bottom: 12px; }
.ml-grades i { display: grid; place-items: center; height: 24px; border-radius: 5px; background: rgba(11, 11, 11, .06); color: var(--ml-mut); font-size: 11px; font-weight: 600; font-style: normal; }
.ml-grades i.on { background: var(--ml-lvl); color: #fff; box-shadow: 0 0 0 2px var(--ml-paper), 0 0 0 3px var(--ml-lvl); }
.ml-product .ml-cond { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: -.2em 0 1em; position: relative; }
/* Ayuda: botón chico; se abre al pasar el mouse o al tocar, con los criterios de la nota. */
.ml-tip { position: relative; }
.ml-tip__btn { display: inline-flex; align-items: center; gap: 5px; padding: 2px 0; border: 0; background: none; font: inherit; font-size: 12px; font-weight: 600; color: var(--ml-accent); cursor: pointer; text-decoration: underline; text-decoration-color: rgba(31, 66, 87, .35); text-underline-offset: 3px; }
.ml-tip__btn::before { content: "i"; display: inline-grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid currentColor; font-size: 10px; font-weight: 700; font-style: italic; font-family: Georgia, serif; }
.ml-tip__pop { position: absolute; z-index: 30; top: calc(100% + 10px); left: 50%; width: min(340px, calc(100vw - 32px)); transform: translateX(-50%); padding: 14px 16px; background: var(--ml-paper); border: 1px solid var(--ml-line); border-radius: 12px; box-shadow: 0 18px 40px -20px rgba(11, 11, 11, .4); font-size: 13px; line-height: 1.45; text-align: left; }
.ml-tip__pop[hidden] { display: none; }
.ml-tip__pop::before { content: ""; position: absolute; top: -6px; left: 50%; width: 10px; height: 10px; margin-left: -5px; background: var(--ml-paper); border-left: 1px solid var(--ml-line); border-top: 1px solid var(--ml-line); transform: rotate(45deg); }
.ml-tip__sum { margin: 0 0 10px; color: var(--ml-mut); }
.ml-tip__sum strong { color: var(--ml-ink); font-weight: 600; }
.ml-tip__more { display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 600; color: var(--ml-accent); }
.ml-crit { margin: 0; display: grid; border-top: 1px solid var(--ml-line); }
.ml-crit > div { display: grid; grid-template-columns: 8.5em minmax(0, 1fr); gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--ml-line); }
.ml-crit dt { font-weight: 600; }
.ml-crit dd { margin: 0; color: var(--ml-mut); }
@media (prefers-reduced-motion: no-preference) {
	.ml-tip__pop:not([hidden]) { animation: ml-pop .18s var(--ml-ease) both; }
	@keyframes ml-pop { from { opacity: 0; transform: translateX(-50%) translateY(-4px) scale(.98); } to { opacity: 1; transform: translateX(-50%); } }
}
@media (max-width: 781px) {
	.ml-tip { position: static; }
	.ml-tip__pop { left: 0; right: 0; width: auto; transform: none; }
	.ml-tip__pop::before { display: none; }
	.ml-crit > div { grid-template-columns: 7.5em minmax(0, 1fr); }
	@media (prefers-reduced-motion: no-preference) { .ml-tip__pop:not([hidden]) { animation-name: ml-pop-m; } @keyframes ml-pop-m { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } }
}
/* Escala completa (página Cómo comprar). */
.ml-escala { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.ml-escala__item { padding: 16px; background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: var(--ml-rc); font-size: 13px; }
.ml-escala__item > p { margin: 10px 0 12px !important; color: var(--ml-mut); font-size: 14px; }
.ml-escala__nota { grid-column: 1 / -1; font-size: 13px; color: var(--ml-mut); margin: 4px 0 0 !important; }
@media (max-width: 640px) { .ml-escala { grid-template-columns: 1fr; } }
@media (max-width: 781px) { .ml-shop ul.products li.product .ml-card-cond { margin-inline: 10px; } }
/* "Lo quiero" a todo el ancho sin pasarse: el padding va dentro del 100 %. */
.ml-product .ml-quiero__btn { box-sizing: border-box; max-width: 100%; }

/* Portada y videos en un solo panel: texto a la izquierda, redes apiladas a la derecha, y debajo los videos. */
.ml-hero.ml-panel { margin-top: clamp(4px, 1vw, 12px) !important; padding-top: clamp(48px, 6vw, 80px) !important; }
.ml-hero__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.ml-hero__txt h1 { margin: 0; font-size: clamp(32px, 3.6vw, 44px); }
.ml-hero__txt .ml-lede { margin: 16px 0 0 !important; max-width: 42ch; }
.ml-hero.ml-vids .ml-rail--longs { margin-top: clamp(48px, 6vw, 72px) !important; }
.ml-nets { list-style: none; margin: 0 !important; padding: 0; display: grid; grid-auto-rows: 1fr; gap: 10px; }
.ml-nets li { margin: 0; }
.ml-nets a { height: 100%; box-sizing: border-box; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 18px 14px 14px; background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: 14px; color: var(--ml-ink); text-decoration: none; transition: transform .2s var(--ml-ease), box-shadow .2s ease, border-color .2s ease; }
.ml-nets a:hover { transform: translateY(-2px); border-color: rgba(11, 11, 11, .16); box-shadow: 0 8px 24px -12px rgba(11, 11, 11, .25); }
.ml-nets a:active { transform: scale(.98); }
.ml-nets__ic { width: 40px; height: 40px; border-radius: 11px; background: var(--ml-grafito); color: var(--ml-paper); display: grid; place-items: center; }
.ml-nets__ic svg { width: 19px; height: 19px; fill: currentColor; }
.ml-nets__t { display: grid; min-width: 0; line-height: 1.3; }
.ml-nets__t strong { font-size: 15px; font-weight: 600; }
.ml-nets__t small { font-size: 12.5px; color: var(--ml-mut); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ml-nets__go { font-size: 13px; font-weight: 600; color: var(--ml-accent); white-space: nowrap; }
@media (max-width: 781px) {
	.ml-hero.ml-panel { padding-top: 32px !important; }
	.ml-hero__grid { grid-template-columns: 1fr; gap: 24px; }
	.ml-hero__txt h1 { font-size: clamp(30px, 8.4vw, 36px); }
	.ml-nets { gap: 8px; }
	.ml-nets a { padding: 10px 16px 10px 10px; }
	.ml-hero.ml-vids .ml-rail--longs { margin-top: 36px !important; }
}

/* Página Contacto: qué pasa después a la izquierda, formulario a la derecha. */
.ml-ct-head { padding-bottom: 8px; }
.ml-ct-head > .ml-lede { margin-top: 10px !important; }
.ml-ct { padding-block: 32px 72px; }
.ml-ct__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.ml-ct__aside h2 { font-size: 17px; margin: 0 0 14px; }
.ml-ct__aside dl { margin: 0; display: grid; gap: 14px; }
.ml-ct__aside dl > div { padding-top: 14px; border-top: 1px solid var(--ml-line); }
.ml-ct__aside dt { font-size: 14px; font-weight: 600; }
.ml-ct__aside dd { margin: 4px 0 0; font-size: 14px; color: var(--ml-mut); line-height: 1.5; }
.ml-form { display: grid; gap: 16px; padding: clamp(20px, 3vw, 32px); background: var(--ml-surf); border: 1px solid var(--ml-line); border-radius: 16px; }
.ml-form fieldset { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 16px; }
.ml-form fieldset[hidden] { display: none; }
.ml-form legend { padding: 0; margin-bottom: 10px; font-size: 13px; font-weight: 600; }
.ml-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ml-ink); }
.ml-form label small { font-weight: 400; color: var(--ml-mut); }
.ml-form label:has(small) { grid-template-columns: auto 1fr; align-items: baseline; column-gap: 6px; }
.ml-form label:has(small) > input { grid-column: 1 / -1; }
.ml-form input:not([type="radio"]), .ml-form select, .ml-form textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 15px; font-weight: 400; color: var(--ml-ink); background: #fff; border: 1px solid var(--ml-line); border-radius: var(--ml-r); padding: 10px 12px; transition: border-color .15s ease, box-shadow .15s ease; }
.ml-form textarea { resize: vertical; min-height: 120px; }
.ml-form input:focus, .ml-form select:focus, .ml-form textarea:focus { outline: none; border-color: var(--ml-accent); box-shadow: 0 0 0 3px rgba(31, 66, 87, .15); }
.ml-form ::placeholder { color: #A39D95; }
.ml-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ml-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ml-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ml-chips label { display: block; position: relative; }
.ml-chips input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.ml-chips span { display: block; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--ml-line); background: #fff; font-size: 13px; font-weight: 500; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
.ml-chips input:checked + span { background: var(--ml-accent); border-color: var(--ml-accent); color: var(--ml-paper); }
.ml-chips input:focus-visible + span { box-shadow: 0 0 0 3px rgba(31, 66, 87, .25); }
.ml-form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.ml-form__foot button:disabled { opacity: .6; cursor: progress; }
.ml-form__status { margin: 0; font-size: 14px; color: var(--ml-mut); }
.ml-form__status.is-ok { color: #2F6B45; }
.ml-form__status.is-err { color: #A2452B; }
#contacto .ml-svc h3 a { color: inherit; text-decoration: none; }
#contacto .ml-svc h3 a:hover { color: var(--ml-accent); }
@media (max-width: 781px) {
	.ml-ct { padding-block: 20px 48px; }
	.ml-ct__grid { grid-template-columns: 1fr; }
	.ml-ct__aside { order: 2; }
	.ml-form__row { grid-template-columns: 1fr; }
}

/* Equipo en pestañas: una categoría a la vez. Sin JS (sin .ml-tabs-on) se ven todas. */
.ml-seg--gear { max-width: calc(100% - 32px); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ml-seg--gear::-webkit-scrollbar { display: none; }
.ml-seg--gear a { flex: 0 0 auto; white-space: nowrap; }
.ml-seg--gear small { margin-left: 3px; font-size: 11px; font-weight: 500; color: var(--ml-mut); opacity: .8; }
.ml-seg--gear a.is-on small { color: var(--ml-accent); opacity: 1; }
.ml-tabs-on .ml-cat { display: none; padding-top: 32px; }
.ml-tabs-on .ml-cat.is-on { display: block; }
.ml-tabs-on .ml-cat.is-on .ml-gear-item { opacity: 1; transform: none; }
.ml-cat-next { margin-top: 32px !important; font-size: 14px; }
.ml-cat-next a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: var(--ml-r); box-shadow: inset 0 0 0 1px var(--ml-line); color: var(--ml-ink); font-weight: 600; text-decoration: none; transition: background-color .2s ease, color .2s ease; }
.ml-cat-next a:hover { background: var(--ml-ink); color: var(--ml-paper); box-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
	.ml-tabs-on .ml-cat.is-on { animation: ml-up .35s var(--ml-ease) both; }
}