/* ============================================================
   RETO 3X3 — WooCommerce con diseño propio
   Tienda / Producto / Carrito (réplica del handoff design-claude)
   ============================================================ */

/* ---- tienda + ficha + carrito → superficies CLARAS (BRAND-01 fix) ---- */
body.reto-shop-dark,
body.woocommerce-cart,
body.woocommerce-checkout { background: var(--white); color: var(--ink); }
/* page.php envuelve carrito/checkout en un hero + main.section (max 900px); ajustamos */
body.woocommerce-cart main.section,
body.woocommerce-checkout main.section { padding-top: clamp(24px,3vw,40px); }
body.woocommerce-cart main.section > .wrap,
body.woocommerce-checkout main.section > .wrap { max-width: var(--maxw) !important; }

.woo-main { display: block; }
.woocommerce-no-js .woocommerce-info,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { /* limpiamos UI por defecto del archive */ }

/* ============================================================
   TIENDA (archive)
   ============================================================ */
.shop-hero { background: var(--soft-white); color: var(--ink); padding-block: clamp(40px,6vw,80px); position: relative; border-bottom: 3px solid var(--court-black); }
.shop-hero .display { font-size: clamp(56px,10vw,150px); }
.shop-filters { position: sticky; top: 64px; z-index: 50; background: var(--white); border-block: 1px solid var(--court-black); padding-block: 14px; margin-bottom: 32px; }
.admin-bar .shop-filters { top: 96px; }
/* filtros sobre fondo claro */
.shop-filters .chip { text-decoration: none; color: var(--g333); border-color: var(--g333); }
.shop-filters .chip:hover { color: var(--court-black); border-color: var(--court-black); }
.shop-filters .chip.is-active { background: var(--court-black); color: var(--white); border-color: var(--court-black); }
.shop-filters .shop-count { margin-left: auto; font-family: 'Archivo', monospace; font-size: 12px; color: var(--g888); letter-spacing: .08em; }

/* grid flexible + centrado: con 5 productos la última fila queda centrada (no un huérfano a la izquierda) */
.woocommerce ul.products,
.woocommerce-page ul.products { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0; padding: 0; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { flex: 0 1 240px; max-width: 280px; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; float: none !important; clear: none !important; }
@media(max-width:560px){ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { flex: 1 1 160px; max-width: none; } }
.woocommerce ul.products li.product::before { display: none; }

/* la tarjeta .product (anchor) hereda de reto.css; el botón/badges/aspecto .reto-card
   se movieron a reto.css para que el home renderice tarjetas idénticas. */
.woocommerce ul.products li.product .product { height: 100%; }

.woocommerce nav.woocommerce-pagination { margin-top: 36px; }
.woocommerce nav.woocommerce-pagination ul { border: none; gap: 6px; display: flex; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  font-family: var(--font-head); border: 2px solid var(--court-black); color: var(--ink); padding: 10px 14px; }
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--reto-yellow); color: #000; border-color: var(--reto-yellow); }

/* ============================================================
   PRODUCTO (single / PDP)
   ============================================================ */
.single-product .woo-main { padding-block: clamp(28px,4vw,52px); }
.woocommerce div.product { max-width: var(--maxw); margin: 0 auto; padding-inline: var(--gutter);
  display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: start; }
@media(max-width:900px){ .woocommerce div.product { grid-template-columns: 1fr; gap: 28px; } }

/* galería */
.woocommerce div.product div.images { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images img { border: 1px solid var(--court-black); }
.woocommerce div.product .flex-control-thumbs { margin-top: 12px; }
.woocommerce div.product .flex-control-thumbs li { width: 22%; margin: 0 4% 4% 0; }
.woocommerce div.product .woocommerce-product-gallery__trigger { background: rgba(0,0,0,.6); border-radius: 50%; }

/* resumen */
.woocommerce div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.pdp-badges .badge { font-size: 11px; }
.woocommerce div.product .product_title { font-family: var(--font-display); text-transform: uppercase; line-height: .9; font-size: clamp(40px,6vw,72px); margin: 0 0 14px; color: var(--ink); }
/* price on light PDP — ink for main price, reto-red for sale urgency; yellow only if ever placed on a dark band */
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ink); font-family: var(--font-display); font-size: clamp(32px,4vw,52px); display: inline-block; }
.woocommerce div.product p.price del { color: var(--g888); font-size: .6em; }
.woocommerce div.product p.price ins { text-decoration: none; }
.stock-pill { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-head); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; color: #7ad17a; margin-left: 16px; }
.stock-pill .dot { width: 8px; height: 8px; border-radius: 50%; background: #7ad17a; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--g333); max-width: 48ch; margin: 14px 0 8px; }
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 8px; }

