/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.52.1786480622
Updated: 2026-08-11 14:37:02

*/

/* ============================================================
   REVIVE RESEARCH — Sistema de diseno
   Estetica: dark luxury / laboratorio premium.
   El oro es el color FUNCIONAL: precio, CTA, bordes activos, badges.
   El efecto holografico vive solo en el logo, nunca en CSS.
   ============================================================ */

:root{
  /* Superficies */
  --rc-bg:#0A0A0A;
  --rc-surface:#141414;
  --rc-surface-2:#1F1F1F;
  --rc-border:#2E2E2E;
  --rc-border-soft:#1E1E1E;

  /* Oro */
  --rc-gold:#D4AF37;
  --rc-gold-light:#F0D584;
  --rc-gold-dark:#A67C1A;
  --rc-bronze:#6B4E0F;
  --rc-gold-grad:linear-gradient(135deg,#F0D584 0%,#D4AF37 42%,#A67C1A 100%);

  /* Texto */
  --rc-text:#F2F2F2;
  --rc-muted:#9A9A9A;
  --rc-dim:#6E6E6E;

  /* Tipografia */
  --rc-font-head:'Sora',system-ui,-apple-system,sans-serif;
  --rc-font-body:'Inter',system-ui,-apple-system,sans-serif;

  /* Ritmo */
  --rc-section:clamp(64px,9vw,120px);
  --rc-container:1240px;
  --rc-radius:10px;
  --rc-radius-sm:6px;

  /* Movimiento */
  --rc-ease:cubic-bezier(.22,.61,.36,1);
  --rc-dur:220ms;

  /* Tokens que cambian con el tema */
  --rc-on-gold:#0A0A0A;                    /* texto sobre fondo dorado */
  --rc-header-bg:rgba(10,10,10,.88);
  --rc-halo:rgba(212,175,55,.17);
  --rc-halo-soft:rgba(212,175,55,.05);
  --rc-gold-ink:#D4AF37;                   /* oro cuando es TEXTO */
  --rc-hero-glow:rgba(212,175,55,.13);
  --rc-band:#0F0F0F;
  --rc-ink:#F2F2F4;
  --rc-on-ink:#0A0A0A;
  --rc-coa-bg:#0B0B0D; --rc-coa-card:#141416; --rc-coa-bd:#2A2A2E;
  --rc-coa-fg:#F4F4F6; --rc-coa-sub:#A6A6AE; --rc-coa-in:#141416;
  --rc-coa-ph:#6E6E78; --rc-coa-track:#26262B;
  --rc-shadow:0 2px 6px rgba(0,0,0,.5), 0 18px 46px rgba(0,0,0,.55);
  --rc-announce-fg:#D4AF37;
  --rc-compliance-bg:linear-gradient(135deg,rgba(107,78,15,.14),rgba(20,20,20,.6));
  --rc-vial-shadow:rgba(0,0,0,.72);
  --rc-announce-bg:linear-gradient(90deg,#0E0C06,#1A1508,#0E0C06);
  --rc-badge-bg:rgba(10,10,10,.72);
  --rc-scrim:rgba(6,6,6,.94);
}

/* ============================================================
   TEMA CLARO
   No es el oscuro invertido: es una paleta propia. El oro puro
   (#D4AF37) sobre blanco da 1.9:1 de contraste, ilegible, asi que
   el oro funcional se oscurece a #8A6511 (5.8:1) y el texto sobre
   boton dorado pasa a blanco. Los fondos son crema calido, no
   blanco puro: mantiene el aire de la marca y cansa menos la vista.
   ============================================================ */
:root[data-theme="light"]{
  /* Blanco de verdad para la pagina. La jerarquia no la da el tinte del
     fondo sino los apartados pequenos, que se hunden un escalon. */
  --rc-bg:#FFFFFF;
  --rc-surface:#FFFFFF;
  --rc-surface-2:#F3F3F6;
  --rc-band:#F8F8FA;
  --rc-border:#E4E4EA;
  --rc-border-soft:#EFEFF3;

  /* El oro de marca sin oscurecer. Entero donde RELLENA (8,9:1 con tinta
     oscura encima); --rc-gold-ink solo donde el dorado es TEXTO sobre
     claro, porque #D4AF37 ahi da 1,9:1 y no se lee. */
  --rc-gold:#D4AF37;
  --rc-gold-light:#E6C868;
  --rc-gold-dark:#A8821F;
  --rc-gold-ink:#96751A;
  --rc-bronze:#E0D2A8;
  --rc-gold-grad:linear-gradient(135deg,#C9A227 0%,#96751A 48%,#6E5511 100%);

  --rc-text:#14141A;
  --rc-muted:#494952;
  --rc-dim:#6F6F79;

  --rc-on-gold:#16140F;
  --rc-header-bg:rgba(255,255,255,.92);


  --rc-hero-glow:rgba(212,175,55,.06);
  --rc-halo:transparent;
  --rc-halo-soft:transparent;
  --rc-vial-shadow:rgba(20,20,30,.18);

  --rc-ink:#0B0B0D;
  --rc-on-ink:#FFFFFF;
  --rc-coa-bg:#F7F7F9; --rc-coa-card:#FFFFFF; --rc-coa-bd:#E4E4EA;
  --rc-coa-fg:#14141A; --rc-coa-sub:#494952; --rc-coa-in:#FFFFFF;
  --rc-coa-ph:#8A8A94; --rc-coa-track:#E9E9EE;
  --rc-shadow:0 2px 6px rgba(15,15,25,.06), 0 18px 46px rgba(15,15,25,.075);
  --rc-announce-bg:#F3F3F6;
  --rc-announce-fg:#14141A;
  --rc-compliance-bg:linear-gradient(135deg,#FCF8EC,#F6F6F9);
  --rc-badge-bg:#16140F;
  --rc-scrim:rgba(255,255,255,.94);
}


/* ============================================================
   SUPERFICIES QUE TIENEN QUE SEGUIR AL TEMA
   Blocksy pinta el fondo del documento, la cabecera y el pie desde su
   propio sistema de color, con selectores mas especificos que los mios.
   Aqui se le impone la paleta: sin esto, al pasar a claro cambiaba el
   texto pero el fondo seguia negro, que es justo lo que se veia.
   ============================================================ */
html,
body,
body.woocommerce,
#main-container,
main.site-main,
.site-main,
[data-header] .ct-header,
.ct-header,
.ct-footer,
[data-footer],
.rc-footer{
  background-color:var(--rc-bg)!important;
  color:var(--rc-text);
}
.ct-header,[data-header] .ct-header,
.ct-header [data-row],
.ct-header [data-row] > .ct-container,
[data-header] [data-row]{background-color:var(--rc-header-bg)!important}
.ct-footer,[data-footer],.rc-footer{background-color:var(--rc-surface)!important}

/* Tarjetas, cajas y tablas: superficie, no fondo de pagina */
ul.products li.product,
.rc-step,.rc-stat-card,.rc-info-card,.rc-form,.rc-empty,
.rc-coa-band,.rc-showcase-item,.table-wrap,
.woocommerce table.shop_table,.woocommerce .cart_totals,
.woocommerce-checkout-review-order,.woocommerce-account .woocommerce-MyAccount-content{
  background-color:var(--rc-surface)!important;
}

/* Texto: los titulares y el cuerpo siguen la paleta */
h1,h2,h3,h4,h5,h6,
.entry-title,.product_title,
ul.products li.product .woocommerce-loop-product__title{
  color:var(--rc-text)!important;
}
/* Blocksy pinta los enlaces del menu desde su paleta y gana en
   especificidad: en claro salian casi invisibles sobre crema. */
.ct-header .ct-menu-link,
.ct-header .menu > li > a,
[data-header] .ct-menu-link{color:var(--rc-text)!important}
.ct-header .ct-menu-link:hover,
.ct-header .menu > li > a:hover,
.ct-header .current-menu-item > .ct-menu-link,
.ct-header .current_page_item > .ct-menu-link{color:var(--rc-gold-ink)!important}
.ct-header [data-id="search"] .ct-icon,
.ct-header [data-id="cart"] .ct-icon,
.ct-header .ct-toggle-close,
.ct-header svg{color:var(--rc-text)}

/* Solo se anima al cambiar de tema, no en cada carga */
html.rc-theming,
html.rc-theming body,
html.rc-theming .ct-header,
html.rc-theming ul.products li.product{
  transition:background-color 320ms var(--rc-ease),color 320ms var(--rc-ease),
             border-color 320ms var(--rc-ease);
}

/* ============================================================
   BOTON DE CAMBIO DE TEMA
   ============================================================ */
/* Posicion de respaldo: si no hubiera cabecera donde alojarlo */
.rc-theme-toggle{
  position:fixed;right:20px;bottom:20px;z-index:120;
  width:46px;height:46px;display:grid;place-items:center;
  border-radius:50%;cursor:pointer;
  background:var(--rc-surface);color:var(--rc-muted);
  border:1px solid var(--rc-border);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  transition:color var(--rc-dur) var(--rc-ease),border-color var(--rc-dur) var(--rc-ease),
             transform var(--rc-dur) var(--rc-ease);
}
.rc-theme-toggle:hover{color:var(--rc-gold-ink);border-color:var(--rc-gold-dark);transform:translateY(-2px)}
.rc-theme-toggle:active{transform:translateY(0)}
.rc-theme-toggle svg{display:block}

/* Ya dentro de la cabecera, junto al buscador: se comporta como un icono
   mas de la barra, sin caja ni sombra propias. */
.rc-theme-toggle.is-in-header{
  position:static;box-shadow:none;background:transparent;border:none;
  width:40px;height:40px;border-radius:var(--rc-radius-sm);
  margin-left:2px;flex:none;
}
.rc-theme-toggle.is-in-header:hover{
  color:var(--rc-gold-ink);background:var(--rc-surface);transform:none;
}

/* Se ve la luna en oscuro y el sol en claro: el icono indica
   a que tema se va, no en cual se esta. */
.rc-theme-toggle .rc-icon-sun{display:none}
:root[data-theme="light"] .rc-theme-toggle .rc-icon-sun{display:block}
:root[data-theme="light"] .rc-theme-toggle .rc-icon-moon{display:none}

@media (max-width:600px){
  .rc-theme-toggle{right:14px;bottom:14px;width:42px;height:42px}
}
@media print{ .rc-theme-toggle{display:none} }

/* ============================================================
   BASE
   ============================================================ */
body,.site-main{background:var(--rc-bg);color:var(--rc-text)}
body{font-family:var(--rc-font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}

h1,h2,h3,h4,h5,
.entry-title,.woocommerce-loop-product__title,.product_title{
  font-family:var(--rc-font-head);font-weight:600;
  line-height:1.16;letter-spacing:-.02em;color:var(--rc-text);
}
h1{font-size:clamp(2.1rem,5.4vw,3.9rem)}
h2{font-size:clamp(1.7rem,3.5vw,2.45rem)}
h3{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.3}

/* El foco visible nunca se elimina */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--rc-gold);outline-offset:3px;border-radius:2px;
}

hr,.entry-content hr{border-color:var(--rc-border)}

/* Utilidades */
.rc-container{width:100%;max-width:var(--rc-container);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}
.rc-section{padding-block:var(--rc-section)}
.rc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.rc-eyebrow{
  font-family:var(--rc-font-head);font-size:.72rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--rc-gold-ink);
  display:flex;align-items:center;gap:12px;margin-bottom:18px;
}
.rc-eyebrow::before{content:"";width:26px;height:1px;background:var(--rc-gold-dark);flex:none}
.rc-eyebrow.is-center{justify-content:center}

.rc-lead{color:var(--rc-muted);font-size:clamp(.98rem,1.4vw,1.09rem);max-width:60ch}

.rc-gold-text{
  background:var(--rc-gold-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.rc-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.rc-sec-head h2{margin-bottom:12px}

/* ============================================================
   BOTONES  (base heredada de Additional CSS, extendida)
   ============================================================ */
.wp-element-button,.button,button,input[type="submit"],
.woocommerce a.button,.woocommerce button.button,
.woocommerce .button.alt,.ct-button,.rc-btn{
  background:var(--rc-gold)!important;color:var(--rc-on-gold)!important;
  border:none!important;border-radius:4px!important;
  font-family:var(--rc-font-head);font-weight:600;letter-spacing:.02em;
  text-transform:uppercase;font-size:13px;
  transition:background var(--rc-dur) var(--rc-ease),color var(--rc-dur) var(--rc-ease);
}
.wp-element-button:hover,.button:hover,button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.ct-button:hover,.rc-btn:hover{
  background:var(--rc-gold-light)!important;color:var(--rc-on-gold)!important;
}

/* Botones propios de la maqueta */
.rc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 26px;border-radius:var(--rc-radius-sm)!important;
  font-size:.8rem;letter-spacing:.08em;text-decoration:none;
}
.rc-btn-sm{min-height:40px;padding:0 18px;font-size:.72rem}
.rc-btn:active{transform:translateY(1px)}

.rc-btn-outline,.rc-btn-outline:hover,.btn-outline{
  background:transparent!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;
}
.rc-btn-outline:hover{border-color:var(--rc-gold-ink)!important;color:var(--rc-gold-ink)!important}

/* Boton secundario del md original */
.rc-btn-outline-gold{
  background:transparent!important;color:var(--rc-gold-ink)!important;
  border:1px solid var(--rc-gold)!important;
}
.rc-btn-outline-gold:hover{background:var(--rc-gold)!important;color:var(--rc-on-gold)!important}

/* ============================================================
   BARRA DE ANUNCIO
   ============================================================ */
.rc-announce{
  background:var(--rc-announce-bg);
  border-bottom:1px solid var(--rc-border-soft);
  font-size:.78rem;color:var(--rc-announce-fg);
  text-align:center;padding:9px 20px;letter-spacing:.04em;
}
.rc-announce i{color:var(--rc-dim);margin-inline:10px;font-style:normal}

/* ============================================================
   CABECERA Y PIE DE BLOCKSY
   ============================================================ */
/* Cabecera fija y translucida sobre el fondo casi negro */
.ct-header{
  position:sticky;top:0;z-index:100;
  background:var(--rc-header-bg);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--rc-border-soft);
  transition:border-color var(--rc-dur) var(--rc-ease);
}
.ct-header.is-scrolled{border-bottom-color:var(--rc-border)}
/* El contenedor de Blocksy mide 1290px sin relleno lateral; el nuestro,
   1240 con 40 de relleno. Con 1440 de ancho eso dejaba el logo 65px por
   fuera de la columna de texto. Se igualan los dos. */
.ct-header [data-row] > .ct-container{
  min-height:92px;align-items:center;
  max-width:var(--rc-container);
  padding-inline:clamp(20px,5vw,40px);
}

/**
 * El logo llega en JPG con el fondo negro quemado. 'screen' lo elimina
 * sobre superficies oscuras sin tener que reeditar la imagen.
 * Es un lockup cuadrado y apilado: necesita mas alto que un logo horizontal.
 */
.ct-header .site-branding img,
.site-logo-container img{
  max-height:60px;width:auto;
}

/**
 * Blocksy pinta el logo Y el titulo en texto. El lockup ya contiene el
 * wordmark, asi que el texto duplica la marca y estira la cabecera.
 * El nombre sigue accesible via el alt de la imagen.
 */
.ct-header .site-title-container{display:none}

/**
 * En tema claro el logo se apoya en una chapa oscura.
 * El archivo trae el negro fundido, asi que 'screen' (que lo elimina sobre
 * fondo oscuro) lo borraria entero sobre crema. La chapa resuelve el caso
 * y se lee como decision, no como parche. Desaparece sola con el logo en
 * SVG con transparencia.
 */
.ct-header .site-logo-container{
  background:none;padding:0;
  display:inline-flex;align-items:center;
}
.rc-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:none}


/* Menu principal */
.ct-header .ct-menu-link{
  font-family:var(--rc-font-head);font-size:.8rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--rc-muted);
  transition:color var(--rc-dur) var(--rc-ease);
}
.ct-header .ct-menu-link:hover,
.ct-header .current-menu-item > .ct-menu-link,
.ct-header .current_page_item > .ct-menu-link{color:var(--rc-gold-ink)}

