/* Guía de tallas · lectura rápida, datos visibles en una sola pasada. */
main#main-content#main-content[data-guia="tallaje"] .gx-hero {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1180px, calc(100% - 32px));
  margin: 12px auto 0;
  padding: 28px clamp(20px, 4vw, 48px) !important;
  gap: 12px;
}
main#main-content#main-content[data-guia="tallaje"] .gx-hero__texto { gap: 12px; padding: 0; }
main#main-content#main-content[data-guia="tallaje"] .gx-h1 .seo-tema { margin-bottom: 8px !important; }
main#main-content#main-content[data-guia="tallaje"] h1.gx-h1 { font-size: clamp(38px, 5.4vw, 58px) !important; }
main#main-content#main-content[data-guia="tallaje"] .gx-lead { max-width: 60ch; font-size: clamp(16px, 2vw, 19px); }
main#main-content#main-content[data-guia="tallaje"] .gx-atajos { gap: 8px; margin-top: 0; }
main#main-content#main-content[data-guia="tallaje"] .gx-atajos a { min-height: 40px; padding-inline: 13px; font-size: 14px; }

main#main-content#main-content[data-guia="tallaje"] .gx-sec { padding-block: 28px; }
main#main-content#main-content[data-guia="tallaje"] .gx-medir { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 24px; align-items: center; }
main#main-content#main-content[data-guia="tallaje"] .gx-medir__texto { gap: 8px; }
main#main-content#main-content[data-guia="tallaje"] .gx-medir__texto h2 { font-size: clamp(29px, 3.4vw, 42px); }
main#main-content#main-content[data-guia="tallaje"] .gx-regla-oro { font-size: 16px; line-height: 1.4; }
main#main-content#main-content[data-guia="tallaje"] .gx-fotos { width: 100%; gap: 12px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto { gap: 7px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__img { aspect-ratio: 4 / 3; max-height: 144px; border-radius: 14px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__img img { object-fit: contain; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__pie { gap: 2px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__nombre { font-size: 20px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__linea { font-size: 13px; line-height: 1.3; }

main#main-content#main-content[data-guia="tallaje"] #tablas { background: #f5f4f2; }
main#main-content#main-content[data-guia="tallaje"] .gx-bloque-tabla { gap: 13px; }
main#main-content#main-content[data-guia="tallaje"] .gx-bloque-tabla__titulo { gap: 6px; }
main#main-content#main-content[data-guia="tallaje"] .gx-bloque-tabla__titulo h2 { font-size: clamp(31px, 4vw, 44px); }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla-nota { font-size: 14px; line-height: 1.4; }
main#main-content#main-content[data-guia="tallaje"] .gx-size-note {
  margin: 0;
  padding: 10px 12px;
  border-left: 3px solid var(--g-rojo);
  background: #fff;
  color: var(--g-ink2);
  font: 400 14px/1.4 var(--g-body);
}
main#main-content#main-content[data-guia="tallaje"] .gx-size-note strong { color: var(--g-ink); font-weight: 700; }
main#main-content#main-content[data-guia="tallaje"] .gx-tablas { gap: 16px; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla caption { padding-bottom: 7px; font-size: 21px; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla thead tr:first-child th { padding: 7px 3px 6px; font-size: 16px !important; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla thead tr:last-child th { padding: 5px 3px 7px; font-size: 12px !important; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla tbody th,
main#main-content#main-content[data-guia="tallaje"] .gx-tabla tbody td { height: 32px; padding: 3px; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla tbody th { font-size: 18px !important; }
main#main-content#main-content[data-guia="tallaje"] .gx-tabla tbody td { font-size: 14px !important; }

main#main-content#main-content[data-guia="tallaje"] #preguntas { padding-block: 28px; }
main#main-content#main-content[data-guia="tallaje"] .gx-faq { gap: 12px; }
main#main-content#main-content[data-guia="tallaje"] .gx-qa { gap: 4px; padding-block: 10px; }
main#main-content#main-content[data-guia="tallaje"] .gx-qa h3 { font-size: 17px; }
main#main-content#main-content[data-guia="tallaje"] .gx-qa p { font-size: 14px; line-height: 1.4; }
main#main-content#main-content[data-guia="tallaje"] .gx-cierre { gap: 14px; padding-block: 28px; }

@media (max-width: 899px) {
  main#main-content#main-content[data-guia="tallaje"] .gx-medir { grid-template-columns: 1fr; gap: 14px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-foto__img { height: clamp(92px, 29vw, 118px); }
  main#main-content#main-content[data-guia="tallaje"] .gx-foto__nombre { font-size: 18px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-foto__linea { font-size: 12px; }
}
@media (min-width: 900px) {
  main#main-content#main-content[data-guia="tallaje"] .gx-hero { padding-block: 24px !important; }
  main#main-content#main-content[data-guia="tallaje"] .gx-tablas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 32px; }
}