/* formulario de variaciones */
.woocommerce div.product form.cart { margin-top: 22px; }
.woocommerce .variations { border: none; margin-bottom: 14px; }
.woocommerce .variations th.label { font-family: var(--font-head); text-transform: uppercase; font-size: 12px; letter-spacing: .08em; color: var(--g333); vertical-align: middle; padding: 8px 12px 8px 0; }
.woocommerce .variations td.value { padding: 8px 0; }
.woocommerce .variations select { font-family: var(--font-body); font-size: 15px; padding: 12px 14px; border: 2px solid var(--court-black); background: var(--white); color: var(--ink); min-width: 220px; }
.woocommerce .reset_variations { color: var(--g888); font-size: 12px; margin-left: 10px; }
.woocommerce div.product .woocommerce-variation-price .price { font-size: clamp(28px,3vw,40px); }

/* tallas como pills (inyectadas por reto-shop.js) */
.reto-swatches { display: flex; gap: 8px; flex-wrap: wrap; }
.reto-swatch { min-width: 46px; height: 46px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid var(--g333); background: transparent; color: var(--ink); font-family: var(--font-head); font-size: 15px; cursor: pointer; transition: all .12s; }
.reto-swatch:hover { border-color: var(--reto-yellow); }
.reto-swatch.is-active { background: var(--reto-yellow); color: #000; border-color: var(--reto-yellow); }
.reto-swatch.is-disabled { opacity: .3; text-decoration: line-through; cursor: not-allowed; }

/* cantidad + añadir al carrito */
.woocommerce .quantity { display: inline-flex; align-items: stretch; }
.woocommerce .quantity .qty { border: 2px solid var(--court-black); border-inline: none; background: var(--white); color: var(--ink); height: 54px; width: 56px; font-family: var(--font-head); text-align: center; -moz-appearance: textfield; }
.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.reto-qty-btn { width: 44px; height: 54px; background: var(--soft-white); border: 2px solid var(--court-black); color: var(--ink); font-size: 20px; line-height: 1; cursor: pointer; }
.reto-qty-btn:hover { background: var(--reto-yellow); color: #000; border-color: var(--reto-yellow); }
.woocommerce-cart .quantity .qty { height: 44px; }
.woocommerce-cart .reto-qty-btn { height: 44px; width: 38px; }
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart button.single_add_to_cart_button {
  background: var(--reto-yellow); color: #000; border: 2px solid var(--reto-yellow); border-radius: 0;
  font-family: var(--font-head); text-transform: uppercase; letter-spacing: .04em; font-size: 16px; padding: 17px 28px;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%); transition: transform .14s, box-shadow .14s; }
.woocommerce div.product form.cart .single_add_to_cart_button:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 #000; }
.woocommerce div.product form.cart { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1; min-width: 220px; }

.woocommerce div.product .product_meta { margin-top: 22px; font-family: 'Archivo', monospace; font-size: 12px; color: var(--g888); border-top: 1px solid var(--gccc); padding-top: 16px; }
.woocommerce div.product .product_meta a { color: var(--g333); }

/* pestañas → ACORDEÓN <details> (réplica de design-claude/Producto.html) */
.woocommerce div.product .reto-acc-wrap { grid-column: 1 / -1; margin-top: 18px; }
.acc { border-top: 1px solid var(--court-black); }
.acc:last-child { border-bottom: 1px solid var(--court-black); }
.acc > summary { list-style: none; cursor: pointer; padding: 18px 0; font-family: var(--font-head); text-transform: uppercase; font-size: 14px; letter-spacing: .04em; color: var(--ink); display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.acc > summary::-webkit-details-marker { display: none; }
.acc > summary .pm::after { content: "+"; color: var(--reto-yellow); font-size: 20px; line-height: 1; }
.acc[open] > summary .pm::after { content: "–"; }
.acc__body { padding: 0 0 22px; color: var(--g333); font-size: 15px; line-height: 1.6; }
.acc__body > *:first-child { margin-top: 0; }
.acc__body h2 { font-family: var(--font-head); text-transform: uppercase; font-size: 18px; color: var(--ink); margin: 0 0 10px; }
.sizetable { width: 100%; border-collapse: collapse; font-size: 14px; }
.sizetable th, .sizetable td { border: 1px solid var(--court-black); padding: 8px 12px; text-align: center; color: var(--g333); }
.sizetable th { background: var(--soft-white); color: var(--court-black); font-family: var(--font-head); text-transform: uppercase; font-size: 11px; letter-spacing: .06em; }
.woocommerce table.shop_attributes { color: var(--g333); }
.woocommerce table.shop_attributes th { color: var(--court-black); }

/* relacionados / "completa el fit" */
.woocommerce .related, .woocommerce .upsells { grid-column: 1 / -1; margin-top: 24px; }
.woocommerce .related > h2, .woocommerce .upsells > h2 { font-family: var(--font-display); text-transform: uppercase; font-size: clamp(28px,4vw,48px); line-height: .9; color: var(--ink); margin-bottom: 24px; }

/* mensajes */
.woocommerce-message, .woocommerce-info, .woocommerce-error { background: var(--soft-white); border-top: 3px solid var(--reto-yellow); color: var(--ink); border-radius: 0; border: 1px solid var(--gccc); border-top: 3px solid var(--reto-yellow); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--reto-yellow); }
.woocommerce-message .button { background: var(--reto-yellow); color: #000; }

/* ============================================================
   CARRITO (réplica de design-claude/Carrito.html)
   ============================================================ */
.woocommerce-cart .site-main, .woocommerce-checkout .site-main { padding-block: clamp(28px,4vw,56px); }
.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title { font-family: var(--font-display); text-transform: uppercase; font-size: clamp(44px,7vw,90px); line-height: .85; color: var(--ink); max-width: var(--maxw); margin: 0 auto 24px; padding-inline: var(--gutter); }
.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce { max-width: var(--maxw); margin: 0 auto; padding-inline: var(--gutter); }

.woocommerce table.shop_table { border: none; border-collapse: collapse; }
.woocommerce-cart table.cart { border: none; }
.woocommerce-cart table.cart thead th { font-family: var(--font-head); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; color: var(--g888); border-bottom: 1px solid var(--court-black); padding: 0 0 14px; }
.woocommerce-cart table.cart td { border-top: 1px solid var(--gccc); padding: 20px 10px; vertical-align: middle; background: transparent; }
.woocommerce-cart table.cart td.product-thumbnail img { width: 84px; height: 84px; object-fit: cover; border: 1px solid var(--court-black); }
.woocommerce-cart table.cart td.product-name a { font-family: var(--font-head); text-transform: uppercase; font-size: 15px; color: var(--ink); }
.woocommerce-cart table.cart td.product-name .variation { font-family: 'Archivo', monospace; font-size: 12px; color: var(--g888); }
.woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal { font-family: var(--font-display); color: var(--ink); font-size: 22px; }
.woocommerce .quantity input.qty { border: 2px solid var(--court-black); background: var(--white); color: var(--ink); }
.woocommerce a.remove { color: var(--g888) !important; border: 1px solid var(--gccc); }
.woocommerce a.remove:hover { background: var(--reto-red); color: var(--white) !important; }
.woocommerce-cart table.cart td.actions .coupon .input-text { border: 2px solid var(--court-black); background: var(--white); color: var(--ink); padding: 12px 14px; }
/* layout 2 columnas: ítems a la izquierda + resumen sticky a la derecha (réplica del handoff) */
.reto-cart-layout { display: grid; grid-template-columns: 1.4fr .9fr; gap: 40px; align-items: start; }
@media(max-width:900px){ .reto-cart-layout { grid-template-columns: 1fr; gap: 28px; } }
.reto-cart-main { min-width: 0; }
.reto-keep-shopping { display: inline-block; margin-top: 24px; font-family: var(--font-head); text-transform: uppercase; font-size: 13px; letter-spacing: .04em; color: var(--ink); text-decoration: none; border: 2px solid var(--court-black); padding: 13px 20px; transition: all .14s; }
.reto-keep-shopping:hover { border-color: var(--reto-yellow); background: var(--reto-yellow); color: var(--court-black); }
.woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; }
.woocommerce-cart .reto-cart-aside .cart-collaterals { background: var(--soft-white); border: 2px solid var(--court-black); padding: 26px; margin-top: 0; position: sticky; top: 84px; }
.admin-bar .woocommerce-cart .reto-cart-aside .cart-collaterals { top: 116px; }
.woocommerce-cart .cart_totals h2 { font-family: var(--font-head); text-transform: uppercase; font-size: 16px; color: var(--ink); }
.woocommerce-cart .cart_totals table th { color: var(--g333); font-family: var(--font-head); text-transform: uppercase; font-size: 12px; }
.woocommerce-cart .cart_totals table td { color: var(--ink); }
.woocommerce-cart .cart_totals .order-total .amount { font-family: var(--font-display); color: var(--ink); font-size: 30px; }

/* botones globales de tienda (carrito/checkout/cuenta) */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt {
  font-family: var(--font-head) !important; text-transform: uppercase; letter-spacing: .04em; font-size: 14px;
  background: var(--reto-yellow) !important; color: var(--court-black) !important; text-decoration: none !important;
  border: 2px solid var(--reto-yellow); border-radius: 0; padding: 15px 26px;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%); transition: transform .14s, box-shadow .14s; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translate(-2px,-2px); box-shadow: 5px 5px 0 #000; background: var(--reto-yellow) !important; color: #000 !important; }
.woocommerce .wc-proceed-to-checkout a.checkout-button { font-size: 17px; padding: 19px 28px; display: block; text-align: center; }
.woocommerce .button.alt.disabled, .woocommerce button.button:disabled { background: var(--gccc) !important; color: var(--g333) !important; border-color: var(--gccc); }

/* ============================================================
   CHECKOUT
   ============================================================ */
.woocommerce-checkout h3, .woocommerce-checkout .woocommerce-billing-fields h3 { font-family: var(--font-head); text-transform: uppercase; color: var(--ink); font-size: 18px; }
.woocommerce-checkout .form-row label { font-family: var(--font-head); text-transform: uppercase; font-size: 12px; letter-spacing: .06em; color: var(--g333); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-checkout select, .select2-container--default .select2-selection--single {
  border: 2px solid var(--court-black) !important; background: var(--white) !important; color: var(--ink) !important; border-radius: 0 !important; padding: 13px 14px !important; min-height: 50px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--ink); line-height: 24px; }
.woocommerce-checkout #payment, .woocommerce-checkout .woocommerce-checkout-review-order { background: var(--soft-white); border: 2px solid var(--court-black); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--gccc); }
.woocommerce-checkout #payment div.payment_box { background: var(--white); color: var(--g333); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--white); }
.woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td { color: var(--ink); border-color: var(--gccc); }
.woocommerce-checkout table.shop_table .order-total .amount { color: var(--ink); font-family: var(--font-display); font-size: 24px; }

/* checkout: notas de pedido + cupón */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { background: var(--soft-white); }
.woocommerce form.checkout_coupon { border: 2px solid var(--court-black); background: var(--soft-white); }
.woocommerce-checkout #payment .place-order .button#place_order { width: 100%; font-size: 17px; padding: 19px 28px; }

/* order-received (gracias por tu pedido) */
.woocommerce-order > p { color: var(--g333); }
.woocommerce-order .woocommerce-order-overview { list-style: none; margin: 22px 0; padding: 22px; display: flex; flex-wrap: wrap; gap: 22px; border: 2px solid var(--court-black); background: var(--soft-white); }
.woocommerce-order .woocommerce-order-overview li { border: none; font-family: 'Archivo', monospace; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--g888); }
.woocommerce-order .woocommerce-order-overview li strong { display: block; margin-top: 5px; font-family: var(--font-head); font-size: 16px; color: var(--ink); text-transform: none; }