/* Iconos de cabecera: buscador, cuenta, carrito */
.ct-header [data-id="search"] .ct-icon,
.ct-header [data-id="cart"] .ct-icon,
.ct-header [data-id="account"] .ct-icon{color:var(--rc-muted);transition:color var(--rc-dur) var(--rc-ease)}
.ct-header [data-id="search"]:hover .ct-icon,
.ct-header [data-id="cart"]:hover .ct-icon{color:var(--rc-gold-ink)}
.ct-header .ct-cart-count{background:var(--rc-gold)!important;color:var(--rc-on-gold)!important;font-weight:700}

@media (max-width:600px){
  .ct-header [data-row] > .ct-container{min-height:70px}
  .ct-header .site-branding img,.site-logo-container img{max-height:40px}
}

.ct-footer,[data-footer]{background-color:var(--rc-surface);border-top:1px solid var(--rc-border)}
.ct-footer a{color:var(--rc-muted);transition:color var(--rc-dur) var(--rc-ease)}
.ct-footer a:hover{color:var(--rc-gold-ink)}
.ct-footer .widget-title,.ct-footer h3{
  font-family:var(--rc-font-head);font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rc-gold-ink);
}

/* ============================================================
   PIE PROPIO
   El pie de Blocksy no renderizaba nada, asi que se construye en
   inc/footer.php y se estila aqui.
   ============================================================ */
.rc-footer{
  background:var(--rc-surface);border-top:1px solid var(--rc-border);
  padding-block:clamp(44px,6vw,68px) 0;margin-top:0;
}
.rc-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:clamp(28px,4vw,48px)}

.rc-footer-brand img{
  width:auto;max-width:200px;height:auto;margin-bottom:4px;
}
.rc-footer-brand p{color:var(--rc-dim);font-size:.87rem;max-width:36ch;margin:0;line-height:1.7}

.rc-footer-col h2{
  font-family:var(--rc-font-head);font-size:.74rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rc-gold-ink);
  margin:0 0 18px;
}
.rc-footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.rc-footer-col a{
  font-size:.89rem;color:var(--rc-muted);text-decoration:none;
  transition:color var(--rc-dur) var(--rc-ease);
}
.rc-footer-col a:hover{color:var(--rc-gold-ink)}

.rc-footer-legal{
  margin:clamp(34px,5vw,48px) 0 0;padding-top:26px;
  border-top:1px solid var(--rc-border);
  font-size:.78rem;color:var(--rc-dim);line-height:1.7;max-width:86ch;
}
.rc-footer-legal strong{color:var(--rc-muted);font-weight:500}

.rc-footer-bottom{
  border-top:1px solid var(--rc-border);margin-top:26px;padding-block:22px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.79rem;color:var(--rc-dim);
}

@media (max-width:900px){
  .rc-footer-grid{grid-template-columns:1fr 1fr;gap:34px}
  .rc-footer-brand{grid-column:1 / -1}
}
@media (max-width:520px){
  .rc-footer-grid{grid-template-columns:1fr}
  .rc-footer-bottom{flex-direction:column;gap:8px}
}

/* ============================================================
   PLANTILLA DE HOME: ancho completo
   OJO: acotar a <main>. La cabecera y el pie tambien usan
   .ct-container, y ahi es una rejilla de columnas start/end:
   tocarla apila el logo y el menu en vertical.
   ============================================================ */
.page-template-template-home main.site-main{
  max-width:none!important;width:100%!important;
  padding-left:0!important;padding-right:0!important;
}
.page-template-template-home .entry-header,
.page-template-template-home .hero-section,
.page-template-template-home .page-title{display:none!important}

/* ============================================================
   HOME · HERO
   ============================================================ */
.rc-hero{position:relative;overflow:hidden;padding-block:clamp(72px,11vw,132px) clamp(64px,9vw,104px)}
.rc-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 74% 28%,var(--rc-hero-glow),transparent 58%);
}
.rc-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center}
.rc-hero h1{margin-bottom:22px}
.rc-hero .rc-lead{margin-bottom:34px;max-width:52ch}
.rc-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}

.rc-hero-stats{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,48px);border-top:1px solid var(--rc-border);padding-top:26px}
.rc-hero-stat .n{font-family:var(--rc-font-head);font-size:1.55rem;font-weight:600;color:var(--rc-gold-ink);font-variant-numeric:tabular-nums;line-height:1.1}
.rc-hero-stat .l{font-size:.76rem;color:var(--rc-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}

.rc-hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}
.rc-mol{width:100%;height:100%;overflow:visible}
.rc-mol .ring{fill:none;stroke:var(--rc-gold-dark);stroke-width:1.1;opacity:.5}
.rc-mol .bond{stroke:var(--rc-gold-dark);stroke-width:1.1;opacity:.55}
.rc-mol .node{fill:var(--rc-gold)}
.rc-mol .node-lg{fill:var(--rc-gold-light)}
.rc-mol-spin{transform-origin:200px 200px;animation:rc-spin 64s linear infinite}
.rc-mol-float{animation:rc-float 9s ease-in-out infinite}
@keyframes rc-spin{to{transform:rotate(360deg)}}
@keyframes rc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

.rc-hero-badge{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  text-align:center;background:var(--rc-badge-bg);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid var(--rc-border);border-radius:50%;
  width:clamp(140px,20vw,178px);aspect-ratio:1;
  display:grid;place-content:center;gap:2px;
}
.rc-hero-badge .v{font-family:var(--rc-font-head);font-size:clamp(1.7rem,3vw,2.2rem);font-weight:700;line-height:1}
.rc-hero-badge .k{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rc-dim)}

/* ============================================================
   HOME · BARRA DE CONFIANZA
   ============================================================ */
