/* Archivo generado por tools/inline-icons.py a partir de theme.src.css y shop.src.css. No editar a mano. */
:root {
--rbw-svg-arrow-right: url("data:image/svg+xml,");
--rbw-svg-arrow-up-right: url("data:image/svg+xml,");
--rbw-svg-arrows-clockwise: url("data:image/svg+xml,");
--rbw-svg-bank: url("data:image/svg+xml,");
--rbw-svg-caret-down: url("data:image/svg+xml,");
--rbw-svg-certificate: url("data:image/svg+xml,");
--rbw-svg-chart-line-up: url("data:image/svg+xml,");
--rbw-svg-chats-circle: url("data:image/svg+xml,");
--rbw-svg-check-circle: url("data:image/svg+xml,");
--rbw-svg-clock: url("data:image/svg+xml,");
--rbw-svg-compass: url("data:image/svg+xml,");
--rbw-svg-credit-card: url("data:image/svg+xml,");
--rbw-svg-envelope-simple: url("data:image/svg+xml,");
--rbw-svg-eye: url("data:image/svg+xml,");
--rbw-svg-flag-banner: url("data:image/svg+xml,");
--rbw-svg-gear: url("data:image/svg+xml,");
--rbw-svg-gift: url("data:image/svg+xml,");
--rbw-svg-handshake: url("data:image/svg+xml,");
--rbw-svg-headset: url("data:image/svg+xml,");
--rbw-svg-heart: url("data:image/svg+xml,");
--rbw-svg-lightning: url("data:image/svg+xml,");
--rbw-svg-lock-simple: url("data:image/svg+xml,");
--rbw-svg-magnifying-glass: url("data:image/svg+xml,");
--rbw-svg-map-pin: url("data:image/svg+xml,");
--rbw-svg-moon: url("data:image/svg+xml,");
--rbw-svg-package: url("data:image/svg+xml,");
--rbw-svg-phone: url("data:image/svg+xml,");
--rbw-svg-quotes-fill: url("data:image/svg+xml,");
--rbw-svg-rocket-launch: url("data:image/svg+xml,");
--rbw-svg-seal-check: url("data:image/svg+xml,");
--rbw-svg-shield-check: url("data:image/svg+xml,");
--rbw-svg-shopping-bag: url("data:image/svg+xml,");
--rbw-svg-star-fill: url("data:image/svg+xml,");
--rbw-svg-storefront: url("data:image/svg+xml,");
--rbw-svg-sun: url("data:image/svg+xml,");
--rbw-svg-tag: url("data:image/svg+xml,");
--rbw-svg-target: url("data:image/svg+xml,");
--rbw-svg-trend-up: url("data:image/svg+xml,");
--rbw-svg-truck: url("data:image/svg+xml,");
--rbw-svg-users-three: url("data:image/svg+xml,");
--rbw-svg-wrench: url("data:image/svg+xml,");
--rbw-svg-x-circle: url("data:image/svg+xml,");
}
/*
* Rainbow Tienda: lo que theme.json no puede expresar (composición, movimiento, estados).
* Colores, tipografías, espaciados, radios y sombras salen siempre de las variables de theme.json.
* Capas: WhatsApp 40, cabecera 50, menú mobile (lo maneja WordPress).
*/
@view-transition { navigation: auto; }
/* ---------- Modo oscuro: mismas variables, otra paleta (settings.custom.oscuro en theme.json) ----------
El modo claro es el principal y sale de settings.color.palette. */
:root { color-scheme: light; }
:root[data-theme="dark"] {
color-scheme: dark;
--wp--preset--color--base: var(--wp--custom--oscuro--base);
--wp--preset--color--surface: var(--wp--custom--oscuro--surface);
--wp--preset--color--raised: var(--wp--custom--oscuro--raised);
--wp--preset--color--contrast: var(--wp--custom--oscuro--contrast);
--wp--preset--color--muted: var(--wp--custom--oscuro--muted);
--wp--preset--color--border: var(--wp--custom--oscuro--border);
--wp--preset--color--primary: var(--wp--custom--oscuro--primary);
--wp--preset--color--primary-dark: var(--wp--custom--oscuro--primary-dark);
--wp--preset--color--on-primary: var(--wp--custom--oscuro--on-primary);
--wp--preset--color--accent: var(--wp--custom--oscuro--accent);
--wp--preset--color--sale: var(--wp--custom--oscuro--sale);
--wp--preset--color--success: var(--wp--custom--oscuro--success);
--wp--preset--shadow--sm: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
--wp--preset--shadow--md: 0 16px 40px rgba(0, 0, 0, 0.35);
--wp--preset--shadow--lg: 0 30px 80px rgba(0, 0, 0, 0.5);
}
.rbw-only-dark { display: none; }
:root[data-theme="dark"] .rbw-only-dark { display: block; }
:root[data-theme="dark"] .rbw-only-light { display: none; }
:root {
--rbw-ease: var(--wp--custom--ease);
--rbw-line: color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
--rbw-line-strong: color-mix(in srgb, var(--wp--preset--color--contrast) 28%, transparent);
}
:where(.wp-site-blocks) > * { margin-block-start: 0; }
html { scroll-behavior: smooth; scroll-padding-top: var(--wp--custom--header--height); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; transition: background-color 0.4s, color 0.4s; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
::selection { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); }
mark.has-inline-color { background: none; }
/* Foco visible para navegación por teclado */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--primary);
outline-offset: 4px;
border-radius: var(--wp--custom--radius--sm);
}
:is(.rbw-cta-box, .rbw-cell--accent, .rbw-mv-card--accent) :focus-visible { outline-color: var(--wp--preset--color--on-primary); }
/* ---------- Secciones ---------- */
.rbw-section { padding-block: var(--wp--preset--spacing--70); margin-block: 0; position: relative; }
.rbw-main .wp-block-post-content > .rbw-section { margin-block: 0; }
.rbw-band { background: var(--wp--preset--color--surface); }
.rbw-section-head { margin-block-end: var(--wp--preset--spacing--60); }
.rbw-section-head > *, .rbw-section-head--row > .wp-block-group > * { max-width: 20ch; margin-inline: 0; }
.rbw-section-head p:not(.rbw-eyebrow), .rbw-section-head--row > .wp-block-group > p { max-width: 52ch; margin-block-start: var(--wp--preset--spacing--40); color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); }
.rbw-section-head--row { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--wp--preset--spacing--40); flex-wrap: wrap; }
.rbw-section-head--row > * { margin: 0; max-width: none; }
.rbw-eyebrow { margin: 0 0 var(--wp--preset--spacing--30); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
.rbw-section-head .rbw-eyebrow, .wp-block-column > .rbw-eyebrow { max-width: none; }
.rbw-section-head--center { text-align: center; }
.rbw-section-head--center > * { margin-inline: auto; }
.rbw-lead { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); max-width: 46ch; }
/* Dos columnas con la primera fija mientras se recorre la segunda */
.rbw-split { gap: var(--wp--preset--spacing--60); align-items: flex-start; }
.rbw-split > .wp-block-column:first-child { position: sticky; top: calc(var(--wp--custom--header--height) + 2rem); }
.rbw-split > .wp-block-column:first-child > p:not(.rbw-eyebrow) { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); max-width: 32ch; }
/* ---------- Íconos: una clase por ícono (rbw-ico-*), color de acento ---------- */
[class*="rbw-ico-"]::before {
content: "";
display: block;
flex: none;
width: 2.25rem;
height: 2.25rem;
margin-block-end: 1.25rem;
background: var(--wp--preset--color--accent);
-webkit-mask: var(--rbw-ico) center / contain no-repeat;
mask: var(--rbw-ico) center / contain no-repeat;
}
.rbw-ico-compass { --rbw-ico: var(--rbw-svg-compass); }
.rbw-ico-chart { --rbw-ico: var(--rbw-svg-chart-line-up); }
.rbw-ico-wrench { --rbw-ico: var(--rbw-svg-wrench); }
.rbw-ico-shield { --rbw-ico: var(--rbw-svg-shield-check); }
.rbw-ico-chats { --rbw-ico: var(--rbw-svg-chats-circle); }
.rbw-ico-handshake { --rbw-ico: var(--rbw-svg-handshake); }
.rbw-ico-lightning { --rbw-ico: var(--rbw-svg-lightning); }
.rbw-ico-target { --rbw-ico: var(--rbw-svg-target); }
.rbw-ico-users { --rbw-ico: var(--rbw-svg-users-three); }
.rbw-ico-clock { --rbw-ico: var(--rbw-svg-clock); }
.rbw-ico-certificate { --rbw-ico: var(--rbw-svg-certificate); }
.rbw-ico-search { --rbw-ico: var(--rbw-svg-magnifying-glass); }
.rbw-ico-rocket { --rbw-ico: var(--rbw-svg-rocket-launch); }
.rbw-ico-heart { --rbw-ico: var(--rbw-svg-heart); }
.rbw-ico-gear { --rbw-ico: var(--rbw-svg-gear); }
.rbw-ico-eye { --rbw-ico: var(--rbw-svg-eye); }
.rbw-ico-flag { --rbw-ico: var(--rbw-svg-flag-banner); }
.rbw-ico-seal { --rbw-ico: var(--rbw-svg-seal-check); }
.rbw-ico-trend { --rbw-ico: var(--rbw-svg-trend-up); }
.rbw-ico-phone { --rbw-ico: var(--rbw-svg-phone); }
.rbw-ico-mail { --rbw-ico: var(--rbw-svg-envelope-simple); }
.rbw-ico-pin { --rbw-ico: var(--rbw-svg-map-pin); }
/* Listas con tilde o cruz */
.rbw-checks, .rbw-crosses { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.7rem; }
.rbw-checks li, .rbw-crosses li { display: flex; gap: 0.7rem; align-items: flex-start; }
.rbw-checks li::before, .rbw-crosses li::before {
content: "";
flex: none;
width: 1.3rem;
height: 1.3rem;
margin-block-start: 0.15em;
background: var(--wp--preset--color--accent);
-webkit-mask: var(--rbw-svg-check-circle) center / contain no-repeat;
mask: var(--rbw-svg-check-circle) center / contain no-repeat;
}
.rbw-crosses li::before { background: var(--wp--preset--color--muted); -webkit-mask-image: var(--rbw-svg-x-circle); mask-image: var(--rbw-svg-x-circle); }
.rbw-crosses li { color: var(--wp--preset--color--muted); }
/* ---------- Botones ---------- */
.wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 0.6em;
white-space: nowrap;
transition: background-color 0.3s var(--rbw-ease), color 0.3s var(--rbw-ease), border-color 0.3s var(--rbw-ease), translate 0.3s var(--rbw-ease), scale 0.15s;
}
.wp-block-button__link::after {
content: "";
width: 1.05em;
height: 1.05em;
background: currentColor;
-webkit-mask: var(--rbw-svg-arrow-up-right) center / contain no-repeat;
mask: var(--rbw-svg-arrow-up-right) center / contain no-repeat;
transition: rotate 0.35s var(--rbw-ease);
}
.wp-block-button__link:hover::after { rotate: 45deg; }
.wp-block-button__link:active { scale: 0.97; }
.wp-block-button.is-style-outline .wp-block-button__link { border-color: var(--rbw-line-strong); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--contrast); background: transparent; }
/* ---------- Cabecera ---------- */
.rbw-header { position: sticky; top: 0; z-index: 50; background: var(--wp--preset--color--base); border-block-end: 1px solid var(--rbw-line); transition: box-shadow 0.3s; }
.rbw-header.is-scrolled { box-shadow: var(--wp--preset--shadow--sm); }
/* El desenfoque va en un pseudo-elemento: aplicado a la cabecera rompería el menú mobile a pantalla completa. */
.rbw-header::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: color-mix(in srgb, var(--wp--preset--color--base) 80%, transparent);
-webkit-backdrop-filter: blur(14px) saturate(1.4);
backdrop-filter: blur(14px) saturate(1.4);
opacity: 0;
transition: opacity 0.3s;
}
.rbw-header.is-scrolled, .rbw-header:has(.rbw-mega:hover), .rbw-header:has(.rbw-mega:focus-within) { border-block-end-color: var(--rbw-line); }
.rbw-header.is-scrolled::before, .rbw-header:has(.rbw-mega:hover)::before, .rbw-header:has(.rbw-mega:focus-within)::before { opacity: 1; }
@media (prefers-reduced-transparency: reduce) { .rbw-header::before { background: var(--wp--preset--color--base); -webkit-backdrop-filter: none; backdrop-filter: none; } }
.admin-bar .rbw-header { top: var(--wp-admin--admin-bar--height, 0px); }
.rbw-header-bar { min-height: var(--wp--custom--header--height); }
.rbw-header-tools { gap: 1.25rem; }
.rbw-header .wp-block-site-title a:hover { color: var(--wp--preset--color--contrast); }
.rbw-header .wp-block-navigation__container { gap: 1.75rem; }
.rbw-header .wp-block-navigation .wp-block-navigation-item { font-size: 0.9375rem; font-weight: 500; }
.rbw-header .wp-block-navigation__submenu-icon { margin-inline-start: 0.2rem; color: var(--wp--preset--color--muted); }
.rbw-header .wp-block-navigation-item__content { padding-block: 0.5rem; color: var(--wp--preset--color--muted); transition: color 0.25s; }
.rbw-header .wp-block-navigation-item__content:hover,
.rbw-header .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); }
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) .rbw-nav-cta > .wp-block-navigation-item__content {
color: var(--wp--preset--color--on-primary);
background: var(--wp--preset--color--primary);
padding: 0.65em 1.2em;
border-radius: var(--wp--custom--radius--btn);
transition: background-color 0.3s var(--rbw-ease);
}
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) .rbw-nav-cta > .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--primary-dark); }
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close { padding: 0.6rem; min-width: 44px; min-height: 44px; color: var(--wp--preset--color--contrast); }
/* Botón de modo claro / oscuro */
.rbw-theme-toggle {
flex: none;
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
cursor: pointer;
color: var(--wp--preset--color--contrast);
background: transparent;
border: 1px solid var(--rbw-line-strong);
border-radius: 50%;
transition: border-color 0.3s, rotate 0.5s var(--rbw-ease), background-color 0.3s;
}
.rbw-theme-toggle::before { content: ""; width: 1.15rem; height: 1.15rem; background: currentColor; -webkit-mask: var(--rbw-svg-moon) center / contain no-repeat; mask: var(--rbw-svg-moon) center / contain no-repeat; }
:root[data-theme="dark"] .rbw-theme-toggle::before { -webkit-mask-image: var(--rbw-svg-sun); mask-image: var(--rbw-svg-sun); }
.rbw-theme-toggle:hover { border-color: var(--wp--preset--color--contrast); rotate: 30deg; }
/* Mega menú de Servicios (escritorio): el submenú de WordPress, a todo el ancho y en grilla */
@media (min-width: 600px) {
/* El panel se posiciona respecto de la cabecera, no del ítem: todos los contenedores intermedios quedan sin posición propia. */
.rbw-header .wp-block-navigation,
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open),
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content, .wp-block-navigation__container),
.rbw-header .wp-block-navigation .rbw-mega { position: static; }
.rbw-header .wp-block-navigation .rbw-mega > .wp-block-navigation__submenu-container {
position: absolute;
top: 100%;
left: var(--wp--style--root--padding-left, 1.5rem) !important;
right: var(--wp--style--root--padding-right, 1.5rem) !important;
width: auto !important;
max-width: 1280px;
min-width: 0 !important;
height: auto !important;
margin-inline: auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.25rem;
padding: 1rem;
background: var(--wp--preset--color--raised);
color: var(--wp--preset--color--contrast);
border: 1px solid var(--rbw-line);
border-radius: var(--wp--custom--radius--md);
box-shadow: var(--wp--preset--shadow--lg);
translate: 0 -8px;
transition: opacity 0.25s, translate 0.35s var(--rbw-ease), visibility 0.25s;
}
/* Puente invisible para que el menú no se cierre al bajar el mouse */
.rbw-header .rbw-mega > .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 2.5rem; }
.rbw-header .rbw-mega:hover > .wp-block-navigation__submenu-container,
.rbw-header .rbw-mega:focus-within > .wp-block-navigation__submenu-container { translate: 0 0; visibility: visible; opacity: 1; }
.rbw-header .rbw-mega .wp-block-navigation__submenu-container .wp-block-navigation-item { display: block; }
.rbw-header .rbw-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: block !important;
padding: 1rem 1.1rem;
border-radius: var(--wp--custom--radius--sm);
color: var(--wp--preset--color--contrast);
transition: background-color 0.25s;
}
.rbw-header .rbw-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: color-mix(in srgb, var(--wp--preset--color--contrast) 7%, transparent); }
.rbw-header .rbw-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__label { display: block; font-size: var(--wp--preset--font-size--medium); font-weight: 600; letter-spacing: -0.01em; }
.rbw-header .rbw-mega .wp-block-navigation-item__description { display: block; margin-block-start: 0.2rem; font-size: var(--wp--preset--font-size--small); font-weight: 400; color: var(--wp--preset--color--muted); }
.rbw-header .rbw-mega .rbw-mega-all { grid-column: 1 / -1; margin-block-start: 0.5rem; padding-block-start: 0.5rem; border-block-start: 1px solid var(--rbw-line); }
.rbw-header .rbw-mega .rbw-mega-all .wp-block-navigation-item__label { font-family: inherit; font-size: var(--wp--preset--font-size--medium); font-weight: 500; color: var(--wp--preset--color--primary); }
}
/* Menú mobile a pantalla completa */
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { padding: var(--wp--preset--spacing--40); background-color: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast) !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; color: inherit !important; border: 0 !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; gap: 0.35rem; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; padding-block-start: 3.5rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(1.75rem, 8vw, 2.5rem);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.15;
color: var(--wp--preset--color--contrast);
}
.wp-block-navigation__responsive-container.is-menu-open .rbw-mega .wp-block-navigation__submenu-container { padding: 0.25rem 0 0.75rem 1rem; gap: 0.25rem; align-items: flex-start; }
.wp-block-navigation__responsive-container.is-menu-open .rbw-mega .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--large); font-weight: 400; letter-spacing: 0; color: var(--wp--preset--color--muted); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__description,
.wp-block-navigation__responsive-container.is-menu-open .rbw-mega-all { display: none; }
.wp-block-navigation__responsive-container.is-menu-open .rbw-nav-cta .wp-block-navigation-item__content { color: var(--wp--preset--color--primary); }
/* ---------- Hero de la portada: texto a la izquierda, imagen a la derecha ---------- */
.rbw-hero { padding-block: clamp(2.5rem, 6vw, 5.5rem) var(--wp--preset--spacing--70); background: linear-gradient(to bottom, var(--wp--preset--color--surface), var(--wp--preset--color--base)); }
.rbw-hero-grid { gap: clamp(2rem, 5vw, 5rem); }
.rbw-hero h1 { margin: 0; font-size: clamp(2.5rem, 5.4vw, 4.75rem); line-height: 1.1; padding-block-end: 0.1em; }
.rbw-hero h1 em { font-style: italic; color: var(--wp--preset--color--primary); }
.rbw-hero-text { margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); max-width: 46ch; color: var(--wp--preset--color--muted); }
.rbw-hero-art { position: relative; isolation: isolate; margin: 0; padding: 0 0 2rem 2rem; }
/* Bloque de color desplazado detrás de la foto */
.rbw-hero-art::before { content: ""; position: absolute; z-index: -1; inset: 2.25rem 2.25rem 0 0; border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--primary); }
.rbw-hero-art::after { content: ""; position: absolute; z-index: -1; top: -1.25rem; right: -1.25rem; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: var(--wp--preset--color--accent); }
.rbw-hero-media { margin: 0; border-radius: var(--wp--custom--radius--lg); overflow: clip; aspect-ratio: 5 / 4; box-shadow: var(--wp--preset--shadow--lg); }
.rbw-hero-media :is(img, video) { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbw-hero-badge { position: absolute; left: 0; bottom: 0; margin: 0; padding: 1.1rem 1.4rem; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--preset--shadow--md); }
.rbw-hero-badge > * { margin: 0; }
.rbw-hero-badge .rbw-stat-n { font-size: 2.25rem; color: var(--wp--preset--color--primary); }
.rbw-hero-badge .rbw-stat-t { margin-block-start: 0.25rem; }
/* ---------- Cabezal de páginas interiores: mismo alto en todas, con foto o video de fondo ----------
El fondo siempre es oscuro (color "ink") para que el título blanco se lea sobre cualquier foto, en los dos modos. */
.rbw-pagehead.wp-block-cover {
position: relative;
display: flex;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-inline: var(--wp--style--root--padding-left, 1.5rem);
min-height: clamp(19rem, 42vh, 25rem);
padding-block: 3rem clamp(2rem, 4vw, 3.25rem);
align-items: flex-end;
justify-content: flex-start;
overflow: clip;
color: #fff;
background: var(--wp--preset--color--ink);
}
.rbw-pagehead .wp-block-cover__background { background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--ink) 92%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--ink) 50%, transparent) 100%) !important; opacity: 1 !important; }
.rbw-pagehead .wp-block-cover__image-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rbw-pagehead .wp-block-cover__background { position: absolute; inset: 0; }
.rbw-pagehead .wp-block-cover__inner-container { position: relative; z-index: 1; width: 100%; color: #fff; }
.rbw-pagehead .wp-block-cover__inner-container > * { margin-inline: auto; }
.rbw-pagehead :is(h1, .wp-block-post-title, .wp-block-query-title) { margin: 0; font-size: clamp(2.5rem, 5.6vw, 4.5rem); max-width: 20ch; color: #fff; margin-inline-start: max(0px, calc((100% - 1280px) / 2)) !important; }
.rbw-pagehead :is(.rbw-pagehead-text, .wp-block-post-excerpt, .wp-block-post-date, .wp-block-term-description, .wp-block-buttons, .wp-block-search) { max-width: 52ch; margin-block: 0.9rem 0; margin-inline-start: max(0px, calc((100% - 1280px) / 2)) !important; color: color-mix(in srgb, #fff 80%, transparent); font-size: var(--wp--preset--font-size--large); }
.rbw-pagehead .wp-block-post-date { margin-block: 0 0.9rem; font-size: var(--wp--preset--font-size--small); }
.rbw-pagehead .wp-block-post-excerpt__excerpt { margin: 0; }
.rbw-pagehead .wp-block-post-excerpt__more-text { display: none; }
.rbw-pagehead .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; border-color: color-mix(in srgb, #fff 50%, transparent); }
.rbw-pagehead .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #fff; border-color: #fff; }
.rbw-pagehead .wp-block-search__input { background: #fff; color: #0f1a2e; border-color: transparent; }
/* ---------- Logos (única marquesina del sitio): franja superior del pie ---------- */
.rbw-logos { margin: 0; padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); border-block-end: 1px solid var(--rbw-line); }
.rbw-logos-section { padding-block: var(--wp--preset--spacing--50); }
.rbw-logos-section .rbw-logos { border: 0; padding: 0; }
.rbw-logos-label { margin-block: 0 var(--wp--preset--spacing--40); }
.rbw-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent); }
.rbw-marquee-track { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.5rem 4.5rem; }
.rbw-marquee-track .wp-block-image { margin: 0; flex: none; }
.rbw-marquee-track img { display: block; width: 9.5rem; height: auto; aspect-ratio: 220 / 56; }
.rbw-marquee.is-ready .rbw-marquee-track { flex-wrap: nowrap; justify-content: flex-start; width: max-content; padding-inline-end: 4.5rem; animation: rbw-marquee 38s linear infinite; }
.rbw-marquee.is-ready:hover .rbw-marquee-track { animation-play-state: paused; }
@keyframes rbw-marquee { to { transform: translateX(-50%); } }
/* ---------- Dolores ---------- */
.rbw-pain { margin: 0; padding-block: 1.75rem; border-block-start: 1px solid var(--rbw-line); display: grid; grid-template-columns: 1fr; gap: 0.5rem; transition: padding-inline-start 0.4s var(--rbw-ease), border-color 0.4s; }
.rbw-pain:last-child { border-block-end: 1px solid var(--rbw-line); }
.rbw-pain > * { margin: 0; }
.rbw-pain p { color: var(--wp--preset--color--muted); max-width: 52ch; }
.rbw-pain:hover { padding-inline-start: 1.25rem; border-block-start-color: var(--wp--preset--color--primary); }
/* ---------- Soluciones ---------- */
.rbw-solutions { gap: var(--wp--preset--spacing--60); }
.rbw-solutions .wp-block-image { margin: 0; border-radius: var(--wp--custom--radius--lg); overflow: clip; aspect-ratio: 4 / 5; }
.rbw-solutions .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.rbw-solution { display: grid; grid-template-columns: auto 1fr; column-gap: 1.1rem; margin-block: 1.75rem 0; }
.rbw-solution::before { grid-row: span 2; margin: 0.15rem 0 0; width: 1.9rem; height: 1.9rem; }
.rbw-solution > * { margin: 0; grid-column: 2; }
.rbw-solution p { color: var(--wp--preset--color--muted); margin-block-start: 0.35rem; max-width: 46ch; }
/* ---------- Tarjetas base (servicios) ---------- */
.rbw-cell {
position: relative;
isolation: isolate;
overflow: clip;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 15rem;
margin: 0;
padding: clamp(1.25rem, 2vw, 1.75rem);
border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--raised);
border: 1px solid var(--rbw-line);
box-shadow: var(--wp--preset--shadow--sm);
transition: border-color 0.4s var(--rbw-ease), translate 0.4s var(--rbw-ease), box-shadow 0.4s;
}
.rbw-band .rbw-cell { background: var(--wp--preset--color--raised); }
.rbw-cell > * { margin-block: 0; }
.rbw-cell[class*="rbw-ico-"]::before { margin-block-end: auto; }
.rbw-cell h3 + p { margin-block-start: 0.5rem; color: var(--wp--preset--color--muted); max-width: 38ch; font-size: 0.9375rem; }
.rbw-cell--accent { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); border-color: transparent; }
.rbw-cell--accent[class*="rbw-ico-"]::before { background: var(--wp--preset--color--on-primary); }
.rbw-cell--accent h3 + p { color: color-mix(in srgb, var(--wp--preset--color--on-primary) 88%, var(--wp--preset--color--primary)); }
/* Brillo que sigue al cursor */
.rbw-cell::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(20rem circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent), transparent 70%);
opacity: 0;
transition: opacity 0.4s;
}
.rbw-cell:hover::after { opacity: 1; }
.rbw-cell:hover { border-color: var(--rbw-line-strong); translate: 0 -4px; box-shadow: var(--wp--preset--shadow--md); }
.rbw-cell--accent::after { background: radial-gradient(20rem circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, #fff 30%, transparent), transparent 70%); }
/* Foto de fondo en tarjetas y banners */
.rbw-cell-bg { position: absolute; inset: 0; z-index: -2; margin: 0; }
.rbw-cell-bg img { width: 100%; height: 100%; object-fit: cover; transition: scale 1.2s var(--rbw-ease); }
:is(.rbw-cell, .rbw-cta-photo):hover .rbw-cell-bg img { scale: 1.05; }
.rbw-services { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
/* ---------- Servicios en tarjetas con foto (página de servicios) ---------- */
.rbw-svc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.rbw-svc {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
margin: 0;
overflow: clip;
background: var(--wp--preset--color--raised);
border: 1px solid var(--rbw-line);
border-radius: var(--wp--custom--radius--md);
box-shadow: var(--wp--preset--shadow--sm);
scroll-margin-top: calc(var(--wp--custom--header--height) + 1rem);
transition: box-shadow 0.4s var(--rbw-ease), translate 0.4s var(--rbw-ease), border-color 0.4s;
}
.rbw-svc:hover { box-shadow: var(--wp--preset--shadow--md); translate: 0 -4px; border-color: var(--rbw-line-strong); }
.rbw-svc > * { margin: 0; }
.rbw-svc > .wp-block-image { height: 100%; min-height: 16rem; overflow: clip; }
.rbw-svc > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; transition: scale 0.9s var(--rbw-ease); }
.rbw-svc:hover > .wp-block-image img { scale: 1.05; }
.rbw-svc-body { padding: clamp(1.25rem, 2.2vw, 2rem); display: flex; flex-direction: column; gap: 0.9rem; }
.rbw-svc-body > * { margin: 0; }
.rbw-svc-body > p:not(.rbw-more) { color: var(--wp--preset--color--muted); }
.rbw-svc-body .rbw-checks { font-size: 0.9375rem; }
.rbw-more { margin-block-start: auto !important; padding-block-start: 0.5rem; }
.rbw-more a { display: inline-flex; align-items: center; gap: 0.45em; font-weight: 600; text-decoration: none; color: var(--wp--preset--color--contrast); }
.rbw-more a::after { content: ""; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--rbw-svg-arrow-right) center / contain no-repeat; mask: var(--rbw-svg-arrow-right) center / contain no-repeat; transition: translate 0.3s var(--rbw-ease); }
.rbw-more a:hover::after { translate: 4px 0; }
/* ---------- Proceso (columna fija + pasos que se apilan al hacer scroll) ---------- */
.rbw-process { gap: var(--wp--preset--spacing--60); align-items: flex-start; }
.rbw-process > .wp-block-column:first-child { position: sticky; top: calc(var(--wp--custom--header--height) + 2rem); }
.rbw-process > .wp-block-column:first-child p { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); max-width: 34ch; }
.rbw-step {
position: sticky;
top: calc(var(--wp--custom--header--height) + 2rem + var(--n, 0) * 1.1rem);
margin-block: 0 1.25rem;
padding: clamp(1.75rem, 3vw, 2.75rem);
min-height: 15rem;
display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--wp--preset--color--raised);
border: 1px solid var(--rbw-line);
border-radius: var(--wp--custom--radius--md);
box-shadow: 0 -18px 40px color-mix(in srgb, var(--wp--preset--color--base) 55%, transparent);
}
.rbw-step:nth-child(2) { --n: 1; } .rbw-step:nth-child(3) { --n: 2; } .rbw-step:nth-child(4) { --n: 3; }
.rbw-step > * { margin: 0; }
.rbw-step h3 { font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: var(--wp--preset--font-size--xx-large); letter-spacing: -0.02em; }
.rbw-step p { color: var(--wp--preset--color--muted); max-width: 46ch; margin-block-start: 1.5rem; }
/* ---------- Filosofía: frase que se enciende + cifras ---------- */
.rbw-statement p {
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(1.75rem, 4.6vw, 4rem);
font-weight: 500;
line-height: 1.12;
letter-spacing: -0.02em;
margin: 0;
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.rbw-statement p { view-timeline: --rbw-st block; }
.rbw-statement .rbw-w { opacity: 0.16; animation: rbw-word linear both; animation-timeline: --rbw-st; animation-range: cover calc(14% + var(--p) * 34%) cover calc(22% + var(--p) * 34%); }
}
}
@keyframes rbw-word { to { opacity: 1; } }
.rbw-about-foot { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--wp--preset--spacing--50); flex-wrap: wrap; margin-block-start: var(--wp--preset--spacing--60); padding-block-start: var(--wp--preset--spacing--50); border-block-start: 1px solid var(--rbw-line); }
.rbw-about-foot > * { margin: 0; }
.rbw-stats { display: flex; gap: clamp(2rem, 6vw, 5rem); flex-wrap: wrap; }
.rbw-stat { margin: 0; }
.rbw-stat > * { margin: 0; }
.rbw-stat-n { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.75rem, 6vw, 5rem); font-weight: 500; line-height: 1; letter-spacing: -0.02em; }
.rbw-stat-t { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); margin-block-start: 0.6rem; max-width: 20ch; }
.rbw-figures { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-block: 1px solid var(--rbw-line); }
.rbw-figures .rbw-stat { padding: clamp(1.5rem, 3vw, 2.75rem); border-inline-start: 1px solid var(--rbw-line); }
.rbw-figures .rbw-stat:first-child { border-inline-start: 0; padding-inline-start: 0; }
.rbw-figures .rbw-stat-n { color: var(--wp--preset--color--accent); }
.rbw-figures-section { padding-block: var(--wp--preset--spacing--50); }
/* ---------- Trabajos: galería horizontal ---------- */
.rbw-work-section { overflow: clip; }
.rbw-work {
display: flex;
gap: 1.25rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-block-end: 1.5rem;
margin-inline-end: calc(-1 * var(--wp--style--root--padding-right, 1.5rem));
padding-inline-end: var(--wp--style--root--padding-right, 1.5rem);
scrollbar-width: thin;
scrollbar-color: var(--rbw-line-strong) transparent;
cursor: grab;
}
.rbw-work.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.rbw-work-item { flex: 0 0 min(27rem, 78vw); margin: 0; scroll-snap-align: start; }
.rbw-work-item > * { margin: 0; }
.rbw-work-item .wp-block-image { border-radius: var(--wp--custom--radius--md); overflow: clip; aspect-ratio: 4 / 3; }
.rbw-work-item img { width: 100%; height: 100%; object-fit: cover; transition: scale 0.9s var(--rbw-ease); pointer-events: none; }
.rbw-work-item:hover img { scale: 1.06; }
.rbw-work-item h3 { margin-block-start: 1.1rem; }
.rbw-work-item p { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); margin-block-start: 0.25rem; }
/* ---------- Testimonios ---------- */
.rbw-testis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; align-items: start; }
.rbw-testi {
position: relative;
margin: 0;
padding: clamp(1.5rem, 2.4vw, 2.25rem);
display: flex;
flex-direction: column;
gap: 1.5rem;
background: var(--wp--preset--color--raised);
border: 1px solid var(--rbw-line);
border-radius: var(--wp--custom--radius--md);
box-shadow: var(--wp--preset--shadow--sm);
}
.rbw-testi > * { margin: 0; }
/* Cinco estrellas arriba y comillas de fondo */
.rbw-testi::before { content: ""; width: 6.25rem; height: 1.15rem; background: var(--wp--preset--color--accent); -webkit-mask: var(--rbw-svg-star-fill) left center / 1.25rem 1.15rem repeat-x; mask: var(--rbw-svg-star-fill) left center / 1.25rem 1.15rem repeat-x; }
.rbw-testi::after { content: ""; position: absolute; top: 1.5rem; right: 1.5rem; width: 2.75rem; height: 2.75rem; background: color-mix(in srgb, var(--wp--preset--color--primary) 16%, transparent); -webkit-mask: var(--rbw-svg-quotes-fill) center / contain no-repeat; mask: var(--rbw-svg-quotes-fill) center / contain no-repeat; }
.rbw-testi-text { font-family: var(--wp--preset--font-family--heading); font-size: 1.375rem; line-height: 1.35; letter-spacing: -0.01em; }
.rbw-testi-by { display: flex; align-items: center; gap: 0.9rem; margin-block-start: auto; padding-block-start: 1.25rem; border-block-start: 1px solid var(--rbw-line); }
.rbw-testi-by > * { margin: 0; }
.rbw-testi-by p { margin: 0; line-height: 1.3; }
.rbw-avatar { flex: none; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); font-weight: 600; font-size: 0.9375rem; }
.rbw-testi-role { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.rbw-testi--main { margin-block-start: 2.5rem; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); border-color: transparent; box-shadow: var(--wp--preset--shadow--md); }
.rbw-testi--main::after { background: color-mix(in srgb, var(--wp--preset--color--on-primary) 22%, transparent); }
.rbw-testi--main .rbw-testi-by { border-block-start-color: color-mix(in srgb, var(--wp--preset--color--on-primary) 25%, transparent); }
.rbw-testi--main .rbw-avatar { background: var(--wp--preset--color--on-primary); color: var(--wp--preset--color--primary); }
.rbw-testi--main .rbw-testi-role { color: color-mix(in srgb, var(--wp--preset--color--on-primary) 78%, transparent); }
.rbw-bigquote > * { margin: 0; }
.rbw-bigquote > p:first-child { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.75rem, 3.4vw, 3rem); line-height: 1.15; letter-spacing: -0.02em; font-weight: 500; }
.rbw-bigquote-by { margin-block-start: var(--wp--preset--spacing--50) !important; color: var(--wp--preset--color--muted); }
.rbw-bigquote-by strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
/* ---------- FAQ ---------- */
.wp-block-details { border-block-end: 1px solid var(--rbw-line); padding-block: 1.4rem; margin-block: 0; }
.wp-block-details:first-child { border-block-start: 1px solid var(--rbw-line); }
.wp-block-details summary {
cursor: pointer;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.5rem;
min-height: 44px;
font-family: var(--wp--preset--font-family--heading);
font-size: var(--wp--preset--font-size--x-large);
font-weight: 500;
letter-spacing: -0.02em;
transition: color 0.25s;
}
.wp-block-details summary:hover { color: var(--wp--preset--color--accent); }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after {
content: "";
flex: none;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
border: 1px solid var(--rbw-line-strong);
background: linear-gradient(currentColor, currentColor) center / 0.9rem 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 0.9rem no-repeat;
transition: rotate 0.4s var(--rbw-ease);
}
.wp-block-details[open] summary::after { rotate: 135deg; }
.wp-block-details > :not(summary) { color: var(--wp--preset--color--muted); max-width: 52ch; margin-block: 1rem 0; }
@supports (interpolate-size: allow-keywords) {
@media (prefers-reduced-motion: no-preference) {
.wp-block-details { interpolate-size: allow-keywords; }
.wp-block-details::details-content { block-size: 0; overflow: clip; transition: block-size 0.45s var(--rbw-ease), content-visibility 0.45s allow-discrete; }
.wp-block-details[open]::details-content { block-size: auto; }
}
}
.rbw-qa { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.rbw-qa-item { margin: 0; padding: clamp(1.5rem, 2.4vw, 2.25rem); background: var(--wp--preset--color--raised); box-shadow: var(--wp--preset--shadow--sm); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-qa-item > * { margin: 0; }
.rbw-qa-item p { color: var(--wp--preset--color--muted); margin-block-start: 0.75rem; }
/* ---------- Tarjetas de características, valores, misión y visión, canales ---------- */
.rbw-features, .rbw-values, .rbw-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.rbw-feature, .rbw-value, .rbw-channel {
margin: 0;
padding: clamp(1.5rem, 2.4vw, 2.25rem);
border: 1px solid var(--rbw-line);
border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--raised);
box-shadow: var(--wp--preset--shadow--sm);
transition: border-color 0.4s, translate 0.4s var(--rbw-ease);
}
.rbw-band :is(.rbw-feature, .rbw-value, .rbw-channel) { background: var(--wp--preset--color--raised); }
:is(.rbw-feature, .rbw-value, .rbw-channel):hover { border-color: var(--rbw-line-strong); translate: 0 -4px; }
:is(.rbw-feature, .rbw-value, .rbw-channel) > * { margin: 0; }
:is(.rbw-feature, .rbw-value) p { color: var(--wp--preset--color--muted); margin-block-start: 0.6rem; }
.rbw-features { gap: 0; border-block-start: 1px solid var(--rbw-line); }
.rbw-feature { background: none; border: 0; border-radius: 0; border-block-end: 1px solid var(--rbw-line); border-inline-start: 1px solid var(--rbw-line); }
.rbw-feature:nth-child(3n + 1) { border-inline-start: 0; padding-inline-start: 0; }
.rbw-feature:hover { translate: none; }
.rbw-channel p { font-size: var(--wp--preset--font-size--large); margin-block-start: 0.4rem; }
.rbw-channel a { text-decoration: none; }
.rbw-channel .rbw-channel-note { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.rbw-mv { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.rbw-mv-card { margin: 0; min-height: 22rem; padding: clamp(1.75rem, 3.5vw, 3.5rem); display: flex; flex-direction: column; border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--raised); box-shadow: var(--wp--preset--shadow--sm); border: 1px solid var(--rbw-line); }
.rbw-mv-card::before { width: 3rem; height: 3rem; margin-block-end: auto; }
.rbw-mv-card > * { margin: 0; }
.rbw-mv-card p { margin-block-start: 1rem; font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--muted); max-width: 36ch; }
.rbw-mv-card--accent { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); border-color: transparent; }
.rbw-mv-card--accent::before { background: var(--wp--preset--color--on-primary); }
.rbw-mv-card:not(.rbw-mv-card--accent)::before { background: var(--wp--preset--color--accent); }
.rbw-mv-card--accent p { color: color-mix(in srgb, var(--wp--preset--color--on-primary) 82%, var(--wp--preset--color--primary)); }
/* ---------- Planes y comparativa ---------- */
.rbw-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; }
.rbw-plan { margin: 0; padding: clamp(1.5rem, 2.6vw, 2.5rem); display: flex; flex-direction: column; gap: 1rem; border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); background: var(--wp--preset--color--raised); }
.rbw-plan > * { margin: 0; }
.rbw-plan-for { color: var(--wp--preset--color--muted); }
.rbw-plan-price { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.25rem, 4vw, 3.25rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1; padding-block: 0.5rem 1rem; border-block-end: 1px solid var(--rbw-line); }
.rbw-plan-price span { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-weight: 400; letter-spacing: 0; color: var(--wp--preset--color--muted); }
.rbw-plan .wp-block-buttons { margin-block-start: auto; padding-block-start: 1rem; }
.rbw-plan .wp-block-button, .rbw-plan .wp-block-button__link { width: 100%; justify-content: center; }
.rbw-plan--main { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 1px var(--wp--preset--color--primary); }
.rbw-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.rbw-compare-col { margin: 0; padding: clamp(1.5rem, 3vw, 3rem); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-compare-col > h3 { margin: 0 0 1.5rem; }
.rbw-compare-col--yes { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 1px var(--wp--preset--color--primary), var(--wp--preset--shadow--md); }
/* ---------- Llamados a la acción ---------- */
.rbw-cta { padding-block: var(--wp--preset--spacing--60); }
.rbw-cta-box, .rbw-cta-photo {
position: relative;
isolation: isolate;
overflow: clip;
padding: clamp(2.5rem, 7vw, 6.5rem) clamp(1.5rem, 5vw, 5rem);
border-radius: var(--wp--custom--radius--lg);
}
.rbw-cta-box { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); }
.rbw-cta-box h2 { font-size: var(--wp--preset--font-size--display); line-height: 1; margin: 0; }
.rbw-cta-box p { font-size: var(--wp--preset--font-size--large); max-width: 34ch; margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); }
.rbw-cta-box .wp-block-button__link { background: var(--wp--preset--color--on-primary); color: var(--wp--preset--color--primary); border-color: var(--wp--preset--color--on-primary); font-size: var(--wp--preset--font-size--large); padding: 1em 1.7em; }
:root[data-theme="dark"] .rbw-cta-box .wp-block-button__link { color: var(--wp--preset--color--contrast); }
.rbw-cta-box::after {
content: "";
position: absolute;
z-index: -1;
right: -8%;
bottom: -55%;
width: min(46rem, 70%);
aspect-ratio: 1;
border-radius: 50%;
border: 1px solid color-mix(in srgb, var(--wp--preset--color--on-primary) 30%, transparent);
box-shadow: 0 0 0 5rem color-mix(in srgb, var(--wp--preset--color--on-primary) 6%, transparent), 0 0 0 10rem color-mix(in srgb, var(--wp--preset--color--on-primary) 4%, transparent);
pointer-events: none;
}
.rbw-cta-photo { min-height: 26rem; display: flex; flex-direction: column; justify-content: flex-end; }
.rbw-cta-photo::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--base) 94%, transparent) 10%, color-mix(in srgb, var(--wp--preset--color--base) 35%, transparent)); }
.rbw-cta-photo > :not(.rbw-cell-bg) { margin: 0; }
.rbw-cta-photo h2 { max-width: 16ch; }
.rbw-cta-photo p { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); margin-block: 1rem 2rem !important; }
.rbw-cta-line, .rbw-news { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--50); flex-wrap: wrap; padding: clamp(1.75rem, 4vw, 3rem); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--lg); }
.rbw-cta-line > *, .rbw-news > * { margin: 0; }
.rbw-cta-line h2, .rbw-news h2 { font-size: var(--wp--preset--font-size--x-large); margin: 0; }
.rbw-cta-line p, .rbw-news p { color: var(--wp--preset--color--muted); margin: 0.4rem 0 0; }
.rbw-cta-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--wp--preset--spacing--60); align-items: end; padding-block-start: var(--wp--preset--spacing--60); border-block-start: 1px solid var(--rbw-line-strong); }
.rbw-cta-split > * { margin: 0; }
.rbw-cta-split h2 { font-size: clamp(2.25rem, 5.4vw, 4.75rem); }
.rbw-cta-split p { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); margin-block: 0 1.5rem; }
/* ---------- Historia y presentación de un servicio ---------- */
.rbw-story, .rbw-service-intro { gap: var(--wp--preset--spacing--60); align-items: center; }
:is(.rbw-story, .rbw-service-intro) .wp-block-image { margin: 0; border-radius: var(--wp--custom--radius--lg); overflow: clip; aspect-ratio: 4 / 5; }
:is(.rbw-story, .rbw-service-intro) .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
:is(.rbw-story, .rbw-service-intro) p { color: var(--wp--preset--color--muted); max-width: 50ch; }
:is(.rbw-story, .rbw-service-intro) p.has-large-font-size { color: var(--wp--preset--color--contrast); }
.rbw-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-block: var(--wp--preset--spacing--50); padding-block-start: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--rbw-line); }
.rbw-duo > * { margin: 0; }
.rbw-duo h3 { font-size: var(--wp--preset--font-size--large); margin: 0 0 0.4rem; }
.rbw-duo p { margin: 0; }
/* ---------- Equipo ---------- */
.rbw-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.rbw-person { margin: 0; padding: 1.5rem; border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); transition: border-color 0.4s, translate 0.4s var(--rbw-ease); }
.rbw-person:hover { border-color: var(--rbw-line-strong); translate: 0 -4px; }
.rbw-person > * { margin: 0; }
.rbw-monogram { display: grid; place-items: center; aspect-ratio: 1; margin-block-end: 1.5rem; border-radius: var(--wp--custom--radius--sm); background: var(--wp--preset--color--raised); font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 600; letter-spacing: -0.02em; color: var(--wp--preset--color--muted); transition: background-color 0.4s, color 0.4s; }
.rbw-person:hover .rbw-monogram { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); }
.rbw-person h3 { font-size: var(--wp--preset--font-size--large); }
.rbw-person h3 + p { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); margin-block-start: 0.3rem; }
/* ---------- Contacto y formularios ---------- */
.rbw-contact { gap: var(--wp--preset--spacing--60); }
.rbw-contact--page { margin-block-start: 1rem; gap: 1rem; align-items: stretch; }
.rbw-contact--page .wp-block-image { margin: 0; height: 100%; min-height: 20rem; border-radius: var(--wp--custom--radius--md); overflow: clip; }
.rbw-contact--page .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.rbw-contact--page .rbw-form > h3 { margin: 0 0 1.5rem; }
.rbw-contact-list { list-style: none; padding: 0; margin-block-start: var(--wp--preset--spacing--50); display: grid; gap: 0; }
.rbw-contact-list li { padding-block: 1.1rem; border-block-start: 1px solid var(--rbw-line); font-size: var(--wp--preset--font-size--large); }
.rbw-contact-list strong { display: block; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); font-weight: 400; margin-block-end: 0.15rem; }
.rbw-contact-list a { text-decoration: none; }
.rbw-form { padding: clamp(1.5rem, 3vw, 2.75rem); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-form fieldset.hidden-fields-container { display: none; }
.rbw-form :where(input, select, textarea) { box-sizing: border-box; line-height: 1.4; }
.rbw-form .wpcf7-form-control-wrap { display: block; }
.rbw-form p { margin: 0 0 1.25rem; }
.rbw-form p:last-of-type { margin-block-end: 0; }
.rbw-form label { display: block; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.rbw-form :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], select, textarea),
.wp-block-search__input {
display: block;
width: 100%;
margin-block-start: 0.4rem;
padding: 0.9em 1em;
min-height: 52px;
font: inherit;
color: var(--wp--preset--color--contrast);
background: var(--wp--preset--color--base);
border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 34%, transparent);
border-radius: var(--wp--custom--radius--sm);
transition: border-color 0.25s, box-shadow 0.25s;
}
.rbw-form :where(input:not([type="submit"]), textarea):focus, .wp-block-search__input:focus { outline: none; border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--primary) 25%, transparent); }
.rbw-form textarea { height: 9rem; min-height: 6rem; resize: vertical; }
.rbw-form input[type="submit"] {
font: inherit;
font-weight: 500;
cursor: pointer;
width: 100%;
padding: 1em 1.5em;
min-height: 52px;
color: var(--wp--preset--color--on-primary);
background: var(--wp--preset--color--primary);
border: 0;
border-radius: var(--wp--custom--radius--btn);
transition: background-color 0.3s var(--rbw-ease), scale 0.15s;
}
.rbw-form input[type="submit"]:hover { background: var(--wp--preset--color--primary-dark); }
.rbw-form input[type="submit"]:active { scale: 0.98; }
.rbw-form .wpcf7-not-valid-tip { display: block; margin-block-start: 0.4rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--primary-dark); }
.rbw-form .wpcf7-response-output { margin: 1.25rem 0 0; padding: 0.9em 1em; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius--sm); font-size: var(--wp--preset--font-size--small); }
.rbw-form .wpcf7-response-output:empty { display: none; }
.rbw-form .rbw-legal { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.rbw-form .rbw-legal a { color: inherit; }
.rbw-form .wpcf7-spinner { display: none; }
/* Suscripción: versión chica (pie) y en línea (franja) */
.rbw-form--mini, .rbw-form--inline { padding: 0; background: none; border: 0; border-radius: 0; }
.rbw-form--mini p, .rbw-form--inline p { margin-block-end: 0.6rem; }
.rbw-form--mini :where(input[type="text"], input[type="email"]), .rbw-form--inline :where(input[type="text"], input[type="email"]) { min-height: 46px; padding: 0.7em 0.9em; margin: 0; }
.rbw-form--mini input[type="submit"], .rbw-form--inline input[type="submit"] { min-height: 46px; padding: 0.7em 1.2em; }
.rbw-form--inline { flex: 1 1 26rem; max-width: 34rem; }
.rbw-form--inline form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 0.6rem; align-items: start; }
.rbw-form--inline form > :where(.wpcf7-response-output, .rbw-legal, .screen-reader-response) { grid-column: 1 / -1; }
.rbw-form--inline p { margin: 0; }
.rbw-form :where(.rbw-sr) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.rbw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.screen-reader-response { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wp-block-search__button { border-radius: var(--wp--custom--radius--pill); margin-inline-start: 0.5rem; }
/* ---------- Cuerpo de páginas de texto (legales, entradas): alineado con el logo ---------- */
.rbw-page-body { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); }
.rbw-page-body:has(> .rbw-section) { padding-block: 0; }
.rbw-page-body > :where(p, ul, ol, h2, h3, h4, blockquote, figure:not(.alignwide):not(.alignfull), .wp-block-details) { max-width: 52rem; margin-inline-start: max(0px, calc((100% - 1280px) / 2)) !important; margin-inline-end: auto !important; }
.rbw-page-body > :where(p, ul, ol) { color: color-mix(in srgb, var(--wp--preset--color--contrast) 84%, var(--wp--preset--color--base)); font-size: var(--wp--preset--font-size--large); }
.rbw-page-body > h2 { font-size: var(--wp--preset--font-size--x-large); margin-block-start: var(--wp--preset--spacing--50); padding-block-start: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--rbw-line); max-width: 1280px; }
.rbw-page-body > h2:first-child { border: 0; padding: 0; margin-block-start: 0; }
.rbw-page-body a:not(.wp-block-button__link) { text-decoration-color: var(--wp--preset--color--accent); text-underline-offset: 0.2em; }
.rbw-note { padding: 1rem 1.25rem; border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--sm); font-size: var(--wp--preset--font-size--medium) !important; }
.rbw-post-nav { display: flex; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); }
.rbw-post-nav a { text-decoration: none; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--large); }
/* Blog */
.rbw-post-card .wp-block-post-featured-image { margin: 0; border-radius: var(--wp--custom--radius--md); overflow: clip; }
.rbw-post-card .wp-block-post-featured-image img { transition: scale 0.9s var(--rbw-ease); }
.rbw-post-card:hover .wp-block-post-featured-image img { scale: 1.05; }
.rbw-post-card .wp-block-post-title { margin-block: 1.25rem 0.5rem; }
.rbw-post-card .wp-block-post-title a { text-decoration: none; }
.rbw-post-card .wp-block-post-excerpt { color: var(--wp--preset--color--muted); margin-block: 0 0.75rem; }
.rbw-post-card .wp-block-post-date { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.wp-block-query-pagination { margin-block-start: var(--wp--preset--spacing--50); }
/* ---------- Pie ---------- */
.rbw-footer { padding-block: var(--wp--preset--spacing--40); background: var(--wp--preset--color--surface); border-block-start: 1px solid var(--rbw-line); overflow: clip; }
.rbw-footer-grid { display: grid; grid-template-columns: 1.5fr 0.8fr 1fr 1.5fr; gap: var(--wp--preset--spacing--50); align-items: start; margin-block-start: var(--wp--preset--spacing--60); }
.rbw-footer-grid > * { margin: 0; }
.rbw-footer-grid > .wp-block-group > * { margin-block-start: 0; }
.rbw-footer a { color: var(--wp--preset--color--contrast); text-decoration: none; transition: color 0.25s; }
.rbw-footer a:hover { color: var(--wp--preset--color--accent); }
.rbw-footer h2 { font-family: var(--wp--preset--font-family--body); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin-block: 0 1.1rem; }
.rbw-footer .rbw-footer-muted { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--small); }
.rbw-footer-grid ul:not(.wp-block-social-links) { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.6rem; }
.rbw-footer-brand .wp-block-site-title { font-size: 2.25rem; line-height: 1; margin: 0; }
.rbw-footer-brand .wp-block-site-tagline { margin-block: 0.9rem 1.5rem; max-width: 30ch; font-size: var(--wp--preset--font-size--medium); }
.rbw-social { gap: 0.5rem !important; }
.rbw-social .wp-social-link { margin: 0; background: var(--wp--preset--color--raised) !important; border: 1px solid var(--rbw-line-strong); border-radius: 50%; transition: background-color 0.3s, border-color 0.3s, translate 0.3s var(--rbw-ease); }
.rbw-social .wp-social-link a { padding: 0.65rem; color: var(--wp--preset--color--contrast) !important; }
.rbw-social .wp-social-link svg { width: 1.15rem; height: 1.15rem; fill: currentColor; }
.rbw-social .wp-social-link:hover { background: var(--wp--preset--color--primary) !important; border-color: var(--wp--preset--color--primary); translate: 0 -3px; }
.rbw-social .wp-social-link:hover a { color: var(--wp--preset--color--on-primary) !important; }
.rbw-footer-news .rbw-footer-muted { margin-block: 0 1rem; }
.rbw-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem 2rem; flex-wrap: wrap; margin-block-start: var(--wp--preset--spacing--60); padding-block-start: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--rbw-line); }
.rbw-footer-bottom > * { margin: 0; }
.rbw-footer-legal { list-style: none; display: flex; gap: 1.5rem; padding: 0; margin: 0; font-size: var(--wp--preset--font-size--small); }
.rbw-footer-legal a { color: var(--wp--preset--color--muted); }
.rbw-madeby .wp-block-image { margin: 0; }
.rbw-madeby img { display: block; width: auto; height: 1.9rem; opacity: 0.8; transition: opacity 0.3s; }
.rbw-madeby a:hover img { opacity: 1; }
/* ---------- Movimiento ---------- */
@media (prefers-reduced-motion: no-preference) {
/* Entrada del hero al cargar. Los títulos no usan opacidad para no demorar el primer render. */
.rbw-hero :is(.rbw-eyebrow, .rbw-hero-text, .wp-block-buttons), .rbw-pagehead :is(.rbw-pagehead-text, .wp-block-post-excerpt, .wp-block-buttons) { animation: rbw-rise 0.9s var(--rbw-ease) both; }
.rbw-hero :is(.rbw-hero-text, .wp-block-buttons), .rbw-pagehead :is(.rbw-pagehead-text, .wp-block-post-excerpt, .wp-block-buttons) { animation-delay: 0.18s; }
.rbw-hero .wp-block-buttons { animation-delay: 0.28s; }
.rbw-hero .rbw-hero-badge { animation: rbw-rise 0.9s var(--rbw-ease) 0.55s both; }
.rbw-hero h1, .rbw-pagehead :is(h1, .wp-block-post-title, .wp-block-query-title) { animation: rbw-rise-solid 0.9s var(--rbw-ease) 0.05s both; }
.rbw-hero .rbw-hero-art { animation: rbw-unveil 1.2s var(--rbw-ease) both; }
/* Aparición al entrar en pantalla (solo si el script cargó) */
.rbw-motion [data-reveal] { opacity: 0; translate: 0 28px; transition: opacity 0.8s var(--rbw-ease), translate 0.8s var(--rbw-ease), border-color 0.4s, padding 0.4s var(--rbw-ease); transition-delay: calc(var(--i, 0) * 70ms); }
.rbw-motion [data-reveal].is-in { opacity: 1; translate: none; }
.rbw-motion :is(.rbw-cell, .rbw-person, .rbw-value, .rbw-channel, .rbw-svc)[data-reveal].is-in:hover { translate: 0 -4px; transition-delay: 0s; }
.rbw-motion [data-reveal].is-in:hover { transition-delay: 0s; }
/* Las fotos grandes se acercan levemente mientras se hace scroll */
@supports (animation-timeline: view()) {
:is(.rbw-story, .rbw-solutions, .rbw-service-intro) .wp-block-image img { animation: rbw-zoom linear both; animation-timeline: view(); }
}
}
@keyframes rbw-rise { from { opacity: 0; transform: translateY(26px); } }
@keyframes rbw-rise-solid { from { transform: translateY(0.35em); clip-path: inset(0 0 100% 0); } to { clip-path: inset(-20% -5% -20% -5%); } }
@keyframes rbw-unveil { from { transform: translateY(40px) scale(0.96); } }
@keyframes rbw-zoom { from { scale: 1; } to { scale: 1.14; } }
/* ---------- Tablet y mobile ---------- */
@media (max-width: 1024px) {
.rbw-services { grid-template-columns: repeat(2, 1fr); }
.rbw-footer-grid { grid-template-columns: 1fr 1fr; }
.rbw-figures { grid-template-columns: 1fr 1fr; }
.rbw-figures .rbw-stat:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
.rbw-figures .rbw-stat:nth-child(n + 3) { border-block-start: 1px solid var(--rbw-line); }
.rbw-svc-grid { grid-template-columns: 1fr; }
.rbw-testis { grid-template-columns: 1fr; }
.rbw-testi--main { margin-block-start: 0; }
}
@media (max-width: 900px) {
.rbw-team-grid { grid-template-columns: repeat(2, 1fr); }
.rbw-person { padding: 1rem; }
.rbw-features, .rbw-values, .rbw-channels, .rbw-plans { grid-template-columns: 1fr; }
.rbw-feature { border-inline-start: 0; padding-inline: 0; }
.rbw-mv, .rbw-compare, .rbw-qa, .rbw-cta-split { grid-template-columns: 1fr; }
.rbw-mv-card { min-height: 18rem; }
.rbw-form--inline form { grid-template-columns: 1fr; }
}
@media (max-width: 781px) {
.rbw-hero-art { margin-block-start: 1rem; padding: 0 0 1.5rem 1rem; }
.rbw-hero-art::after { width: 4rem; height: 4rem; top: -1rem; right: -0.5rem; }
.rbw-process > .wp-block-column:first-child, .rbw-split > .wp-block-column:first-child { position: static; }
.rbw-step { min-height: 12rem; }
.rbw-section-head > *, .rbw-section-head--row > .wp-block-group > * { max-width: none; }
.rbw-marquee-track { gap: 2rem 2.5rem; }
.rbw-marquee.is-ready .rbw-marquee-track { padding-inline-end: 2.5rem; }
.rbw-marquee-track img { width: 7.5rem; }
.rbw-cell { min-height: 12rem; }
.rbw-solutions .wp-block-image { aspect-ratio: 4 / 3; }
.rbw-footer-bottom { flex-direction: column; align-items: flex-start; }
.rbw-header-tools { gap: 0.5rem; }
}
@media (max-width: 560px) {
.rbw-services { grid-template-columns: 1fr; }
.rbw-footer-grid { grid-template-columns: 1fr; }
.rbw-svc { grid-template-columns: 1fr; }
.rbw-svc > .wp-block-image { min-height: 0; aspect-ratio: 16 / 10; }
.rbw-duo { grid-template-columns: 1fr; }
.rbw-pagehead.wp-block-cover { min-height: 19rem; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}
/*
* Rainbow Tienda: todo lo propio de la tienda (cabecera de compra, portada, tarjetas, listado, ficha,
* carrito, checkout y mi cuenta). Se suma a theme.src.css al generar theme.css (tools/inline-icons.py).
* Igual que el resto: colores, tipografías, radios y sombras salen de las variables de theme.json.
* Capas: barra de compra mobile 30, WhatsApp 40, cabecera 50, filtros mobile 60, buscador (dialog, capa superior).
*/
:root {
--rbw-sale: var(--wp--preset--color--sale);
--rbw-ok: var(--wp--preset--color--success);
--rbw-tint: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);
--rbw-media: color-mix(in srgb, var(--wp--preset--color--surface) 70%, var(--wp--preset--color--raised));
}
/* ---------- Piezas chicas: íconos, botones, enlaces, etiquetas, estrellas ---------- */
.rbw-i { width: 1.25em; height: 1.25em; flex: none; display: block; }
.rbw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6em;
min-height: 3.25rem;
padding: 0.9em 1.75em;
font: inherit;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
color: var(--wp--preset--color--on-primary);
background: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
border-radius: var(--wp--custom--radius--btn);
transition: background-color 0.3s var(--rbw-ease), border-color 0.3s var(--rbw-ease), color 0.3s, scale 0.15s, opacity 0.3s;
}
.rbw-btn:hover { background: var(--wp--preset--color--primary-dark); border-color: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--on-primary); }
.rbw-btn:active { scale: 0.97; }
.rbw-btn--lg { min-height: 3.5rem; padding-inline: 2.25em; }
.rbw-btn[disabled], .rbw-btn.is-busy { opacity: 0.6; pointer-events: none; }
.rbw-btn.is-done { background: var(--rbw-ok); border-color: var(--rbw-ok); color: #fff; }
.rbw-round {
flex: none;
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
cursor: pointer;
color: var(--wp--preset--color--contrast);
background: var(--wp--preset--color--raised);
border: 1px solid var(--rbw-line-strong);
border-radius: 50%;
transition: background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s, scale 0.15s;
}
.rbw-round:hover { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-round:active { scale: 0.94; }
.rbw-round[disabled] { opacity: 0.35; pointer-events: none; }
.rbw-link { font-weight: 500; text-underline-offset: 0.25em; text-decoration-thickness: 1px; }
.rbw-badges { position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; pointer-events: none; }
.rbw-badge { display: inline-flex; align-items: center; padding: 0.3em 0.7em; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; line-height: 1.3; border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--raised); color: var(--wp--preset--color--contrast); }
.rbw-badge--sale { background: var(--rbw-sale); color: #fff; }
.rbw-badge--new { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-badge--out { background: color-mix(in srgb, var(--wp--preset--color--raised) 88%, transparent); color: var(--wp--preset--color--muted); }
.rbw-rating { display: flex; align-items: center; gap: 0.4rem; line-height: 1; }
.rbw-stars {
display: block;
width: 5rem;
height: 0.95rem;
background: linear-gradient(90deg, var(--wp--preset--color--contrast) calc(var(--rating) / 5 * 100%), var(--rbw-line-strong) 0);
-webkit-mask: var(--rbw-svg-star-fill) left center / 1rem 0.95rem repeat-x;
mask: var(--rbw-svg-star-fill) left center / 1rem 0.95rem repeat-x;
}
.rbw-stars-count { font-size: 0.8125rem; color: var(--wp--preset--color--muted); }
.rbw-dots { display: flex; gap: 0.35rem; margin-block-start: 0.6rem; }
.rbw-dot { width: 0.95rem; height: 0.95rem; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px var(--rbw-line-strong); }
.rbw-chip { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.5em 0.95em; font-size: 0.875rem; font-weight: 500; line-height: 1.2; text-decoration: none; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); transition: border-color 0.25s, background-color 0.25s; }
.rbw-chip:hover { border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--contrast); }
.rbw-chip .rbw-i { width: 0.95em; height: 0.95em; }
.rbw-chip--btn { cursor: pointer; font-family: inherit; min-height: 2.75rem; }
.rbw-chip b { display: grid; place-items: center; min-width: 1.35rem; height: 1.35rem; padding-inline: 0.3rem; font-size: 0.75rem; border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
/* Precios */
.rbw-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.1em 0.55em; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.rbw-price del { order: 2; font-weight: 400; font-size: 0.875em; color: var(--wp--preset--color--muted); text-decoration-thickness: 1px; }
.rbw-price ins { text-decoration: none; color: var(--rbw-sale); }
.rbw-price .rbw-from { font-weight: 400; font-size: 0.875em; color: var(--wp--preset--color--muted); }
.rbw-price--lg { font-size: 1.75rem; }
.rbw-price--xl { font-size: clamp(1.75rem, 3vw, 2.25rem); letter-spacing: -0.02em; }
.rbw-price .screen-reader-text, .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.rbw-toast { position: fixed; z-index: 70; left: 50%; bottom: 1.5rem; max-width: min(28rem, calc(100vw - 2rem)); padding: 0.9rem 1.25rem; font-size: 0.9375rem; font-weight: 500; color: var(--wp--preset--color--base); background: var(--wp--preset--color--contrast); border-radius: var(--wp--custom--radius--md); box-shadow: var(--wp--preset--shadow--lg); translate: -50% 150%; opacity: 0; transition: translate 0.5s var(--rbw-ease), opacity 0.3s; }
.rbw-toast.is-on { translate: -50% 0; opacity: 1; }
/* ---------- Franja de anuncios ---------- */
.rbw-announce { background: var(--wp--preset--color--ink); color: #fff; font-size: 0.8125rem; }
:root[data-theme="dark"] .rbw-announce { background: #000; }
.rbw-announce-in { position: relative; display: flex; align-items: center; justify-content: center; max-width: 1280px; min-height: 2.5rem; margin-inline: auto; padding-inline: var(--wp--style--root--padding-left, 1.5rem); }
.rbw-announce-list { list-style: none; margin: 0; padding: 0; display: grid; text-align: center; }
.rbw-announce-list li { grid-area: 1 / 1; opacity: 0; translate: 0 0.6rem; transition: opacity 0.5s, translate 0.6s var(--rbw-ease); font-weight: 500; letter-spacing: 0.01em; }
.rbw-announce-list li.is-on { opacity: 1; translate: none; }
.rbw-announce-links { position: absolute; right: var(--wp--style--root--padding-right, 1.5rem); display: flex; gap: 1.25rem; }
.rbw-announce-links a { color: color-mix(in srgb, #fff 72%, transparent); text-decoration: none; transition: color 0.25s; }
.rbw-announce-links a:hover { color: #fff; }
/* ---------- Cabecera de la tienda ---------- */
.rbw-header-bar { gap: 1.5rem; }
.rbw-header-brand { flex: 1 1 0; min-width: 0; }
.rbw-header-tools { flex: 1 1 0; justify-content: flex-end; gap: 0.25rem; }
.rbw-header .rbw-nav { flex: none; }
.rbw-header .wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); }
.rbw-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { position: relative; }
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0.15rem; height: 1.5px; background: currentColor; scale: 0 1; transform-origin: left; transition: scale 0.4s var(--rbw-ease); }
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:is(:hover, :focus-within) > .wp-block-navigation-item__content::after { scale: 1 1; }
.rbw-header .rbw-nav-sale > .wp-block-navigation-item__content { color: var(--rbw-sale); }
.rbw-header .wp-block-navigation__responsive-container:not(.is-menu-open) .rbw-nav-mobile { display: none; }
.rbw-tool, .rbw-theme-toggle, .rbw-header .wc-block-mini-cart__button {
position: relative;
flex: none;
display: grid;
place-items: center;
width: 2.75rem;
height: 2.75rem;
padding: 0;
cursor: pointer;
color: var(--wp--preset--color--contrast);
background: transparent;
border: 0;
border-radius: 50%;
transition: background-color 0.25s;
}
.rbw-tool:hover, .rbw-theme-toggle:hover, .rbw-header .wc-block-mini-cart__button:hover { background: var(--rbw-tint); color: var(--wp--preset--color--contrast); rotate: none; opacity: 1; }
.rbw-tool .rbw-i { width: 1.4rem; height: 1.4rem; }
.rbw-theme-toggle::before { width: 1.35rem; height: 1.35rem; }
.rbw-header .wc-block-mini-cart { display: flex; }
.rbw-header .wc-block-mini-cart__button .wc-block-mini-cart__icon { width: 1.9rem; height: 1.9rem; margin: 0; }
.rbw-header .wc-block-mini-cart__quantity-badge { display: grid; place-items: center; }
.rbw-header .wc-block-mini-cart__badge { position: absolute; top: 0.2rem; right: 0.1rem; left: auto; display: grid; place-items: center; min-width: 1.15rem; height: 1.15rem; padding: 0 0.25rem; margin: 0; font-size: 0.6875rem; font-weight: 600; line-height: 1; transform: none; border-radius: var(--wp--custom--radius--pill); background: var(--rbw-sale); color: #fff; }
.rbw-header .wc-block-mini-cart__badge:empty { display: none; }
/* Mega menú de la tienda: categorías a la izquierda, accesos rápidos a la derecha */
@media (min-width: 600px) {
.rbw-header .wp-block-navigation .rbw-mega > .wp-block-navigation__submenu-container { grid-template-columns: repeat(4, 1fr); padding: 1.25rem; }
.rbw-header .rbw-mega .rbw-mega-all { grid-column: 1 / span 2; }
.rbw-header .rbw-mega .rbw-mega-extra { margin-block-start: 0.5rem; padding-block-start: 0.5rem; border-block-start: 1px solid var(--rbw-line); }
.rbw-header .rbw-mega :is(.rbw-mega-all, .rbw-mega-extra) .wp-block-navigation-item__label { font-size: var(--wp--preset--font-size--medium); font-weight: 500; color: var(--wp--preset--color--contrast); }
.rbw-header .rbw-mega .rbw-mega-all .wp-block-navigation-item__label { text-decoration: underline; text-underline-offset: 0.3em; text-decoration-thickness: 1px; }
.rbw-header .rbw-mega .rbw-mega-sale .wp-block-navigation-item__label { color: var(--rbw-sale); }
}
.wp-block-navigation__responsive-container.is-menu-open :is(.rbw-mega-all, .rbw-mega-extra) { display: none; }
/* Cabecera del checkout: solo marca, sello de compra segura y vuelta al carrito */
.rbw-header--checkout { position: static; }
.rbw-header--checkout .rbw-header-bar > * { margin: 0; }
.rbw-secure { display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--wp--preset--font-size--small); font-weight: 500; color: var(--wp--preset--color--muted); }
.rbw-secure::before { content: ""; width: 1.1rem; height: 1.1rem; background: var(--rbw-ok); -webkit-mask: var(--rbw-svg-lock-simple) center / contain no-repeat; mask: var(--rbw-svg-lock-simple) center / contain no-repeat; }
.rbw-back { font-size: var(--wp--preset--font-size--small); }
.rbw-checkout-foot { padding-block: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--rbw-line); text-align: center; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.rbw-checkout-foot a { color: inherit; }
/* ---------- Buscador ---------- */
.rbw-search { width: 100%; max-width: none; max-height: none; height: 100dvh; margin: 0; padding: 0; border: 0; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); overflow-y: auto; }
.rbw-search::backdrop { background: transparent; }
.rbw-search[open] { animation: rbw-search-in 0.45s var(--rbw-ease); }
@keyframes rbw-search-in { from { opacity: 0; translate: 0 -1.5rem; } }
.rbw-search-form { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 1rem; max-width: 1280px; margin-inline: auto; padding: 1.5rem var(--wp--style--root--padding-left, 1.5rem); background: var(--wp--preset--color--base); border-block-end: 1px solid var(--rbw-line); }
.rbw-search-form > .rbw-i { width: 1.75rem; height: 1.75rem; color: var(--wp--preset--color--muted); }
.rbw-search-form input[type="search"] { flex: 1; min-width: 0; padding: 0.5rem 0; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.5rem, 4vw, 2.75rem); letter-spacing: -0.02em; color: inherit; background: none; border: 0; outline: none; }
.rbw-search-form input[type="search"]::placeholder { color: color-mix(in srgb, var(--wp--preset--color--contrast) 32%, transparent); }
.rbw-search-form input[type="search"]::-webkit-search-cancel-button { display: none; }
.rbw-search-body { max-width: 1280px; margin-inline: auto; padding: 2rem var(--wp--style--root--padding-left, 1.5rem) 4rem; }
.rbw-search-suggest p { margin: 0 0 1rem; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.rbw-search-suggest div { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rbw-search-suggest a { padding: 0.6em 1.1em; text-decoration: none; border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); transition: background-color 0.25s, color 0.25s, border-color 0.25s; }
.rbw-search-suggest a:hover { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-search-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.rbw-search-results:not(:empty) { margin-block-start: 0.5rem; }
.rbw-search-item { display: grid; gap: 0.75rem; text-decoration: none; animation: rbw-rise 0.5s var(--rbw-ease) both; animation-delay: calc(var(--i, 0) * 50ms); }
.rbw-search-item img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--wp--custom--radius--md); background: var(--rbw-media); }
.rbw-search-item span { font-weight: 500; }
.rbw-search-item .rbw-price { font-size: 0.9375rem; }
.rbw-search-msg, .rbw-search-all { grid-column: 1 / -1; }
.rbw-search-msg { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); }
/* ---------- Portada: diapositivas ---------- */
.rbw-slider { position: relative; display: grid; margin: 0; isolation: isolate; background: var(--wp--preset--color--ink); overflow: clip; }
.rbw-slider > .rbw-slide { grid-area: 1 / 1; margin: 0; }
.rbw-slide.wp-block-cover { position: relative; display: flex; min-height: clamp(30rem, 78vh, 46rem); padding: 4rem var(--wp--style--root--padding-left, 1.5rem) clamp(4.5rem, 9vw, 6.5rem); align-items: flex-end; justify-content: flex-start; color: #fff; overflow: clip; }
.rbw-slide .wp-block-cover__image-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rbw-slide .wp-block-cover__background { position: absolute; inset: 0; opacity: 1 !important; background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--ink) 78%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--ink) 18%, transparent) 55%, transparent 100%), linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--ink) 45%, transparent), transparent 65%) !important; }
.rbw-slide .wp-block-cover__inner-container { position: relative; z-index: 1; width: 100%; max-width: 1280px; margin-inline: auto; color: #fff; }
.rbw-slide .wp-block-cover__inner-container > * { margin-inline: 0; max-width: 38rem; }
.rbw-slide .rbw-eyebrow { color: #fff; margin-block-end: 1rem; display: inline-flex; align-items: center; gap: 0.75rem; }
.rbw-slide .rbw-eyebrow::before { content: ""; width: 2rem; height: 1px; background: currentColor; }
.rbw-slide-title { margin: 0; font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.02; letter-spacing: -0.03em; color: #fff; max-width: 14ch !important; }
.rbw-slide-text { margin-block: 1.25rem 2rem; font-size: var(--wp--preset--font-size--large); color: color-mix(in srgb, #fff 86%, transparent); max-width: 30rem !important; }
.rbw-slide .wp-block-button__link { background: #fff; color: #16130f; border-color: #fff; }
.rbw-slide .wp-block-button__link:hover { background: color-mix(in srgb, #fff 86%, transparent); color: #16130f; border-color: transparent; }
.rbw-slide .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: #fff; border-color: color-mix(in srgb, #fff 55%, transparent); }
.rbw-slide .wp-block-button.is-style-outline .wp-block-button__link:hover { background: transparent; color: #fff; border-color: #fff; }
/* Con el script cargado las diapositivas se apilan y se funden; sin él queda visible solo la primera. */
.rbw-slider > .rbw-slide:not(:first-child) { visibility: hidden; opacity: 0; }
.rbw-slider.is-ready > .rbw-slide { visibility: hidden; opacity: 0; transition: opacity 0.9s var(--rbw-ease), visibility 0s 0.9s; }
.rbw-slider.is-ready > .rbw-slide.is-on { visibility: visible; opacity: 1; z-index: 1; transition: opacity 0.9s var(--rbw-ease), visibility 0s; }
.rbw-slider.is-ready > .rbw-slide .wp-block-cover__image-background { scale: 1.08; transition: scale 7s linear; }
.rbw-slider.is-ready > .rbw-slide.is-on .wp-block-cover__image-background { scale: 1; }
.rbw-slider.is-ready > .rbw-slide.is-on .wp-block-cover__inner-container > * { animation: rbw-rise 0.9s var(--rbw-ease) both; }
.rbw-slider.is-ready > .rbw-slide.is-on .wp-block-cover__inner-container > :nth-child(2) { animation-delay: 0.08s; }
.rbw-slider.is-ready > .rbw-slide.is-on .wp-block-cover__inner-container > :nth-child(3) { animation-delay: 0.16s; }
.rbw-slider.is-ready > .rbw-slide.is-on .wp-block-cover__inner-container > :nth-child(4) { animation-delay: 0.24s; }
.rbw-slider-nav { position: absolute; z-index: 2; left: 0; right: 0; bottom: clamp(1.5rem, 3vw, 2.25rem); display: flex; align-items: center; gap: 0.6rem; max-width: 1280px; margin-inline: auto; padding-inline: var(--wp--style--root--padding-left, 1.5rem); box-sizing: content-box; pointer-events: none; }
.rbw-slider-nav > * { pointer-events: auto; }
.rbw-slider-dot { position: relative; width: 3.5rem; height: 1.75rem; padding: 0; cursor: pointer; background: none; border: 0; }
.rbw-slider-dot::before, .rbw-slider-dot::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; border-radius: 2px; background: color-mix(in srgb, #fff 35%, transparent); }
.rbw-slider-dot::after { background: #fff; scale: 0 1; transform-origin: left; }
.rbw-slider-dot.is-on::after { animation: rbw-progress var(--rbw-slide-time, 6s) linear forwards; }
.rbw-slider.is-paused .rbw-slider-dot.is-on::after { animation-play-state: paused; }
@keyframes rbw-progress { to { scale: 1 1; } }
.rbw-slider-arrows { margin-inline-start: auto; display: flex; gap: 0.5rem; }
.rbw-slider-arrows .rbw-round { background: transparent; color: #fff; border-color: color-mix(in srgb, #fff 45%, transparent); }
.rbw-slider-arrows .rbw-round:hover { background: #fff; color: #16130f; border-color: #fff; }
/* ---------- Beneficios ---------- */
.rbw-perks-section { margin: 0; padding-block: 0; border-block-end: 1px solid var(--rbw-line); background: var(--wp--preset--color--raised); }
.rbw-perks { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; }
.rbw-perk { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; align-content: center; margin: 0; padding: 1.75rem clamp(1rem, 2vw, 2rem); border-inline-start: 1px solid var(--rbw-line); }
.rbw-perk:first-child { border-inline-start: 0; padding-inline-start: 0; }
.rbw-perk::before { grid-row: span 2; align-self: center; width: 1.9rem; height: 1.9rem; margin: 0; background: var(--wp--preset--color--contrast); }
.rbw-perk > * { margin: 0; grid-column: 2; }
.rbw-perk p:first-of-type { font-size: 0.9375rem; line-height: 1.3; }
.rbw-perk p + p { margin-block-start: 0.2rem; font-size: 0.8125rem; line-height: 1.4; color: var(--wp--preset--color--muted); }
.rbw-ico-truck { --rbw-ico: var(--rbw-svg-truck); }
.rbw-ico-card { --rbw-ico: var(--rbw-svg-credit-card); }
.rbw-ico-returns { --rbw-ico: var(--rbw-svg-arrows-clockwise); }
.rbw-ico-lock { --rbw-ico: var(--rbw-svg-lock-simple); }
.rbw-ico-gift { --rbw-ico: var(--rbw-svg-gift); }
.rbw-ico-tag { --rbw-ico: var(--rbw-svg-tag); }
.rbw-ico-package { --rbw-ico: var(--rbw-svg-package); }
.rbw-ico-store { --rbw-ico: var(--rbw-svg-storefront); }
.rbw-ico-headset { --rbw-ico: var(--rbw-svg-headset); }
.rbw-ico-bank { --rbw-ico: var(--rbw-svg-bank); }
/* Título de sección con enlace a la derecha */
.rbw-section-head--row > .wp-block-group > h2 { max-width: 22ch; }
.rbw-section-head--row > .wp-block-group > .rbw-eyebrow { margin: 0 0 var(--wp--preset--spacing--30); font-size: 0.8125rem; color: var(--wp--preset--color--accent); }
.rbw-section-head--row .rbw-more { margin: 0 0 0.5rem; padding: 0; }
.rbw-more a { color: var(--wp--preset--color--contrast); }
/* ---------- Categorías: mosaico ---------- */
.rbw-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(13rem, 21vw, 19rem); gap: 1rem; }
.rbw-cat { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: clamp(1rem, 1.8vw, 1.5rem); overflow: clip; text-decoration: none; color: #fff; border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--ink); }
.rbw-cat:hover { color: #fff; }
.rbw-cat:first-child { grid-column: span 2; grid-row: span 2; }
.rbw-cats--5 .rbw-cat:nth-child(4) { grid-column: span 1; }
.rbw-cats--3 .rbw-cat:not(:first-child), .rbw-cats--4 .rbw-cat:nth-child(2) { grid-column: span 2; }
.rbw-cat img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: scale 1.2s var(--rbw-ease); }
.rbw-cat::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--ink) 72%, transparent), transparent 55%); transition: opacity 0.5s; }
.rbw-cat:hover img { scale: 1.06; }
.rbw-cat-body { display: grid; gap: 0.15rem; }
.rbw-cat-name { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.375rem, 2vw, 1.75rem); letter-spacing: -0.02em; line-height: 1.1; }
.rbw-cat:first-child .rbw-cat-name { font-size: clamp(1.75rem, 3.4vw, 3rem); }
.rbw-cat-count { font-size: 0.8125rem; color: color-mix(in srgb, #fff 78%, transparent); }
.rbw-cat-go { flex: none; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: #fff; color: #16130f; transition: rotate 0.45s var(--rbw-ease), scale 0.45s var(--rbw-ease); }
.rbw-cat:hover .rbw-cat-go { rotate: 45deg; scale: 1.08; }
/* ---------- Pestañas ---------- */
.rbw-tabs-nav { display: flex; justify-content: center; gap: 0.35rem; width: fit-content; max-width: 100%; margin: calc(var(--wp--preset--spacing--40) * -1) auto var(--wp--preset--spacing--50); padding: 0.3rem; overflow-x: auto; scrollbar-width: none; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--pill); }
.rbw-tabs-nav button { flex: none; padding: 0.7em 1.4em; font: inherit; font-size: 0.9375rem; font-weight: 500; cursor: pointer; color: var(--wp--preset--color--muted); background: transparent; border: 0; border-radius: var(--wp--custom--radius--pill); transition: background-color 0.35s var(--rbw-ease), color 0.25s; }
.rbw-tabs-nav button:hover { color: var(--wp--preset--color--contrast); }
.rbw-tabs-nav button[aria-selected="true"] { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-tabs [role="tabpanel"]:not([hidden]) .rbw-card { animation: rbw-rise 0.6s var(--rbw-ease) both; animation-delay: calc(var(--i, 0) * 45ms); }
/* ---------- Grilla y tarjeta de producto ---------- */
.rbw-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1.5rem, 2.6vw, 2.5rem) clamp(0.75rem, 1.6vw, 1.5rem); }
.rbw-grid--shop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rbw-grid::before, .rbw-grid::after { content: none !important; }
.rbw-card { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0 !important; padding: 0; width: auto !important; float: none !important; }
.rbw-card-media { position: relative; overflow: clip; aspect-ratio: 4 / 5; border-radius: var(--wp--custom--radius--md); background: var(--rbw-media); }
.rbw-card-img { display: block; width: 100%; height: 100%; }
.rbw-card-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale 1s var(--rbw-ease), opacity 0.5s; }
.rbw-card-img .rbw-card-alt { opacity: 0; }
.rbw-card.outofstock .rbw-card-img img { opacity: 0.55; filter: grayscale(0.4); }
.rbw-add { position: absolute; z-index: 2; right: 0.75rem; bottom: 0.75rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; height: 2.75rem; min-width: 2.75rem; padding: 0 0.8rem; font: inherit; font-size: 0.875rem; font-weight: 600; text-decoration: none; cursor: pointer; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--raised); border: 0; border-radius: var(--wp--custom--radius--pill); box-shadow: var(--wp--preset--shadow--md); transition: background-color 0.3s, color 0.3s, opacity 0.35s, translate 0.45s var(--rbw-ease), scale 0.15s; }
.rbw-add span { display: none; }
.rbw-add:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-add:active { scale: 0.96; }
.rbw-add.is-busy { pointer-events: none; opacity: 0.7; }
.rbw-add.is-done { background: var(--rbw-ok); color: #fff; }
.rbw-card-body { display: flex; flex-direction: column; padding-block-start: 0.9rem; }
.rbw-card-body > * { margin: 0; }
.rbw-card-cat { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.07em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.rbw-card-title { margin-block: 0.25rem 0.35rem; font-family: var(--wp--preset--font-family--body); font-size: 1rem; font-weight: 500; line-height: 1.35; letter-spacing: -0.005em; }
.rbw-card-title a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.rbw-card-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.rbw-card .rbw-rating { margin-block-end: 0.4rem; }
.rbw-card .rbw-stars { width: 4.25rem; height: 0.8rem; -webkit-mask-size: 0.85rem 0.8rem; mask-size: 0.85rem 0.8rem; }
.rbw-card-note { margin-block-start: 0.35rem; font-size: 0.8125rem; font-weight: 500; color: var(--rbw-sale); }
@media (hover: hover) and (pointer: fine) {
.rbw-card:hover .rbw-card-img img { scale: 1.04; }
.rbw-card:hover .rbw-card-img:has(.rbw-card-alt) img:first-child { opacity: 0; }
.rbw-card:hover .rbw-card-img .rbw-card-alt { opacity: 1; }
.rbw-add { left: 0.75rem; opacity: 0; translate: 0 0.75rem; box-shadow: none; background: color-mix(in srgb, var(--wp--preset--color--raised) 94%, transparent); }
.rbw-add span { display: inline; }
.rbw-card:hover .rbw-add, .rbw-add:focus-visible, .rbw-add.is-busy, .rbw-add.is-done { opacity: 1; translate: none; }
}
/* ---------- Carrusel de productos ---------- */
.rbw-carousel { position: relative; }
.rbw-grid--row { display: flex; gap: clamp(0.75rem, 1.6vw, 1.5rem); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-block-end: 0.25rem; margin-inline: calc(-1 * var(--wp--style--root--padding-left, 1.5rem)); padding-inline: var(--wp--style--root--padding-left, 1.5rem); scroll-padding-inline: var(--wp--style--root--padding-left, 1.5rem); }
.rbw-grid--row::-webkit-scrollbar { display: none; }
.rbw-grid--row > .rbw-card { flex: 0 0 calc((100% - 3 * clamp(0.75rem, 1.6vw, 1.5rem)) / 4); scroll-snap-align: start; }
.rbw-carousel-nav { position: absolute; right: 0; bottom: calc(100% + 1.5rem); display: flex; gap: 0.5rem; }
.rbw-carousel:not(.is-scrollable) .rbw-carousel-nav { display: none; }
/* ---------- Banners ---------- */
.rbw-banners { display: grid; grid-template-columns: 1.35fr 1fr; gap: 1rem; }
.rbw-banner { position: relative; isolation: isolate; overflow: clip; display: flex; flex-direction: column; justify-content: flex-end; min-height: clamp(20rem, 34vw, 30rem); margin: 0; padding: clamp(1.5rem, 3vw, 3rem); color: #fff; border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--ink); }
.rbw-banner::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--ink) 80%, transparent), color-mix(in srgb, var(--wp--preset--color--ink) 5%, transparent) 70%); }
.rbw-banner > :not(.rbw-cell-bg) { margin: 0; }
.rbw-banner:hover .rbw-cell-bg img { scale: 1.05; }
.rbw-banner .rbw-eyebrow { color: #fff; margin-block-end: 0.6rem; }
.rbw-banner h3 { font-family: var(--wp--preset--font-family--heading); font-weight: 500; font-size: clamp(1.75rem, 3.2vw, 2.75rem); line-height: 1.05; letter-spacing: -0.02em; color: #fff; max-width: 14ch; }
.rbw-banner h3 + p { margin-block-start: 0.6rem; color: color-mix(in srgb, #fff 82%, transparent); max-width: 30ch; }
.rbw-banner .rbw-more { margin-block-start: 1.5rem !important; padding: 0; }
.rbw-banner .rbw-more a { color: #fff; padding: 0.75em 1.3em; border: 1px solid color-mix(in srgb, #fff 55%, transparent); border-radius: var(--wp--custom--radius--pill); transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.rbw-banner .rbw-more a::before { content: ""; position: absolute; inset: 0; }
.rbw-banner:hover .rbw-more a { background: #fff; color: #16130f; border-color: #fff; }
.rbw-banner--wide { min-height: clamp(18rem, 30vw, 26rem); }
/* ---------- Oferta con cuenta regresiva ---------- */
.rbw-deal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; overflow: clip; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--preset--shadow--sm); }
.rbw-deal-media { position: relative; display: block; min-height: 22rem; overflow: clip; background: var(--rbw-media); }
.rbw-deal-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale 1.2s var(--rbw-ease); }
.rbw-deal:hover .rbw-deal-media img { scale: 1.04; }
.rbw-deal-pct { position: absolute; top: 1.25rem; left: 1.25rem; display: grid; place-items: center; width: 5rem; height: 5rem; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; border-radius: 50%; background: var(--rbw-sale); color: #fff; rotate: -8deg; }
.rbw-deal-body { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.75rem, 5vw, 4.5rem); }
.rbw-deal-body > * { margin: 0; }
.rbw-deal-body .rbw-eyebrow { color: var(--rbw-sale); margin-block-end: 0.9rem; }
.rbw-deal-body h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.rbw-deal-body h2 a { text-decoration: none; color: inherit; }
.rbw-deal-text { margin-block: 1rem 1.5rem; color: var(--wp--preset--color--muted); max-width: 42ch; }
.rbw-deal-text p { margin: 0; }
.rbw-countdown { display: flex; gap: 0.6rem; margin-block: 1.75rem; }
.rbw-countdown span { display: grid; justify-items: center; gap: 0.2rem; min-width: 4.25rem; padding: 0.8rem 0.5rem; font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--muted); background: var(--wp--preset--color--base); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-countdown b { font-family: var(--wp--preset--font-family--heading); font-size: 1.875rem; font-weight: 500; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--contrast); }
.rbw-deal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; }
/* ---------- Tienda: estructura, filtros y barra ---------- */
.rbw-shop-wrap { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70); }
.rbw-shop { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.rbw-shop.is-loading .rbw-shop-main { opacity: 0.45; pointer-events: none; transition: opacity 0.2s; }
.rbw-shop-main { transition: opacity 0.3s; min-width: 0; }
.rbw-filters { position: sticky; top: calc(var(--wp--custom--header--height) + 1.5rem); max-height: calc(100dvh - var(--wp--custom--header--height) - 3rem); overflow-y: auto; scrollbar-width: thin; padding-inline-end: 0.5rem; }
.rbw-filters-head { display: none; }
.rbw-filter { padding-block: 1.1rem; border-block-end: 1px solid var(--rbw-line); }
.rbw-filter:first-of-type { padding-block-start: 0; }
.rbw-filter summary { display: flex; justify-content: space-between; align-items: center; cursor: pointer; list-style: none; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; }
.rbw-filter summary::-webkit-details-marker { display: none; }
.rbw-filter summary::after { content: ""; width: 0.9rem; height: 0.9rem; background: currentColor; -webkit-mask: var(--rbw-svg-caret-down) center / contain no-repeat; mask: var(--rbw-svg-caret-down) center / contain no-repeat; transition: rotate 0.35s var(--rbw-ease); }
.rbw-filter[open] summary::after { rotate: 180deg; }
.rbw-filter > :not(summary) { margin-block-start: 1rem; }
.rbw-filter-cats, .rbw-filter-cats ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.15rem; }
.rbw-filter-cats ul { margin: 0.15rem 0 0.35rem 0.9rem; padding-inline-start: 0.75rem; border-inline-start: 1px solid var(--rbw-line); }
.rbw-filter-cats a { display: flex; justify-content: space-between; gap: 1rem; padding: 0.35rem 0; text-decoration: none; color: var(--wp--preset--color--muted); transition: color 0.2s; }
.rbw-filter-cats a:hover, .rbw-filter-cats a[aria-current] { color: var(--wp--preset--color--contrast); }
.rbw-filter-cats a[aria-current] { font-weight: 600; }
.rbw-filter-cats a span { font-size: 0.8125rem; font-weight: 400; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--muted); }
.rbw-options { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.rbw-option { position: relative; cursor: pointer; }
.rbw-option input, .rbw-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rbw-option span { display: block; padding: 0.45em 0.9em; font-size: 0.875rem; border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); transition: background-color 0.25s, color 0.25s, border-color 0.25s; }
.rbw-option:hover span { border-color: var(--wp--preset--color--contrast); }
.rbw-option input:checked + span { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-option input:focus-visible + span, .rbw-switch input:focus-visible + span::before { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
.rbw-options--color .rbw-option span { display: flex; align-items: center; gap: 0.5em; padding-inline-start: 0.45em; }
.rbw-options--color .rbw-option span::before { content: ""; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--c, var(--wp--preset--color--border)); box-shadow: inset 0 0 0 1px var(--rbw-line-strong); }
.rbw-switch { position: relative; display: flex; align-items: center; cursor: pointer; padding-block: 0.3rem; }
.rbw-switch span { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 1rem; }
.rbw-switch span::after { content: ""; order: 2; flex: none; width: 2.5rem; height: 1.45rem; border-radius: 1rem; background: radial-gradient(circle at 0.72rem 50%, var(--wp--preset--color--raised) 0.5rem, transparent 0.53rem), var(--rbw-line-strong); transition: background-color 0.3s; }
.rbw-switch input:checked + span::after { background: radial-gradient(circle at calc(100% - 0.72rem) 50%, var(--wp--preset--color--base) 0.5rem, transparent 0.53rem), var(--wp--preset--color--contrast); }
/* Rango de precio con dos manijas */
.rbw-range-track { position: relative; height: 1.5rem; }
.rbw-range-track::before, .rbw-range-track::after { content: ""; position: absolute; top: 50%; height: 3px; translate: 0 -50%; border-radius: 3px; }
.rbw-range-track::before { left: 0; right: 0; background: var(--rbw-line-strong); }
.rbw-range-track::after { left: var(--lo); right: calc(100% - var(--hi)); background: var(--wp--preset--color--contrast); }
.rbw-range-track input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; padding: 0; background: none; border: 0; pointer-events: none; -webkit-appearance: none; appearance: none; }
.rbw-range-track input::-webkit-slider-runnable-track { background: none; height: 100%; }
.rbw-range-track input::-moz-range-track { background: none; }
.rbw-range-track input::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; cursor: grab; width: 1.4rem; height: 1.4rem; margin-block-start: 0.05rem; border-radius: 50%; background: var(--wp--preset--color--raised); border: 2px solid var(--wp--preset--color--contrast); }
.rbw-range-track input::-moz-range-thumb { pointer-events: auto; cursor: grab; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--wp--preset--color--raised); border: 2px solid var(--wp--preset--color--contrast); }
.rbw-range-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-block-start: 0.9rem; }
.rbw-range-fields label { display: grid; gap: 0.25rem; font-size: 0.75rem; color: var(--wp--preset--color--muted); }
.rbw-range-fields input { box-sizing: border-box; width: 100%; min-height: 2.75rem; padding: 0.4em 0.7em; font: inherit; font-size: 0.9375rem; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--sm); -moz-appearance: textfield; appearance: textfield; }
.rbw-range-fields input::-webkit-outer-spin-button, .rbw-range-fields input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rbw-filters-actions { margin-block-start: 1.25rem; }
.rbw-filters-actions .rbw-btn { width: 100%; }
.rbw-js .rbw-filters-actions { display: none; }
.rbw-toolbar { display: flex; align-items: center; gap: 1rem; margin-block-end: 1.5rem; }
.rbw-toolbar > * { margin: 0; }
.rbw-toolbar-count { margin-inline-end: auto; color: var(--wp--preset--color--muted); font-size: 0.9375rem; }
.rbw-filter-open { display: none; }
.woocommerce-ordering { margin: 0; }
.woocommerce-ordering select, .rbw-select {
min-height: 2.75rem;
padding: 0.5em 2.6em 0.5em 1.1em;
font: inherit;
font-size: 0.9375rem;
font-weight: 500;
cursor: pointer;
color: var(--wp--preset--color--contrast);
border: 1px solid var(--rbw-line-strong);
border-radius: var(--wp--custom--radius--pill);
-webkit-appearance: none;
appearance: none;
background: var(--wp--preset--color--raised) var(--rbw-svg-caret-down) right 1rem center / 0.9rem no-repeat;
}
:root[data-theme="dark"] :is(.woocommerce-ordering select, .rbw-select, .variations select) { background-image: none; padding-inline-end: 1.1em; }
.rbw-active { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.6rem; margin-block-end: 1.75rem; }
.rbw-active .rbw-link { margin-inline-start: 0.5rem; font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.rbw-empty { display: grid; justify-items: center; gap: 0.5rem; padding: clamp(3rem, 8vw, 6rem) 1rem; text-align: center; border: 1px dashed var(--rbw-line-strong); border-radius: var(--wp--custom--radius--lg); }
.rbw-empty > * { margin: 0; }
.rbw-empty-title { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); }
.rbw-empty p:not(.rbw-empty-title) { color: var(--wp--preset--color--muted); margin-block-end: 1rem; }
.woocommerce-products-header:empty { display: none; }
.woocommerce-pagination { margin-block-start: var(--wp--preset--spacing--60); }
.woocommerce-pagination ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 0.4rem; }
.woocommerce-pagination .page-numbers:not(ul) { display: grid; place-items: center; min-width: 2.75rem; height: 2.75rem; padding-inline: 0.5rem; font-weight: 500; font-variant-numeric: tabular-nums; text-decoration: none; color: var(--wp--preset--color--contrast); border: 1px solid transparent; border-radius: var(--wp--custom--radius--pill); transition: border-color 0.25s, background-color 0.25s, color 0.25s; }
.woocommerce-pagination a.page-numbers:hover { border-color: var(--rbw-line-strong); }
.woocommerce-pagination .page-numbers.current { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.woocommerce-pagination :is(.prev, .next) { border-color: var(--rbw-line-strong) !important; }
/* Cabezal de la tienda: mismas medidas que el de las páginas, con migas arriba del título */
.rbw-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.55rem; margin: 0; font-size: 0.8125rem; color: var(--wp--preset--color--muted); }
.rbw-breadcrumb a { color: inherit; text-decoration: none; transition: color 0.2s; }
.rbw-breadcrumb a:hover { color: var(--wp--preset--color--contrast); }
.rbw-crumb-sep { opacity: 0.5; }
.rbw-pagehead .rbw-breadcrumb { margin-block-end: 1rem; margin-inline-start: max(0px, calc((100% - 1280px) / 2)); color: color-mix(in srgb, #fff 72%, transparent); }
.rbw-pagehead .rbw-breadcrumb a:hover { color: #fff; }
/* ---------- Ficha de producto ---------- */
.rbw-main--product .rbw-shop-wrap { padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--70); }
.rbw-product > .rbw-breadcrumb { margin-block-end: 1.5rem; }
.rbw-product-top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 5rem); align-items: start; }
.rbw-gallery { position: sticky; top: calc(var(--wp--custom--header--height) + 1.5rem); display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: 0.75rem; }
.rbw-gallery .rbw-badges { left: 6rem; top: 1rem; }
.rbw-gallery .woocommerce-product-gallery { grid-column: 2; position: relative; margin: 0; opacity: 1 !important; min-width: 0; }
.rbw-gallery:not(:has(.rbw-thumbs)) { grid-template-columns: minmax(0, 1fr); }
.rbw-gallery:not(:has(.rbw-thumbs)) .woocommerce-product-gallery { grid-column: 1; }
.rbw-gallery:not(:has(.rbw-thumbs)) .rbw-badges { left: 1rem; }
.woocommerce-product-gallery__wrapper { display: flex; margin: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--wp--custom--radius--lg); background: var(--rbw-media); }
.woocommerce-product-gallery__wrapper::-webkit-scrollbar { display: none; }
.woocommerce-product-gallery__image { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 1; overflow: clip; }
.woocommerce-product-gallery__image a { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.woocommerce-product-gallery__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: scale 0.5s var(--rbw-ease); transform-origin: var(--zx, 50%) var(--zy, 50%); }
@media (hover: hover) and (pointer: fine) { .woocommerce-product-gallery__image:hover img { scale: 1.7; transition-duration: 0.25s; } }
.woocommerce-product-gallery__trigger { position: absolute; z-index: 2; top: 1rem; right: 1rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; font-size: 0; text-decoration: none; border-radius: 50%; background: var(--wp--preset--color--raised); box-shadow: var(--wp--preset--shadow--sm); }
.woocommerce-product-gallery__trigger::before { content: ""; width: 1.2rem; height: 1.2rem; background: var(--wp--preset--color--contrast); -webkit-mask: var(--rbw-svg-magnifying-glass) center / contain no-repeat; mask: var(--rbw-svg-magnifying-glass) center / contain no-repeat; }
.woocommerce-product-gallery__trigger img { display: none !important; }
.rbw-thumbs { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 0.6rem; max-height: 100%; overflow-y: auto; scrollbar-width: none; }
.rbw-thumbs button { flex: none; padding: 0; aspect-ratio: 1; overflow: clip; cursor: pointer; background: var(--rbw-media); border: 0; border-radius: var(--wp--custom--radius--sm); opacity: 0.6; outline: 1.5px solid transparent; outline-offset: 2px; transition: opacity 0.25s, outline-color 0.25s; }
.rbw-thumbs button:hover { opacity: 1; }
.rbw-thumbs button[aria-current="true"] { opacity: 1; outline-color: var(--wp--preset--color--contrast); }
.rbw-thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rbw-summary > * { margin-block: 0; }
.rbw-summary .rbw-eyebrow { margin-block-end: 0.75rem; }
.rbw-summary .rbw-eyebrow a { color: inherit; text-decoration: none; }
.rbw-product-title { font-size: clamp(2rem, 3.6vw, 3.25rem); line-height: 1.05; }
.rbw-rating-link { display: inline-flex; align-items: center; gap: 0.6rem; margin-block-start: 0.9rem; font-size: 0.875rem; color: var(--wp--preset--color--muted); text-underline-offset: 0.25em; }
.rbw-product-price { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 0.9rem; margin-block-start: 1.25rem; }
.rbw-cuotas { display: flex; align-items: center; gap: 0.5rem; margin-block-start: 0.6rem; font-size: 0.9375rem; color: var(--wp--preset--color--muted); }
.rbw-cuotas .rbw-i { width: 1.2rem; height: 1.2rem; }
.rbw-product-excerpt { margin-block-start: 1.25rem; color: var(--wp--preset--color--muted); max-width: 46ch; }
.rbw-product-excerpt p { margin: 0; }
.rbw-buy { margin-block-start: 1.75rem; padding-block-start: 1.75rem; border-block-start: 1px solid var(--rbw-line); }
.rbw-buy form.cart { margin: 0; }
.rbw-buy form.cart:not(.variations_form), .rbw-buy .woocommerce-variation-add-to-cart { display: flex; gap: 0.6rem; }
.rbw-buy .quantity { flex: none; display: flex; align-items: center; height: 3.5rem; border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--raised); }
.rbw-buy .quantity:has(input[type="hidden"]) { display: none; }
.rbw-buy .quantity .qty { width: 2.5rem; padding: 0; font: inherit; font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; color: var(--wp--preset--color--contrast); background: none; border: 0; outline: none; -moz-appearance: textfield; appearance: textfield; }
.rbw-buy .quantity .qty::-webkit-outer-spin-button, .rbw-buy .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.rbw-qty-btn { display: grid; place-items: center; width: 2.75rem; height: 100%; padding: 0; cursor: pointer; color: var(--wp--preset--color--contrast); background: none; border: 0; border-radius: var(--wp--custom--radius--pill); transition: background-color 0.2s; }
.rbw-qty-btn:hover { background: var(--rbw-tint); }
.rbw-qty-btn .rbw-i { width: 1rem; height: 1rem; }
.rbw-buy .single_add_to_cart_button {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6em;
height: 3.5rem;
padding-inline: 1.5em;
font: inherit;
font-weight: 600;
cursor: pointer;
color: var(--wp--preset--color--on-primary);
background: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
border-radius: var(--wp--custom--radius--btn);
transition: background-color 0.3s var(--rbw-ease), border-color 0.3s, opacity 0.3s, scale 0.15s;
}
.rbw-buy .single_add_to_cart_button::before { content: ""; width: 1.25em; height: 1.25em; background: currentColor; -webkit-mask: var(--rbw-svg-shopping-bag) center / contain no-repeat; mask: var(--rbw-svg-shopping-bag) center / contain no-repeat; }
.rbw-buy .single_add_to_cart_button:hover { background: var(--wp--preset--color--primary-dark); border-color: var(--wp--preset--color--primary-dark); }
.rbw-buy .single_add_to_cart_button:active { scale: 0.98; }
.rbw-buy .single_add_to_cart_button:is(.disabled, .is-busy) { opacity: 0.45; }
.rbw-buy .single_add_to_cart_button.is-busy { pointer-events: none; }
.rbw-buy .single_add_to_cart_button.is-done { background: var(--rbw-ok); border-color: var(--rbw-ok); color: #fff; opacity: 1; }
.rbw-buy .stock { margin: 0 0 1rem; font-size: 0.9375rem; font-weight: 500; }
.rbw-buy .stock.out-of-stock { display: inline-flex; padding: 0.6em 1.1em; color: var(--wp--preset--color--muted); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); }
.rbw-buy .stock.in-stock { display: none; }
.rbw-low { display: flex; align-items: center; gap: 0.5rem; margin: 1rem 0 0; font-size: 0.9375rem; font-weight: 500; color: var(--rbw-sale); }
.rbw-low .rbw-i { width: 1.15rem; height: 1.15rem; }
/* Variantes: los desplegables de WooCommerce se muestran como botones (shop.js); sin script quedan los desplegables */
.variations { width: 100%; margin: 0 0 1.5rem; border-collapse: collapse; }
.variations :is(tbody, tr, th, td) { display: block; padding: 0; text-align: start; }
.variations tr + tr { margin-block-start: 1.25rem; }
.variations th.label { margin-block-end: 0.6rem; font-size: 0.9375rem; font-weight: 400; color: var(--wp--preset--color--muted); }
.variations th.label label { font-weight: 400; }
.variations th.label b { font-weight: 600; color: var(--wp--preset--color--contrast); }
.variations select { width: 100%; min-height: 3rem; padding: 0.5em 2.6em 0.5em 1em; font: inherit; color: var(--wp--preset--color--contrast); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--sm); -webkit-appearance: none; appearance: none; background: var(--wp--preset--color--raised) var(--rbw-svg-caret-down) right 1rem center / 0.9rem no-repeat; }
.rbw-js .variations select.is-swatched { position: absolute; left: 0; width: 1px; min-width: 0; height: 1px; min-height: 0; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
.variations td.value { position: relative; }
.rbw-swatches { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.rbw-swatch { min-width: 3rem; min-height: 3rem; padding: 0.4em 1.1em; font: inherit; font-size: 0.9375rem; font-weight: 500; cursor: pointer; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line-strong); border-radius: var(--wp--custom--radius--pill); transition: border-color 0.25s, background-color 0.25s, color 0.25s, opacity 0.25s; }
.rbw-swatch:hover { border-color: var(--wp--preset--color--contrast); }
.rbw-swatch[aria-pressed="true"] { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
.rbw-swatch[disabled] { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; }
.rbw-swatch--color { position: relative; width: 2.75rem; min-width: 0; min-height: 0; height: 2.75rem; padding: 0; font-size: 0; background: var(--c); border: 0; box-shadow: inset 0 0 0 1px var(--rbw-line-strong); }
.rbw-swatch--color::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid transparent; transition: border-color 0.25s; }
.rbw-swatch--color[aria-pressed="true"] { background: var(--c); }
.rbw-swatch--color[aria-pressed="true"]::after { border-color: var(--wp--preset--color--contrast); }
.reset_variations { display: inline-block; margin-block-start: 0.75rem; font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.reset_variations[style*="hidden"] { display: none; }
.woocommerce-variation-price { margin-block-end: 1.25rem; }
.woocommerce-variation-price .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.1em 0.55em; font-size: 1.5rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.woocommerce-variation-price .price del { order: 2; font-size: 0.8em; font-weight: 400; color: var(--wp--preset--color--muted); }
.woocommerce-variation-price .price ins { text-decoration: none; color: var(--rbw-sale); }
.woocommerce-variation-description p { margin: 0 0 1rem; color: var(--wp--preset--color--muted); }
.woocommerce-variation-availability .stock { margin-block-end: 1rem; }
.rbw-trust { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin: 1.5rem 0 0 !important; padding: 0; }
.rbw-trust li { display: grid; justify-items: center; gap: 0.5rem; padding: 1rem 0.5rem; text-align: center; font-size: 0.8125rem; line-height: 1.35; color: var(--wp--preset--color--muted); background: var(--rbw-tint); border-radius: var(--wp--custom--radius--md); }
.rbw-trust .rbw-i { width: 1.5rem; height: 1.5rem; color: var(--wp--preset--color--contrast); }
.rbw-trust .woocommerce-Price-amount { font-weight: 600; color: var(--wp--preset--color--contrast); }
.rbw-accs { margin-block-start: 2rem !important; border-block-start: 1px solid var(--rbw-line); }
.rbw-acc { border-block-end: 1px solid var(--rbw-line); }
.rbw-acc summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3.75rem; cursor: pointer; list-style: none; font-weight: 600; transition: color 0.25s; }
.rbw-acc summary::-webkit-details-marker { display: none; }
.rbw-acc summary::after { content: ""; flex: none; width: 1rem; height: 1rem; background: linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat; transition: rotate 0.4s var(--rbw-ease); }
.rbw-acc[open] summary::after { rotate: 135deg; }
.rbw-acc-body { padding-block-end: 1.5rem; color: var(--wp--preset--color--muted); }
.rbw-acc-body > :first-child { margin-block-start: 0; }
.rbw-acc-body > :last-child { margin-block-end: 0; }
.rbw-acc-body ul { padding-inline-start: 1.2rem; }
@supports (interpolate-size: allow-keywords) {
@media (prefers-reduced-motion: no-preference) {
.rbw-acc, .rbw-filter { interpolate-size: allow-keywords; }
:is(.rbw-acc, .rbw-filter)::details-content { block-size: 0; overflow: clip; transition: block-size 0.4s var(--rbw-ease), content-visibility 0.4s allow-discrete; }
:is(.rbw-acc, .rbw-filter)[open]::details-content { block-size: auto; }
}
}
.shop_attributes { width: 100%; margin: 0; border-collapse: collapse; font-size: 0.9375rem; }
.shop_attributes :is(th, td) { padding: 0.65rem 0; text-align: start; vertical-align: top; border-block-end: 1px solid var(--rbw-line); }
.shop_attributes tr:last-child :is(th, td) { border: 0; }
.shop_attributes th { width: 40%; font-weight: 400; color: var(--wp--preset--color--muted); }
.shop_attributes td { color: var(--wp--preset--color--contrast); }
.shop_attributes td p { margin: 0; }
.shop_attributes a { color: inherit; text-decoration: none; }
.rbw-sku { margin-block-start: 1.25rem !important; font-size: 0.8125rem; color: var(--wp--preset--color--muted); }
.rbw-related, .rbw-reviews { margin-block-start: var(--wp--preset--spacing--70); }
.rbw-related > h2, .rbw-reviews h2 { margin: 0 0 var(--wp--preset--spacing--50); font-size: clamp(1.75rem, 3vw, 2.5rem); max-width: 60%; }
/* Barra de compra fija en mobile */
.rbw-buybar { position: fixed; z-index: 30; left: 0; right: 0; bottom: 0; display: none; align-items: center; gap: 0.75rem; padding: 0.6rem var(--wp--style--root--padding-left, 1.5rem) calc(0.6rem + env(safe-area-inset-bottom)); background: var(--wp--preset--color--raised); border-block-start: 1px solid var(--rbw-line); box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08); translate: 0 110%; transition: translate 0.45s var(--rbw-ease); }
.rbw-buybar.is-on { translate: none; }
.rbw-buybar > img { width: 2.75rem; height: 2.75rem; object-fit: cover; border-radius: var(--wp--custom--radius--sm); }
.rbw-buybar-info { flex: 1; min-width: 0; }
.rbw-buybar-info p { margin: 0; font-size: 0.8125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--wp--preset--color--muted); }
.rbw-buybar-info .rbw-price { font-size: 0.9375rem; }
.rbw-buybar .rbw-btn { min-height: 2.9rem; padding-inline: 1.25em; }
/* Opiniones */
.rbw-reviews #reviews { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.rbw-reviews #comments > h2 { max-width: none; }
.rbw-reviews .commentlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.rbw-reviews .comment_container { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.5rem; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-reviews .avatar { width: 3rem; height: 3rem; border-radius: 50%; }
.rbw-reviews .comment-text > * { margin: 0; }
.rbw-reviews .meta { margin-block: 0.5rem 0.6rem !important; font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.rbw-reviews .woocommerce-review__author { font-weight: 600; color: var(--wp--preset--color--contrast); }
.rbw-reviews .woocommerce-review__verified { font-style: normal; color: var(--rbw-ok); }
.rbw-reviews .description p { margin: 0; color: var(--wp--preset--color--muted); }
.rbw-reviews .woocommerce-noreviews { color: var(--wp--preset--color--muted); }
#review_form_wrapper { position: sticky; top: calc(var(--wp--custom--header--height) + 1.5rem); padding: clamp(1.5rem, 3vw, 2.25rem); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
#review_form .comment-reply-title { display: block; margin-block-end: 1rem; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); letter-spacing: -0.02em; }
#review_form .comment-form { display: grid; gap: 1rem; }
#review_form .comment-form > * { margin: 0; }
#review_form label { display: block; margin-block-end: 0.35rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
#review_form .comment-notes, #review_form .comment-form-cookies-consent { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
#review_form .comment-form-cookies-consent { display: flex; gap: 0.6rem; align-items: flex-start; }
#review_form .comment-form-cookies-consent label { margin: 0; }
#review_form .stars { margin: 0; }
#review_form .stars span { display: flex; gap: 0.2rem; }
#review_form .stars a { width: 1.75rem; height: 1.75rem; font-size: 0; background: var(--rbw-line-strong); -webkit-mask: var(--rbw-svg-star-fill) center / contain no-repeat; mask: var(--rbw-svg-star-fill) center / contain no-repeat; transition: background-color 0.2s; }
#review_form .stars:not(.selected) span:hover a, #review_form .stars.selected a { background: var(--wp--preset--color--contrast); }
#review_form .stars:not(.selected) span a:hover ~ a, #review_form .stars.selected a.active ~ a { background: var(--rbw-line-strong); }
#review_form .submit, .woocommerce-Button, .woocommerce-button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .wc-backward {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 3.25rem;
padding: 0.85em 1.75em;
font: inherit;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
color: var(--wp--preset--color--on-primary);
background: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
border-radius: var(--wp--custom--radius--btn);
transition: background-color 0.3s var(--rbw-ease), border-color 0.3s;
}
:is(#review_form .submit, .woocommerce-Button, .woocommerce-button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .wc-backward):hover { background: var(--wp--preset--color--primary-dark); border-color: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--on-primary); }
/* Campos de formulario clásicos de WooCommerce (opiniones, mi cuenta) */
:is(#review_form, .woocommerce-account .woocommerce, .woocommerce-form) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], select, textarea),
.woocommerce-Input {
box-sizing: border-box;
display: block;
width: 100%;
min-height: 3.25rem;
padding: 0.8em 1em;
font: inherit;
color: var(--wp--preset--color--contrast);
background: var(--wp--preset--color--raised);
border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent);
border-radius: var(--wp--custom--radius--sm);
transition: border-color 0.25s, box-shadow 0.25s;
}
:is(#review_form, .woocommerce-account .woocommerce, .woocommerce-form) :is(input, select, textarea):focus { outline: none; border-color: var(--wp--preset--color--contrast); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent); }
#review_form textarea { min-height: 8rem; resize: vertical; }
/* ---------- Avisos ---------- */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin: 0 0 1.5rem; padding: 1rem 1.25rem; font-size: 0.9375rem; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line-strong); border-inline-start: 3px solid var(--rbw-ok); border-radius: var(--wp--custom--radius--sm); }
.woocommerce-info { border-inline-start-color: var(--wp--preset--color--contrast); }
.woocommerce-error, .wc-block-components-notice-banner.is-error { border-inline-start-color: var(--rbw-sale); }
:is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button { order: 2; margin-inline-start: auto; min-height: 2.5rem; padding: 0.5em 1.2em; font-size: 0.875rem; }
.woocommerce-error li { margin: 0; }
/* ---------- Cabezal corto: carrito, checkout y mi cuenta ---------- */
.rbw-plainhead { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); margin: 0; }
.rbw-plainhead > * { margin-block: 0; }
.rbw-plainhead .wp-block-post-title { margin-block-start: 0.75rem; font-size: clamp(2.25rem, 4.6vw, 3.75rem); }
.rbw-shop-body { padding-block-end: var(--wp--preset--spacing--70); }
.rbw-main--checkout { min-height: 70vh; }
/* ---------- Carrito y checkout (bloques de WooCommerce) con la identidad del tema ---------- */
.wc-block-cart, .wc-block-checkout { font-size: 1rem; }
.rbw-shop-body :is(.wc-block-components-sidebar-layout, .wc-block-cart, .wc-block-checkout) { margin-block: 0; }
.wc-block-components-sidebar-layout { gap: clamp(1.5rem, 4vw, 4rem); flex-wrap: nowrap; }
.wc-block-components-sidebar-layout .wc-block-components-main { width: auto; flex: 1 1 0; min-width: 0; padding: 0; }
.wc-block-components-sidebar-layout .wc-block-components-sidebar { width: 26rem; flex: none; max-width: 42%; padding: 0; }
.wc-block-cart .wc-block-components-sidebar, .wc-block-checkout .wc-block-components-sidebar { position: sticky; top: calc(var(--wp--custom--header--height) + 1.5rem); align-self: flex-start; padding: clamp(1.25rem, 2.4vw, 2rem); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--lg); box-shadow: var(--wp--preset--shadow--sm); }
.rbw-main--checkout .wc-block-checkout .wc-block-components-sidebar { top: 1.5rem; }
.wc-block-cart__totals-title, .wc-block-components-checkout-order-summary__title-text, .wc-block-components-title.wc-block-components-title, .wc-block-components-checkout-step__title { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large) !important; font-weight: 500; letter-spacing: -0.02em; text-transform: none !important; color: var(--wp--preset--color--contrast); }
.wc-block-cart__totals-title { margin: 0 0 1rem !important; padding: 0 !important; text-align: start !important; }
table.wc-block-cart-items { border-collapse: collapse; }
.wc-block-cart-items__header { font-size: 0.75rem !important; font-weight: 600; letter-spacing: 0.09em; color: var(--wp--preset--color--muted); }
.wc-block-cart-items__header th { padding-block: 0 0.9rem !important; }
.wc-block-cart-items td, .wc-block-cart-items th { border-color: var(--rbw-line) !important; }
.wc-block-cart-items__row { border-block-start: 1px solid var(--rbw-line); }
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img { border-radius: var(--wp--custom--radius--sm); background: var(--rbw-media); aspect-ratio: 1; object-fit: cover; }
.wc-block-cart-item__image { width: 7rem !important; }
.wc-block-components-product-name { font-size: 1rem !important; font-weight: 500; color: var(--wp--preset--color--contrast); text-decoration: none; }
.wc-block-components-product-metadata { font-size: 0.875rem; color: var(--wp--preset--color--muted); }
.wc-block-components-product-metadata__description { display: none; }
.wc-block-components-product-price { font-variant-numeric: tabular-nums; }
.wc-block-components-product-price__regular { color: var(--wp--preset--color--muted); }
.wc-block-components-product-price__value.is-discounted, .wc-block-components-sale-badge, .wc-block-components-product-badge { color: var(--rbw-sale); }
.wc-block-components-sale-badge, .wc-block-components-product-badge { border-color: color-mix(in srgb, var(--rbw-sale) 45%, transparent) !important; border-radius: var(--wp--custom--radius--pill) !important; font-weight: 600 !important; text-transform: none !important; }
.wc-block-components-quantity-selector { border-radius: var(--wp--custom--radius--pill) !important; background: var(--wp--preset--color--raised); }
.wc-block-components-quantity-selector::after { border-color: var(--rbw-line-strong) !important; border-radius: var(--wp--custom--radius--pill) !important; }
.wc-block-components-quantity-selector__input { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--wp--preset--color--contrast) !important; }
.wc-block-components-quantity-selector__button { color: var(--wp--preset--color--contrast) !important; }
.wc-block-cart-item__remove-link { color: var(--wp--preset--color--muted) !important; }
.wc-block-components-totals-item { padding-inline: 0 !important; }
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value { font-size: 0.9375rem; }
.wc-block-components-totals-footer-item { padding-block-start: 1rem; border-block-start: 1px solid var(--rbw-line); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 1.0625rem; font-weight: 600; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 1.5rem !important; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.wc-block-components-totals-wrapper { padding-block: 0.9rem !important; border-color: var(--rbw-line) !important; }
.wc-block-components-totals-wrapper::after, .wc-block-components-totals-item-tax { border-color: var(--rbw-line) !important; }
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
min-height: 3.5rem !important;
padding: 0.9em 1.75em !important;
font-family: inherit;
font-size: 1rem !important;
font-weight: 600 !important;
text-decoration: none !important;
color: var(--wp--preset--color--on-primary) !important;
background: var(--wp--preset--color--primary) !important;
border: 1px solid var(--wp--preset--color--primary) !important;
border-radius: var(--wp--custom--radius--btn) !important;
box-shadow: none !important;
transition: background-color 0.3s var(--rbw-ease), border-color 0.3s, opacity 0.3s;
}
.wc-block-components-button:not(.is-link):hover { background: var(--wp--preset--color--primary-dark) !important; border-color: var(--wp--preset--color--primary-dark) !important; }
.wc-block-components-button:not(.is-link):focus-visible { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 3px; }
.wc-block-components-button.outlined:not(.is-link), .wc-block-components-button.is-style-outline:not(.is-link) { color: var(--wp--preset--color--contrast) !important; background: transparent !important; border-color: var(--rbw-line-strong) !important; }
.wc-block-components-button.outlined:not(.is-link):hover { border-color: var(--wp--preset--color--contrast) !important; }
.wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select .wc-blocks-components-select__select, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-textarea {
min-height: 3.5rem;
font-family: inherit !important;
font-size: 1rem !important;
color: var(--wp--preset--color--contrast) !important;
background: var(--wp--preset--color--raised) !important;
border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent) !important;
border-radius: var(--wp--custom--radius--sm) !important;
box-shadow: none !important;
}
.wc-block-components-text-input input:focus, .wc-blocks-components-select .wc-blocks-components-select__select:focus, .wc-block-components-textarea:focus { border-color: var(--wp--preset--color--contrast) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent) !important; outline: none !important; }
.wc-block-components-text-input label, .wc-blocks-components-select .wc-blocks-components-select__label { color: var(--wp--preset--color--muted) !important; font-family: inherit; }
.wc-blocks-components-select .wc-blocks-components-select__container { background: transparent !important; border-radius: var(--wp--custom--radius--sm) !important; }
.wc-block-components-text-input.has-error input { border-color: var(--rbw-sale) !important; }
.wc-block-components-validation-error { color: var(--rbw-sale) !important; }
.wc-block-components-checkout-step { margin-block-end: 2.25rem; }
.wc-block-components-checkout-step__heading { margin-block: 0 0.9rem !important; }
.wc-block-components-checkout-step__description { color: var(--wp--preset--color--muted); }
.wc-block-checkout__form .wc-block-components-checkout-step__container::after, .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after { border-color: var(--rbw-line) !important; }
.wc-block-components-radio-control--highlight-checked, .wc-block-components-radio-control--highlight-checked::after { border-radius: var(--wp--custom--radius--md) !important; }
.wc-block-components-radio-control--highlight-checked::after, .wc-block-components-radio-control-accordion-option { border-color: var(--rbw-line-strong) !important; }
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 2px var(--wp--preset--color--contrast) !important; border-radius: var(--wp--custom--radius--md) !important; }
.wc-block-components-radio-control .wc-block-components-radio-control__input { border-color: var(--rbw-line-strong) !important; background: var(--wp--preset--color--raised) !important; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked { border-color: var(--wp--preset--color--contrast) !important; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background: var(--wp--preset--color--contrast) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-color: var(--rbw-line-strong) !important; border-radius: 5px !important; background: var(--wp--preset--color--raised) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--wp--preset--color--contrast) !important; border-color: var(--wp--preset--color--contrast) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--wp--preset--color--base) !important; }
.wc-block-components-order-summary-item__quantity { background: var(--wp--preset--color--contrast) !important; color: var(--wp--preset--color--base) !important; border: 0 !important; box-shadow: none !important; }
.wc-block-components-panel__button, .wc-block-components-totals-coupon-link, .wc-block-components-totals-coupon__button { color: var(--wp--preset--color--contrast) !important; }
.wc-block-checkout__actions_row { gap: 1rem; }
.wc-block-components-checkout-return-to-cart-button { color: var(--wp--preset--color--muted) !important; }
.wc-block-checkout__terms { color: var(--wp--preset--color--muted); font-size: 0.875rem; }
.wc-block-components-address-card, .wc-block-components-express-payment, .wc-block-checkout__shipping-method-option, .wc-block-components-shipping-rates-control__package { border-color: var(--rbw-line-strong) !important; border-radius: var(--wp--custom--radius--md) !important; }
.wc-block-components-product-details { color: var(--wp--preset--color--muted); }
.wc-block-components-notice-banner > svg { background: none !important; }
/* Carrito vacío */
.wp-block-woocommerce-empty-cart-block { text-align: center; padding-block: var(--wp--preset--spacing--50); }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; }
/* Aviso de envío gratis en el carrito y en el carrito lateral */
.rbw-freebar { margin: 0 0 1.25rem; padding: 0.9rem 1.1rem; font-size: 0.875rem; background: var(--rbw-tint); border-radius: var(--wp--custom--radius--md); }
.rbw-freebar p { margin: 0 0 0.6rem; display: flex; align-items: center; gap: 0.5rem; font-weight: 500; }
.rbw-freebar .rbw-i { width: 1.15rem; height: 1.15rem; }
.rbw-freebar-track { height: 4px; overflow: hidden; border-radius: 4px; background: var(--rbw-line-strong); }
.rbw-freebar-track i { display: block; height: 100%; width: var(--p, 0%); border-radius: 4px; background: var(--wp--preset--color--contrast); transition: width 0.8s var(--rbw-ease), background-color 0.4s; }
.rbw-freebar.is-done .rbw-freebar-track i { background: var(--rbw-ok); }
.rbw-freebar.is-done p { color: var(--rbw-ok); }
/* ---------- Carrito lateral (bloque Mini carrito) ---------- */
.wc-block-components-drawer__screen-overlay { background: color-mix(in srgb, var(--wp--preset--color--ink) 55%, transparent) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 9998; }
.wc-block-components-drawer, .wc-block-mini-cart__drawer .wc-block-components-drawer { background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast); max-width: 30rem !important; }
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents { background: var(--wp--preset--color--base) !important; color: var(--wp--preset--color--contrast) !important; }
.wc-block-mini-cart__title, h2.wc-block-mini-cart__title { font-family: var(--wp--preset--font-family--heading) !important; font-size: 1.75rem !important; font-weight: 500 !important; letter-spacing: -0.02em; margin: 1.25rem 1.5rem 0.5rem !important; padding: 0 !important; mask-image: none !important; background: none !important; }
.wc-block-mini-cart__items { padding-inline: 1.5rem !important; }
.wc-block-mini-cart__footer { padding: 1.25rem 1.5rem !important; border-block-start: 1px solid var(--rbw-line) !important; background: var(--wp--preset--color--raised); }
.wc-block-mini-cart__footer .wc-block-components-totals-item { font-size: 1.0625rem; font-weight: 600; }
.wc-block-mini-cart__footer-actions { gap: 0.6rem !important; }
.wc-block-mini-cart__footer-actions .wc-block-components-button { min-height: 3.25rem !important; }
.wc-block-mini-cart__footer-cart.wc-block-components-button:not(.is-link) { color: var(--wp--preset--color--contrast) !important; background: transparent !important; border-color: var(--rbw-line-strong) !important; }
.wc-block-components-drawer__close { color: var(--wp--preset--color--contrast) !important; opacity: 1 !important; top: 1.25rem !important; right: 1.25rem !important; }
.wc-block-mini-cart__drawer .wc-block-cart-item__image { width: 5.5rem !important; }
.wc-block-mini-cart__empty-cart-wrapper { display: grid; justify-items: center; gap: 1rem; padding: 3rem 1.5rem; text-align: center; }
/* ---------- Mi cuenta ---------- */
.woocommerce-account .rbw-shop-body > .woocommerce { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; }
.woocommerce-account .rbw-shop-body > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) { display: block; max-width: 62rem; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0.5rem; display: grid; gap: 0.15rem; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.woocommerce-MyAccount-navigation a { display: block; padding: 0.7rem 1rem; text-decoration: none; font-weight: 500; color: var(--wp--preset--color--muted); border-radius: var(--wp--custom--radius--sm); transition: background-color 0.2s, color 0.2s; }
.woocommerce-MyAccount-navigation a:hover { color: var(--wp--preset--color--contrast); background: var(--rbw-tint); }
.woocommerce-MyAccount-navigation .is-active a { color: var(--wp--preset--color--base); background: var(--wp--preset--color--contrast); }
.woocommerce-MyAccount-content > :first-child { margin-block-start: 0; }
.woocommerce-MyAccount-content > p:first-of-type { font-size: var(--wp--preset--font-size--large); }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-order h2 { font-size: var(--wp--preset--font-size--x-large); margin-block: 2rem 1rem; }
.woocommerce-account .u-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.woocommerce-account :is(.u-column1, .u-column2, .woocommerce-form-login:only-child, .lost_reset_password), .woocommerce-account .woocommerce > form.woocommerce-form-login { padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--lg); }
.woocommerce-account .u-columns .woocommerce-form { padding: 0; border: 0; }
.woocommerce-account .woocommerce h2 { margin-block: 0 1.25rem; font-size: clamp(1.75rem, 3vw, 2.25rem); }
.woocommerce form .form-row { margin: 0 0 1.1rem; }
.woocommerce form .form-row label { display: block; margin-block-end: 0.35rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--muted); }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { display: inline-block; width: calc(50% - 0.5rem); vertical-align: top; }
.woocommerce form .form-row-first { margin-inline-end: 0.75rem; }
.woocommerce form .required { color: var(--rbw-sale); text-decoration: none; }
.woocommerce-form__label-for-checkbox { display: flex !important; align-items: center; gap: 0.5rem; margin-block: 0.25rem 1rem !important; }
.woocommerce-form__input-checkbox, #review_form input[type="checkbox"] { width: 1.15rem; height: 1.15rem; min-height: 0 !important; accent-color: var(--wp--preset--color--contrast); }
.woocommerce-LostPassword { margin: 1rem 0 0; font-size: var(--wp--preset--font-size--small); }
.woocommerce .password-input { position: relative; display: block; }
.woocommerce .show-password-input { position: absolute; top: 50%; right: 0.75rem; translate: 0 -50%; width: 2rem; height: 2rem; padding: 0; cursor: pointer; border: 0; background: var(--wp--preset--color--muted); -webkit-mask: var(--rbw-svg-eye) center / 1.25rem no-repeat; mask: var(--rbw-svg-eye) center / 1.25rem no-repeat; }
.woocommerce fieldset { margin: 2rem 0 0; padding: 1.5rem; border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.woocommerce fieldset legend { padding-inline: 0.5rem; font-weight: 600; }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.woocommerce table.shop_table :is(th, td) { padding: 0.9rem 0.75rem; text-align: start; border-block-end: 1px solid var(--rbw-line); }
.woocommerce table.shop_table thead th { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.woocommerce table.shop_table .button { min-height: 2.5rem; padding: 0.4em 1.1em; font-size: 0.875rem; }
.woocommerce table.shop_table a:not(.button) { color: inherit; }
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.woocommerce-Address { padding: 1.5rem; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.woocommerce-Address-title h2 { margin: 0 0 0.75rem !important; font-size: var(--wp--preset--font-size--large) !important; }
.woocommerce-Address address { font-style: normal; color: var(--wp--preset--color--muted); }
.woocommerce-order-details, .woocommerce-customer-details { margin-block-start: 2rem; }
.woocommerce-customer-details address { font-style: normal; color: var(--wp--preset--color--muted); }
mark.order-number, mark.order-date, mark.order-status { background: none; font-weight: 600; color: inherit; }
/* ---------- Pedido recibido ---------- */
.rbw-order-ok { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); }
.rbw-order-ok > * { max-width: 52rem; margin-inline: auto !important; }
.rbw-order-status { padding: clamp(1.5rem, 4vw, 3rem); text-align: center; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--lg); }
.rbw-order-status::before { content: ""; display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto 1.25rem; background: var(--rbw-ok); -webkit-mask: var(--rbw-svg-check-circle) center / contain no-repeat; mask: var(--rbw-svg-check-circle) center / contain no-repeat; }
.rbw-order-status h1 { margin: 0 0 0.75rem; font-size: clamp(2rem, 4vw, 3rem); }
.rbw-order-status p { margin: 0; color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--large); }
.wc-block-order-confirmation-summary-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1rem; margin: 1.5rem auto; padding: 0; }
.wc-block-order-confirmation-summary-list-item { display: grid; gap: 0.25rem; margin: 0; padding: 1rem 1.25rem; background: var(--rbw-tint); border-radius: var(--wp--custom--radius--md); }
.wc-block-order-confirmation-summary-list-item__key { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.wc-block-order-confirmation-summary-list-item__value { font-weight: 600; }
.rbw-order-ok h2 { margin-block: 2.5rem 1rem; font-size: var(--wp--preset--font-size--x-large); }
.rbw-order-ok h3 { margin-block: 0 0.5rem; font-size: var(--wp--preset--font-size--large); }
.rbw-order-ok table { width: 100%; border-collapse: collapse; }
.rbw-order-ok table :is(th, td) { padding: 0.8rem 0; text-align: start; border-block-end: 1px solid var(--rbw-line); border-inline: 0; border-block-start: 0; }
.rbw-order-ok table td:last-child, .rbw-order-ok table th:last-child { text-align: end; }
.rbw-order-ok address { font-style: normal; color: var(--wp--preset--color--muted); border: 0 !important; padding: 0 !important; }
.rbw-order-addresses { margin-block-start: 2rem !important; gap: 1rem; }
.rbw-order-addresses .wp-block-column { padding: 1.5rem; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--md); }
.rbw-order-ok .wp-block-buttons { margin-block-start: 2.5rem !important; justify-content: center; }
.wc-bacs-bank-details { list-style: none; padding: 1.25rem 1.5rem; margin: 1rem 0; background: var(--rbw-tint); border-radius: var(--wp--custom--radius--md); }
.wc-bacs-bank-details li { margin-block: 0.25rem; }
/* ---------- Ayuda y pie ---------- */
.rbw-help-nav { list-style: none; padding: 0; margin: var(--wp--preset--spacing--40) 0 0; display: grid; gap: 0; }
.rbw-help-nav li { border-block-end: 1px solid var(--rbw-line); }
.rbw-help-nav a { display: flex; justify-content: space-between; padding: 0.9rem 0; text-decoration: none; font-weight: 500; }
.rbw-help-nav a::after { content: ""; width: 1rem; height: 1rem; align-self: center; background: currentColor; -webkit-mask: var(--rbw-svg-arrow-right) center / contain no-repeat; mask: var(--rbw-svg-arrow-right) center / contain no-repeat; transition: translate 0.3s var(--rbw-ease); }
.rbw-help-nav a:hover::after { translate: 4px 0; }
.rbw-help-group { margin: 0 0 var(--wp--preset--spacing--50); scroll-margin-top: calc(var(--wp--custom--header--height) + 1.5rem); }
.rbw-help-group > h3 { margin: 0 0 0.75rem; font-family: var(--wp--preset--font-family--body); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--wp--preset--color--accent); }
.rbw-help-group .wp-block-details:first-of-type { border-block-start: 1px solid var(--rbw-line); }
.rbw-footer-grid { grid-template-columns: 1.5fr 0.9fr 1fr 1fr 1.5fr; }
.rbw-footer-pay { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem 1.5rem; margin-block-start: var(--wp--preset--spacing--50); padding-block-start: var(--wp--preset--spacing--40); border-block-start: 1px solid var(--rbw-line); }
.rbw-footer-pay > * { margin: 0; }
.rbw-pay { list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem; padding: 0; margin: 0; }
.rbw-pay li { padding: 0.35em 0.8em; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; background: var(--wp--preset--color--raised); border: 1px solid var(--rbw-line); border-radius: var(--wp--custom--radius--sm); }
.rbw-footer-safe { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 0.5rem; }
.rbw-footer-safe::before { content: ""; width: 1rem; height: 1rem; background: var(--rbw-ok); -webkit-mask: var(--rbw-svg-lock-simple) center / contain no-repeat; mask: var(--rbw-svg-lock-simple) center / contain no-repeat; }
.rbw-footer-bottom { margin-block-start: var(--wp--preset--spacing--40); }
/* ---------- Tablet y mobile ---------- */
@media (max-width: 1180px) {
.rbw-header .wp-block-navigation__container { gap: 1.1rem; }
.rbw-grid, .rbw-search-results { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rbw-grid--shop { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rbw-grid--row > .rbw-card { flex-basis: calc((100% - 2 * clamp(0.75rem, 1.6vw, 1.5rem)) / 3); }
.rbw-footer-grid { grid-template-columns: 1fr 1fr 1fr; }
.rbw-footer-brand, .rbw-footer-news { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
.rbw-announce-links { display: none; }
.rbw-perks { grid-template-columns: 1fr 1fr; }
.rbw-perk:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
.rbw-perk:nth-child(n + 3) { border-block-start: 1px solid var(--rbw-line); }
.rbw-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(11rem, 36vw, 17rem); }
.rbw-cat:first-child { grid-column: 1 / -1; grid-row: span 1; }
.rbw-cats--3 .rbw-cat:not(:first-child), .rbw-cats--4 .rbw-cat:nth-child(2) { grid-column: span 1; }
.rbw-deal { grid-template-columns: 1fr; }
.rbw-deal-media { min-height: 0; aspect-ratio: 4 / 3; }
.rbw-banners { grid-template-columns: 1fr; }
/* Filtros en un panel lateral */
.rbw-shop { display: block; }
.rbw-filters { position: fixed; z-index: 60; inset: 0 auto 0 0; width: min(24rem, 90vw); max-height: none; padding: 0 1.25rem 1.5rem; background: var(--wp--preset--color--base); box-shadow: var(--wp--preset--shadow--lg); translate: -105% 0; visibility: hidden; transition: translate 0.5s var(--rbw-ease), visibility 0s 0.5s; }
.rbw-filters.is-open { translate: none; visibility: visible; transition: translate 0.5s var(--rbw-ease), visibility 0s; }
.rbw-filters-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-inline: -1.25rem; padding: 1rem 1.25rem; margin-block-end: 1.25rem; background: var(--wp--preset--color--base); border-block-end: 1px solid var(--rbw-line); }
.rbw-filters-head p { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: 1.5rem; }
.rbw-filters-actions, .rbw-js .rbw-filters-actions { display: block; position: sticky; bottom: 0; padding-block: 1rem; margin-block-end: -1.5rem; background: var(--wp--preset--color--base); }
.rbw-filter-open { display: inline-flex; }
.rbw-toolbar-count { margin-inline: auto 0; order: 3; }
.rbw-toolbar .woocommerce-ordering { margin-inline-start: auto; }
.rbw-shop-backdrop { position: fixed; inset: 0; z-index: 59; background: color-mix(in srgb, var(--wp--preset--color--ink) 55%, transparent); }
.rbw-grid--shop { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rbw-product-top { grid-template-columns: 1fr; }
.rbw-gallery { position: relative; top: 0; }
.rbw-reviews #reviews { grid-template-columns: 1fr; }
#review_form_wrapper { position: static; }
.wc-block-components-sidebar-layout { flex-wrap: wrap; }
.wc-block-components-sidebar-layout .wc-block-components-sidebar { width: 100%; max-width: none; position: static; }
.woocommerce-account .rbw-shop-body > .woocommerce { grid-template-columns: 1fr; }
.woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; scrollbar-width: none; }
.woocommerce-MyAccount-navigation a { white-space: nowrap; }
}
@media (max-width: 781px) {
.rbw-header-bar { gap: 0.5rem; }
.rbw-header-brand { flex: 1 1 auto; }
.rbw-header-tools { flex: none; gap: 0; }
.rbw-header .rbw-nav { order: 3; }
.rbw-tool--account, .rbw-header .rbw-theme-toggle { display: none; }
.rbw-slide.wp-block-cover { min-height: clamp(30rem, 82svh, 40rem); padding-block-end: 5rem; }
.rbw-slider-arrows { display: none; }
.rbw-slider-dot { width: 2.5rem; }
.rbw-grid, .rbw-grid--shop, .rbw-search-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rbw-grid--row > .rbw-card { flex-basis: 62%; }
.rbw-carousel-nav { display: none; }
.rbw-card-media { aspect-ratio: 3 / 4; }
.rbw-tabs-nav { margin-block-start: 0; justify-content: flex-start; }
.rbw-related > h2, .rbw-reviews h2 { max-width: none; }
.rbw-gallery { display: block; margin-inline: calc(-1 * var(--wp--style--root--padding-left, 1.5rem)); }
.rbw-gallery .rbw-badges { left: 1rem; }
.woocommerce-product-gallery__wrapper { border-radius: 0; }
.woocommerce-product-gallery__image { aspect-ratio: 4 / 5; }
.rbw-thumbs { position: absolute; z-index: 2; left: 0; right: 0; bottom: 1rem; flex-direction: row; justify-content: center; gap: 0.4rem; pointer-events: none; }
.rbw-thumbs button { pointer-events: auto; width: 0.5rem; height: 0.5rem; aspect-ratio: auto; border-radius: 50%; background: color-mix(in srgb, #fff 55%, transparent); opacity: 1; outline: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); transition: width 0.35s var(--rbw-ease), background-color 0.3s; }
.rbw-thumbs button[aria-current="true"] { width: 1.5rem; border-radius: 0.5rem; background: #fff; }
.rbw-thumbs img { display: none; }
.rbw-buybar { display: flex; }
.rbw-wa { transition: translate 0.4s var(--rbw-ease); }
body:has(.rbw-buybar.is-on) .rbw-wa { translate: 0 -4.25rem; }
.rbw-trust li { padding: 0.8rem 0.35rem; font-size: 0.75rem; }
.rbw-cat:not(:first-child) .rbw-cat-go { display: none; }
.rbw-cat:not(:first-child) .rbw-cat-name { font-size: 1.25rem; }
.rbw-cat { padding: 1rem; }
.rbw-buy .single_add_to_cart_button { padding-inline: 0.75em; white-space: nowrap; }
.rbw-buy .quantity .qty { width: 2rem; }
.rbw-qty-btn { width: 2.5rem; }
.woocommerce-account .u-columns, .woocommerce-Addresses { grid-template-columns: 1fr; }
.rbw-footer-safe { margin-inline-start: 0; }
.woocommerce table.shop_table_responsive thead { display: none; }
.woocommerce table.shop_table_responsive tr { display: block; padding-block: 0.75rem; border-block-end: 1px solid var(--rbw-line); }
.woocommerce table.shop_table_responsive :is(td, th) { display: flex; justify-content: space-between; gap: 1rem; padding: 0.35rem 0; border: 0; text-align: end; }
.woocommerce table.shop_table_responsive td::before { content: attr(data-title); font-weight: 500; color: var(--wp--preset--color--muted); text-align: start; }
}
@media (max-width: 560px) {
.rbw-perk { padding: 1.1rem 0.75rem; column-gap: 0.7rem; }
.rbw-perk::before { width: 1.5rem; height: 1.5rem; }
.rbw-perk p + p { display: none; }
.rbw-footer-grid { grid-template-columns: 1fr 1fr; }
.rbw-countdown span { min-width: 0; flex: 1; }
.rbw-toolbar { flex-wrap: wrap; }
.rbw-toolbar-count { order: 3; flex-basis: 100%; }
.wc-block-cart-item__image { width: 5rem !important; }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { display: block; width: 100%; margin-inline-end: 0; }
}
/* Los shortcodes de la cabecera llegan envueltos en un párrafo: no debe afectar la composición. */
.rbw-header-tools > p { display: contents; }
.wp-block-template-part > p:empty { display: none; }
.rbw-header .wc-block-mini-cart__badge[hidden] { display: none; }
.wc-block-components-drawer__close.wc-block-components-button, .wc-block-components-drawer .wc-block-components-drawer__close { display: grid !important; place-items: center; width: 2.75rem !important; height: 2.75rem !important; min-height: 0 !important; padding: 0 !important; color: var(--wp--preset--color--contrast) !important; background: transparent !important; border: 1px solid var(--rbw-line-strong) !important; border-radius: 50% !important; }
.wc-block-components-drawer__close:hover { background: var(--rbw-tint) !important; }
.wc-block-mini-cart__footer-actions .wc-block-components-button { padding-inline: 1em !important; font-size: 0.9375rem !important; }
/* WooCommerce limita el ancho del título en carrito y checkout; acá sigue el ancho del sitio. */
.rbw-plainhead .wp-block-post-title { max-width: 1280px !important; }
.wc-block-components-sale-badge { display: none !important; }
.wc-block-checkout .wp-block-woocommerce-checkout-order-summary-block { border: 0 !important; border-radius: 0 !important; }
.wc-block-checkout .wc-block-components-checkout-order-summary__title { padding-inline: 0 !important; margin-block: 0 0.5rem !important; }
.wc-block-checkout .wc-block-components-checkout-order-summary__content, .wc-block-checkout .wc-block-components-order-summary, .wc-block-checkout .wc-block-components-totals-coupon { padding-inline: 0 !important; }
.wc-block-checkout .wc-block-components-totals-wrapper { padding-inline: 0 !important; }
.wc-block-checkout .wc-block-components-checkout-order-summary__title { padding: 0 !important; }
.wc-block-components-totals-wrapper:empty, .wc-block-components-totals-wrapper:not(:has(*)) { display: none; }
/* Banner con foto (local, campañas): siempre oscuro para que el texto se lea sobre cualquier foto */
.rbw-cta-photo { color: #fff; background: var(--wp--preset--color--ink); }
.rbw-cta-photo::before { background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--ink) 88%, transparent) 5%, color-mix(in srgb, var(--wp--preset--color--ink) 25%, transparent)) !important; }
.rbw-cta-photo h2 { color: #fff; }
.rbw-cta-photo p { color: color-mix(in srgb, #fff 82%, transparent) !important; }
.rbw-cta-photo .wp-block-button__link { background: #fff; color: #16130f; border-color: #fff; }
.rbw-cta-photo .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: #fff; border-color: color-mix(in srgb, #fff 55%, transparent); }
.rbw-cta-photo .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #fff; border-color: #fff; }
/* Pedido recibido: todo en una misma columna */
.rbw-order-ok > * { box-sizing: border-box; width: 100%; max-width: 52rem !important; }
.rbw-order-ok table, .rbw-order-ok .wc-block-order-confirmation-totals__table { border: 0 !important; }
.rbw-order-addresses address, .rbw-order-ok .wc-block-order-confirmation-shipping-address, .rbw-order-ok .wc-block-order-confirmation-billing-address { border: 0 !important; padding: 0 !important; }
.rbw-order-ok .wc-block-order-confirmation-additional-fields-wrapper { margin-block-start: 2rem; }
.rbw-order-ok .wc-block-components-additional-fields-list, .rbw-order-ok dl { border: 0 !important; padding: 0 !important; }
.rbw-empty .rbw-btn { height: 3.25rem; min-height: 0; align-self: center; }