:root {
  --eskala-blue: #003C8F;
  --eskala-gold: #F2B400;
  --eskala-black: #111111;
  --eskala-white: #FFFFFF;
  --eskala-blue-bright: #1F6BFF;
  --eskala-soft: #F5F5F5;
  --eskala-grey: #666666;
  --eskala-border: #E5E7EB;
  --eskala-radius: 3px;
  --eskala-font-display: 'Bebas Neue', Anton, Impact, 'Arial Narrow', sans-serif;
  --eskala-font-body: 'Montserrat', Inter, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

.eskala-home { color: var(--eskala-black); font-family: var(--eskala-font-body); }
.eskala-home *, .eskala-product-whatsapp-wrap *, .eskala-floating-whatsapp * { box-sizing: border-box; }
.eskala-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 430px; margin: 0 0 54px; padding: clamp(30px, 6vw, 78px); background: var(--eskala-blue); color: var(--eskala-white); }
.eskala-hero::before { content: ""; position: absolute; z-index: -1; right: 9%; top: -22%; width: 33%; height: 145%; transform: skewX(-22deg); border-left: 1px solid rgba(255,255,255,.18); border-right: 1px solid rgba(242,180,0,.35); }
.eskala-hero::after { content: ""; position: absolute; z-index: -1; right: -7%; bottom: -55%; width: 50%; height: 100%; transform: rotate(-22deg); background: rgba(17,17,17,.23); }
.eskala-hero__content { width: min(760px, 100%); }
.eskala-eyebrow { margin: 0 0 14px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.78); }
.eskala-eyebrow span { display: inline-block; width: 24px; height: 2px; margin: 0 8px 3px; background: var(--eskala-gold); }
.eskala-eyebrow--blue { color: var(--eskala-blue); }
.eskala-hero h1 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(42px, 7vw, 82px); font-weight: 900; line-height: .93; letter-spacing: -.045em; }
.eskala-hero h1 em { color: var(--eskala-gold); font-style: normal; }
.eskala-hero__lead { margin: 24px 0 28px; color: rgba(255,255,255,.91); font-size: clamp(16px, 2vw, 20px); }
.eskala-hero__side { position: absolute; right: clamp(25px, 5vw, 72px); bottom: 35px; display: flex; align-items: center; gap: 14px; transform: rotate(-90deg); transform-origin: right bottom; opacity: .7; }
.eskala-hero__side span { font-size: 10px; font-weight: 800; letter-spacing: .22em; }
.eskala-hero__side b { color: var(--eskala-gold); font-size: 13px; }
.eskala-hero__side i { display: inline-block; width: 48px; height: 1px; background: #fff; }
.eskala-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.eskala-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 13px 20px; border: 1px solid transparent; border-radius: var(--eskala-radius); font-size: 13px; font-weight: 800; line-height: 1.2; text-decoration: none !important; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.eskala-btn:hover { transform: translateY(-1px); }
.eskala-btn--gold { background: var(--eskala-gold); color: var(--eskala-black) !important; }
.eskala-btn--gold:hover { background: #ffd04a; color: var(--eskala-black) !important; }
.eskala-btn--outline { border-color: rgba(255,255,255,.58); background: transparent; color: #fff !important; }
.eskala-btn--outline:hover { background: #fff; color: var(--eskala-blue) !important; }
.eskala-section { margin: 0 0 58px; }
.eskala-section--soft { padding: clamp(24px, 4vw, 44px); background: var(--eskala-soft); }
.eskala-section__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.eskala-section__head h2 { margin: 0; color: var(--eskala-black); font-size: clamp(25px, 3vw, 36px); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; }
.eskala-text-link { flex-shrink: 0; color: var(--eskala-blue); font-size: 13px; font-weight: 800; text-decoration: none; }
.eskala-text-link:hover { color: var(--eskala-blue-bright); }
.eskala-sport-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.eskala-sport-tile { position: relative; display: flex; min-height: 135px; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 20px; border: 1px solid var(--eskala-border); background: #fff; color: var(--eskala-black); text-decoration: none !important; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.eskala-sport-tile::after { content: ""; position: absolute; top: -35%; right: 19%; width: 30px; height: 180%; transform: skewX(-22deg); border-left: 1px solid rgba(0,60,143,.13); border-right: 1px solid rgba(0,60,143,.13); }
.eskala-sport-tile:hover { border-color: var(--eskala-blue); background: var(--eskala-blue); color: #fff; }
.eskala-sport-tile__code { color: var(--eskala-blue); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.eskala-sport-tile:hover .eskala-sport-tile__code { color: var(--eskala-gold); }
.eskala-sport-tile__name { z-index: 1; font-size: clamp(18px, 2vw, 24px); font-weight: 850; letter-spacing: -.025em; }
.eskala-sport-tile__arrow { position: absolute; right: 17px; bottom: 16px; z-index: 1; font-size: 20px; }
.eskala-intent-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.eskala-intent { display: grid; grid-template-columns: 35px 1fr 18px; align-items: center; gap: 10px; min-height: 66px; padding: 14px; border: 1px solid #e3e5e8; background: #fff; color: var(--eskala-black); text-decoration: none !important; }
.eskala-intent > span { color: var(--eskala-blue); font-size: 10px; font-weight: 900; }
.eskala-intent strong { font-size: 14px; font-weight: 800; }
.eskala-intent b { justify-self: end; color: var(--eskala-blue); }
.eskala-intent:hover { border-color: var(--eskala-gold); }
.eskala-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px 14px; }
.eskala-product-card { min-width: 0; overflow: hidden; border: 1px solid var(--eskala-border); background: #fff; transition: border-color .2s ease, transform .2s ease; }
.eskala-product-card:hover { transform: translateY(-2px); border-color: #b7c8e5; }
.eskala-product-card__image { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4/4.6; overflow: hidden; background: #fff; }
.eskala-product-card__image img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; transition: transform .25s ease; }
.eskala-product-card:hover .eskala-product-card__image img { transform: scale(1.025); }
.eskala-badge { position: absolute; top: 10px; left: 10px; z-index: 1; padding: 6px 8px; background: var(--eskala-gold); color: var(--eskala-black); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.eskala-badge--new { background: var(--eskala-blue); color: #fff; }
.eskala-product-card__body { padding: 14px; }
.eskala-product-card__meta { margin: 0 0 4px; color: var(--eskala-grey); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.eskala-product-card h3 { margin: 0 0 10px; font-size: 14px; font-weight: 750; line-height: 1.35; }
.eskala-product-card h3 a { color: var(--eskala-black); text-decoration: none; }
.eskala-product-card h3 a:hover { color: var(--eskala-blue); }
.eskala-product-card__price { margin-bottom: 8px; font-size: 15px; font-weight: 850; }
.eskala-product-card__price del { color: #888; font-size: 12px; font-weight: 500; }
.eskala-product-card__price ins { text-decoration: none; }
.eskala-stock { display: flex; align-items: center; gap: 6px; margin: 0 0 13px; color: var(--eskala-grey); font-size: 11px; }
.eskala-stock span { width: 6px; height: 6px; border-radius: 50%; background: #198754; }
.eskala-stock.is-out-of-stock span { background: #999; }
.eskala-product-card__link { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--eskala-border); color: var(--eskala-blue); font-size: 12px; font-weight: 850; text-decoration: none; }
.eskala-empty { padding: 28px; border: 1px solid var(--eskala-border); background: #fff; }
.eskala-empty p { margin-bottom: 0; color: var(--eskala-grey); }
.eskala-community { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: clamp(24px, 5vw, 48px); background: var(--eskala-black); color: #fff; }
.eskala-community h2 { margin: 0 0 12px; color: #fff; font-size: clamp(27px, 4vw, 42px); font-weight: 850; line-height: 1.04; letter-spacing: -.03em; }
.eskala-community p:not(.eskala-eyebrow) { max-width: 520px; margin: 0; color: rgba(255,255,255,.76); font-size: 14px; }
.eskala-product-whatsapp-wrap { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; }
.eskala-product-whatsapp { width: 100%; max-width: 420px; }
.eskala-whatsapp-mark, .eskala-floating-whatsapp__icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1.5px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 900; }
.eskala-product-whatsapp-note { max-width: 440px; margin: 0; color: var(--eskala-grey); font-size: 12px; line-height: 1.5; }
.eskala-floating-whatsapp { position: fixed; right: 18px; bottom: 18px; z-index: 999; display: inline-flex; align-items: center; gap: 10px; max-width: calc(100vw - 28px); padding: 12px 16px; border: 1px solid rgba(255,255,255,.2); border-radius: 3px; background: var(--eskala-blue); color: #fff !important; box-shadow: 0 5px 22px rgba(0,0,0,.18); font-size: 12px; font-weight: 800; line-height: 1.25; text-decoration: none !important; }
.eskala-floating-whatsapp:hover { background: #002e70; }
.eskala-floating-whatsapp__icon { flex-shrink: 0; color: var(--eskala-gold); }
/* WooCommerce/Astra product page integration */
.single-product .summary .eskala-product-whatsapp-wrap { margin-top: 18px; }
.single-product .summary .eskala-product-whatsapp { max-width: none; min-height: 52px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--eskala-black); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius: 3px; font-weight: 800; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-top-color: var(--eskala-gold); }

@media (max-width: 900px) {
  .eskala-hero { min-height: 370px; }
  .eskala-hero__side { right: 20px; opacity: .35; }
  .eskala-product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 13px; }
}
@media (max-width: 640px) {
  .eskala-hero { min-height: 360px; margin-bottom: 38px; padding: 30px 22px; }
  .eskala-hero h1 { font-size: clamp(42px, 13vw, 61px); }
  .eskala-hero__lead { max-width: 270px; }
  .eskala-hero__side { display: none; }
  .eskala-section { margin-bottom: 40px; }
  .eskala-section__head { align-items: start; flex-direction: column; gap: 10px; margin-bottom: 18px; }
  .eskala-sport-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .eskala-sport-tile { min-height: 112px; padding: 14px; }
  .eskala-sport-tile__name { font-size: 19px; }
  .eskala-intent-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .eskala-intent { grid-template-columns: 25px 1fr 12px; gap: 7px; min-height: 60px; padding: 10px; }
  .eskala-intent strong { font-size: 12px; }
  .eskala-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 8px; }
  .eskala-product-card__body { padding: 10px; }
  .eskala-product-card h3 { font-size: 12px; }
  .eskala-product-card__price { font-size: 14px; }
  .eskala-product-card__image { aspect-ratio: 4/4.7; }
  .eskala-community { align-items: start; flex-direction: column; padding: 27px 22px; }
  .eskala-community .eskala-btn { width: 100%; }
  .eskala-floating-whatsapp { right: 10px; bottom: 10px; padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .eskala-btn, .eskala-sport-tile, .eskala-product-card, .eskala-product-card__image img { transition: none; }
}

/* Faceted filters used on WooCommerce archives and the [eskala_catalog] shortcode */
.eskala-filters { margin: 18px 0 24px; padding: 20px; border: 1px solid var(--eskala-border); background: var(--eskala-soft); }
.eskala-filters__head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.eskala-filters__head .eskala-eyebrow { margin-bottom: 5px; }
.eskala-filters__head h3 { margin: 0; font-size: 21px; font-weight: 850; line-height: 1.2; }
.eskala-filters__reset { color: var(--eskala-blue); font-size: 12px; font-weight: 800; text-decoration: underline; }
.eskala-filters__fields { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); align-items: end; gap: 12px; }
.eskala-filter-field { display: flex; min-width: 0; flex-direction: column; gap: 6px; margin: 0; color: var(--eskala-black); font-size: 11px; font-weight: 800; }
.eskala-filter-field select, .eskala-filter-field input { width: 100%; min-height: 42px; padding: 9px 10px; border: 1px solid #d6d9df; border-radius: 2px; background: #fff; color: var(--eskala-black); font-size: 13px; }
.eskala-filter-stock { display: flex; align-items: center; gap: 9px; min-height: 42px; margin: 0; font-size: 12px; font-weight: 700; }
.eskala-filter-stock input { width: 17px; height: 17px; margin: 0; accent-color: var(--eskala-blue); }
.eskala-filters__fields > .eskala-btn { min-height: 42px; width: 100%; }
.eskala-catalog-count { margin: 14px 0; color: var(--eskala-grey); font-size: 12px; }
.eskala-pagination { margin: 28px 0; }
.eskala-pagination ul { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; margin: 0; padding: 0; list-style: none; }
.eskala-pagination li a, .eskala-pagination li span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; min-height: 38px; padding: 7px 10px; border: 1px solid var(--eskala-border); color: var(--eskala-blue); font-size: 12px; font-weight: 800; text-decoration: none; }
.eskala-pagination li span.current { border-color: var(--eskala-blue); background: var(--eskala-blue); color: #fff; }
@media (max-width: 900px) {
  .eskala-filters__fields { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .eskala-filters { padding: 15px; }
  .eskala-filters__head { align-items: start; }
  .eskala-filters__fields { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
  .eskala-filter-field select, .eskala-filter-field input { min-height: 40px; font-size: 12px; }
  .eskala-filter-stock { grid-column: 1 / -1; }
  .eskala-filters__fields > .eskala-btn { grid-column: 1 / -1; }
}

.eskala-collection-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.eskala-collection-tile { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 66px; padding: 15px 18px; border-left: 3px solid var(--eskala-gold); background: var(--eskala-blue); color: #fff !important; text-decoration: none !important; }
.eskala-collection-tile span { font-size: 13px; font-weight: 850; letter-spacing: .04em; }
.eskala-collection-tile b { color: var(--eskala-gold); }
.eskala-collection-tile:hover { background: #002e70; }
.eskala-guides-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.eskala-guide-card { display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--eskala-border); color: var(--eskala-black); text-decoration: none !important; }
.eskala-guide-card strong { font-size: 15px; font-weight: 850; }
.eskala-guide-card span { color: var(--eskala-grey); font-size: 12px; line-height: 1.5; }
.eskala-guide-card b { margin-top: auto; color: var(--eskala-blue); font-size: 11px; }
.eskala-guide-card:hover { border-color: var(--eskala-gold); }
@media (max-width: 900px) { .eskala-collection-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .eskala-guides-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .eskala-collection-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; } .eskala-collection-tile { min-height: 56px; padding: 12px; } .eskala-collection-tile span { font-size: 11px; } .eskala-guides-grid { grid-template-columns: 1fr; } }
.eskala-search-form { display: flex; width: min(570px, 100%); margin: 0 0 24px; background: #fff; }
.eskala-search-form input[type="search"] { flex: 1; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #fff; border-radius: 0; background: #fff; color: var(--eskala-black); font-size: 13px; box-shadow: none; }
.eskala-search-form button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 16px; border: 0; border-radius: 0; background: var(--eskala-gold); color: var(--eskala-black); font-size: 12px; font-weight: 900; }
.eskala-search-form button:hover { background: #ffd04a; color: var(--eskala-black); }
.eskala-collection-landing { margin: 0 0 45px; }
.eskala-collection-landing h1 { margin: 0 0 14px; color: var(--eskala-black); font-size: clamp(30px, 4vw, 48px); font-weight: 900; line-height: 1.05; letter-spacing: -.04em; }
.eskala-collection-landing__intro { max-width: 820px; margin: 0 0 12px; color: #333; font-size: 16px; line-height: 1.65; }
.eskala-collection-landing__availability { margin: 0 0 24px; color: var(--eskala-grey); font-size: 12px; }
.eskala-collection-landing__cta { display: flex; justify-content: center; margin-top: 28px; }
@media (max-width: 640px) {
  .eskala-search-form { width: 100%; }
  .eskala-search-form input[type="search"] { min-height: 45px; padding: 10px; }
  .eskala-search-form button { min-height: 45px; padding: 10px 12px; }
  .eskala-collection-landing h1 { font-size: 32px; }
}
/* Brand integration for Astra's native header, links, buttons and footer */
.ast-primary-header-bar { border-bottom: 2px solid var(--eskala-gold); }
.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link { color: var(--eskala-black); font-weight: 750; }
.ast-primary-header-bar .main-header-menu > .menu-item > .menu-link:hover,
.ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item > .menu-link { color: var(--eskala-blue); }
.ast-button, .ast-custom-button, .wp-block-button__link { border-radius: 3px; font-weight: 800; }
.ast-button, .ast-custom-button { background: var(--eskala-gold); color: var(--eskala-black); }
.ast-button:hover, .ast-custom-button:hover { background: var(--eskala-blue); color: #fff; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { background: var(--eskala-blue); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover { background: var(--eskala-gold); color: var(--eskala-black); }
.site-footer { border-top: 3px solid var(--eskala-gold); }

/* ===== v1.2: tipografía y diseño según maquetas (Bebas Neue + Montserrat) ===== */
.eskala-home, .eskala-product-whatsapp-wrap, .eskala-floating-whatsapp, .eskala-filters, .eskala-delivery, .eskala-product-trust { font-family: var(--eskala-font-body); }
.eskala-hero h1, .eskala-section__head h2, .eskala-community h2, .eskala-collection-landing h1, .eskala-filters__head h3,
.eskala-sport-tile__name, .eskala-guide-card strong { font-family: var(--eskala-font-display); font-weight: 400; letter-spacing: .01em; text-transform: uppercase; }
.eskala-hero h1 { max-width: 820px; font-size: clamp(46px, 8vw, 96px); line-height: .94; letter-spacing: .01em; }
.eskala-section__head h2 { font-size: clamp(30px, 4vw, 46px); line-height: 1; }
.eskala-community h2 { font-size: clamp(36px, 5vw, 58px); line-height: .98; }
.eskala-collection-landing h1 { font-size: clamp(40px, 5vw, 62px); line-height: 1; }
.eskala-filters__head h3 { font-size: 26px; }
.eskala-hero__lead { max-width: 560px; }

/* Tarjetas de deporte con imagen de la categoría (Productos → Categorías → Imagen) */
.eskala-sport-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.eskala-sport-tile { min-height: 190px; justify-content: flex-end; gap: 6px; background-color: var(--eskala-blue); background-size: cover; background-position: center; color: #fff; border-color: var(--eskala-blue); }
.eskala-sport-tile::after { display: none; }
.eskala-sport-tile__name { font-size: clamp(26px, 3vw, 34px); line-height: 1; color: #fff; }
.eskala-sport-tile__more { z-index: 1; display: flex; align-items: center; gap: 6px; color: var(--eskala-gold); font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.eskala-sport-tile:hover { background-color: #002e70; border-color: var(--eskala-gold); }
.eskala-sport-tile.has-image:hover { filter: brightness(1.08); }

/* Barra de confianza (solo con textos confirmados) */
.eskala-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0 0 44px; padding: 16px 20px; list-style: none; border-top: 1px solid var(--eskala-border); border-bottom: 1px solid var(--eskala-border); }
.eskala-trust__item { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--eskala-black); font-size: 12px; font-weight: 700; }
.eskala-trust__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--eskala-gold); box-shadow: 0 0 0 3px rgba(242,180,0,.22); }
.eskala-product-trust { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.eskala-product-trust .eskala-trust { margin: 0; padding: 12px 0; gap: 8px 20px; }

/* Marcas (taxonomía nativa) */
.eskala-brand-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 10px; }
.eskala-brand-tile { display: flex; align-items: center; justify-content: center; min-height: 76px; padding: 12px; border: 1px solid var(--eskala-border); background: #fff; color: var(--eskala-black); font-size: 14px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; }
.eskala-brand-tile img { max-width: 100%; max-height: 44px; object-fit: contain; }
.eskala-brand-tile:hover { border-color: var(--eskala-gold); color: var(--eskala-blue); }

/* Insignias y carrito */
.eskala-badge--last { background: var(--eskala-black); color: var(--eskala-gold); }
.eskala-cart-whatsapp { width: 100%; margin-top: 10px; }

/* Entrega por municipio */
.eskala-delivery { max-width: 520px; }
.eskala-delivery__intro { margin: 0 0 14px; font-weight: 700; }
.eskala-delivery__result { min-height: 24px; margin: 12px 0 4px; color: var(--eskala-blue); font-size: 18px; font-weight: 850; }
.eskala-delivery__note { margin: 0; color: var(--eskala-grey); font-size: 12px; }

/* Ficha de producto: jerarquía y tallas más claras (referencia adidas / Nike / Futbolemotion) */
.single-product .product_title { font-family: var(--eskala-font-display); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; font-size: clamp(34px, 4vw, 48px); line-height: 1; }
.single-product .summary .price { font-size: 24px; font-weight: 850; }
.single-product form.variations_form table.variations th.label { padding-bottom: 6px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.single-product form.variations_form select { min-height: 46px; border: 1px solid #d6d9df; border-radius: 2px; font-weight: 700; }
.single-product .quantity .qty { min-height: 46px; }

@media (max-width: 900px) {
  .eskala-sport-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .eskala-brand-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .eskala-hero h1 { font-size: clamp(44px, 13.5vw, 64px); }
  .eskala-sport-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eskala-sport-tile { min-height: 150px; }
  .eskala-brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eskala-trust { gap: 8px 16px; padding: 12px 8px; }
  .eskala-floating-whatsapp { bottom: 74px; } /* deja libre la barra inferior móvil del tema */
}

/* ===== v1.3: barra "Nombre y número" (selector de jugador) ===== */
.eskala-playerbar { margin: 0 0 20px; padding: 16px; border: 1px solid var(--eskala-border); background: #fff; font-family: var(--eskala-font-body); }
.eskala-playerbar__title { margin: 0 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.eskala-playerbar__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.eskala-chip { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 16px; border: 1px solid #d6d9df; border-radius: 999px; background: #fff; color: var(--eskala-black); font-size: 13px; font-weight: 700; text-decoration: none !important; cursor: pointer; }
a.eskala-chip:hover, button.eskala-chip:hover { border-color: var(--eskala-blue); color: var(--eskala-blue); }
.eskala-chip.is-active, .eskala-chip[aria-pressed="true"] { border-color: var(--eskala-blue); background: rgba(0,60,143,.07); color: var(--eskala-blue); }
.eskala-players { position: relative; }
.eskala-players__summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 10px 16px; background: var(--eskala-soft); border: 1px solid transparent; color: #444; font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.eskala-players__summary::-webkit-details-marker { display: none; }
.eskala-players__summary::after { content: ""; width: 9px; height: 9px; margin-left: 12px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s ease; }
.eskala-players[open] .eskala-players__summary { border-color: var(--eskala-blue); }
.eskala-players[open] .eskala-players__summary::after { transform: rotate(-135deg); }
.eskala-players__list { max-height: 240px; margin: 0; padding: 0; overflow-y: auto; list-style: none; border: 1px solid var(--eskala-blue); border-top: 0; background: #fff; }
.eskala-players__list li { margin: 0; }
.eskala-players__list a { display: block; padding: 12px 16px; color: var(--eskala-black); font-size: 14px; text-decoration: none !important; }
.eskala-players__list a:hover { background: var(--eskala-soft); }
.eskala-players__list a.is-current { background: var(--eskala-blue); color: #fff; font-weight: 800; }
.eskala-custom { display: grid; grid-template-columns: 1fr 90px; gap: 10px; margin-top: 12px; }
.eskala-custom[hidden] { display: none; }
.eskala-custom__note { grid-column: 1 / -1; margin: 0; color: var(--eskala-grey); font-size: 12px; line-height: 1.5; }


/* Eskala Sports Core v1.4.2: botón WhatsApp compacto */
.eskala-floating-whatsapp {
    width: 52px !important; height: 52px !important; padding: 0 !important;
    border-radius: 50% !important; background: #25D366 !important;
    color: #fff !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.22) !important;
}
.eskala-floating-whatsapp:hover { background:#128C7E !important; transform:scale(1.04); }
.eskala-floating-whatsapp__icon { width:32px !important; height:32px !important; }
.eskala-floating-whatsapp__icon svg { width:32px !important; height:32px !important; display:block; }
.eskala-floating-whatsapp > span:not(.eskala-floating-whatsapp__icon) { display:none !important; }

/* Catálogo de combos */
.eskala-combos { margin: 28px auto; color:#171717; }
.eskala-combos__header { margin-bottom:22px; }
.eskala-combos__header h2 { margin:0 0 8px; color:#003C8F; }
.eskala-combos__header p { margin:0; }
.eskala-combos__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
.eskala-combo-card { border:1px solid #e6e6e6; border-radius:12px; padding:20px; background:#fff; display:flex; flex-direction:column; box-shadow:0 4px 16px rgba(0,0,0,.05); }
.eskala-combo-card__category { color:#003C8F; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.eskala-combo-card h3 { margin:8px 0; font-size:1.2rem; }
.eskala-combo-card__products { flex:1; margin:0 0 16px; color:#555; }
.eskala-combo-card__price { margin:0 0 16px; font-size:1.6rem; font-weight:800; color:#003C8F; }
.eskala-combo-card__price small { font-size:.8rem; }
.eskala-combo-card__button { display:block; text-align:center; background:#003C8F; color:#fff !important; padding:12px 14px; border-radius:7px; font-weight:700; text-decoration:none !important; }
.eskala-combo-card__button:hover { background:#002d6b; }
.eskala-combos__note { margin-top:16px; font-size:.9rem; color:#666; }
@media(max-width:520px) { .eskala-combos__grid { grid-template-columns:1fr; } }

/* ===== v1.4.3: acceso y registro en ventana modal ===== */
.eskala-account-modal { display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center; padding:18px; }
.eskala-account-modal.is-open { display:flex; }
.eskala-account-modal__backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(8,15,28,.72); backdrop-filter:blur(4px); cursor:pointer; }
.eskala-account-modal__panel { position:relative; z-index:1; width:min(100%, 480px); max-height:min(90vh, 780px); overflow:auto; padding:30px clamp(18px,5vw,34px) 22px; border-radius:16px; background:#fff; color:#171717; box-shadow:0 24px 80px rgba(0,0,0,.28); font-family:var(--eskala-font-body,Montserrat,Arial,sans-serif); }
.eskala-account-modal__close { position:absolute; top:10px; right:13px; width:38px; height:38px; border:0; border-radius:50%; background:#f1f3f6; color:#222; font-size:27px; line-height:1; cursor:pointer; }
.eskala-account-modal__brand { display:block; margin:0 0 14px; color:#003c8f!important; font-size:20px; font-weight:900; letter-spacing:.04em; text-decoration:none!important; }
.eskala-account-modal__brand span { color:#f2b400; }
.eskala-account-modal__panel h2 { margin:0 38px 7px 0; color:#101828; font-size:26px; line-height:1.15; font-weight:900; }
.eskala-account-modal__intro { margin:0 0 20px; color:#667085; font-size:13px; line-height:1.5; }
.eskala-account-modal__tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:0 0 20px; padding:4px; border-radius:10px; background:#f0f2f5; }
.eskala-account-modal__tabs button { min-height:42px; border:0; border-radius:7px; background:transparent; color:#525866; font-size:13px; font-weight:800; cursor:pointer; }
.eskala-account-modal__tabs button.is-active { background:#003c8f; color:#fff; box-shadow:0 2px 6px rgba(0,60,143,.18); }
.eskala-account-modal form.login, .eskala-account-modal form.register { margin:0; padding:0; border:0; border-radius:0; text-align:left; }
.eskala-account-modal .u-column1, .eskala-account-modal .u-column2 { float:none!important; width:100%!important; margin:0!important; }
.eskala-account-modal .u-column1 h2, .eskala-account-modal .u-column2 h2 { display:none; }
.eskala-account-modal .u-column2 { display:none; }
.eskala-account-modal[data-active-form="register"] .u-column1 { display:none; }
.eskala-account-modal[data-active-form="register"] .u-column2 { display:block; }
.eskala-account-modal form .form-row { margin:0 0 14px; padding:0; }
.eskala-account-modal form .form-row label { margin:0 0 6px; color:#303746; font-size:12px; font-weight:800; }
.eskala-account-modal form .input-text { min-height:47px; padding:12px 13px; border:1px solid #d6dbe4; border-radius:8px; background:#fff; box-shadow:none; font-size:14px; }
.eskala-account-modal form .input-text:focus { border-color:#003c8f; outline:2px solid rgba(0,60,143,.12); }
.eskala-account-modal button.button, .eskala-account-modal button[name="login"], .eskala-account-modal button[name="register"] { display:block; width:100%; min-height:48px; margin:8px 0 0; border:0; border-radius:8px; background:#003c8f; color:#fff; font-size:14px; font-weight:900; text-transform:none; }
.eskala-account-modal button.button:hover { background:#002d6c; color:#fff; }
.eskala-account-modal .woocommerce-LostPassword { margin:12px 0 0; font-size:12px; }
.eskala-account-modal .woocommerce-LostPassword a, .eskala-account-modal .show-password-input { color:#003c8f; }
.eskala-account-modal .woocommerce-privacy-policy-text { margin:0 0 12px; color:#667085; font-size:11px; line-height:1.5; }
.eskala-account-modal .eskala-account-modal__social { margin-top:18px; text-align:center; }
.eskala-account-modal__social > span { display:block; margin-bottom:12px; color:#667085; font-size:12px; }
.eskala-account-modal__privacy { margin:18px 0 0; color:#858b98; font-size:10px; line-height:1.5; text-align:center; }
body.eskala-account-modal-open { overflow:hidden; }
@media(max-width:480px) { .eskala-account-modal { padding:10px; } .eskala-account-modal__panel { max-height:94vh; padding:25px 18px 18px; border-radius:13px; } .eskala-account-modal__panel h2 { font-size:23px; } }

/* v1.4.4: integración con Nextend Social Login (Google) dentro del modal */
.eskala-account-modal__social--google { display:block; }
.eskala-account-modal__social--google .nsl-container { width:100%; margin:0 auto; }
.eskala-account-modal__social--google .nsl-container-buttons { display:flex; justify-content:center; width:100%; }
.eskala-account-modal__social--google .nsl-button { max-width:100%; min-height:44px; border-radius:8px!important; }
.eskala-account-modal__social--google .nsl-button-default { width:100%; }

/* v1.4.5: fallback visual y robustez del botón Nextend Google dentro del modal */
.eskala-account-modal__social-divider { display:block; margin:0 0 12px; color:#667085; font-size:12px; }
.eskala-account-modal .eskala-nextend-fallback { box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:46px; padding:10px 14px; border:1px solid #dadce0; border-radius:8px; background:#fff; color:#202124; text-decoration:none; font-size:14px; font-weight:600; }
.eskala-account-modal .eskala-nextend-fallback:hover { background:#f8faff; border-color:#c6dafc; color:#202124; }
.eskala-account-modal .eskala-nextend-fallback__g { font-family:Arial,sans-serif; font-size:21px; font-weight:800; color:#4285f4; }
.eskala-account-modal .nsl-container { display:block!important; width:100%; margin:0 auto; }
.eskala-account-modal .nsl-container-buttons { display:flex!important; justify-content:center; width:100%; }
.eskala-account-modal .nsl-button { box-sizing:border-box; max-width:100%; min-height:44px; border-radius:8px!important; }
.eskala-account-modal .nsl-button-default { width:100%; }

/* =====================================================================
   v1.5.0 – Gestor visual: hero, categorías con imagen, banners, beneficios
   Las imágenes se recortan con object-fit: cover (nunca se deforman).
   ===================================================================== */
.eskala-mhome { font-family: var(--eskala-font-body); }

.eskala-mblock { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: var(--eskala-h, 340px); padding: clamp(24px, 5vw, 64px); color: #fff; font-family: var(--eskala-font-body); background: linear-gradient(120deg, var(--eskala-blue) 0%, #00255c 100%); }
.eskala-mhero { min-height: var(--eskala-h, 520px); margin: 0 0 40px; }
.eskala-mbanner { margin: 32px 0 16px; }
.eskala-mblock__media { position: absolute; inset: 0; z-index: -2; }
.eskala-mblock__media picture { display: block; width: 100%; height: 100%; }
.eskala-mblock__media img, .eskala-mblock__media .eskala-mimg { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.eskala-mblock::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,20,60,var(--eskala-ov,.45)) 0%, rgba(0,20,60,var(--eskala-ov2,.16)) 70%, rgba(0,20,60,0) 100%); }
.eskala-mblock--center { justify-content: center; text-align: center; }
.eskala-mblock--center::after { background: rgba(0,20,60,var(--eskala-ov,.45)); }
.eskala-mblock__content { max-width: 760px; }
.eskala-mblock__eyebrow { margin: 0 0 10px; color: var(--eskala-gold); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eskala-mblock__title { margin: 0; color: #fff; font-family: var(--eskala-font-display); font-weight: 400; font-size: clamp(36px, 6vw, 84px); line-height: .96; letter-spacing: .01em; }
.eskala-mbanner .eskala-mblock__title { font-size: clamp(30px, 4.6vw, 58px); }
.eskala-mblock__title em { color: var(--eskala-gold); font-style: normal; }
.eskala-mblock__text { margin: 14px 0 0; color: rgba(255,255,255,.92); font-size: clamp(14px, 1.6vw, 18px); font-weight: 600; }
.eskala-mbtn { display: inline-block; margin-top: 22px; padding: 14px 28px; border-radius: var(--eskala-radius); background: var(--eskala-gold); color: var(--eskala-black); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.eskala-mbtn:hover, .eskala-mbtn:focus { background: #ffc61a; color: var(--eskala-black); transform: translateY(-2px); }

.eskala-msection-title { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 36px 0 16px; }
.eskala-msection-title h2 { margin: 0; color: var(--eskala-black); font-family: var(--eskala-font-display); font-weight: 400; font-size: clamp(28px, 3.4vw, 40px); letter-spacing: .02em; }
.eskala-msection-title a { color: var(--eskala-blue); font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.eskala-msection-title a:hover { text-decoration: underline; }

.eskala-mcats { display: grid; grid-template-columns: repeat(var(--eskala-cols, 7), minmax(0, 1fr)); gap: 14px; margin: 0 0 24px; }
.eskala-mcat { position: relative; display: block; min-width: 0; color: inherit; text-decoration: none; }
.eskala-mcat__media { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 5; background: linear-gradient(160deg, var(--eskala-blue), #00255c); }
.eskala-mcat__media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform .35s ease; }
.eskala-mcat:hover .eskala-mcat__media img, .eskala-mcat:focus .eskala-mcat__media img { transform: scale(1.06); }
.eskala-mcat__name { font-family: var(--eskala-font-display); font-size: clamp(20px, 2vw, 26px); letter-spacing: .03em; text-transform: uppercase; }

.eskala-mcats--card .eskala-mcat { overflow: hidden; border-radius: var(--eskala-radius); }
.eskala-mcats--card .eskala-mcat__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,20,60,0) 45%, rgba(0,20,60,.85) 100%); }
.eskala-mcats--card .eskala-mcat__name { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 14px; color: #fff; }
.eskala-mcats--card .eskala-mcat.no-image .eskala-mcat__media::before { content: ""; position: absolute; right: -20%; top: -10%; width: 60%; height: 130%; transform: skewX(-22deg); border-left: 1px solid rgba(242,180,0,.5); }

.eskala-mcats--circle .eskala-mcat { text-align: center; }
.eskala-mcats--circle .eskala-mcat__media { aspect-ratio: 1 / 1; border-radius: 50%; border: 3px solid transparent; box-shadow: 0 0 0 2px var(--eskala-border); transition: box-shadow .2s ease; }
.eskala-mcats--circle .eskala-mcat:hover .eskala-mcat__media { box-shadow: 0 0 0 2px var(--eskala-gold); }
.eskala-mcats--circle .eskala-mcat__name { display: block; margin-top: 10px; color: var(--eskala-black); font-family: var(--eskala-font-body); font-size: 13px; font-weight: 800; letter-spacing: .04em; }

.eskala-mfranja { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1px; margin: 16px 0 0; overflow: hidden; border-radius: var(--eskala-radius); background: rgba(255,255,255,.18); }
.eskala-mfranja__item { padding: 18px 20px; background: var(--eskala-blue); color: #fff; text-align: center; }
.eskala-mfranja__item b { display: block; color: var(--eskala-gold); font-size: 14px; font-weight: 800; letter-spacing: .03em; }
.eskala-mfranja__item small { display: block; margin-top: 4px; color: rgba(255,255,255,.85); font-size: 12px; }

@media (max-width: 1024px) {
  .eskala-mcats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .eskala-mblock { min-height: var(--eskala-hm, 300px); padding: 28px 20px; }
  .eskala-mhero { min-height: var(--eskala-hm, 440px); margin-bottom: 28px; }
  .eskala-mcats { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
  .eskala-mcat { flex: 0 0 40%; scroll-snap-align: start; }
  .eskala-mcats--circle .eskala-mcat { flex-basis: 28%; }
  .eskala-mfranja { grid-template-columns: 1fr; }
  .eskala-msection-title { margin-top: 26px; }
}

/* Refuerzo de especificidad: el tema (Astra) no debe cambiar colores/tamaños de estos bloques */
.eskala-mblock .eskala-mblock__title { color: #fff; font-family: var(--eskala-font-display); font-weight: 400; margin: 0; }
.eskala-mblock .eskala-mblock__title em { color: var(--eskala-gold); font-style: normal; }
.eskala-mblock .eskala-mblock__text { color: rgba(255,255,255,.92); }
.eskala-mblock .eskala-mblock__eyebrow { color: var(--eskala-gold); }
.eskala-mblock .eskala-mbtn, .eskala-mblock .eskala-mbtn:visited { background: var(--eskala-gold); color: var(--eskala-black); text-decoration: none; }
body .eskala-msection-title h2 { color: var(--eskala-black); font-family: var(--eskala-font-display); font-weight: 400; margin: 0; }
body .eskala-msection-title a { color: var(--eskala-blue); text-decoration: none; }
.eskala-mcats .eskala-mcat, .eskala-mcats .eskala-mcat:hover { text-decoration: none; }
.eskala-mcats--card .eskala-mcat .eskala-mcat__name { color: #fff; }
.eskala-mcats--circle .eskala-mcat .eskala-mcat__name { color: var(--eskala-black); }
.eskala-mfranja .eskala-mfranja__item b { color: var(--eskala-gold); }

/* =====================================================================
   v1.5.1 – Ajuste al diseño del tema hijo eskala-child
   (azul oscuro #0A1F44, mosaicos cuadrados, franja dorada, títulos en mayúsculas)
   ===================================================================== */
.eskala-mblock { background: #0A1F44; }
.eskala-mblock::after { background: linear-gradient(115deg, rgba(10,31,68,var(--eskala-ov,.75)) 35%, rgba(10,31,68,var(--eskala-ov2,.26)) 100%); }
.eskala-mblock--center::after { background: rgba(10,31,68,var(--eskala-ov,.6)); }
.eskala-mblock .eskala-mblock__title { text-transform: uppercase; }
.eskala-mblock .eskala-mblock__title em { display: block; }
.eskala-mhero::before { content: ""; position: absolute; z-index: 0; right: -60px; top: 0; bottom: 0; width: 140px; background: var(--eskala-gold); transform: skewX(-20deg); opacity: .9; pointer-events: none; }
.eskala-mblock__content { position: relative; z-index: 1; }
.eskala-mbanner { border-radius: 8px; }

body .eskala-msection-title h2 { font-size: 28px; text-transform: uppercase; }
body .eskala-msection-title a { font-size: 14px; font-weight: 600; }

.eskala-mcats--card { gap: 14px; }
.eskala-mcats--card .eskala-mcat { border-radius: 8px; overflow: hidden; box-shadow: none; transition: box-shadow .2s ease; }
.eskala-mcats--card .eskala-mcat:hover, .eskala-mcats--card .eskala-mcat:focus { box-shadow: 0 0 0 3px var(--eskala-gold); }
.eskala-mcats--card .eskala-mcat__media { aspect-ratio: 1 / 1; background: #0A1F44; }
.eskala-mcats--card .eskala-mcat__media::after { background: linear-gradient(to top, rgba(10,31,68,.9), transparent 60%); }
.eskala-mcats--card .eskala-mcat__name { padding: 0 6px 10px; text-align: center; font-size: 18px; letter-spacing: .06em; }

.eskala-mfranja { gap: 16px; padding: 24px; border-radius: 8px; background: #0A1F44; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eskala-mfranja__item { padding: 0; background: transparent; text-align: left; }
.eskala-mfranja .eskala-mfranja__item b { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
.eskala-mfranja__item small { opacity: .8; color: #fff; }

@media (max-width: 1024px) and (min-width: 768px) {
  .eskala-mcats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .eskala-mcats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; overflow: visible; }
  .eskala-mcat, .eskala-mcats--circle .eskala-mcat { flex: none; }
  .eskala-mcats--card .eskala-mcat__name { font-size: 15px; }
  .eskala-mhero::before { display: none; }
  .eskala-mfranja { grid-template-columns: 1fr; }
  body.home .eskala-msection-title, body.home .eskala-mcats, body.home .eskala-mbanner, body.home .eskala-mfranja { margin-left: 12px; margin-right: 12px; }
}

/* Eskala Core 1.6.0 — modalidades de venta y Eskala FIND */
.eskala-sale-mode{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:12px 14px;border-left:3px solid #F2B400;background:#f5f7fa;border-radius:0 8px 8px 0;font-size:14px}
.eskala-sale-mode strong{color:#003C8F}.eskala-sale-mode span{color:#4b5563}
.eskala-find{max-width:900px;margin:32px auto;padding:clamp(20px,4vw,40px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 35px rgba(10,31,68,.07)}
.eskala-find__header{margin-bottom:24px}.eskala-find__eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#003C8F}.eskala-find__header h2{margin:8px 0;color:#0A1F44;font-size:clamp(26px,4vw,38px)}.eskala-find__header p{color:#596579;max-width:650px}
.eskala-find__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eskala-find__grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#17243b}.eskala-find__grid input,.eskala-find__grid select,.eskala-find__grid textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #d5dbe5;border-radius:8px;background:#fff;font:inherit;font-weight:400;color:#17243b}.eskala-find__grid input:focus,.eskala-find__grid select:focus,.eskala-find__grid textarea:focus{outline:2px solid rgba(0,60,143,.18);border-color:#003C8F}.eskala-find__wide{grid-column:1/-1}.eskala-find__grid small,.eskala-find__privacy{font-size:12px;color:#687386;font-weight:400}.eskala-find__submit{margin-top:20px;min-height:48px;padding:12px 22px;border:0;border-radius:8px;background:#F2B400;color:#101828;font-weight:800;cursor:pointer}.eskala-find__success,.eskala-find__error{padding:12px 14px;border-radius:8px;background:#eef8f0;color:#176b32}.eskala-find__error{background:#fff1f0;color:#a12622}.eskala-find__privacy{margin:12px 0 0}
@media(max-width:600px){.eskala-find__grid{grid-template-columns:1fr}.eskala-find__wide{grid-column:auto}.eskala-find{margin:20px 12px;padding:20px}}
/* Mantener selectores de variación visibles en encargos, sin habilitar compra directa. */
.single-product.eskala-mode-encargo form.cart .single_add_to_cart_button,
.single-product.eskala-mode-consultar form.cart .single_add_to_cart_button{display:none!important}

/* =====================================================================
   v1.7.0 – Barra inferior móvil, barra fija de compra, hub por deporte,
            puente con Eskala FIND y texto SEO de categoría
   ===================================================================== */
.eskala-mbar, .eskala-sheet, .eskala-sheet-overlay, .eskala-pstick { display: none; }

.eskala-enc-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 24px 0; padding: 18px 20px; border-radius: 8px; background: #0A1F44; color: #fff; font-family: var(--eskala-font-body); }
.eskala-enc-cta strong { display: block; font-family: var(--eskala-font-display); font-size: 24px; font-weight: 400; letter-spacing: .03em; text-transform: uppercase; color: #fff; }
.eskala-enc-cta span { display: block; margin-top: 2px; font-size: 14px; opacity: .85; }
.eskala-enc-cta .eskala-enc-cta__btn { flex: 0 0 auto; padding: 12px 20px; border-radius: 6px; background: var(--eskala-gold); color: var(--eskala-black); font-size: 13px; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.eskala-enc-badge { position: absolute; left: 8px; bottom: 8px; z-index: 3; padding: 4px 8px; border-radius: 4px; background: #0A1F44; color: var(--eskala-gold); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.eskala-enc-badge--check { background: #fff; color: #0A1F44; border: 1px solid #0A1F44; }

.eskala-hub { font-family: var(--eskala-font-body); }
.eskala-hub__intro { max-width: 760px; margin: 0 0 8px; color: #596579; }
.eskala-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.eskala-chip { display: inline-block; padding: 8px 14px; border: 1px solid #cfd6e2; border-radius: 999px; background: #fff; color: #0A1F44; font-size: 13px; font-weight: 700; text-decoration: none; }
.eskala-chip:hover, .eskala-chip:focus { border-color: #0A1F44; background: #0A1F44; color: #fff; }

.eskala-seo-text { max-width: 860px; margin: 40px 0 16px; padding-top: 24px; border-top: 1px solid var(--eskala-border, #e5e5e5); color: #3d4757; font-family: var(--eskala-font-body); line-height: 1.7; }
.eskala-seo-text h2, .eskala-seo-text h3 { margin: 18px 0 6px; color: #0A1F44; }

@media (max-width: 767px) {
  .eskala-enc-cta { flex-direction: column; align-items: stretch; text-align: center; }

  /* Barra inferior */
  body.eskala-has-mbar { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  body.eskala-has-mbar .esk-bottomnav { display: none !important; } /* evita duplicar la barra del tema */
  body.eskala-has-mbar .eskala-floating-whatsapp { bottom: calc(76px + env(safe-area-inset-bottom)); }
  .eskala-mbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 6px 2px calc(6px + env(safe-area-inset-bottom)); border-top: 1px solid var(--eskala-border, #e5e5e5); background: #fff; box-shadow: 0 -4px 16px rgba(10,31,68,.06); }
  .eskala-mbar__item { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; margin: 0; padding: 4px 0; border: 0; border-radius: 0; background: none; color: #3d4757; font: inherit; font-size: 11px; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .eskala-mbar__item svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .eskala-mbar__item.is-active, .eskala-mbar__item[aria-expanded="true"] { color: var(--eskala-blue); font-weight: 800; }
  .eskala-mbar__item:focus-visible { outline: 2px solid var(--eskala-blue); outline-offset: -2px; }
  .eskala-mbar__count { position: absolute; top: -2px; left: calc(50% + 6px); min-width: 17px; padding: 1px 5px; border-radius: 999px; background: var(--eskala-gold); color: var(--eskala-black); font-size: 10px; font-weight: 800; line-height: 1.3; text-align: center; }
  .eskala-mbar__count[data-count="0"] { display: none; }

  /* Hojas */
  .eskala-sheet-overlay { position: fixed; inset: 0; z-index: 1000; display: block; background: rgba(10,31,68,.55); opacity: 0; transition: opacity .2s ease; }
  .eskala-sheet-overlay[hidden], .eskala-sheet[hidden] { display: none; }
  .eskala-sheet-overlay.is-open { opacity: 1; }
  .eskala-sheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; display: block; max-height: 80vh; overflow-y: auto; padding: 0 16px calc(24px + env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; background: #fff; box-shadow: 0 -10px 30px rgba(10,31,68,.25); transform: translateY(100%); transition: transform .22s ease; font-family: var(--eskala-font-body); }
  .eskala-sheet.is-open { transform: translateY(0); }
  html.eskala-sheet-lock, html.eskala-sheet-lock body { overflow: hidden; }
  .eskala-sheet__head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 14px 0 10px; background: #fff; }
  .eskala-sheet__head h2 { margin: 0; color: #0A1F44; font-family: var(--eskala-font-display); font-size: 26px; font-weight: 400; letter-spacing: .03em; text-transform: uppercase; }
  .eskala-sheet__close { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f1f3f7; color: #0A1F44; font-size: 24px; line-height: 1; cursor: pointer; }
  .eskala-sheet__list, .eskala-sheet__list ul { margin: 0; padding: 0; list-style: none; }
  .eskala-sheet__list > li { border-bottom: 1px solid #eef0f4; }
  .eskala-sheet__row, .eskala-sheet__list summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0; color: #0A1F44; font-size: 16px; font-weight: 700; text-decoration: none; cursor: pointer; list-style: none; }
  .eskala-sheet__list summary::-webkit-details-marker { display: none; }
  .eskala-sheet__row svg, .eskala-sheet__list summary svg { flex: 0 0 auto; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .5; transition: transform .15s ease; }
  .eskala-sheet__list details[open] summary svg { transform: rotate(90deg); }
  .eskala-sheet__list details ul { padding: 0 0 10px 12px; }
  .eskala-sheet__list details li a { display: block; padding: 11px 0; color: #3d4757; font-size: 15px; text-decoration: none; }
  .eskala-sheet__row--accent { color: var(--eskala-blue); }
  .eskala-sheet__search { display: flex; gap: 8px; margin: 4px 0 10px; }
  .eskala-sheet__search input[type="search"] { flex: 1 1 auto; min-width: 0; min-height: 48px; margin: 0; padding: 0 14px; border: 1px solid #cfd6e2; border-radius: 8px; font: inherit; font-size: 16px; }
  .eskala-sheet__search button { flex: 0 0 auto; min-height: 48px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--eskala-gold); color: var(--eskala-black); font-weight: 800; cursor: pointer; }
  .eskala-sheet__hint { margin: 0; color: #596579; font-size: 14px; }
  .eskala-sheet__hint a { color: var(--eskala-blue); font-weight: 700; }

  /* Barra fija de compra (encima de la barra inferior) */
  body.eskala-has-pstick { padding-bottom: calc(64px + 64px + env(safe-area-inset-bottom)); }
  .eskala-pstick.is-visible { position: fixed; left: 0; right: 0; bottom: calc(58px + env(safe-area-inset-bottom)); z-index: 998; display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-top: 1px solid var(--eskala-border, #e5e5e5); background: #fff; box-shadow: 0 -4px 14px rgba(10,31,68,.08); font-family: var(--eskala-font-body); }
  body:not(.eskala-has-mbar) .eskala-pstick.is-visible { bottom: 0; padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
  .eskala-pstick__info { flex: 1 1 auto; min-width: 0; }
  .eskala-pstick__info b { display: block; overflow: hidden; color: #0A1F44; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
  .eskala-pstick__price { display: block; color: #3d4757; font-size: 13px; font-weight: 700; }
  .eskala-pstick__btn { flex: 0 0 auto; max-width: 52%; min-height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--eskala-gold); color: var(--eskala-black); font-size: 13px; font-weight: 800; line-height: 1.2; cursor: pointer; }
  body.eskala-has-pstick .eskala-floating-whatsapp { display: none; }
}

/* =====================================================================
   v1.8.0 – Eskala FIND unificado (pasos, plazo, WhatsApp directo)
   ===================================================================== */
.eskala-find__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.eskala-find__steps li { padding: 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f5f7fa; color: #17243b; font-size: 13px; font-weight: 600; }
.eskala-find__steps b { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; background: #003C8F; color: #fff; font-size: 12px; }
.eskala-find__plazo { margin: 12px 0 0; padding: 10px 12px; border-left: 4px solid #F2B400; background: #fffbea; }
.eskala-find__wa { display: inline-block; margin-top: 8px; padding: 10px 16px; border-radius: 8px; background: #25D366; color: #06240f !important; font-weight: 800; text-decoration: none; }
.eskala-find__directwrap { margin: 14px 0 0; font-size: 14px; color: #17243b; }
.eskala-find__directwrap small { color: #687386; }
.eskala-find__direct { color: #003C8F; font-weight: 800; }
.eskala-find__direct-error { margin: 8px 0 0; padding: 8px 10px; border-radius: 6px; background: #fff1f0; color: #a12622; font-size: 14px; font-weight: 600; }
@media (max-width: 767px) { .eskala-find__steps { grid-template-columns: 1fr; } }

/* Eskala Sports Core 1.9.0 · fichas por familia */
.eskala-product-specs{margin:22px 0;padding:18px;border:1px solid rgba(0,60,143,.14);border-radius:12px;background:#fff}
.eskala-product-specs h3{margin:0 0 12px;font-size:16px;font-weight:800;color:#003C8F}
.eskala-product-specs dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0}
.eskala-product-specs dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f4}
.eskala-product-specs dt{font-weight:600;color:#5c6470}
.eskala-product-specs dd{margin:0;text-align:right;font-weight:700;color:#202631}
.eskala-family-fields{padding:0 12px 8px;border-top:1px solid #dcdcde;margin-top:10px}
@media(max-width:600px){.eskala-product-specs dl{grid-template-columns:1fr}.eskala-product-specs dl>div{align-items:flex-start}.eskala-product-specs dd{max-width:58%}}

/* ================================================================
   ESKALA ACCOUNT HUB – v1.10.1
   Escritorio amplio, jerarquía editorial y responsive robusto para Astra.
   ================================================================ */
body.woocommerce-account .site-content>.ast-container,
body.woocommerce-account #content>.ast-container{
  display:block!important;width:100%!important;max-width:1480px!important;
  margin-inline:auto!important;padding:34px clamp(22px,3.2vw,48px) 64px!important;
  box-sizing:border-box!important
}
body.woocommerce-account #primary,
body.woocommerce-account .ast-woocommerce-container,
body.woocommerce-account .site-main{
  display:block!important;float:none!important;width:100%!important;max-width:none!important;
  min-width:0!important;margin:0!important;padding:0!important
}
body.woocommerce-account #secondary{display:none!important}
body.woocommerce-account .entry-header{max-width:1480px;margin:0 auto 18px;padding-inline:clamp(22px,3.2vw,48px)}
body.woocommerce-account .entry-title{font-size:clamp(30px,3vw,42px);line-height:1.05;color:#0a1f44}
body.logged-in.woocommerce-account .woocommerce{
  display:grid!important;grid-template-columns:minmax(220px,250px) minmax(0,1fr)!important;
  gap:clamp(24px,3vw,42px)!important;align-items:start!important;width:100%!important;
  max-width:none!important;margin:0!important
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  position:sticky;top:26px;float:none!important;width:auto!important;max-width:none!important;
  margin:0!important;padding:13px!important;border:1px solid #dce4ef!important;
  border-radius:18px!important;background:linear-gradient(160deg,#f8faff 0%,#eef3fa 100%)!important;
  box-shadow:0 12px 34px rgba(10,31,68,.07)
}
.woocommerce-account .woocommerce-MyAccount-navigation:before{
  content:"TU ESPACIO ESKALA";display:block;margin:4px 10px 12px;color:#7b8798;
  font-size:9px;font-weight:900;letter-spacing:.17em
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none!important;margin:0!important;padding:0!important}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:3px 0!important;padding:0!important;border:0!important}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex!important;align-items:center;gap:10px;min-height:48px;padding:11px 13px!important;
  border:1px solid transparent;border-radius:11px!important;color:#26364d!important;
  font-size:13px!important;font-weight:750!important;line-height:1.25;text-decoration:none!important;
  transition:background .2s,border-color .2s,color .2s,transform .2s
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before{
  content:"";display:inline-flex;flex:0 0 7px;width:7px;height:7px;border-radius:50%;
  background:#b9c6d8;box-shadow:0 0 0 4px rgba(185,198,216,.18)
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:#fff!important;border-color:#dce5f2!important;color:#003c8f!important;transform:translateX(2px)
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#003c8f!important;border-color:#003c8f!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(0,60,143,.2)
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:before{background:#f2b400;box-shadow:0 0 0 4px rgba(242,180,0,.2)}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{color:#a33b3b!important}
.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;color:#202938}
.woocommerce-account .woocommerce-MyAccount-content>p:first-child{margin-top:0}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error{border-radius:12px}

/* Dashboard: cabecera editorial tipo fan club */
.eskala-account{--ea-blue:#003c8f;--ea-navy:#081b3b;--ea-gold:#f2b400;--ea-border:#e3e9f2;color:#202938;width:100%;max-width:none}
.eskala-account__hero{
  display:flex;align-items:center;gap:22px;position:relative;isolation:isolate;overflow:hidden;
  min-height:190px;margin:0 0 34px;padding:clamp(26px,3vw,42px)!important;
  border:1px solid rgba(255,255,255,.12);border-radius:22px!important;
  background:radial-gradient(circle at 84% 25%,rgba(31,107,255,.48),transparent 28%),
    linear-gradient(118deg,#003c8f 0%,#0a1f44 58%,#07152d 100%)!important;
  color:#fff;box-shadow:0 18px 42px rgba(8,27,59,.18)
}
.eskala-account__hero:before{
  content:"FAN";position:absolute;z-index:-1;right:9%;top:50%;transform:translateY(-53%);
  color:rgba(255,255,255,.045);font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(110px,15vw,210px);
  font-weight:900;line-height:.8;letter-spacing:-.06em;pointer-events:none
}
.eskala-account__hero:after{
  content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-82px;top:-135px;
  border:34px solid rgba(242,180,0,.24);border-radius:50%;pointer-events:none
}
.eskala-account__avatar{flex:0 0 78px;width:78px;height:78px;border:3px solid rgba(255,255,255,.82);border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.eskala-account__avatar-img{display:block;width:100%;height:100%;object-fit:cover}
.eskala-account__welcome{position:relative;z-index:1;min-width:0;flex:1}
.eskala-account__eyebrow{display:block;margin:0 0 8px;color:#f2c94c!important;font-size:10px;font-weight:900;letter-spacing:.2em}
.eskala-account__welcome h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(30px,3.2vw,44px)!important;line-height:1.02!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.035em}
.eskala-account__welcome p{max-width:560px;margin:0!important;color:rgba(255,255,255,.8)!important;font-size:14px;line-height:1.6}
.eskala-account__hero-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:12px 17px!important;
  border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;background:rgba(255,255,255,.08);
  color:#fff!important;font-size:12px;font-weight:850;text-decoration:none!important;backdrop-filter:blur(6px);transition:background .2s,border-color .2s,transform .2s}
.eskala-account__hero-link:hover{transform:translateY(-2px);border-color:#f2b400!important;background:#f2b400!important;color:#081b3b!important}
.eskala-account__section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 17px}
.eskala-account__section-head .eskala-account__eyebrow{color:#8793a5!important;margin-bottom:6px}
.eskala-account__section-head h3{margin:0!important;color:#101d33!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.1!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.025em}
.eskala-account__section-head>a{display:inline-flex;align-items:center;gap:7px;color:#003c8f!important;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap}
.eskala-account__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 38px}
.eskala-account__card{
  position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:208px;
  padding:22px!important;border:1px solid var(--ea-border)!important;border-radius:17px!important;
  background:linear-gradient(145deg,#fff 0%,#f9fbfe 100%)!important;color:#202938!important;
  text-decoration:none!important;box-shadow:0 5px 18px rgba(16,36,68,.045)!important;
  transition:transform .24s,box-shadow .24s,border-color .24s
}
.eskala-account__card:after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-54px;width:130px;height:130px;border:17px solid rgba(0,60,143,.035);border-radius:50%;transition:transform .3s}
.eskala-account__card:hover{transform:translateY(-5px);border-color:#b7c9e3!important;box-shadow:0 18px 36px rgba(16,36,68,.12)!important}
.eskala-account__card:hover:after{transform:scale(1.12)}
.eskala-account__card--primary{border-top:4px solid var(--ea-gold)!important;background:linear-gradient(145deg,#fff 0%,#f5f8ff 100%)!important}
.eskala-account__card--whatsapp{border-top:4px solid #25b967!important;border-left:1px solid var(--ea-border)!important}
.eskala-account__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 17px;border-radius:14px;background:#eaf1fb;color:#003c8f;box-shadow:inset 0 0 0 1px rgba(0,60,143,.04)}
.eskala-account__card--whatsapp .eskala-account__icon{background:#e9f8ef;color:#159447}
.eskala-account__icon svg,.eskala-account__empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eskala-account__card-title{display:block;margin:0 0 7px;color:#101d33!important;font-size:17px;font-weight:900;letter-spacing:-.015em}
.eskala-account__card-copy{display:block;flex:1;color:#69778b!important;font-size:12px;line-height:1.65}
.eskala-account__card-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:19px;padding-top:12px;border-top:1px solid #e9eef5;color:#003c8f!important;font-size:11px;font-weight:900;letter-spacing:.015em}
.eskala-account__card-cta b{font-size:17px;transition:transform .2s}
.eskala-account__card:hover .eskala-account__card-cta b{transform:translateX(4px)}
.eskala-account__card--whatsapp .eskala-account__card-cta{color:#159447!important}

/* Pedidos: panel de actividad con mejor jerarquía y aire */
.eskala-account__orders{position:relative;padding:25px!important;border:1px solid var(--ea-border)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 8px 28px rgba(16,36,68,.045)}
.eskala-account__order-list{display:grid;gap:11px}
.eskala-account__order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;padding:17px 19px;border:1px solid #e9eef5;border-radius:13px;background:linear-gradient(110deg,#fbfcfe,#fff);transition:border-color .2s,box-shadow .2s}
.eskala-account__order:hover{border-color:#c5d5eb;box-shadow:0 6px 18px rgba(16,36,68,.06)}
.eskala-account__order-main,.eskala-account__order-meta{display:flex;flex-direction:column;gap:5px}
.eskala-account__order-main strong{color:#101d33;font-size:14px;font-weight:900}
.eskala-account__order-main span{color:#7a8799;font-size:11px}
.eskala-account__order-meta{align-items:flex-end}
.eskala-account__order-meta>strong{font-size:14px;color:#101d33}
.eskala-account__status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:30px;background:#edf3fc;color:#003c8f;font-size:10px;font-weight:850}
.eskala-account__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.eskala-account__status--completed{background:#e9f7ef;color:#187044}
.eskala-account__status--cancelled,.eskala-account__status--failed{background:#fff0f0;color:#a33b3b}
.eskala-account__order-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;padding-top:11px;border-top:1px solid #edf0f4}
.eskala-account__order-actions a{color:#003c8f;font-size:11px;font-weight:850;text-decoration:none}
.eskala-account__order-actions a:hover{text-decoration:underline}
.eskala-account__note{margin:13px 0 0;color:#8590a0;font-size:10px;line-height:1.6}
.eskala-account__empty{display:flex;align-items:center;gap:17px;padding:23px;border:1px dashed #c6d2e2;border-radius:14px;background:linear-gradient(110deg,#f7faff,#fff)}
.eskala-account__empty-icon{display:flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:50px;border-radius:15px;background:#eaf1fb;color:#003c8f}
.eskala-account__empty strong{color:#101d33;font-size:15px}
.eskala-account__empty p{margin:5px 0 9px;color:#69778b;font-size:12px}
.eskala-account__empty a{color:#003c8f;font-size:12px;font-weight:900;text-decoration:none}
.eskala-account__footer{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;justify-content:center;margin:28px 0 4px;padding:17px;border-top:1px solid #e9eef5;color:#8490a1;font-size:11px;text-align:center}
.eskala-account__footer strong{color:#003c8f}

/* Desktop ancho: cuatro acciones en una línea; portátiles: dos columnas */
@media(min-width:1200px){.eskala-account__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.eskala-account__card{min-height:225px;padding:19px!important}}
@media(min-width:921px) and (max-width:1199px){body.logged-in.woocommerce-account .woocommerce{grid-template-columns:minmax(205px,225px) minmax(0,1fr)!important;gap:22px!important}}
@media(max-width:920px){
  body.woocommerce-account .site-content>.ast-container,body.woocommerce-account #content>.ast-container{padding:24px 18px 48px!important}
  body.logged-in.woocommerce-account .woocommerce{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important}
  .woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  .eskala-account__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body.woocommerce-account .site-content>.ast-container,body.woocommerce-account #content>.ast-container{padding:18px 13px 38px!important}
  body.logged-in.woocommerce-account .woocommerce{display:flex!important;flex-direction:column!important;gap:18px!important}
  .woocommerce-account .woocommerce-MyAccount-navigation{width:100%!important;max-width:100%!important;padding:8px!important;overflow-x:auto;position:static}
  .woocommerce-account .woocommerce-MyAccount-navigation:before{margin:3px 8px 8px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:5px;min-width:max-content}
  .woocommerce-account .woocommerce-MyAccount-navigation li{margin:0!important}
  .woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:40px;padding:8px 11px!important;white-space:nowrap;font-size:11px!important}
  .woocommerce-account .woocommerce-MyAccount-content{width:100%!important}
  .eskala-account__hero{align-items:flex-start;gap:13px;min-height:0;margin-bottom:27px;padding:22px 18px 64px!important;border-radius:17px!important}
  .eskala-account__hero:before{right:-3%;font-size:112px}
  .eskala-account__avatar{flex-basis:54px;width:54px;height:54px}
  .eskala-account__welcome h2{font-size:25px!important}
  .eskala-account__welcome p{font-size:11px}
  .eskala-account__hero-link{position:absolute;left:18px;right:auto;bottom:15px;padding:8px 12px!important;font-size:10px}
  .eskala-account__cards{grid-template-columns:1fr;gap:11px;margin-bottom:27px}
  .eskala-account__card{min-height:0;padding:18px!important}
  .eskala-account__icon{width:42px;height:42px;margin-bottom:12px}
  .eskala-account__card-cta{margin-top:13px}
  .eskala-account__orders{padding:17px!important}
  .eskala-account__order{padding:13px;gap:8px 10px}
  .eskala-account__section-head h3{font-size:21px!important}
  .eskala-account__empty{align-items:flex-start;padding:16px}
}
@media(prefers-reduced-motion:reduce){.eskala-account__card,.woocommerce-account .woocommerce-MyAccount-navigation li a,.eskala-account__order{transition:none}.eskala-account__card:hover{transform:none}}