.rc-trust{border-block:1px solid var(--rc-border-soft);background:var(--rc-surface)}
.rc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.rc-trust-item{display:flex;align-items:center;gap:14px;padding:26px 22px;border-right:1px solid var(--rc-border-soft)}
.rc-trust-item:last-child{border-right:none}
.rc-trust-item svg{flex:none;color:var(--rc-gold-ink)}
.rc-trust-item .t{font-family:var(--rc-font-head);font-size:.87rem;font-weight:600;line-height:1.3}
.rc-trust-item .s{font-size:.76rem;color:var(--rc-dim);line-height:1.4}

/* ============================================================
   HOME · BANDA DE PRODUCTO DESTACADO
   ============================================================ */
.rc-showcase{background:var(--rc-surface);border-block:1px solid var(--rc-border-soft)}
.rc-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.rc-showcase-media{position:relative;border:1px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden;background:#000}
.rc-showcase-media img{width:100%;display:block}
.rc-showcase-media::after{
  content:"";position:absolute;inset:auto 0 0;height:22%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(20,20,20,.55));
}
.rc-showcase-list{display:grid;gap:14px;margin:28px 0 32px}
.rc-showcase-item{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  background:var(--rc-bg);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius-sm);text-decoration:none;
  transition:border-color var(--rc-dur) var(--rc-ease);
}
.rc-showcase-item:hover{border-color:var(--rc-gold-dark)}
.rc-showcase-item .dot{width:9px;height:9px;border-radius:50%;background:var(--rc-gold-grad);flex:none}
.rc-showcase-item .n{font-family:var(--rc-font-head);font-weight:500;font-size:.96rem;flex:1;color:var(--rc-text)}
.rc-showcase-item .c{font-size:.8rem;color:var(--rc-dim);font-variant-numeric:tabular-nums}
.rc-showcase-item .p{font-family:var(--rc-font-head);font-weight:600;color:var(--rc-gold-ink);font-variant-numeric:tabular-nums}

/* ============================================================
   HOME · TRES COMPROBACIONES
   ============================================================ */
.rc-verify{background:var(--rc-surface);border-block:1px solid var(--rc-border-soft)}
.rc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.rc-step{
  background:var(--rc-bg);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius);padding:30px 26px;
  transition:border-color var(--rc-dur) var(--rc-ease);
}
.rc-step:hover{border-color:var(--rc-gold-dark)}
.rc-step-n{font-family:var(--rc-font-head);font-size:.72rem;font-weight:700;letter-spacing:.16em;color:var(--rc-gold-dark);margin-bottom:18px;display:block}
.rc-step-icon{width:42px;height:42px;border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);display:grid;place-items:center;color:var(--rc-gold-ink);margin-bottom:18px}
.rc-step h3{margin-bottom:9px}
.rc-step p{color:var(--rc-muted);font-size:.92rem}

/* ============================================================
   HOME · BANDA COA
   ============================================================ */
.rc-coa-band{
  border:1px solid var(--rc-border);border-radius:var(--rc-radius);
  background:radial-gradient(circle at 88% 50%,rgba(212,175,55,.1),transparent 55%),var(--rc-surface);
  padding:clamp(30px,4.5vw,48px);
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
}
.rc-coa-search{display:flex;gap:10px;margin-top:22px;max-width:430px}
.rc-coa-search input{
  flex:1;min-height:48px;padding:0 15px;
  background:var(--rc-surface-2)!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;border-radius:var(--rc-radius-sm)!important;
  font-family:var(--rc-font-body);font-size:.92rem;
}
.rc-coa-search input:focus{border-color:var(--rc-gold-ink)!important;outline:none!important}

/* ============================================================
   HOME · COMO FUNCIONA
   ============================================================ */
.rc-how{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border:1px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden}
.rc-how-item{padding:34px 30px;border-right:1px solid var(--rc-border);background:var(--rc-surface)}
.rc-how-item:last-child{border-right:none}
.rc-how-n{
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--rc-gold-dark);color:var(--rc-gold-ink);
  display:grid;place-items:center;font-family:var(--rc-font-head);
  font-size:.85rem;font-weight:600;margin-bottom:18px;
}
.rc-how-item h3{margin-bottom:8px}
.rc-how-item p{color:var(--rc-muted);font-size:.92rem}

/* ============================================================
   HOME · FAQ
   ============================================================ */
.rc-faq{max-width:820px;margin-inline:auto}
.rc-faq details{border-bottom:1px solid var(--rc-border);padding:4px 0}
.rc-faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;
  align-items:center;gap:20px;padding:22px 0;
  font-family:var(--rc-font-head);font-size:1.02rem;font-weight:500;
  transition:color var(--rc-dur) var(--rc-ease);
}
.rc-faq summary::-webkit-details-marker{display:none}
.rc-faq summary:hover{color:var(--rc-gold-ink)}
.rc-faq summary .chev{flex:none;color:var(--rc-gold-dark);transition:transform var(--rc-dur) var(--rc-ease)}
.rc-faq details[open] summary{color:var(--rc-gold-ink)}
.rc-faq details[open] summary .chev{transform:rotate(45deg)}
.rc-faq-answer{color:var(--rc-muted);font-size:.95rem;padding-bottom:24px;max-width:68ch}

/* ============================================================
   BANDA DE CUMPLIMIENTO
   ============================================================ */
.rc-compliance{
  border:1px solid var(--rc-bronze);border-radius:var(--rc-radius);
  background:var(--rc-compliance-bg);
  padding:clamp(26px,3.6vw,38px);display:flex;gap:22px;align-items:flex-start;
}
.rc-compliance svg{flex:none;color:var(--rc-gold-ink)}
.rc-compliance h3{margin-bottom:9px}
.rc-compliance p{color:var(--rc-muted);font-size:.9rem;max-width:78ch}

/* ============================================================
   PAGINAS DE CONTENIDO (About, COA, Contact)
   ============================================================ */
.rc-page-head{
  position:relative;overflow:hidden;
  padding-block:clamp(56px,8vw,96px) clamp(32px,4vw,52px);
  border-bottom:1px solid var(--rc-border-soft);
}
.rc-page-head::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 82% 20%,rgba(212,175,55,.11),transparent 58%);
}
.rc-page-head > *{position:relative}
.rc-page-head h1{margin-bottom:20px}
.rc-page-head .rc-lead{max-width:60ch}

.rc-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:start}

/* Tarjetas de cifra */
.rc-stat-stack{display:grid;gap:14px}
.rc-stat-card{
  background:var(--rc-surface);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius);padding:22px 24px;
  transition:border-color var(--rc-dur) var(--rc-ease);
}
.rc-stat-card:hover{border-color:var(--rc-gold-dark)}
.rc-stat-card .n{font-family:var(--rc-font-head);font-size:2rem;font-weight:600;color:var(--rc-gold-ink);line-height:1;font-variant-numeric:tabular-nums}
.rc-stat-card .l{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-dim);margin-top:8px}

/* Ficha de datos de empresa */
.rc-facts{margin:0;display:grid;gap:0;border:1px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden}
.rc-facts > div{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--rc-border-soft);background:var(--rc-surface)}
.rc-facts > div:last-child{border-bottom:none}
.rc-facts dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-dim)}
.rc-facts dd{margin:0;font-family:var(--rc-font-head);font-size:.92rem;color:var(--rc-text);text-align:right}
.rc-facts dd a{color:var(--rc-gold-ink)}

.rc-note{font-size:.8rem;color:var(--rc-dim);margin-top:16px;line-height:1.6}
.rc-muted-text{color:var(--rc-muted);font-size:.92rem}
.rc-muted-text a{color:var(--rc-gold-ink)}

/* ============================================================
   404
   ============================================================ */
.rc-404-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,56px);align-items:start}
@media (max-width:860px){.rc-404-grid{grid-template-columns:1fr;gap:36px}}

/* Marcador de producto: encaja con las tarjetas oscuras */
ul.products li.product img[src$=".svg"],
.woocommerce div.product img[src$=".svg"]{background:var(--rc-surface-2)}

/* ============================================================
   FOTOGRAFIA DE PRODUCTO
   Las fotos llegan con transparencia real, asi que el vial no vive
   dentro de una caja: flota sobre la tarjeta. Nada de marco ni de
   placa. Lo que lo sostiene es un halo dorado detras y una sombra
   elíptica debajo, que es como se ilumina un producto en estudio.
   ============================================================ */
ul.products li.product figure,
.woocommerce div.product div.images .woocommerce-product-gallery__image{
  position:relative;
  background:transparent;border:none;border-radius:10px;
  overflow:visible;                   /* el halo puede desbordar */
  isolation:isolate;
}

/* Aire alrededor del vial dentro de la tarjeta.
   Sin esto el producto llega casi al borde y no se contempla entero:
   hace falta ver la tapa y la base con holgura, no solo que quepan. */
ul.products li.product figure{padding:3% 8% 3%}
.woocommerce div.product div.images .woocommerce-product-gallery__image{padding:2% 6%}

/* Halo dorado detras del vial */
ul.products li.product figure::before,
.woocommerce div.product div.images .woocommerce-product-gallery__image::before{
  content:"";position:absolute;inset:-6% -4% 0;z-index:-1;
  background:none;
  transition:opacity 420ms var(--rc-ease),transform 420ms var(--rc-ease);
  will-change:opacity;
}

/* Sombra que lo apoya: sin esto el vial parece recortado y pegado */
ul.products li.product figure::after{
  content:"";position:absolute;z-index:-1;
  left:50%;bottom:4%;width:44%;height:4%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,var(--rc-vial-shadow),transparent 72%);
  filter:blur(7px);
  transition:transform 420ms var(--rc-ease),opacity 420ms var(--rc-ease);
}

ul.products li.product figure img,
.woocommerce div.product div.images img{
  object-fit:contain;aspect-ratio:auto;max-height:none;
  display:block;width:100%;height:auto;border-radius:0;background:transparent;
  transition:transform 420ms var(--rc-ease);
}

/* Al pasar por encima el vial se eleva y el halo responde */
ul.products li.product:hover figure img{transform:translateY(-6px) scale(1.03)}

ul.products li.product:hover figure::after{transform:translateX(-50%) scaleX(.86);opacity:.75}

/* La tarjeta ya no necesita cambiar de borde: manda la foto */
ul.products li.product{background:var(--rc-surface)}

/* En la ficha el producto manda: halo mas amplio y presencia mayor */
.woocommerce div.product div.images .woocommerce-product-gallery__image::before{
  inset:-8% -6% 0;
  background:none;
}

/* La galeria de la ficha respeta el mismo encuadre */
.woocommerce div.product div.images .flex-control-thumbs li img{
  border-radius:6px;border:1px solid var(--rc-border);opacity:.75;
  transition:opacity var(--rc-dur) var(--rc-ease),border-color var(--rc-dur) var(--rc-ease);
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
  opacity:1;border-color:var(--rc-gold-dark);
}

/* ============================================================
   PAGINAS LEGALES
   Medida de linea corta y jerarquia marcada: son textos largos
   que la gente lee por encima buscando una clausula concreta.
   ============================================================ */
