/* F8 (26/09/2026, Claude Code en la nube): esta hoja sigue cargando SIEMPRE (es la base sobre el CSS del plugin). Con VL_VESTIR activo (inc/vestir-plugins.php) se quita el CSS del plugin en cada pantalla vestida y manda assets/css/vestir-*.css, que carga después de esta. Nada de aquí se borra: es la marcha atrás. */
/* VL 1.1 (24/09/2026) · versión del sistema de diseño total: todos los tamaños de letra son var(--vl-font-*) para que el panel de accesibilidad los escale; bordes de campo --vl-border-field (3:1). */
/* ============================================================
   plugins/woocommerce.css · viste WooCommerce 11.1.2 a través de Woodmart
   Woodmart apaga el CSS de WooCommerce y pone el suyo (variables --wd-*). Aquí se ajustan esas
   variables y las piezas de los 6 planes, el pago y Mi cuenta. Cero !important.
   ============================================================ */
:root {
  --wd-primary-color: var(--vl-secondary);        /* Woodmart creía que la web era verde-agua: ya no */
  --wd-alternative-color: var(--vl-primary-dark);
  --btn-accented-bgcolor: var(--vl-secondary);
  --btn-accented-bgcolor-hover: var(--vl-secondary-dark);
  --btn-accented-color: var(--vl-on-color);
  --wd-text-color: var(--vl-text-muted);
  --wd-title-color: var(--vl-text);
  --wd-link-color: var(--vl-secondary);
  --wd-link-color-hover: var(--vl-secondary-dark);
  --wd-form-brd-radius: var(--vl-radius-md);
  --wd-form-height: var(--vl-touch);
}
/* Botones de Woodmart/WooCommerce con la forma del sistema */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .single_add_to_cart_button, .btn-style-default, .btn-style-flat { min-height: var(--vl-touch); border-radius: var(--vl-radius-pill); font-weight: 600; font-size: var(--vl-font-boton); text-transform: none; }
.woocommerce .button.alt, .single_add_to_cart_button { background-color: var(--vl-secondary); color: var(--vl-on-color); }
.woocommerce .button.alt:hover, .single_add_to_cart_button:hover { background-color: var(--vl-secondary-dark); color: var(--vl-on-color); }
/* Página de plan (producto): precio como titular */
.single-product .price, .single-product .amount { font-family: var(--font-titulos); font-size: var(--vl-font-precio); font-weight: 700; color: var(--vl-text); }
.single-product .product_title { font-family: var(--font-titulos); font-size: var(--vl-font-h1); }
/* Avisos: nunca solo color */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: var(--vl-radius-lg); border: 0; padding: var(--vl-space-md) var(--vl-space-lg); font-size: var(--vl-font-body); }
.woocommerce-message { background: var(--vl-success-bg); color: var(--vl-success); }
.woocommerce-info { background: var(--vl-secondary-light); color: var(--vl-secondary-dark); }
.woocommerce-error { background: var(--vl-danger-bg); color: var(--vl-danger); }
/* Pago */
.woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea { min-height: var(--vl-touch); border: 2px solid var(--vl-border-field); border-radius: var(--vl-radius-md); font-size: var(--vl-font-body); }
.woocommerce-checkout #order_review, .woocommerce-checkout .woocommerce-checkout-review-order-table { border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); }
/* Mi cuenta (WooCommerce) — la otra «Mi cuenta» es la de User Registration */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: flex; align-items: center; min-height: var(--vl-touch); padding: 8px var(--vl-space-md); border-radius: var(--vl-radius-md); color: var(--vl-text); }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--vl-secondary-light); color: var(--vl-secondary-dark); }
.woocommerce-account .woodmart-dashboard-links .wd-dashboard-link { min-height: 80px; padding: 12px 10px; border-radius: var(--vl-radius-md); }
/* Login/registro de Woo sin cajas (de Sergio, ahora sin !important) */
.woocommerce form.login, .woocommerce form.register, .woocommerce-account .woocommerce { background: transparent; border: 0; box-shadow: none; }