/* Tallas · fotos ampliables y una tabla seleccionable por persona. */
main#main-content#main-content[data-guia="tallaje"] .gx-foto__zoom {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: zoom-in;
  text-align: left;
  text-decoration: none;
}
main#main-content#main-content[data-guia="tallaje"] .gx-foto__img { position: relative; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto__zoom-label {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(8,9,11,.84);
  color: #fff;
  font: 600 11px/1.2 var(--g-body);
}

main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector {
  min-width: 0;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
}
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector legend {
  margin: 0 0 10px;
  padding: 0;
  color: var(--g-ink);
  font: 400 clamp(21px, 2.4vw, 28px)/1.12 var(--g-display);
  text-transform: uppercase;
}
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: min(100%, 760px);
}
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button {
  min-width: 0;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid #d6d2cf;
  border-radius: 12px;
  background: #fff;
  color: var(--g-ink);
  cursor: pointer;
  font: 700 15px/1.2 var(--g-body);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button:hover { border-color: var(--g-rojo); }
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button[aria-pressed="true"] {
  border-color: var(--g-ink);
  background: var(--g-ink);
  box-shadow: inset 0 3px 0 var(--g-rojo);
  color: #fff;
}
main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button:active { transform: translateY(1px); }
main#main-content#main-content[data-guia="tallaje"] .gx-tablas[data-enhanced] {
  display: block;
  width: min(100%, 820px);
  margin-inline: auto;
}
main#main-content#main-content[data-guia="tallaje"] .gx-tablas[data-enhanced] > .gx-tabla:not([hidden]) {
  display: table;
  width: 100%;
  max-width: 820px;
  margin-inline: auto;
}
main#main-content#main-content[data-guia="tallaje"] .gx-tabla[hidden] { display: none !important; }
main#main-content#main-content[data-guia="tallaje"] .gx-size-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}
main#main-content#main-content[data-guia="tallaje"] .gx-size-email {
  margin: 6px 0 0;
  padding: 12px 15px;
  border-left: 3px solid var(--g-rojo);
  border-radius: 0 10px 10px 0;
  background: #fff;
  color: var(--g-ink2);
  font: 400 14px/1.45 var(--g-body);
}
main#main-content#main-content[data-guia="tallaje"] .gx-size-email strong { color: var(--g-ink); }

main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog {
  position: fixed;
  inset: 0;
  width: min(92vw, 720px);
  max-width: none;
  max-height: 92dvh;
  margin: auto;
  padding: clamp(12px, 2vw, 20px);
  overflow: auto;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 18px;
  background: #08090b;
  color: #fff;
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
}
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog::backdrop { background: rgba(0,0,0,.78); }
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 10px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog__top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog__top > p {
  color: #fff;
  font: 400 22px/1.1 var(--g-display);
  text-transform: uppercase;
}
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog__close {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font: 400 28px/1 var(--g-body);
}
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog > img {
  width: 100%;
  height: min(72dvh, 760px);
  object-fit: contain;
  background: #030405;
}
main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog__caption { color: #d9d9d9; font: 400 14px/1.4 var(--g-body); }

@media (max-width: 599px) {
  main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones { gap: 7px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button { min-height: 48px; padding-inline: 6px; font-size: 14px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-size-email { padding: 10px 12px; font-size: 13px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog { width: calc(100vw - 24px); padding: 11px; border-radius: 14px; }
  main#main-content#main-content[data-guia="tallaje"] .gx-foto-dialog > img { height: min(76dvh, 720px); }
}

/* En móvil la guía de tallas ocupa toda la pantalla con tablas; el botón fijo
   se ancla al espacio libre del encabezado para no tapar medidas al desplazarse. */
@media (max-width: 767px) {
  /* La navegación no se esconde en esta guía: su franja aloja el acceso al chat
     y evita superponerlo con las filas de medidas durante el scroll. */
  body[data-ens-page="guide-sizing"] .ensutex-site-nav.ens-scroll-nav.ens-nav-hidden {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
  body.ens-primary-nav-hidden[data-ens-page="guide-sizing"] main[data-guia] {
    --guia-top: 64px;
  }
  body[data-ens-page="guide-sizing"] main[data-guia] .gx-tabla caption {
    position: sticky;
    top: 64px;
    z-index: 6;
    background: #fff;
  }
  body[data-ens-page="guide-sizing"] main[data-guia] .gx-tabla thead {
    position: sticky;
    top: 94px;
    z-index: 5;
  }
  body[data-ens-page="guide-sizing"] .ens-chat-widgets.floating-widgets {
    top: calc(8px + env(safe-area-inset-top)) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  body[data-ens-page="guide-sizing"] .ens-chat-widgets #chatbot-trigger.ens-chat-trigger {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
  body[data-ens-page="guide-sizing"] .ens-chat-panel#chatbot-panel {
    top: calc(72px + env(safe-area-inset-top)) !important;
    right: 8px !important;
    bottom: auto !important;
    left: 8px !important;
    width: auto !important;
    max-height: min(560px, calc(100dvh - 84px - env(safe-area-inset-top))) !important;
    transform-origin: top center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main#main-content#main-content[data-guia="tallaje"] .gx-talla-selector__opciones button { transition: none; }
}