.rc-legal{max-width:76ch;margin-inline:auto;color:var(--rc-muted);font-size:1rem;line-height:1.75}
.rc-legal > p:first-of-type{
  color:var(--rc-text);font-size:1.06rem;
  border-left:2px solid var(--rc-gold-dark);padding-left:18px;
}
.rc-legal h2{
  font-size:1.22rem;color:var(--rc-text);
  margin:44px 0 14px;padding-top:22px;
  border-top:1px solid var(--rc-border);
}
.rc-legal h2:first-child{margin-top:0;padding-top:0;border-top:none}
.rc-legal h3{font-size:1rem;color:var(--rc-gold-ink);margin:26px 0 10px}
.rc-legal p{margin-bottom:16px}
.rc-legal strong{color:var(--rc-text)}
.rc-legal a{color:var(--rc-gold-ink);text-decoration:underline;text-underline-offset:3px}
.rc-legal ul,.rc-legal ol{margin:0 0 18px;padding-left:22px}
.rc-legal li{margin-bottom:9px}
.rc-legal li::marker{color:var(--rc-gold-dark)}

.rc-legal-nav{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  max-width:76ch;margin:56px auto 0;padding-top:28px;
  border-top:1px solid var(--rc-border);
}
.rc-legal-nav a{
  padding:10px 16px;border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);
  font-family:var(--rc-font-head);font-size:.74rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rc-muted);
  transition:color var(--rc-dur) var(--rc-ease),border-color var(--rc-dur) var(--rc-ease);
}
.rc-legal-nav a:hover{color:var(--rc-gold-ink);border-color:var(--rc-gold-dark)}

/* ============================================================
   TABLAS (COA)
   ============================================================ */
.table-wrap{
  border:1px solid var(--rc-border);border-radius:var(--rc-radius);
  overflow-x:auto;background:var(--rc-surface);
}
.rc-coa-table{width:100%;border-collapse:collapse;min-width:720px}
.rc-coa-table thead th{
  background:var(--rc-surface-2);
  font-family:var(--rc-font-head);font-size:.68rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--rc-gold-ink);
  text-align:left;padding:15px 18px;border-bottom:1px solid var(--rc-border);white-space:nowrap;
}
.rc-coa-table tbody td{padding:14px 18px;border-bottom:1px solid var(--rc-border-soft);font-size:.9rem;vertical-align:middle}
.rc-coa-table tbody tr{transition:background var(--rc-dur) var(--rc-ease)}
.rc-coa-table tbody tr:hover{background:var(--rc-surface-2)}
.rc-coa-table tbody tr:last-child td{border-bottom:none}
.rc-coa-table a{color:var(--rc-text);font-family:var(--rc-font-head);font-weight:500}
.rc-coa-table a:hover{color:var(--rc-gold-ink)}
.rc-sku{
  display:inline-block;margin-left:8px;font-family:var(--rc-font-head);
  font-size:.66rem;letter-spacing:.08em;color:var(--rc-gold-ink);
  border:1px solid var(--rc-bronze);border-radius:3px;padding:2px 6px;
}
.conc{color:var(--rc-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.cost{font-family:var(--rc-font-head);font-weight:600;color:var(--rc-gold-ink);font-variant-numeric:tabular-nums;white-space:nowrap}

/* Estado vacio */
.rc-empty{
  text-align:center;padding:clamp(40px,7vw,72px) 24px;
  background:var(--rc-surface);border:1px dashed var(--rc-border);
  border-radius:var(--rc-radius);
}
.rc-empty svg{margin:0 auto 20px}
.rc-empty h2{margin-bottom:14px}
.rc-empty .rc-lead{margin-inline:auto}

/* ============================================================
   FORMULARIO DE CONTACTO
   ============================================================ */
.rc-form{background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:clamp(22px,3vw,32px)}
.rc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rc-field{margin-bottom:18px;display:flex;flex-direction:column}
.rc-field label{
  font-family:var(--rc-font-head);font-size:.72rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rc-muted);margin-bottom:8px;
}
.rc-field .req{color:var(--rc-gold-ink)}
.rc-field input,.rc-field select,.rc-field textarea{
  width:100%;padding:12px 14px;
  background:var(--rc-surface-2)!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;border-radius:var(--rc-radius-sm)!important;
  font-family:var(--rc-font-body);font-size:.94rem;
}
.rc-field textarea{min-height:150px;resize:vertical;line-height:1.6}
.rc-field input:focus,.rc-field select:focus,.rc-field textarea:focus{border-color:var(--rc-gold-ink)!important;outline:none!important}
.rc-form .rc-btn{margin-top:4px}

/* El campo trampa nunca se ve ni se tabula */
.rc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Avisos */
.rc-alert{
  border-radius:var(--rc-radius);padding:16px 20px;margin-bottom:22px;
  font-size:.92rem;border:1px solid var(--rc-border);background:var(--rc-surface);
}
.rc-alert strong{color:var(--rc-text)}
.rc-alert a{color:var(--rc-gold-ink)}
.rc-alert.is-ok{border-color:var(--rc-gold-dark);border-left:3px solid var(--rc-gold)}
.rc-alert.is-warn{border-left:3px solid var(--rc-bronze)}
.rc-alert.is-bad{border-left:3px solid #C0392B}

.rc-info-card{background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:26px}
.rc-info-card h3{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rc-muted);margin-bottom:8px}
.rc-info-card p{margin:0}
.rc-info-card a{color:var(--rc-gold-ink)}

@media (max-width:900px){
  .rc-two-col{grid-template-columns:1fr;gap:40px}
  .rc-field-row{grid-template-columns:1fr;gap:0}
}

/* ============================================================
   WOOCOMMERCE · LISTADOS
   ============================================================ */
ul.products li.product,
.woocommerce .products .product{
  background:var(--rc-surface);border:1px solid var(--rc-border);
  border-radius:8px;padding:12px;
  transition:border-color var(--rc-dur) var(--rc-ease),transform var(--rc-dur) var(--rc-ease);
}
ul.products li.product:hover{border-color:var(--rc-gold-dark);transform:translateY(-3px)}
ul.products li.product .woocommerce-loop-product__title{color:var(--rc-text)!important;font-size:15px}
/* Las fotos son transparentes: un fondo aqui las volveria a encajonar */
ul.products li.product a img{background:transparent;border-radius:0}

/* Precios */
.woocommerce .price,.woocommerce div.product p.price,
ul.products li.product .price{color:var(--rc-gold-ink)!important;font-weight:600;font-family:var(--rc-font-head);font-variant-numeric:tabular-nums}
.woocommerce del{color:var(--rc-muted)!important;opacity:1}
.woocommerce ins{background:transparent;color:var(--rc-gold-ink)!important}

/* Badge de oferta */
.woocommerce span.onsale{
  background:var(--rc-gold)!important;color:var(--rc-on-gold)!important;
  border-radius:3px;font-weight:600;font-size:11px;
  letter-spacing:.05em;text-transform:uppercase;font-family:var(--rc-font-head);
}

/* Ficha tecnica bajo el titulo en el listado */
.rc-loop-specs{display:flex;gap:0;border:1px solid var(--rc-border-soft);border-radius:var(--rc-radius-sm);overflow:hidden;margin:8px 0}
.rc-loop-specs .spec{flex:1;padding:6px 8px;border-right:1px solid var(--rc-border-soft);background:var(--rc-surface-2)}
.rc-loop-specs .spec:last-child{border-right:none}
.rc-loop-specs .k{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-dim);display:block}
.rc-loop-specs .v{font-family:var(--rc-font-head);font-size:.76rem;font-weight:600;color:var(--rc-text);font-variant-numeric:tabular-nums}

/* ============================================================
   WOOCOMMERCE · FICHA DE PRODUCTO
   ============================================================ */
.woocommerce div.product .product_title{margin-bottom:12px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--rc-muted)}
.woocommerce div.product form.cart .variations label{color:var(--rc-text);font-family:var(--rc-font-head);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
/* Los desplegables se estilizan en el bloque DESPLEGABLES NATIVOS. */

.woocommerce-tabs ul.tabs li.active a{color:var(--rc-gold-ink)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:var(--rc-border)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--rc-muted)}

/* Tabla de especificaciones en la pestana Specifications */
.rc-spec-table{width:100%;border-collapse:collapse;border:1px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden}
.rc-spec-table th,.rc-spec-table td{padding:12px 16px;border-bottom:1px solid var(--rc-border-soft);text-align:left;font-size:.9rem}
.rc-spec-table th{
  width:38%;background:var(--rc-surface-2);color:var(--rc-gold-ink);
  font-family:var(--rc-font-head);font-size:.7rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
}
.rc-spec-table tr:last-child th,.rc-spec-table tr:last-child td{border-bottom:none}
.rc-spec-table td{font-variant-numeric:tabular-nums}

/* ============================================================
   WOOCOMMERCE · TABLAS, AVISOS, FORMULARIOS
   ============================================================ */
.woocommerce table.shop_table{background:var(--rc-surface);border-color:var(--rc-border);color:var(--rc-text)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--rc-border)!important}
.woocommerce-info,.woocommerce-message,.woocommerce-error{
  background:var(--rc-surface)!important;color:var(--rc-text)!important;
  border-top-color:var(--rc-gold-ink)!important;
}
.woocommerce-error{border-top-color:#C0392B!important}

input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],input[type=search],textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,.select2-container .select2-selection{
  background:var(--rc-surface-2)!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;border-radius:4px!important;
  min-height:44px;
}
input:focus,textarea:focus,select:focus{border-color:var(--rc-gold-ink)!important;outline:none!important}
::placeholder{color:var(--rc-muted)!important}
.woocommerce form .form-row label{color:var(--rc-text);font-size:.85rem}

/* Cupon, totales y checkout */
.woocommerce-checkout #payment,
.woocommerce .cart_totals,.woocommerce-checkout-review-order{
  background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:var(--rc-radius);
}
.woocommerce-checkout #payment div.payment_box{background:var(--rc-surface-2);color:var(--rc-muted)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--rc-border)}

/* ============================================================
   CARRITO
   ============================================================ */
.woocommerce-cart table.cart th{
  font-family:var(--rc-font-head);font-size:.7rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rc-gold-ink);
  background:var(--rc-surface-2);
}
.woocommerce-cart table.cart td{padding:18px 14px;vertical-align:middle}
.woocommerce-cart table.cart img{width:64px;border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm)}
.woocommerce-cart .product-name a{color:var(--rc-text);font-family:var(--rc-font-head);font-weight:500}
.woocommerce-cart .product-name a:hover{color:var(--rc-gold-ink)}
.woocommerce a.remove{color:var(--rc-muted)!important;font-weight:400}
.woocommerce a.remove:hover{background:transparent!important;color:#E05252!important}

/* El campo de cantidad se estiliza en el bloque SELECTOR DE CANTIDAD. */
.woocommerce .coupon input.input-text{min-width:180px}

.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3{
  font-family:var(--rc-font-head);font-size:.78rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--rc-gold-ink);
  margin-bottom:16px;
}
.woocommerce .cart_totals table.shop_table{border-radius:var(--rc-radius);overflow:hidden}
.woocommerce .cart_totals .order-total .amount{color:var(--rc-gold-ink);font-size:1.15rem;font-family:var(--rc-font-head)}