/* ---------- VL 1.1: producto 11249 (la ficha completa, 59 €/año IVA incluido) ---------- */
.single-product .product { display: grid; gap: var(--vl-space-xl); }
@media (min-width: 1024px) { .single-product .product.vl-producto { grid-template-columns: 1.1fr .9fr; align-items: start; } }
.single-product .summary .price { margin-bottom: var(--vl-space-xs); }
.single-product .summary .price + .vl-precio__nota, .single-product .vl-precio__nota { display: block; font-size: var(--vl-font-small); color: var(--vl-text-muted); margin-bottom: var(--vl-space-lg); }
.single-product .summary .cart { display: flex; flex-direction: column; gap: var(--vl-space-sm); }
.single-product .summary .single_add_to_cart_button { width: 100%; }
@media (min-width: 600px) { .single-product .summary .single_add_to_cart_button { width: auto; } }
.single-product .summary .quantity { display: none; }   /* una ficha por centro: no hay cantidad */
/* Pago: dos columnas en escritorio, el resumen fijo */
@media (min-width: 1024px) { .woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1.2fr .8fr; gap: var(--vl-space-xl); align-items: start; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { grid-column: 2; } .woocommerce-checkout #order_review { position: sticky; top: calc(var(--vl-header-sticky-h) + var(--vl-space-md)); } }
.woocommerce-checkout #order_review { padding: var(--vl-space-lg); background: var(--vl-bg-soft); }
.woocommerce-checkout #place_order { width: 100%; min-height: 56px; font-size: var(--vl-font-body); }
/* Cupón FUNDADORES: el campo se ve, no se esconde */
.woocommerce-form-coupon-toggle .woocommerce-info { background: var(--vl-primary-light); color: var(--vl-primary-dark); }
/* Tabla del pedido y de Mi cuenta: letra 17, filas de 48 */
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: var(--vl-space-sm) var(--vl-space-md); font-size: var(--vl-font-body); border-color: var(--vl-border); }
.woocommerce table.shop_table { border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); }
/* Pedido recibido: gracias grande, siguientes pasos claros */
.woocommerce-order .woocommerce-thankyou-order-received { font-family: var(--font-titulos); font-size: var(--vl-font-h2); color: var(--vl-success); }
.woocommerce-order .woocommerce-order-overview { display: grid; gap: var(--vl-space-sm); padding: var(--vl-space-lg); background: var(--vl-bg-soft); border-radius: var(--vl-radius-lg); list-style: none; margin: var(--vl-space-lg) 0; }


/* ============================================================
   VL 1.1 (24/09/2026) · arreglos de arreglos.css 2.2.3 absorbidos aquí (§1.3 del encargo)
   ============================================================ */
/* c-18 (24/09 16:45, VL 1.0) · /mi-cuenta/ (page-id-11): el login+registro de WooCommerce lo pinta Woodmart (2 columnas, botones verdes
   .btn-accent). Estas reglas vivían en huecos.css (ya no se carga) y componentes.css de Cowork no las cubre. Copiadas tal cual. */
.vl-auth { padding: var(--vl-space-2xl) 0; }
/* Los botones de WooCommerce salen VERDES: Woodmart los pinta con .btn.btn-accent y sus variables --btn-accented-*.
   Se redefinen aquí, en .vl-auth (más cerca del botón que el :root de Woodmart, así ganan), al azul de .vl-btn--primary. */