/* ============================================================
   MI CUENTA (account)
   ============================================================ */
.woocommerce-account .woocommerce { color: var(--ink); }
.woocommerce-account .woocommerce::after { content: ""; display: table; clear: both; }

/* login / registro (logged out) */
.woocommerce-account .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
@media(max-width:760px){ .woocommerce-account .col2-set { grid-template-columns: 1fr; } }
.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 { width: 100%; float: none; }
.woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register,
.woocommerce form.lost_reset_password { background: var(--soft-white); border: 2px solid var(--court-black); padding: 28px; border-radius: 0; }
.woocommerce-form-login__rememberme, .woocommerce form .form-row label.inline { color: var(--g333); font-family: 'Archivo', monospace; text-transform: none; letter-spacing: 0; }
.woocommerce-account .woocommerce > p,
.woocommerce-ResetPassword + p, .woocommerce-LostPassword { color: var(--g333); }

/* navegación + contenido (logged in) */
.woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 30%; }
.woocommerce-account .woocommerce-MyAccount-content { float: right; width: 66%; }
@media(max-width:760px){ .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; } }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 2px solid var(--court-black); }
.woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid var(--gccc); }
.woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }
.woocommerce-MyAccount-navigation ul li a { display: block; padding: 14px 18px; font-family: var(--font-head); text-transform: uppercase; font-size: 13px; letter-spacing: .04em; color: var(--g333); text-decoration: none; transition: all .12s; }
.woocommerce-MyAccount-navigation ul li a:hover { background: var(--soft-white); color: var(--ink); }
.woocommerce-MyAccount-navigation ul li.is-active a { background: var(--reto-yellow); color: var(--court-black); }
.woocommerce-MyAccount-content { color: var(--g333); }
.woocommerce-MyAccount-content a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--reto-yellow); }
.woocommerce-MyAccount-content .woocommerce-Message a, .woocommerce-MyAccount-content .button { color: var(--court-black); }
.woocommerce-account .woocommerce-MyAccount-content table th, .woocommerce-account .woocommerce-MyAccount-content table td { color: var(--ink); border-color: var(--gccc); }
.woocommerce-account mark { background: var(--reto-yellow); color: #000; }

/* ============================================================
   DASHBOARD DE INSCRIPCIÓN (thankyou + endpoint "Mis inscripciones")
   ============================================================ */
.ins-dash{ max-width:760px; margin:0 auto; }
.ins-dash--account{ max-width:none; }
.ins-dash--account .idash-order{ margin-bottom:40px; padding-bottom:8px; border-bottom:2px solid var(--gccc); }
.ins-dash--account .idash-order:last-child{ border-bottom:none; }
.idash-order__title{ font-family:var(--font-display); font-size:clamp(28px,4vw,44px); line-height:.95; margin:8px 0 4px; }
.idash-order__meta{ font-family:'Archivo',monospace; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--g888); margin:0; }
.idash-confirm{ border:2px solid var(--court-black); background:var(--soft-white); padding:28px 26px; margin-bottom:26px; }
.idash-confirm .badge{ margin-bottom:14px; }
.idash-confirm .display{ font-size:clamp(36px,6vw,68px); }
.idash-confirm .lede{ margin-top:10px; }
.idash-step{ display:grid; grid-template-columns:64px 1fr; gap:18px; border:2px solid var(--court-black); padding:24px; margin-bottom:18px; background:var(--white); }
@media(max-width:560px){ .idash-step{ grid-template-columns:1fr; } }
.idash-step__n{ font-family:var(--font-display); font-size:54px; line-height:.8; color:var(--court-black); }
.idash-step__body h2, .idash-step__body h3{ font-family:var(--font-head); text-transform:uppercase; font-size:20px; margin:0 0 8px; }
.idash-step__body p{ color:var(--g333); font-size:15px; margin:0 0 16px; }
.idash-step--fiba{ background:var(--reto-yellow); border-color:var(--court-black); }
.idash-step--fiba .idash-step__body p{ color:var(--court-black); }
.idash-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media(max-width:560px){ .idash-grid{ grid-template-columns:1fr; } }
.ins-dash .field{ display:flex; flex-direction:column; gap:6px; margin-bottom:6px; }
.ins-dash .field label{ font-family:var(--font-head); text-transform:uppercase; font-size:11px; letter-spacing:.06em; color:var(--g333); }
.ins-dash .input{ font-family:var(--font-body); font-size:15px; padding:12px 14px; border:2px solid var(--court-black); background:#fff; color:var(--ink); width:100%; box-sizing:border-box; }
.ins-dash .input:focus{ outline:3px solid var(--reto-yellow); outline-offset:-1px; }
.ins-dash .player-row{ border:2px solid var(--gccc); padding:14px; margin-bottom:12px; }
.ins-dash .player-row h4{ font-family:var(--font-head); text-transform:uppercase; font-size:12px; margin:0 0 10px; color:var(--court-black); }
.ins-dash .field.has-err .input{ outline:2px solid #c0392b; outline-offset:-1px; }
.ins-dash .field-err{ display:none; color:#c0392b; font-size:12px; }
.ins-dash .field.has-err .field-err{ display:block; }
.idash-ok{ border:2px solid var(--court-black); background:var(--reto-yellow); color:var(--court-black); padding:22px; text-align:center; font-family:var(--font-head); text-transform:uppercase; font-size:16px; margin-top:14px; }

/* nav: el cart link del header ya está estilizado en reto.css */