/* ============================================================
   CHECKOUT
   ============================================================ */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{float:none;width:100%}
.woocommerce form.checkout_coupon,
.woocommerce form.login,.woocommerce form.register{
  background:var(--rc-surface);border:1px solid var(--rc-border)!important;
  border-radius:var(--rc-radius);padding:24px;
}
.woocommerce-form-login__submit,.woocommerce-form-register__submit{margin-top:8px}

.woocommerce-checkout-review-order table.shop_table{border-radius:var(--rc-radius);overflow:hidden}
.woocommerce-checkout-review-order tfoot .order-total .amount{color:var(--rc-gold-ink);font-size:1.2rem;font-family:var(--rc-font-head)}
.woocommerce-checkout #payment ul.payment_methods li{padding:14px 16px;border-bottom:1px solid var(--rc-border)}
.woocommerce-checkout #payment ul.payment_methods li:last-child{border-bottom:none}
.woocommerce-checkout #payment label{font-family:var(--rc-font-head);font-weight:500;color:var(--rc-text)}
.woocommerce-checkout #payment div.payment_box{
  border-radius:var(--rc-radius-sm);font-size:.88rem;line-height:1.6;
}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--rc-surface-2)!important}
#place_order{width:100%;min-height:52px;font-size:.85rem!important;letter-spacing:.1em!important}

/* Casilla de conformidad 21+ / uso en investigacion */
.rc-checkout-compliance{
  background:var(--rc-surface-2);border:1px solid var(--rc-bronze);
  border-radius:var(--rc-radius-sm);padding:16px 18px;margin-bottom:18px;
}
.rc-checkout-compliance .form-row{margin:0;padding:0}
.rc-checkout-compliance label{
  display:flex;gap:12px;align-items:flex-start;
  font-size:.84rem;line-height:1.55;color:var(--rc-muted);cursor:pointer;
}
.rc-checkout-compliance input[type=checkbox]{
  flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--rc-gold-ink);cursor:pointer;
}
.rc-checkout-compliance .required{color:var(--rc-gold-ink);text-decoration:none}
.woocommerce-terms-and-conditions-wrapper .form-row label{font-size:.84rem;color:var(--rc-muted)}
.woocommerce-terms-and-conditions-wrapper input[type=checkbox]{accent-color:var(--rc-gold-ink);width:20px;height:20px}

/* ============================================================
   MI CUENTA · LOGIN · REGISTRO
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;padding:12px 16px;border-radius:var(--rc-radius-sm);
  border:1px solid transparent;color:var(--rc-muted);
  font-family:var(--rc-font-head);font-size:.8rem;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;
  transition:color var(--rc-dur) var(--rc-ease),border-color var(--rc-dur) var(--rc-ease),background var(--rc-dur) var(--rc-ease);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{color:var(--rc-text);background:var(--rc-surface)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:var(--rc-gold-ink);background:var(--rc-surface);border-color:var(--rc-gold-dark);
}
.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--rc-surface);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius);padding:clamp(20px,3vw,32px);
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button){color:var(--rc-gold-ink)}

/* Formularios de acceso centrados cuando el usuario no ha entrado */
.woocommerce-account:not(.logged-in) .woocommerce > .woocommerce-form-login,
.woocommerce-account:not(.logged-in) #customer_login{max-width:940px;margin-inline:auto}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox{color:var(--rc-muted);font-size:.85rem}
.woocommerce-form__input-checkbox{accent-color:var(--rc-gold-ink);width:18px;height:18px}
.woocommerce-privacy-policy-text p,.woocommerce-form-register p:not(.form-row){color:var(--rc-muted);font-size:.86rem}

/* Tabla de pedidos */
.woocommerce-orders-table__cell-order-number a{color:var(--rc-gold-ink);font-family:var(--rc-font-head)}
.woocommerce-orders-table__cell-order-status{color:var(--rc-muted)}

/* Pedido recibido */
.woocommerce-order-overview{
  list-style:none;margin:24px 0;padding:20px;
  background:var(--rc-surface);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius);display:flex;flex-wrap:wrap;gap:24px;
}
.woocommerce-order-overview li{border:none!important;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-dim)}
.woocommerce-order-overview li strong{
  display:block;margin-top:6px;font-family:var(--rc-font-head);font-size:.98rem;
  letter-spacing:0;text-transform:none;color:var(--rc-gold-ink);
}

@media (min-width:783px){
  .woocommerce-account .woocommerce-MyAccount-navigation{width:26%}
  .woocommerce-account .woocommerce-MyAccount-content{width:70%}
}

/* ============================================================
   BARRA DE PROGRESO DE ENVIO GRATIS
   ============================================================ */
.rc-ship-bar{padding:14px 0;border-bottom:1px solid var(--rc-border);margin-bottom:14px}
.rc-ship-bar p{font-size:.82rem;color:var(--rc-muted);margin:0 0 10px}
.rc-ship-bar strong{color:var(--rc-gold-ink)}
.rc-ship-track{height:5px;background:var(--rc-surface-2);border-radius:3px;overflow:hidden}
.rc-ship-fill{height:100%;background:var(--rc-gold-grad);border-radius:3px;transition:width 400ms var(--rc-ease)}
.rc-ship-bar.is-done p{color:var(--rc-gold-ink)}

/* ============================================================
   VERIFICACION DE EDAD 21+
   ============================================================ */
.rc-agegate{
  position:fixed;inset:0;z-index:99999;
  background:var(--rc-scrim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:grid;place-items:center;padding:24px;
}
.rc-agegate[hidden]{display:none}
.rc-agegate-box{
  max-width:460px;width:100%;text-align:center;
  background:var(--rc-surface);border:1px solid var(--rc-border);
  border-radius:var(--rc-radius);padding:clamp(30px,5vw,44px);
}
/* Sin mix-blend-mode: era para el logo antiguo en JPG, que traia el negro
   horneado y necesitaba 'screen' para quitarlo sobre fondo oscuro. Sobre la
   caja blanca del tema claro ese mismo modo fundia el logo a blanco y
   desaparecia. El logo nuevo lleva alfa de verdad. */
.rc-agegate-box img{height:76px;width:auto;margin:0 auto 24px}
.rc-agegate-box{box-shadow:var(--rc-shadow)}
.rc-agegate-box h2{font-size:1.4rem;margin-bottom:12px}
.rc-agegate-box p{color:var(--rc-muted);font-size:.9rem;margin-bottom:26px}
.rc-agegate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.rc-agegate-note{font-size:.74rem;color:var(--rc-dim);margin-top:22px;line-height:1.55}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .rc-hero-grid{grid-template-columns:1fr;gap:48px}
  .rc-hero-visual{max-width:430px;margin-inline:auto;order:-1}
  .rc-trust-grid{grid-template-columns:repeat(2,1fr)}
  .rc-trust-item:nth-child(2){border-right:none}
  .rc-trust-item:nth-child(-n+2){border-bottom:1px solid var(--rc-border-soft)}
  .rc-coa-band{grid-template-columns:1fr}
  .rc-showcase-grid{grid-template-columns:1fr}
  .rc-showcase-media{max-width:520px;margin-inline:auto}
}
@media (max-width:860px){
  .rc-steps,.rc-how{grid-template-columns:1fr}
  .rc-how-item{border-right:none;border-bottom:1px solid var(--rc-border)}
  .rc-how-item:last-child{border-bottom:none}
}
@media (max-width:600px){
  .rc-trust-grid{grid-template-columns:1fr}
  .rc-trust-item{border-right:none;border-bottom:1px solid var(--rc-border-soft)}
  .rc-compliance{flex-direction:column;gap:16px}
  .rc-coa-search{flex-direction:column}
  .rc-showcase-item{flex-wrap:wrap}
}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}


/* ============================================================
   ORO PURO SOBRE OSCURO
   Estas zonas tienen fondo oscuro en AMBOS temas, asi que el oro
   de marca se ve entero sin problema de contraste.
   ============================================================ */

.rc-hero-badge .v,.rc-hero-badge{color:var(--rc-gold)}
.rc-hero-badge .k{color:rgba(255,255,255,.55)}
.rc-hero-badge .v.rc-gold-text{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:var(--rc-gold);
}
.wp-element-button,.button,button,input[type="submit"],
.woocommerce a.button,.woocommerce button.button,
.woocommerce .button.alt,.ct-button,.rc-btn{color:var(--rc-on-gold)!important}
/* ...salvo los que NO llevan relleno dorado */
.rc-btn-outline,.btn-outline,.rc-btn-outline-gold,
.woocommerce a.button.wc-forward:not(.checkout),
.rc-btn-ghost{color:var(--rc-text)!important}
.rc-btn-outline:hover,.btn-outline:hover{color:var(--rc-gold-ink)!important}
.rc-btn-outline-gold:hover{color:var(--rc-on-gold)!important}
:root[data-theme="light"] .rc-footer-brand p{color:var(--rc-dim)}

/* Blocksy pinta la categoria de la tarjeta con su variable de texto tenue,
   calibrada para fondo oscuro. Sobre blanco queda practicamente invisible. */
ul.products li.product .entry-meta,
ul.products li.product .entry-meta a,
.entry-meta .meta-categories a{
  color:var(--rc-dim)!important;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
}
ul.products li.product .entry-meta a:hover{color:var(--rc-gold-ink)!important}

/* El icono de busqueda de Blocksy hereda su gris de tema oscuro */
:root[data-theme="light"] .ct-header [data-id="search"] .ct-icon,
:root[data-theme="light"] .ct-header .ct-icon{color:var(--rc-text)!important;opacity:1}

/* Blocksy imprime SU pie ademas del nuestro. Sobre negro no se veia;
   sobre blanco aparece un segundo copyright al final de la pagina. */
footer#footer.ct-footer{display:none!important}


/* ============================================================
   PORTADA CON LECTURA DE LANDING
   El producto entra primero, la especificacion despues y el
   buscador de COA hace de ancla central. Todo por tokens: las dos
   versiones de tema salen del mismo marcado.
   ============================================================ */

/* ---- Hero: vial real sobre anillos, con fichas de dato ---- */
.rc-hero-grid{align-items:center;min-height:min(76vh,700px)}
.rc-hero h1{font-size:clamp(2.7rem,5.8vw,4.6rem)}

.rc-hero-vis{position:relative;display:grid;place-items:center;aspect-ratio:1/1.02}
.rc-hero-ring{position:absolute;inset:4%;border-radius:50%;border:1px solid var(--rc-border);pointer-events:none}
.rc-hero-ring:nth-of-type(2){
  inset:15%;border-style:dashed;
  border-color:color-mix(in srgb,var(--rc-gold) 42%,transparent);
  animation:rc-spin 70s linear infinite;
}
.rc-hero-ring:nth-of-type(3){inset:27%;border-color:color-mix(in srgb,var(--rc-gold) 26%,transparent)}