.vl-auth {
  --btn-accented-bgcolor: var(--vl-secondary);
  --btn-accented-bgcolor-hover: var(--vl-secondary-dark);
  --btn-accented-color: var(--vl-on-color);
  --btn-accented-color-hover: var(--vl-on-color);
  --btn-accented-brd-radius: var(--vl-radius-pill);
  --btn-accented-height: var(--vl-touch);
  --btn-accented-font-size: 17px;
  --btn-accented-transform: none;
  --btn-accented-box-shadow: var(--vl-shadow-sm);
  --btn-accented-box-shadow-hover: var(--vl-shadow-md);
}
/* la sección entera centrada lleva el fondo suave de la casa: la tarjeta blanca se distingue del fondo */
.vl-auth--centered { background: var(--vl-bg-soft); }
.vl-auth__container { width: 100%; max-width: var(--vl-container); margin: 0 auto; padding: 0 var(--vl-space-md); }
.vl-auth__container--centered { max-width: 480px; }
.vl-auth__intro { margin-bottom: var(--vl-space-lg); }
.vl-auth__intro--centered { text-align: center; }
.vl-auth__eyebrow { display: block; font-family: var(--font-titulos); text-transform: uppercase; letter-spacing: .12em; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--vl-primary-dark); margin: 0 0 var(--vl-space-sm); }
.vl-auth__title { font-size: var(--vl-font-h1); line-height: 1.15; margin: 0 0 var(--vl-space-sm); }
.vl-auth__text { font-size: var(--vl-font-body); line-height: 1.6; color: var(--vl-text-muted); margin: 0; }
.vl-auth__card { background: var(--vl-bg); border: 1px solid var(--vl-border-brand); border-radius: var(--vl-radius-lg); padding: var(--vl-space-lg) var(--vl-space-md); box-shadow: var(--vl-shadow-md); }
.vl-auth__card--centered { margin: 0 auto; max-width: 480px; }
/* Woodmart pone el login y el registro en 2 columnas con 80 px de hueco y márgenes negativos: aquí, una columna */
.vl-auth__card .wd-registration-page { max-width: none; }
.vl-auth__card .wd-grid-f-col { margin: 0; }
.vl-auth__card .wd-grid-f-col > .wd-col { flex: 0 0 100%; max-width: 100%; padding-inline: 0; margin-bottom: 0; }
.vl-auth__card #customer_login > div:not(:first-child):last-child { border-inline-start: 0; border-top: 1px solid var(--vl-border); margin-top: var(--vl-space-lg); padding-top: var(--vl-space-lg); }
.vl-auth__card .wd-login-title { font-size: var(--vl-font-h3); margin: 0 0 var(--vl-space-md); }
.vl-auth__card label { font-size: var(--vl-font-small); font-weight: 600; color: var(--vl-text); }
.vl-auth__card input.input-text,
.vl-auth__card input[type="text"],
.vl-auth__card input[type="email"],
.vl-auth__card input[type="password"] {
  width: 100%; min-height: var(--vl-touch); padding: 12px var(--vl-space-md);
  border: 2px solid var(--vl-border); border-radius: var(--vl-radius-md);
  background: var(--vl-bg); color: var(--vl-text); font-size: 17px; line-height: 24px;
}
.vl-auth__card input.input-text:focus { border-color: var(--vl-secondary); box-shadow: 0 0 0 3px var(--vl-secondary-light); }
.vl-auth .vl-auth__card .button,
.vl-auth .vl-auth__card .woocommerce-button,
.vl-auth .vl-auth__card button.woocommerce-Button,
.vl-auth .vl-auth__card button[type="submit"] {
  width: 100%; min-height: var(--vl-touch); padding: 12px var(--vl-space-lg);
  border-radius: var(--vl-radius-pill); border: 0;
  background: var(--vl-secondary); color: var(--vl-on-color);
  font-size: 17px; font-weight: 600; text-transform: none; letter-spacing: 0;
}
.vl-auth .vl-auth__card .button:hover,
.vl-auth .vl-auth__card .woocommerce-button:hover,
.vl-auth .vl-auth__card button.woocommerce-Button:hover,
.vl-auth .vl-auth__card button[type="submit"]:hover { background: var(--vl-secondary-dark); color: var(--vl-on-color); box-shadow: var(--vl-shadow-md); }
.vl-auth__card .login-form-footer { display: flex; flex-direction: column; gap: var(--vl-space-sm); margin-top: var(--vl-space-sm); font-size: var(--vl-font-small); }
.vl-auth__card .lost_password { display: inline-flex; align-items: center; min-height: 44px; color: var(--vl-secondary); }
.vl-auth__register-link { text-align: center; margin-top: var(--vl-space-lg); font-size: var(--vl-font-body); line-height: 1.6; color: var(--vl-text-muted); }
.vl-auth__register-link a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--vl-secondary); }
@media (min-width: 640px) {
  .vl-auth { padding: var(--vl-space-3xl) 0; }
  .vl-auth__card { padding: var(--vl-space-xl); }
  .vl-auth__card .login-form-footer { flex-direction: row; justify-content: space-between; align-items: center; }
}