.rc-hero-vial{
  position:relative;display:block;width:min(70%,340px);
  filter:drop-shadow(0 34px 42px var(--rc-vial-shadow));
  animation:rc-float 9s ease-in-out infinite;
}
.rc-hero-vial img{width:100%;height:auto;display:block}

.rc-chip{
  position:absolute;z-index:2;background:var(--rc-surface);
  border:1px solid var(--rc-border);border-radius:11px;padding:11px 15px;
  box-shadow:var(--rc-shadow);display:flex;align-items:center;gap:11px;white-space:nowrap;
}
.rc-chip .k{font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rc-dim);line-height:1.2}
.rc-chip .v{font-family:var(--rc-font-head);font-size:.98rem;font-weight:600;color:var(--rc-text);line-height:1.3}
.rc-chip .dot{
  width:9px;height:9px;border-radius:50%;background:var(--rc-gold);flex:none;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--rc-gold) 22%,transparent);
}
.rc-chip-a{top:10%;left:-2%}
.rc-chip-b{bottom:19%;right:-3%}
.rc-chip-c{bottom:3%;left:7%}

/* ---- Destacado: la ficha antes que el reclamo ---- */
.rc-spot{background:var(--rc-band);border-block:1px solid var(--rc-border)}
.rc-spot-grid{
  display:grid;grid-template-columns:.92fr 1.08fr;
  gap:clamp(32px,5vw,72px);align-items:center;padding-block:var(--rc-section);
}
.rc-spot-media{
  position:relative;border-radius:var(--rc-radius);background:var(--rc-surface);
  border:1px solid var(--rc-border);padding:clamp(26px,3.4vw,38px);
  display:grid;place-items:center;
}
.rc-spot-media img{
  width:min(74%,290px);height:auto;
  filter:drop-shadow(0 22px 26px var(--rc-vial-shadow));
}
.rc-spot-tag{
  position:absolute;top:16px;left:16px;z-index:2;
  background:var(--rc-gold);color:var(--rc-on-gold);
  font-family:var(--rc-font-head);font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;padding:7px 12px;border-radius:7px;
}

.rc-speclist{margin:26px 0 30px;border-top:1px solid var(--rc-border)}
.rc-speclist > div{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:13px 0;border-bottom:1px solid var(--rc-border);
}
.rc-speclist dt{color:var(--rc-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.rc-speclist dd{font-family:var(--rc-font-head);font-weight:600;font-size:.95rem;margin:0;text-align:right}

.rc-btn-ink{background:var(--rc-ink)!important;color:var(--rc-on-ink)!important;border-color:var(--rc-ink)!important}
.rc-btn-ink:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}

/* ---- Catalogo centrado ---- */
.rc-sec-head.is-center{
  flex-direction:column;align-items:center;text-align:center;
  max-width:64ch;margin-inline:auto;
}
.rc-sec-head.is-center .rc-lead{margin-inline:auto}
.rc-more{display:flex;justify-content:center;margin-top:44px}

/* ---- Banda del COA: ancla de la pagina ---- */
.rc-coa{
  position:relative;overflow:hidden;
  background:var(--rc-coa-bg);color:var(--rc-coa-fg);
  border-block:1px solid var(--rc-coa-bd);
}
.rc-coa::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(680px 460px at 82% 22%,color-mix(in srgb,var(--rc-gold) 13%,transparent),transparent 66%);
}
.rc-coa-grid{
  position:relative;display:grid;grid-template-columns:1.1fr .9fr;
  gap:clamp(34px,5vw,70px);align-items:center;padding-block:var(--rc-section);
}
.rc-coa h2{color:var(--rc-coa-fg)}
.rc-coa .rc-lead{color:var(--rc-coa-sub);max-width:52ch}
.rc-coa .rc-coa-search{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.rc-coa .rc-coa-search input{
  flex:1;min-width:220px;min-height:52px;padding:0 18px;border-radius:9px;
  border:1px solid var(--rc-coa-bd);background:var(--rc-coa-in);color:var(--rc-coa-fg);
  font-family:var(--rc-font-body);font-size:.95rem;
}
.rc-coa .rc-coa-search input::placeholder{color:var(--rc-coa-ph)}

.rc-coa-doc{
  position:relative;background:var(--rc-coa-card);border:1px solid var(--rc-coa-bd);
  border-radius:var(--rc-radius);padding:24px;box-shadow:var(--rc-shadow);
}
.rc-coa-doc .t{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px solid var(--rc-coa-bd);padding-bottom:14px;margin-bottom:14px;
}
.rc-coa-doc .t span{
  font-family:var(--rc-font-head);font-size:.7rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--rc-gold-ink);
}
.rc-coa-example{
  font-style:normal;font-family:var(--rc-font-head);font-size:.62rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rc-coa-sub);
  border:1px solid var(--rc-coa-bd);border-radius:5px;padding:4px 8px;
}
.rc-coa-doc .r{
  display:flex;justify-content:space-between;gap:16px;
  padding:9px 0;font-size:.85rem;color:var(--rc-coa-sub);
}
.rc-coa-doc .r b{color:var(--rc-coa-fg);font-family:var(--rc-font-head);font-weight:600}
.rc-coa-bar{height:6px;border-radius:4px;background:var(--rc-coa-track);margin-top:16px;overflow:hidden}
.rc-coa-bar i{display:block;height:100%;width:99.8%;background:linear-gradient(90deg,#A67C1A,#D4AF37,#F0D584)}

/* ---- Tres pasos: columna con filete, no tarjeta ---- */
.rc-how{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,2.4vw,32px);margin-top:0;border:0;border-radius:0;overflow:visible;
}
.rc-how-item{
  padding:30px 0 0;border:0;border-top:2px solid var(--rc-border);
  background:transparent!important;transition:border-color var(--rc-dur) var(--rc-ease);
}
.rc-how-item:hover{border-top-color:var(--rc-gold)}
.rc-how-n{
  display:block;width:auto;height:auto;border:0;border-radius:0;
  font-family:var(--rc-font-head);font-size:.74rem;font-weight:700;
  letter-spacing:.16em;color:var(--rc-gold-ink);margin-bottom:12px;
}
.rc-how-item h3{font-size:1.2rem;margin-bottom:10px}

/* ---- FAQ sobre banda ---- */
.rc-faq-band{background:var(--rc-band);border-block:1px solid var(--rc-border)}

/* ---- Cierre ---- */
.rc-cta-close{
  background:var(--rc-band);border-block:1px solid var(--rc-border);
  text-align:center;padding-block:var(--rc-section);
}
.rc-cta-close h2{font-size:clamp(2rem,3.9vw,3.1rem);margin-bottom:16px}
.rc-cta-close .rc-lead{margin:0 auto 34px;max-width:52ch}
.rc-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:1000px){
  .rc-hero-grid,.rc-spot-grid,.rc-coa-grid{grid-template-columns:1fr}
  .rc-hero-vis{order:-1;max-width:400px;margin-inline:auto}
  .rc-how{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .rc-how{grid-template-columns:1fr}
  .rc-chip-a,.rc-chip-b,.rc-chip-c{position:static;margin-top:10px}
  .rc-hero-vis{aspect-ratio:auto}
}


/* ============================================================
   SELECTOR DE CANTIDAD
   Blocksy pintaba dos <span> vacios cuyos iconos salen de CSS del
   tema padre; con nuestra paleta quedaban como cuadraditos y el
   numero no se veia. Los sustituye nuestra plantilla
   woocommerce/global/quantity-input.php.
   ============================================================ */
.quantity .ct-increase,
.quantity .ct-decrease{display:none!important}

/* Blocksy fija la caja con `div.quantity` (0,1,1) y ademas
   `.ct-cart-actions > *` le da `width:var(--item-width,100%)`. Una clase
   suelta pierde contra eso, asi que aqui se califica con el elemento y
   se gana el ancho de vuelta. */
div.quantity.rc-qty,
.ct-cart-actions div.quantity.rc-qty,
.woocommerce-cart table.cart div.quantity.rc-qty{
  display:inline-flex!important;align-items:stretch;
  width:auto!important;height:auto!important;
  flex:0 0 auto!important;position:relative;
  border:1px solid var(--rc-border);border-radius:var(--rc-radius-sm);
  background:var(--rc-surface-2);overflow:hidden;
}
.rc-qty-btn{
  display:grid;place-items:center;flex:none;
  width:42px;min-height:46px;padding:0;
  background:transparent!important;color:var(--rc-muted)!important;
  border:0!important;border-radius:0!important;cursor:pointer;
  transition:background var(--rc-dur) var(--rc-ease),color var(--rc-dur) var(--rc-ease);
}
.rc-qty-btn:hover{background:var(--rc-surface)!important;color:var(--rc-gold-ink)!important}
.rc-qty-btn:active{background:var(--rc-border-soft)!important}
.rc-qty-btn:focus-visible{outline:2px solid var(--rc-gold);outline-offset:-2px}

/* El campo ya no lleva marco propio: el marco es el de la caja */
.rc-qty input.qty,
.woocommerce .rc-qty input.qty,
.woocommerce-cart table.cart .rc-qty input.qty{
  width:54px!important;min-height:46px!important;
  background:transparent!important;color:var(--rc-text)!important;
  border:0!important;border-radius:0!important;
  text-align:center;font-family:var(--rc-font-head);font-weight:600;font-size:.95rem;
  font-variant-numeric:tabular-nums;padding:0!important;
  -moz-appearance:textfield;appearance:textfield;
}
/* Las flechitas nativas sobran: ya hay botones */
.rc-qty input.qty::-webkit-outer-spin-button,
.rc-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rc-qty input.qty:focus{outline:none!important}
.rc-qty:focus-within{border-color:var(--rc-gold-ink)}
.rc-qty.is-readonly{background:var(--rc-surface)}

/* En la ficha, cantidad y boton comparten altura */
.woocommerce div.product form.cart .rc-qty{margin-right:14px;vertical-align:middle}
.ct-cart-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Carrito: si el JS corre, el boton de actualizar sobra */
form.woocommerce-cart-form.rc-cart-auto [name="update_cart"]{display:none!important}

/* ============================================================
   DESPLEGABLES NATIVOS
   El <select> tenia color propio pero las <option> no, y el menu
   que abre el sistema salia con letra oscura sobre fondo oscuro.
   ============================================================ */
select,
.woocommerce div.product form.cart .variations select{
  background-color:var(--rc-surface-2)!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;border-radius:var(--rc-radius-sm)!important;
  min-height:46px;padding:0 40px 0 14px;
  font-family:var(--rc-font-body);font-size:.95rem;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),
                   linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
  background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 15px) calc(50% + 2px)!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
}
select option,
.woocommerce div.product form.cart .variations select option{
  background-color:var(--rc-surface)!important;color:var(--rc-text)!important;
}
select option:disabled{color:var(--rc-dim)!important}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{padding:10px 0;border:0}
.woocommerce div.product form.cart .variations label{
  font-family:var(--rc-font-head);font-size:.72rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rc-muted);
}
.woocommerce div.product form.cart .reset_variations{color:var(--rc-gold-ink);font-size:.8rem}

/* ============================================================
   DESTACADO: el vial iba 66px a la izquierda
   El <a> es el elemento de rejilla, y el ancho estaba en la <img>.
   Un 74% medido contra un contenedor que a su vez se dimensiona por
   la imagen deja hueco a la derecha. El ancho va en el enlace.
   ============================================================ */
.rc-spot-media > a{display:block;width:min(74%,290px);margin-inline:auto}
.rc-spot-media img{width:100%;height:auto}


/* ============================================================
   MODO CATALOGO
   El sitio es publico pero todavia no se puede comprar. Estos
   avisos ocupan el sitio del boton de compra, asi que tienen que
   leerse como informacion, no como un error.
   ============================================================ */

.rc-preaviso{
  display:flex;gap:14px;align-items:flex-start;
  border:1px solid var(--rc-bronze);border-radius:var(--rc-radius);
  background:var(--rc-compliance-bg);
  padding:18px 20px;margin:4px 0 26px;max-width:52ch;
}
.rc-preaviso svg{flex:none;color:var(--rc-gold-ink);margin-top:2px}
.rc-preaviso strong{
  display:block;font-family:var(--rc-font-head);font-size:.98rem;
  font-weight:600;color:var(--rc-text);margin-bottom:4px;
}
.rc-preaviso p{color:var(--rc-muted);font-size:.88rem;margin:0;line-height:1.6}
.rc-preaviso a{color:var(--rc-gold-ink);text-decoration:underline;text-underline-offset:2px}

/* La barra superior en modo catalogo: mismo sitio, otro mensaje */
.rc-announce-preview b{color:var(--rc-gold-ink);font-weight:600}

/* Sin boton de compra, la tarjeta cierra en el precio y necesita
   su propio aire abajo: si no, queda descolgada. */
ul.products li.product .rc-card-body,
ul.products li.product{padding-bottom:0}
ul.products li.product > a:last-child{margin-bottom:18px}

/* La franja de titulo de Blocksy traia un fondo oscuro fijo de cuando el
   sitio era solo oscuro. En tema claro quedaba negra con el titulo
   ilegible encima. Pasa a seguir la paleta. */
.hero-section,
.hero-section[data-type="type-1"],
.hero-section[data-type="type-2"]{
  background:var(--rc-band)!important;
  border-bottom:1px solid var(--rc-border);
}
.hero-section .page-title,
.hero-section h1{color:var(--rc-text)!important}
.hero-section .ct-breadcrumbs,
.hero-section .ct-breadcrumbs *{color:var(--rc-muted)!important}
.hero-section .ct-breadcrumbs a:hover{color:var(--rc-gold-ink)!important}


/* ============================================================
   CABECERA MOVIL
   Blocksy pinta una cabecera distinta por debajo de 1000px. En
   ella quedan: logo a la izquierda y, a la derecha, el interruptor
   de tema y los tres puntos del menu. El disparador de Blocksy se
   oculta solo cuando rc.js ya puso el nuestro (.rc-mnav-ready).
   ============================================================ */
.rc-mnav-ready .ct-header [data-device="mobile"] [data-id="trigger"]{display:none!important}

.ct-header [data-device="mobile"] [data-column="end"] [data-items="primary"]{
  display:flex;align-items:center;gap:8px;
}
/* Todos los botones del sitio llevan fondo dorado con !important (bloque
   BOTONES); el interruptor es un icono, no una llamada a la accion. */
.rc-theme-toggle.is-in-header{background:transparent!important;color:var(--rc-muted)!important}
.rc-theme-toggle.is-in-header:hover{background:var(--rc-surface)!important;color:var(--rc-gold-ink)!important}
.rc-theme-toggle.is-mobile.is-in-header{
  width:44px;height:44px;margin:0;border:1px solid var(--rc-border)!important;
  border-radius:12px!important;
}
.rc-theme-toggle.is-mobile:not(.is-in-header){display:none}

/* ---- Boton de tres puntos ----
   Por defecto (sin cabecera donde alojarlo) flota abajo a la derecha.
   Dentro de la cabecera es un boton cuadrado mas de la barra. Solo
   existe con JS (.rc-mnav-ready) y solo por debajo de 1000px. */
.rc-kebab{display:none}
.rc-mnav-ready .rc-kebab{
  position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:100002;
  width:52px;height:52px;padding:0!important;display:grid;place-items:center;cursor:pointer;
  background:var(--rc-surface)!important;color:var(--rc-text)!important;
  border:1px solid var(--rc-border)!important;border-radius:16px!important;
  box-shadow:var(--rc-shadow);
  transition:border-color var(--rc-dur) var(--rc-ease),color var(--rc-dur) var(--rc-ease),background var(--rc-dur) var(--rc-ease);
}
.rc-mnav-ready .rc-kebab.is-in-header{
  position:relative;right:auto;bottom:auto;z-index:auto;
  width:44px;height:44px;border-radius:12px!important;box-shadow:none;
}
.rc-mnav-ready .rc-kebab:hover{border-color:var(--rc-gold-dark)!important;color:var(--rc-gold-ink)!important}
.rc-mnav-ready .rc-kebab[aria-expanded="true"]{
  background:var(--rc-gold)!important;border-color:var(--rc-gold)!important;color:var(--rc-on-gold)!important;
}
/* Con el menu abierto el velo arranca bajo la cabecera (rc.js le fija
   el top), asi que los puntos -ya convertidos en X- siguen a la vista y
   son la forma de cerrarlo, en el mismo sitio donde se abrio. */

/* Los tres puntos verticales se convierten en una X al abrir */
.rc-kebab-dots{position:relative;width:20px;height:20px;display:block}
.rc-kebab-dots i{
  position:absolute;left:50%;width:4.4px;height:4.4px;margin-left:-2.2px;
  border-radius:4px;background:currentColor;
  transition:top 260ms var(--rc-ease),height 260ms var(--rc-ease),width 260ms var(--rc-ease),
             margin 260ms var(--rc-ease),transform 260ms var(--rc-ease),opacity 180ms var(--rc-ease);
}
.rc-kebab-dots i:nth-child(1){top:0}
.rc-kebab-dots i:nth-child(2){top:7.8px}
.rc-kebab-dots i:nth-child(3){top:15.6px}
.rc-kebab[aria-expanded="true"] .rc-kebab-dots i{top:1px;width:2px;height:18px;margin-left:-1px}
.rc-kebab[aria-expanded="true"] .rc-kebab-dots i:nth-child(1){transform:rotate(45deg)}
.rc-kebab[aria-expanded="true"] .rc-kebab-dots i:nth-child(2){opacity:0}
.rc-kebab[aria-expanded="true"] .rc-kebab-dots i:nth-child(3){transform:rotate(-45deg)}

@media (min-width:1000px){
  .rc-mnav-ready .rc-kebab,.rc-mnav,.rc-mnav-scrim{display:none!important}
}


/* ============================================================
   MENU FLOTANTE
   Una tarjeta que cuelga de la cabecera, alineada con los tres
   puntos. No tapa la pagina entera: el velo deja ver donde se esta,
   y tocar fuera la cierra. Primero lo que se busca (catalogo,
   categorias), despues los accesos en rejilla y al final ajustes.
   ============================================================ */
.rc-mnav-scrim{
  position:fixed;inset:0;z-index:100000;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;transition:opacity 240ms var(--rc-ease);
}
:root[data-theme="light"] .rc-mnav-scrim{background:rgba(20,20,26,.28)}
.rc-mnav-scrim.is-open{opacity:1}
.rc-mnav-scrim[hidden],.rc-mnav[hidden]{display:none}

.rc-mnav{
  position:fixed;z-index:100001;
  top:var(--rc-mnav-top,76px);right:12px;left:12px;
  max-width:400px;margin-left:auto;
  max-height:calc(100vh - var(--rc-mnav-top,76px) - 12px);
  max-height:calc(100dvh - var(--rc-mnav-top,76px) - 12px);
  display:flex;flex-direction:column;
  transform-origin:top right;
  opacity:0;transform:translateY(-8px) scale(.96);
  transition:opacity 220ms var(--rc-ease),transform 240ms var(--rc-ease);
}
.rc-mnav.is-from-bottom{
  top:auto;bottom:calc(80px + env(safe-area-inset-bottom));
  max-height:calc(100dvh - 100px);transform-origin:bottom right;
}
.rc-mnav.is-open{opacity:1;transform:none}

.rc-mnav-card{
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:var(--rc-surface);color:var(--rc-text);
  border:1px solid var(--rc-border);border-radius:18px;
  box-shadow:0 24px 60px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.02);
  padding:14px;display:flex;flex-direction:column;gap:12px;
}
:root[data-theme="light"] .rc-mnav-card{box-shadow:0 24px 60px -16px rgba(15,15,25,.28)}
html.rc-mnav-lock,html.rc-mnav-lock body{overflow:hidden!important}

/* Buscador */
.rc-mnav-search{position:relative;margin:0}
.rc-mnav-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--rc-dim);pointer-events:none}
.rc-mnav-search input[type=search]{
  width:100%;min-height:46px;padding:0 14px 0 40px;
  background:var(--rc-surface-2)!important;border-radius:12px!important;
  font-size:16px!important;   /* por debajo de 16px iOS hace zoom al enfocar */
  -webkit-appearance:none;appearance:none;
}

/* Catalogo: el acceso principal, en dorado */
.rc-mnav-hero{
  display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;
  border-radius:12px;text-decoration:none;
  background:var(--rc-gold-grad);color:var(--rc-on-gold)!important;
}
.rc-mnav-hero .t{flex:1;font-family:var(--rc-font-head);font-size:.98rem;font-weight:600}
.rc-mnav-hero .n{font-size:.72rem;font-weight:600;opacity:.75;font-variant-numeric:tabular-nums}
:root[data-theme="light"] .rc-mnav-hero{color:#FFFFFF!important}

/* Categorias: pastillas con recuento. Se reutilizan en la tienda */
.rc-mnav-cats,.rc-cat-pills{display:flex;gap:8px;flex-wrap:wrap}
.rc-mnav-cats a,.rc-cat-pills a{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;
  border:1px solid var(--rc-border);border-radius:99px;background:var(--rc-surface);
  font-family:var(--rc-font-head);font-size:.84rem;font-weight:500;color:var(--rc-text);
  text-decoration:none;white-space:nowrap;
  transition:border-color var(--rc-dur) var(--rc-ease),color var(--rc-dur) var(--rc-ease);
}
.rc-mnav-cats a{flex:1;justify-content:center;background:var(--rc-surface-2)}
.rc-mnav-cats a span,.rc-cat-pills a span{font-size:.72rem;color:var(--rc-dim);font-variant-numeric:tabular-nums}
.rc-mnav-cats a:hover,.rc-cat-pills a:hover{border-color:var(--rc-gold-dark);color:var(--rc-gold-ink)}
.rc-mnav-cats a[aria-current],.rc-cat-pills a[aria-current]{border-color:var(--rc-gold);color:var(--rc-gold-ink)}

/* Accesos: rejilla de 4 con icono, como una app. Son 8 (5 paginas del
   menu + 3 secciones): 4x2 sin huecos. */
.rc-mnav-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rc-mnav-tiles a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  min-height:74px;padding:10px 4px;text-align:center;font-size:.68rem!important;
  border:1px solid var(--rc-border-soft);border-radius:12px;background:var(--rc-surface-2);
  font-weight:500;line-height:1.2;color:var(--rc-text);text-decoration:none;
  transition:border-color var(--rc-dur) var(--rc-ease),color var(--rc-dur) var(--rc-ease);
}
@media (max-width:340px){ .rc-mnav-tiles{grid-template-columns:repeat(3,minmax(0,1fr))} }
.rc-mnav-tiles a svg{color:var(--rc-gold-ink)}
.rc-mnav-tiles a:hover{border-color:var(--rc-gold-dark);color:var(--rc-gold-ink)}
.rc-mnav-tiles a[aria-current]{border-color:var(--rc-gold);color:var(--rc-gold-ink)}
.rc-mnav-tiles a:active{transform:scale(.97)}

.rc-mnav-label{
  font-family:var(--rc-font-head);font-size:.62rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rc-gold-ink);
}
.rc-mnav-block .rc-mnav-label{display:block;margin:2px 2px 8px}

/* Productos: fila horizontal, se ve que hay mas */
.rc-mnav-products{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,34%);gap:8px;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin-inline:-14px;padding:0 14px 2px;scroll-padding-inline:14px;
}
.rc-mnav-products::-webkit-scrollbar{display:none}
.rc-mnav-product{
  scroll-snap-align:start;display:flex;flex-direction:column;gap:2px;
  padding:8px 10px 10px;border:1px solid var(--rc-border-soft);border-radius:12px;
  background:var(--rc-surface-2);text-decoration:none;color:var(--rc-text);
}
.rc-mnav-product:hover{border-color:var(--rc-gold-dark)}
.rc-mnav-product .img{display:block;aspect-ratio:1;margin-bottom:4px}
.rc-mnav-product .img img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}
.rc-mnav-product .n{font-family:var(--rc-font-head);font-size:.76rem;font-weight:600;line-height:1.25}
.rc-mnav-product .p{font-family:var(--rc-font-head);font-size:.74rem;font-weight:600;color:var(--rc-gold-ink);font-variant-numeric:tabular-nums}
.rc-mnav-product .p del{opacity:.6;font-weight:400}

/* Tema: etiqueta a la izquierda, selector a la derecha */
.rc-mnav-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 2px 0;border-top:1px solid var(--rc-border-soft);
}
.rc-mnav-theme{
  display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;
  border:1px solid var(--rc-border);border-radius:11px;background:var(--rc-surface-2);
}
.rc-mnav-theme button{
  display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px!important;
  background:transparent!important;color:var(--rc-muted)!important;
  border:0!important;border-radius:8px!important;
  font-family:var(--rc-font-head);font-size:.7rem!important;letter-spacing:.08em;cursor:pointer;
}
.rc-mnav-theme button[aria-pressed="true"]{
  background:var(--rc-surface)!important;color:var(--rc-gold-ink)!important;
  box-shadow:inset 0 0 0 1px var(--rc-border);
}

.rc-mnav-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding:0 2px 2px}
.rc-mnav-policies{display:flex;flex-wrap:wrap;gap:4px 14px}
.rc-mnav-policies a{font-size:.74rem;color:var(--rc-muted);text-decoration:none}
.rc-mnav-policies a:hover{color:var(--rc-gold-ink)}
.rc-mnav-foot p{font-size:.66rem;color:var(--rc-dim);margin:0}

@media (prefers-reduced-motion:reduce){
  .rc-mnav,.rc-mnav-scrim,.rc-kebab-dots i{transition:none!important}
}


/* ============================================================
   RESPONSIVE MOVIL (portada y tienda)
   ============================================================ */

/* Nada puede desbordar a lo ancho. clip y no hidden: hidden
   convierte el body en contenedor de scroll y rompe la cabecera
   sticky. */
html,body{overflow-x:clip}

/* Tienda: filtro por categoria sobre el listado */
.rc-cat-pills{margin:0 0 22px}

@media (max-width:689px){
  /* Barra de anuncio: una linea, lo esencial */
  .rc-announce{font-size:.72rem;padding:8px 16px;line-height:1.45}
  .rc-announce-more{display:none}

  /* Cabecera: el logo manda, sin estirar la barra */
  .ct-header [data-row] > .ct-container{min-height:64px;padding-inline:16px}
  .ct-header [data-device="mobile"] .site-branding img{max-height:34px}

  /* ---- Hero: el titular primero, el vial despues ---- */
  .rc-hero{padding-block:36px 44px}
  .rc-hero-grid{gap:34px;min-height:0}
  .rc-hero h1{font-size:clamp(2.2rem,10.4vw,2.8rem);margin-bottom:16px}
  .rc-hero .rc-lead{font-size:.98rem;margin-bottom:24px}
  .rc-eyebrow{font-size:.64rem;letter-spacing:.18em;margin-bottom:14px}

  .rc-hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
  .rc-hero-cta .rc-btn{padding:0 10px;min-height:50px;font-size:.72rem;letter-spacing:.06em}

  .rc-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:20px}
  .rc-hero-stat .n{font-size:1.2rem}
  .rc-hero-stat .l{font-size:.58rem;letter-spacing:.08em;line-height:1.3}

  /* El vial con sus anillos y las tres fichas en una fila debajo */
  .rc-hero-vis{
    --vw:min(58vw,240px);
    order:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    aspect-ratio:auto;max-width:none;width:100%;
    padding-top:calc(var(--vw) * .12);
  }
  .rc-hero-ring{
    inset:auto;top:0;left:50%;transform:translateX(-50%);
    width:calc(var(--vw) * 1.24);aspect-ratio:1;
  }
  .rc-hero-ring:nth-of-type(2){
    inset:auto;left:50%;width:calc(var(--vw) * .98);top:calc(var(--vw) * .13);
    animation:rc-spin-c 70s linear infinite;
  }
  .rc-hero-ring:nth-of-type(3){inset:auto;left:50%;width:calc(var(--vw) * .7);top:calc(var(--vw) * .27)}

  .rc-hero-vial{grid-column:1 / -1;justify-self:center;width:var(--vw);margin-bottom:14px}
  .rc-chip,.rc-chip-a,.rc-chip-b,.rc-chip-c{
    position:relative;inset:auto;margin:0;
    flex-direction:column;align-items:flex-start;gap:0;
    padding:10px;border-radius:10px;white-space:normal;box-shadow:none;min-width:0;
  }
  .rc-chip .dot{display:none}
  .rc-chip .k{font-size:.54rem;letter-spacing:.12em}
  .rc-chip .v{font-size:.84rem}

  /* ---- Barra de confianza: 2x2 compacta ---- */
  .rc-trust-grid{grid-template-columns:1fr 1fr}
  .rc-trust-item{
    flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;
    border-right:1px solid var(--rc-border-soft);border-bottom:1px solid var(--rc-border-soft);
  }
  .rc-trust-item:nth-child(2n){border-right:none}
  .rc-trust-item:nth-child(n+3){border-bottom:none}
  .rc-trust .rc-container{padding-inline:0}

  /* ---- Destacado ---- */
  .rc-spot-grid{gap:28px}
  .rc-spot-media{padding:22px}
  .rc-spot-media > a{width:min(62%,240px)}
  .rc-speclist dd{font-size:.88rem}
  .rc-spot .rc-btn,.rc-more .rc-btn,.rc-cta-btns .rc-btn{width:100%}

  /* ---- Catalogo: dos columnas, tarjetas compactas ---- */
  [data-products].columns-2,[data-products].columns-3,[data-products].columns-4,
  ul.products[data-products]{
    --shop-columns:repeat(2,minmax(0,1fr));
    --grid-columns-gap:10px;--grid-rows-gap:10px;
  }
  ul.products li.product,.woocommerce .products .product{padding:8px 8px 0;border-radius:10px}
  ul.products li.product figure{padding:2% 4%}
  ul.products li.product .woocommerce-loop-product__title{font-size:.86rem!important;line-height:1.3}
  ul.products li.product .price{font-size:.9rem}
  ul.products li.product .rc-loop-specs{flex-direction:column;margin:4px 0}
  ul.products li.product .rc-loop-specs .spec{border-right:none;border-bottom:1px solid var(--rc-border-soft);padding:5px 7px}
  ul.products li.product .rc-loop-specs .spec:last-child{border-bottom:none}
  ul.products li.product .entry-meta{font-size:.6rem!important}
  ul.products li.product .button,
  ul.products li.product a.button{
    width:100%;min-height:40px;padding:0 8px!important;font-size:.66rem!important;
    display:flex;align-items:center;justify-content:center;
  }
  ul.products li.product > a:last-child{margin-bottom:10px;margin-top:auto}
  ul.products li.product:hover{transform:none}

  /* ---- Pasos, COA, FAQ, cierre ---- */
  .rc-sec-head{margin-bottom:28px}
  .rc-step{padding:22px 20px}
  .rc-steps{gap:12px;margin-top:28px}
  .rc-coa .rc-coa-search input{min-width:0;width:100%}
  .rc-coa .rc-coa-search .rc-btn{width:100%}
  .rc-coa-doc{padding:18px}
  .rc-faq summary{padding:18px 0;font-size:.96rem}

  /* ---- Tienda ---- */
  /* Blocksy mide la franja de titulo con variables: 250px de alto
     minimo y 50px de relleno. En movil se comia media pantalla. */
  .hero-section[data-type="type-2"]{--container-padding:30px 0 26px;--min-height:0px}
  .hero-section .page-title{font-size:2rem!important}

  .woo-listing-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .woo-listing-top .woocommerce-ordering{flex:1;margin:0}
  /* Blocksy lo reduce a un cuadrado transparente de 34px con un icono
     encima. Aqui el desplegable es entero y legible, asi que el icono sobra. */
  .woocommerce-ordering select{width:100%!important;height:46px!important;max-width:none;min-width:0;padding:0 40px 0 14px!important}
  .woocommerce-ordering .ct-sort-icon{display:none}

  .rc-cat-pills{
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin-inline:-20px;padding-inline:20px;margin-bottom:16px;
  }
  .rc-cat-pills::-webkit-scrollbar{display:none}

  /* ---- Ficha de producto ---- */
  .woocommerce div.product .product_title{font-size:1.7rem}
  .woocommerce div.product .woocommerce-tabs ul.tabs{
    display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{flex:none}

  /* Todo campo de texto a 16px: iOS hace zoom al enfocar si es menor */
  input[type=text],input[type=email],input[type=search],input[type=tel],
  input[type=number],input[type=password],textarea,select{font-size:16px!important}
}
@keyframes rc-spin-c{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}

@media (max-width:370px){
  .rc-hero-cta{grid-template-columns:1fr}
  .rc-hero-stats{grid-template-columns:1fr 1fr;row-gap:14px}
}