/* Landing Club Barefoot · CalzadoBarefoot.com
   CSS adaptado al bloque Gutenberg actual
*/

/* =========================================================
   VARIABLES
   ========================================================= */
:root {
  --cbf-petroleo: #296c85;
  --cbf-petroleo-oscuro: #174a5f;
  --cbf-oliva: #9ba761;
  --cbf-oliva-claro: #dce2bd;
  --cbf-crema: #f6f2e9;
  --cbf-papel: #fffdf8;
  --cbf-texto: #17323c;
  --cbf-gris: #66757a;
  --cbf-linea: #d9ded8;
}

html,
body {
  overflow-x: clip;
}

.cbf-club,
.cbf-club *,
.cbf-club-equivalencia,
.cbf-club-equivalencia * {
  box-sizing: border-box;
}

/* =========================================================
   HERO · FULL WIDTH REAL
   ========================================================= */

/* El bloque exterior siempre ocupa el viewport */
.cbf-club-hero {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
  background: var(--cbf-crema);
  overflow: hidden !important;
}

/* Anulamos límites del layout constrained de Gutenberg */
.cbf-club-hero > .wp-block-columns,
.cbf-club-hero .cbf-club-hero-columnas {
  position: relative;
  left: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Dos mitades reales */
.cbf-club-hero-columnas > .wp-block-column,
.cbf-club-hero-texto,
.cbf-club-hero-imagen {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Columna izquierda */
.cbf-club-hero-texto {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;

  padding: clamp(42px, 5vw, 82px) clamp(30px, 5.3vw, 86px) !important;
  transform: translateY(-8px);
  overflow: hidden;
}

/* Etiquetas */
.cbf-club-etiqueta {
  color: var(--cbf-petroleo);
  font-size: 16px !important;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.25;
  margin: 0 0 14px !important;
  text-transform: uppercase;
}

/* Título principal */
.cbf-club-titulo-principal {
  color: var(--cbf-texto);
  font-size: clamp(48px, 5.3vw, 92px) !important;
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: .94;
  margin: 0 0 24px !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.cbf-club-titulo-principal em {
  color: var(--cbf-petroleo);
  display: block;
  font-family: Georgia, serif;
  font-weight: 400;
}

/* Entradilla */
.cbf-club-entradilla {
  color: #435b64;
  font-size: 18px;
  line-height: 1.62;
  max-width: 580px;
  margin: 0 !important;
}

/* Botones */
.cbf-club-botones {
  margin-top: 28px !important;
  gap: 12px !important;
}

.cbf-club-botones .wp-block-button__link,
.cbf-club-cta-final .wp-block-button__link {
  border-radius: 999px;
  font-size: 14px;
  font-weight: 750;
  min-height: 54px;
  padding: 16px 26px;
}

.cbf-boton-principal .wp-block-button__link {
  background: var(--cbf-petroleo) !important;
  border: 1px solid var(--cbf-petroleo);
  color: #fff !important;
}

.cbf-boton-secundario .wp-block-button__link {
  background: transparent !important;
  border-color: var(--cbf-petroleo) !important;
  color: var(--cbf-petroleo) !important;
}

.cbf-club-microtexto {
  color: #7a8582;
  font-size: 12px;
  margin: 12px 0 0 8px !important;
}

/* Columna derecha */
.cbf-club-hero-imagen {
  align-self: stretch !important;
  overflow: hidden !important;
}

/* Figure de Gutenberg: ocupa toda la mitad derecha del hero */
.cbf-club-hero-imagen .cbf-club-imagen-principal,
.cbf-club-hero-imagen figure {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* La fotografía rellena por completo su 50%: sin franjas ni bordes */
.cbf-club-hero-imagen img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: 42% center !important;
}

/* =========================================================
   BANNER EQUIVALENCIA · UN SOLO GRUPO CENTRADO
   ========================================================= */

.cbf-club-equivalencia {
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 28px clamp(22px, 4vw, 54px) !important;
  background: var(--cbf-oliva-claro);
  overflow: hidden;
}

.cbf-club-equivalencia > .cbf-club-equivalencia-inner,
.cbf-club-equivalencia .cbf-club-equivalencia-inner {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;

  width: fit-content !important;
  max-width: calc(100vw - 48px) !important;

  margin: 0 auto !important;
  padding: 0 !important;

  gap: clamp(24px, 3vw, 48px) !important;
}

.cbf-club-equivalencia-inner > * {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

.cbf-club-equivalencia-mensaje {
  max-width: 290px !important;
  color: var(--cbf-texto);
  font-family: inherit !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.cbf-club-equivalencia-dato {
  color: var(--cbf-petroleo-oscuro);
  font-family: inherit !important;
  font-size: 38px !important;
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.cbf-club-equivalencia-dato small {
  color: #56602d;
  display: block;
  font-family: inherit !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.2;
  margin-top: 7px;
}

/* =========================================================
   SECCIONES GENERALES
   ========================================================= */

.cbf-club-seccion {
  background: var(--cbf-papel);
  padding: clamp(68px, 7.5vw, 108px) clamp(36px, 5.5vw, 82px);
}

.cbf-club-cabecera-seccion {
  margin-left: 0 !important;
  max-width: 900px !important;
}

.cbf-club-cabecera-seccion h2,
.cbf-club-como h2,
.cbf-club-calculo h2,
.cbf-club-faq h2,
.cbf-club-cta-final h2 {
  color: var(--cbf-texto);
  font-size: clamp(38px, 5vw, 70px) !important;
  font-weight: 550;
  letter-spacing: -.055em;
  line-height: 1.03;
}

/* =========================================================
   VENTAJAS / TARJETAS
   ========================================================= */

.cbf-club-ventajas .cbf-club-etiqueta {
  font-size: 16px !important;
}

.cbf-club-tarjetas {
  gap: 18px !important;
  margin-top: 48px !important;
}

.cbf-club-tarjeta {
  background: var(--cbf-crema);
  border-radius: 26px;
  min-height: 290px;
  padding: 34px;
  font-family: inherit !important;
}

.cbf-club-tarjeta-destacada {
  background: var(--cbf-petroleo);
  color: #fff;
  transform: translateY(-16px);
}

.cbf-club-tarjeta .cbf-club-numero {
  align-items: center;
  background: var(--cbf-oliva-claro);
  border-radius: 50%;
  color: var(--cbf-petroleo);
  display: flex;
  font-family: inherit !important;
  font-size: 12px;
  font-weight: 800;
  height: 42px;
  justify-content: center;
  margin-bottom: 44px;
  width: 42px;
}

.cbf-club-tarjeta-destacada .cbf-club-numero {
  background: #fff;
}

.cbf-club-tarjeta h3 {
  font-family: inherit !important;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2;
  margin-bottom: 12px;
}

.cbf-club-tarjeta p:last-child {
  color: var(--cbf-gris);
  font-family: inherit !important;
  font-size: 14px;
  line-height: 1.7;
}

.cbf-club-tarjeta-destacada h3,
.cbf-club-tarjeta-destacada p:last-child {
  color: #fff;
}

/* =========================================================
   CÓMO FUNCIONA
   ========================================================= */

.cbf-club-como-columnas {
  align-items: center !important;
  gap: clamp(50px, 8vw, 130px) !important;
}

.cbf-club-como-imagen img {
  aspect-ratio: 1;
  border-radius: 34px;
  object-fit: cover;
  width: 100%;
}

.cbf-club-paso {
  border-top: 1px solid var(--cbf-linea);
  padding: 23px 0;
}

.cbf-club-paso h3 {
  color: var(--cbf-texto);
  font-size: 17px;
  margin: 0 0 7px;
}

.cbf-club-paso h3 span {
  align-items: center;
  border: 1px solid var(--cbf-oliva);
  border-radius: 50%;
  color: var(--cbf-petroleo);
  display: inline-flex;
  font-size: 12px;
  height: 34px;
  justify-content: center;
  margin-right: 14px;
  width: 34px;
}

.cbf-club-paso p {
  color: var(--cbf-gris);
  font-size: 14px;
  margin: 0 0 0 53px;
}

.cbf-club-enlace a {
  color: var(--cbf-petroleo);
  font-weight: 800;
}

/* =========================================================
   CÁLCULO
   ========================================================= */

.cbf-club-calculo {
  background: var(--cbf-petroleo-oscuro);
  border-radius: 36px;
  color: #fff;
  margin-bottom: 80px;
  margin-top: 40px;
  padding: clamp(48px, 7vw, 82px);
}

.cbf-club-calculo .cbf-club-etiqueta {
  color: var(--cbf-oliva-claro);
}

.cbf-club-calculo h2,
.cbf-club-calculo h3 {
  color: #fff;
}

.cbf-club-ejemplos {
  gap: 14px !important;
  margin-top: 38px !important;
}

.cbf-club-ejemplos .wp-block-column {
  background: rgba(255,255,255,.1);
  border-radius: 18px;
  padding: 22px;
}

.cbf-club-ejemplos h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

.cbf-club-ejemplos p {
  color: #cddaa0;
  font-size: 13px;
  margin: 0;
}


/* =========================================================
   FAQ · CONTENIDO SIEMPRE DENTRO DEL VIEWPORT
   ========================================================= */

.cbf-club-faq {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.cbf-club-faq .cbf-club-faq-columnas {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.cbf-club-faq .cbf-club-faq-columnas > .wp-block-column {
  min-width: 0 !important;
}

.cbf-club-faq .cbf-club-etiqueta,
.cbf-club-faq h2 {
  margin-left: 0 !important;
  max-width: 100% !important;
}

/* =========================================================
   FAQ
   ========================================================= */

.cbf-club-faq-columnas {
  gap: clamp(50px, 8vw, 130px) !important;
}

.cbf-club-preguntas details {
  border-bottom: 1px solid var(--cbf-linea);
  margin: 0;
  padding: 24px 0;
}

.cbf-club-preguntas summary {
  color: var(--cbf-texto);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.cbf-club-preguntas details p {
  color: var(--cbf-gris);
  font-size: 14px;
  line-height: 1.65;
  margin-top: 16px;
}

/* =========================================================
   CTA FINAL
   ========================================================= */

.cbf-club-cta-final {
  background: var(--cbf-petroleo);
  color: #fff;
  padding: clamp(82px, 9vw, 120px) clamp(24px, 5vw, 70px);
  text-align: center;
}

.cbf-club-cta-final .cbf-club-etiqueta {
  color: var(--cbf-oliva-claro);
}

.cbf-club-cta-final h2 {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 820px;
}

.cbf-club-cta-final > p:not(.cbf-club-etiqueta) {
  color: #dcebf0;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

.cbf-boton-claro .wp-block-button__link {
  background: #fff !important;
  color: var(--cbf-petroleo) !important;
}

.cbf-boton-fantasma .wp-block-button__link {
  background: transparent !important;
  border-color: rgba(255,255,255,.7) !important;
  color: #fff !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1180px) {
  .cbf-club-hero-texto {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  .cbf-club-titulo-principal {
    font-size: clamp(46px, 5vw, 72px) !important;
  }

  .cbf-club-equivalencia-inner {
    gap: 24px !important;
  }

  .cbf-club-equivalencia-mensaje {
    max-width: 250px !important;
    font-size: 17px;
  }

  .cbf-club-equivalencia-dato {
    font-size: 34px !important;
  }
}

@media (max-width: 900px) and (min-width: 782px) {
  .cbf-club-hero-texto {
    padding: 38px 26px !important;
  }

  .cbf-club-titulo-principal {
    font-size: clamp(42px, 5vw, 58px) !important;
  }

  .cbf-club-entradilla {
    font-size: 16px;
  }
}

@media (max-width: 781px) {
  .cbf-club-hero {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  .cbf-club-hero > .wp-block-columns,
  .cbf-club-hero .cbf-club-hero-columnas {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cbf-club-hero-columnas {
    flex-direction: column !important;
  }

  .cbf-club-hero-columnas > .wp-block-column,
  .cbf-club-hero-texto,
  .cbf-club-hero-imagen {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .cbf-club-hero-texto {
    transform: none;
    padding: 48px 24px 42px !important;
  }

  .cbf-club-hero-imagen .cbf-club-imagen-principal,
  .cbf-club-hero-imagen figure {
    min-height: 0 !important;
    height: auto !important;
  }

  .cbf-club-hero-imagen img {
    min-height: 0 !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .cbf-club-equivalencia {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 26px 22px !important;
  }

  .cbf-club-equivalencia-inner {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .cbf-club-equivalencia-mensaje {
    max-width: 360px !important;
  }

  .cbf-club-tarjeta-destacada {
    transform: none;
  }

  .cbf-club-tarjeta {
    min-height: auto;
  }

  .cbf-club-tarjeta .cbf-club-numero {
    margin-bottom: 30px;
  }

  .cbf-club-calculo {
    border-radius: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .cbf-club-seccion {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 520px) {
  .cbf-club-titulo-principal {
    font-size: 52px !important;
  }

  .cbf-club-botones,
  .cbf-club-botones .wp-block-button,
  .cbf-club-botones .wp-block-button__link {
    width: 100%;
  }

  .cbf-club-seccion {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cbf-club-equivalencia-dato {
    font-size: 32px !important;
  }
}

/* =========================================================
   AJUSTES FINALES · BANNER, TARJETAS Y FAQ
   ========================================================= */

/* Tipografía moderna común en banner y tarjetas */
.cbf-club-equivalencia,
.cbf-club-equivalencia *,
.cbf-club-tarjeta,
.cbf-club-tarjeta * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Banner de equivalencia: texto ligeramente mayor y más limpio */
.cbf-club-equivalencia-mensaje {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
}

.cbf-club-equivalencia-dato {
  font-size: 40px !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

.cbf-club-equivalencia-dato small {
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

/* Tarjetas: aspecto más actual */
.cbf-club-tarjeta h3 {
  font-size: 23px !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}

.cbf-club-tarjeta p:last-child {
  font-size: 15px !important;
  line-height: 1.65 !important;
  letter-spacing: -.005em !important;
}

.cbf-club-tarjeta .cbf-club-numero {
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* FAQ: full width real y dos columnas equilibradas */
.cbf-club-faq {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding-left: clamp(36px, 5.5vw, 82px) !important;
  padding-right: clamp(36px, 5.5vw, 82px) !important;
  overflow: hidden !important;
}

.cbf-club-faq .cbf-club-faq-columnas {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: clamp(50px, 7vw, 120px) !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cbf-club-faq .cbf-club-faq-columnas > .wp-block-column {
  flex: 1 1 0 !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.cbf-club-faq .cbf-club-etiqueta,
.cbf-club-faq h2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.cbf-club-faq h2 {
  font-size: clamp(44px, 4.8vw, 72px) !important;
}

.cbf-club-preguntas {
  width: 100% !important;
  max-width: 100% !important;
}

.cbf-club-preguntas details {
  width: 100% !important;
}

@media (max-width: 781px) {
  .cbf-club-faq {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .cbf-club-faq .cbf-club-faq-columnas {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .cbf-club-faq .cbf-club-faq-columnas > .wp-block-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  .cbf-club-equivalencia-mensaje {
    font-size: 18px !important;
  }
}

/* =========================================================
   INTERACCIONES Y ANIMACIONES · CLUB BAREFOOT
   ========================================================= */

/* Hover moderno de las tres tarjetas. La tarjeta central conserva su elevación base. */
.cbf-club-tarjeta {
  transition:
    transform .34s cubic-bezier(.2,.75,.25,1),
    box-shadow .34s ease,
    filter .34s ease !important;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .cbf-club-tarjeta:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 44px rgba(23, 50, 60, .12);
  }

  .cbf-club-tarjeta-destacada:hover {
    transform: translateY(-24px);
    box-shadow: 0 22px 52px rgba(23, 74, 95, .25);
  }
}

/*
 * Las animaciones de entrada solo se activan cuando el JS añade
 * .cbf-motion-enabled al elemento <html>. Si JS no carga, todo permanece visible.
 */
html.cbf-motion-enabled .cbf-reveal {
  opacity: 0;
  transform: translate3d(var(--cbf-reveal-x, 0), var(--cbf-reveal-y, 30px), 0)
             scale(var(--cbf-reveal-scale, .985));
  transition:
    opacity .72s cubic-bezier(.2,.7,.2,1),
    transform .82s cubic-bezier(.16,1,.3,1);
  transition-delay: var(--cbf-reveal-delay, 0ms);
  will-change: opacity, transform;
}

html.cbf-motion-enabled .cbf-reveal.cbf-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

/* Las tres ventajas entran desde direcciones diferentes. */
html.cbf-motion-enabled .cbf-club-tarjetas > .wp-block-column:nth-child(1).cbf-reveal {
  --cbf-reveal-x: -42px;
  --cbf-reveal-y: 8px;
  --cbf-reveal-delay: 0ms;
}

html.cbf-motion-enabled .cbf-club-tarjetas > .wp-block-column:nth-child(2).cbf-reveal {
  --cbf-reveal-x: 0;
  --cbf-reveal-y: 42px;
  --cbf-reveal-delay: 110ms;
}

html.cbf-motion-enabled .cbf-club-tarjetas > .wp-block-column:nth-child(3).cbf-reveal {
  --cbf-reveal-x: 42px;
  --cbf-reveal-y: 8px;
  --cbf-reveal-delay: 220ms;
}

/* Apariciones suaves para otros bloques importantes de la landing. */
html.cbf-motion-enabled .cbf-club-equivalencia-inner.cbf-reveal {
  --cbf-reveal-y: 22px;
}

html.cbf-motion-enabled .cbf-club-como-columnas.cbf-reveal {
  --cbf-reveal-x: -28px;
  --cbf-reveal-y: 18px;
}

html.cbf-motion-enabled .cbf-club-calculo.cbf-reveal {
  --cbf-reveal-y: 38px;
}

html.cbf-motion-enabled .cbf-club-faq-columnas.cbf-reveal {
  --cbf-reveal-x: 26px;
  --cbf-reveal-y: 18px;
}

html.cbf-motion-enabled .cbf-club-cta-final.cbf-reveal {
  --cbf-reveal-y: 34px;
  --cbf-reveal-scale: .99;
}

/* En móvil: menos desplazamiento para que el efecto siga siendo elegante. */
@media (max-width: 781px) {
  html.cbf-motion-enabled .cbf-reveal {
    --cbf-reveal-x: 0 !important;
    --cbf-reveal-y: 24px !important;
    --cbf-reveal-delay: 0ms !important;
  }

  .cbf-club-tarjeta,
  .cbf-club-tarjeta-destacada {
    transform: none;
  }
}

/* Accesibilidad: sin movimiento cuando el usuario lo solicita. */
@media (prefers-reduced-motion: reduce) {
  .cbf-club-tarjeta,
  .cbf-club-tarjeta-destacada,
  html.cbf-motion-enabled .cbf-reveal,
  html.cbf-motion-enabled .cbf-reveal.cbf-is-visible {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* CBF paridad EN/PT v3: replica el acabado visual que permanece en ES. */
#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__product-cue,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__product-cue {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 32px;
  height: 42px;
  filter: none;
  transform: translate(-50%, 120px);
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__product-cue-arrow,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__product-cue-arrow {
  left: 0;
  top: 0;
  width: 32px;
  height: 42px;
  border: 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 42'%3E%3Cpath d='M3 2v30l8-8 6 14 6-3-6-13h11z' fill='%23fff' stroke='%23111' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: none;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__product-cue-arrow::before,
#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__product-cue-arrow::after,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__product-cue-arrow::before,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__product-cue-arrow::after {
  content: none;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__product-cue-click,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__product-cue-click {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 34px;
  height: 34px;
  border: 2px solid #2b7188;
  transform: translate(-50%, -50%) scale(.45);
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue {
  animation: cbf-cue-rise-v5 1.65s cubic-bezier(.16, 1, .3, 1) .05s both;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window {
  min-height: 0;
  height: auto;
  overflow: visible;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  overflow: visible;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content {
  position: relative;
  width: 100%;
  height: auto;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card {
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase {
  position: absolute;
  top: calc(100% + 58px);
  right: 0;
  bottom: auto;
  left: 0;
  margin: 0;
  padding: 0 12px;
  background: transparent;
}

#cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__replay,
#cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__replay {
  margin-top: 16px;
}

@media (max-width: 700px) {
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card {
    width: 100%;
    max-width: none;
  }

  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase {
    top: calc(100% + 54px);
    padding: 0 8px;
  }
}

/* =========================================================
   ANIMACIÓN DEL BLOQUE CLUB BAREFOOT · PORTADA
   ========================================================= */

.cbf-club-home.cbf-club-motion-ready {
  overflow: hidden;
}

.cbf-club-home.cbf-club-motion-ready .cbf-club-left > *,
.cbf-club-home.cbf-club-motion-ready .cbf-club-card {
  opacity: 0;
  will-change: opacity, transform;
  transition-property: opacity, transform;
  transition-duration: .75s;
  transition-timing-function: cubic-bezier(.22, .8, .24, 1);
}

.cbf-club-home.cbf-club-motion-ready .cbf-club-left > * {
  transform: translateY(24px);
}

.cbf-club-home.cbf-club-motion-ready .cbf-club-card {
  position: relative;
  overflow: hidden;
  transform: translateX(44px) rotateY(-8deg) scale(.96);
  transform-origin: right center;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *,
.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-card {
  opacity: 1;
  transform: none;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *:nth-child(1) {
  transition-delay: .08s;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *:nth-child(2) {
  transition-delay: .18s;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *:nth-child(3) {
  transition-delay: .30s;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *:nth-child(4) {
  transition-delay: .42s;
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-left > *:nth-child(5) {
  transition-delay: .52s;
}

.cbf-club-home.cbf-club-motion-ready .cbf-club-card::after {
  content: "";
  position: absolute;
  top: -35%;
  left: -80%;
  width: 46%;
  height: 170%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,.56) 50%, rgba(255,255,255,0) 65%, transparent 100%);
  transform: rotate(15deg);
}

.cbf-club-home.cbf-club-motion-ready.cbf-club-is-visible .cbf-club-card::after {
  animation: cbf-club-card-shine 1.15s .62s cubic-bezier(.2,.7,.2,1) forwards;
}

@keyframes cbf-club-card-shine {
  0% {
    opacity: 0;
    transform: translateX(0) rotate(15deg);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(390%) rotate(15deg);
  }
}

@media (max-width: 700px) {
  .cbf-club-home.cbf-club-motion-ready .cbf-club-card {
    transform: translateY(24px) scale(.97);
    transform-origin: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cbf-club-home.cbf-club-motion-ready .cbf-club-left > *,
  .cbf-club-home.cbf-club-motion-ready .cbf-club-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .cbf-club-home.cbf-club-motion-ready .cbf-club-card::after {
    display: none !important;
    animation: none !important;
  }
}

#cbf-tallas-variantes{--cbf-ink:#17313d;--cbf-green:#81936a;--cbf-cream:#f6f2e9;--cbf-yellow:#f3c65c;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(50px,7vw,92px) clamp(18px,4vw,58px);box-sizing:border-box;background:var(--cbf-cream);color:var(--cbf-ink);font-family:Sen,Arial,sans-serif;overflow:hidden}
#cbf-tallas-variantes *{box-sizing:border-box}
.cbf-size-showcase__intro{max-width:760px;margin:0 auto clamp(24px,4vw,42px);text-align:center}
.cbf-size-showcase__eyebrow{margin:0 0 11px;color:var(--cbf-green);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.cbf-size-showcase__intro h2{margin:0;color:var(--cbf-ink);font-family:Didot,"Bodoni 72",Georgia,serif;font-size:clamp(32px,5vw,58px);font-weight:500;letter-spacing:-.04em;line-height:1.03}
.cbf-size-showcase__visual{position:relative;max-width:1050px;margin:0 auto}
.cbf-size-showcase__steps{display:flex;justify-content:center;align-items:center;gap:clamp(22px,7vw,86px);margin:0 auto 18px;color:#a0aca5;font-size:10px;font-weight:800;letter-spacing:.08em}
.cbf-size-showcase__step{display:flex;align-items:center;gap:7px;transition:color .35s ease}
.cbf-size-showcase__step i{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:10px}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__step:nth-child(1),.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__step:nth-child(-n+2),.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step{color:var(--cbf-green)}
.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step:nth-child(3){color:var(--cbf-ink)}
.cbf-size-showcase__window{position:relative;min-height:430px;padding:clamp(17px,3vw,31px);border:1px solid rgba(23,49,61,.12);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 22px 50px rgba(23,49,61,.12)}
.cbf-size-showcase__panel{position:absolute;inset:clamp(17px,3vw,31px);display:flex;align-items:center;justify-content:center;visibility:hidden;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.cbf-size-showcase__form{opacity:1;transform:none;visibility:visible}
.cbf-size-showcase__results{opacity:0;transform:translateY(24px) scale(.97);pointer-events:none}
.cbf-size-showcase__happy{opacity:0;transform:translateY(30px) scale(.94);pointer-events:none}
.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__form,.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__form{opacity:0;transform:translateY(-24px) scale(.98);pointer-events:none}
.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__results{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__results{opacity:0;transform:translateY(-24px) scale(.97);visibility:hidden;pointer-events:none}
.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.cbf-size-showcase__form-card{width:min(100%,560px);padding:clamp(21px,4vw,38px);border:1px solid #e1e8df;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(23,49,61,.08)}
.cbf-size-showcase__form-visual{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}
.cbf-size-showcase__foot{position:relative;width:115px;height:48px;border:3px solid var(--cbf-green);border-radius:70% 42% 42% 48%;transform:rotate(-12deg);opacity:.72}
.cbf-size-showcase__foot:before{content:"";position:absolute;left:10px;right:12px;bottom:-7px;height:3px;background:var(--cbf-yellow);border-radius:99px;transform:rotate(3deg)}
.cbf-size-showcase__ruler{width:120px;height:10px;border-top:2px solid #bdc9c1;border-bottom:2px solid #bdc9c1;background:repeating-linear-gradient(90deg,transparent 0 11px,#bdc9c1 11px 12px);transform:rotate(-4deg)}
.cbf-size-showcase__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cbf-size-showcase__field{padding:14px 10px;border:1px solid #dce5dc;border-radius:13px;background:#fafcf9;text-align:center}
.cbf-size-showcase__field span{display:block;margin-bottom:8px;color:#77867c;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cbf-size-showcase__field strong{display:block;min-height:24px;color:var(--cbf-ink);font-size:23px;line-height:1}
.cbf-size-showcase__field strong:after{content:" cm";color:#99a59e;font-size:11px;font-weight:500}
.cbf-size-showcase__visual[data-state="measure"] .cbf-size-showcase__field strong:before{content:"—";color:#c8d2cb}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__field strong:before{content:attr(data-value);animation:cbf-size-write .45s ease both}
@keyframes cbf-size-write{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cbf-size-showcase__form-mark{display:flex;justify-content:center;gap:7px;margin-top:22px}
.cbf-size-showcase__form-mark b{width:7px;height:7px;border-radius:50%;background:#dbe4dc}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__form-mark b:first-child,.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__form-mark b,.cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__form-mark b{background:var(--cbf-green)}
.cbf-size-showcase__grid-wrap{width:min(100%,780px)}
.cbf-size-showcase__grid-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.cbf-size-showcase__grid-head span:first-child{color:var(--cbf-ink);font-size:14px;font-weight:800}
.cbf-size-showcase__size{padding:7px 10px;border-radius:999px;background:#e6eedc;color:#5c764e;font-size:11px;font-weight:800}
.cbf-size-showcase__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.cbf-size-showcase__product{display:block;min-width:0;padding:9px;border:1px solid #e2e8e1;border-radius:15px;background:#fff;color:var(--cbf-ink);text-decoration:none;box-shadow:0 8px 18px rgba(23,49,61,.06);transition:transform .2s ease,box-shadow .2s ease}
.cbf-size-showcase__product:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(23,49,61,.12)}
.cbf-size-showcase__product img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#f4f5f1}
.cbf-size-showcase__product small{display:block;overflow:hidden;margin-top:8px;color:#64736a;font-size:10px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.cbf-size-showcase__happy-card{position:relative;width:min(100%,420px);overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(23,49,61,.16)}
.cbf-size-showcase__happy-card img{display:block;width:100%;height:315px;object-fit:cover;object-position:center 25%}
.cbf-size-showcase__happy-check{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:var(--cbf-green);color:#fff;font-size:25px;line-height:1;box-shadow:0 8px 20px rgba(23,49,61,.18);animation:cbf-size-pop .6s .25s both}
@keyframes cbf-size-pop{from{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:none}}
.cbf-size-showcase__replay{display:grid;place-items:center;width:30px;height:30px;margin:16px auto 0;border:1px solid rgba(23,49,61,.24);border-radius:50%;background:transparent;color:var(--cbf-ink);font:inherit;font-size:16px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.cbf-size-showcase__replay:hover{background:#fff;transform:rotate(25deg)}
 .cbf-size-showcase__grid-viewport{--cbf-grid-distance:-142px;height:315px;overflow:hidden;padding:1px}
.cbf-size-showcase__grid{will-change:transform}
.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__grid{animation:cbf-size-grid-scroll 2.25s .25s cubic-bezier(.22,.75,.25,1) both}
@keyframes cbf-size-grid-scroll{from{transform:translateY(0)}to{transform:translateY(var(--cbf-grid-distance,-142px))}}
@media (max-width:700px){#cbf-tallas-variantes{padding-top:48px;padding-bottom:52px}.cbf-size-showcase__steps{gap:14px;font-size:9px}.cbf-size-showcase__step{gap:5px}.cbf-size-showcase__step i{width:21px;height:21px;font-size:9px}.cbf-size-showcase__window{min-height:395px;border-radius:22px}.cbf-size-showcase__panel{inset:15px}.cbf-size-showcase__fields{gap:7px}.cbf-size-showcase__field{padding:12px 5px}.cbf-size-showcase__field span{font-size:9px}.cbf-size-showcase__field strong{font-size:20px}.cbf-size-showcase__grid-viewport{height:325px}.cbf-size-showcase__grid{grid-template-columns:repeat(2,1fr);gap:9px}.cbf-size-showcase__grid-head span:first-child{font-size:13px}.cbf-size-showcase__happy-card img{height:285px}.cbf-size-showcase__replay{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.cbf-size-showcase__panel,.cbf-size-showcase__product{transition:none!important}.cbf-size-showcase__happy-check{animation:none!important}}

/* cbf-premium-pass-2 */
#cbf-tallas-variantes{--cbf-ink:#1d2c31;--cbf-green:#8f8063;--cbf-yellow:#c4a56b;background:linear-gradient(145deg,#f7f4ed 0%,#eee9df 100%)}
.cbf-size-showcase__intro h2{font-weight:400;letter-spacing:-.055em}
.cbf-size-showcase__steps{color:#aaa296;letter-spacing:.16em}
.cbf-size-showcase__step i{border-color:#bcae94;background:rgba(255,255,255,.22)}
.cbf-size-showcase__window{border:1px solid rgba(83,70,52,.18);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 30px 75px rgba(62,51,36,.14);backdrop-filter:blur(8px)}
.cbf-size-showcase__panel{transition:opacity 1.05s ease,transform 1.35s cubic-bezier(.16,1,.3,1)}
.cbf-size-showcase__form-card{border:1px solid rgba(83,70,52,.14);border-radius:16px;box-shadow:0 18px 38px rgba(62,51,36,.1)}
.cbf-size-showcase__form-visual{height:150px;margin-bottom:18px}
.cbf-size-showcase__measurement-photo{display:block;width:170px;height:145px;object-fit:contain;filter:saturate(.82) contrast(.98)}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__field:nth-child(1) strong:before{animation-delay:0s}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__field:nth-child(2) strong:before{animation-delay:.75s}
.cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__field:nth-child(3) strong:before{animation-delay:1.5s}
.cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__grid{animation-duration:4.2s;animation-delay:.9s}
.cbf-size-showcase__product{border-radius:10px;border-color:rgba(83,70,52,.16);box-shadow:0 12px 25px rgba(62,51,36,.08);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease}
.cbf-size-showcase__product img{border-radius:7px;filter:saturate(.9)}
.cbf-size-showcase__happy-card{border-radius:16px;background:#f4f0e8;box-shadow:0 24px 55px rgba(62,51,36,.18)}
.cbf-size-showcase__happy-card img{height:380px;object-fit:contain;object-position:center;background:#f4f0e8}
.cbf-size-showcase__happy-check{right:16px;bottom:16px;width:46px;height:46px;border-width:3px;background:#8f8063;font-size:20px}
.cbf-size-showcase__replay{border-color:rgba(83,70,52,.3);color:#8f8063}
@media (max-width:700px){.cbf-size-showcase__form-visual{height:118px}.cbf-size-showcase__measurement-photo{width:142px;height:116px}.cbf-size-showcase__happy-card img{height:350px}}

/* cbf-corporate-pass-3 */
#cbf-tallas-variantes{--cbf-ink:#232323;--cbf-blue:#2b7188;--cbf-green:#9ba761;--cbf-yellow:#c4a56b;--cbf-cream:#f5f3ec;background:linear-gradient(145deg,#f7f7f2 0%,#eef1ec 100%);color:var(--cbf-ink)}
#cbf-tallas-variantes .cbf-size-showcase__intro h2{color:var(--cbf-blue)}
#cbf-tallas-variantes .cbf-size-showcase__steps{color:rgba(43,113,136,.62)}
#cbf-tallas-variantes .cbf-size-showcase__step i{border-color:var(--cbf-green);color:var(--cbf-blue)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__step:nth-child(1),#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__step:nth-child(-n+2),#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step{color:var(--cbf-green)}
#cbf-tallas-variantes .cbf-size-showcase__window{border-color:rgba(43,113,136,.2);box-shadow:0 30px 75px rgba(43,113,136,.13)}
#cbf-tallas-variantes .cbf-size-showcase__form-card{border-color:rgba(155,167,97,.32)}
#cbf-tallas-variantes .cbf-size-showcase__field{border-color:rgba(155,167,97,.38);background:rgba(155,167,97,.055)}
#cbf-tallas-variantes .cbf-size-showcase__field strong{color:var(--cbf-blue)}
#cbf-tallas-variantes .cbf-size-showcase__form-mark b{background:rgba(155,167,97,.28)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__form-mark b:first-child,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__form-mark b,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__form-mark b{background:var(--cbf-green)}
#cbf-tallas-variantes .cbf-size-showcase__grid-head span:first-child{color:var(--cbf-blue)}
#cbf-tallas-variantes .cbf-size-showcase__size{background:rgba(155,167,97,.18);color:#60713c}
#cbf-tallas-variantes .cbf-size-showcase__product{border-color:rgba(43,113,136,.2);box-shadow:0 12px 25px rgba(43,113,136,.09)}
#cbf-tallas-variantes .cbf-size-showcase__happy-card{background:#f2f4ee;box-shadow:0 24px 55px rgba(43,113,136,.17)}
#cbf-tallas-variantes .cbf-size-showcase__happy-check{background:var(--cbf-green)}
#cbf-tallas-variantes .cbf-size-showcase__replay{border-color:rgba(43,113,136,.3);color:var(--cbf-blue)}

/* cbf-corporate-background-pass-4 */
#cbf-tallas-variantes{background:linear-gradient(135deg,#17313d 0%,#2b7188 100%);color:#fff}
#cbf-tallas-variantes .cbf-size-showcase__intro h2{color:#fff}
#cbf-tallas-variantes .cbf-size-showcase__eyebrow{color:#9ba761}
#cbf-tallas-variantes .cbf-size-showcase__steps{color:rgba(255,255,255,.7)}
#cbf-tallas-variantes .cbf-size-showcase__step i{border-color:rgba(155,167,97,.82);color:#fff;background:rgba(255,255,255,.06)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step:nth-child(3){color:#fff}
#cbf-tallas-variantes .cbf-size-showcase__replay{border-color:rgba(255,255,255,.55);color:#fff}
#cbf-tallas-variantes .cbf-size-showcase__replay:hover{background:rgba(255,255,255,.14)}

/* cbf-size-showcase-labels-v1 */
#cbf-tallas-variantes .cbf-size-showcase__product{position:relative}
#cbf-tallas-variantes .cbf-size-showcase__product-size{position:absolute;top:14px;right:14px;z-index:2;padding:5px 8px;border:1px solid rgba(43,113,136,.14);border-radius:999px;background:rgba(255,255,255,.94);color:#2b7188;font-size:10px;font-weight:800;line-height:1;box-shadow:0 4px 10px rgba(23,49,61,.12)}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__product-size{top:11px;right:11px;padding:4px 7px;font-size:9px}}
 .cbf-size-showcase__measure-title{display:block;color:#2b7188;font-family:Didot,Georgia,serif;font-size:clamp(24px,4vw,39px);font-weight:500;letter-spacing:-.035em;line-height:1.05;text-align:center} @media(max-width:700px){.cbf-size-showcase__measure-title{font-size:27px}}  .cbf-size-showcase__subtitle{display:block;margin-top:10px;color:#9ba761;font-family:Sen,Arial,sans-serif;font-size:clamp(13px,1.6vw,17px);font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase} #cbf-tallas-variantes .cbf-size-showcase__step i{transition:color .45s ease,background .45s ease,border-color .45s ease,box-shadow .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)} #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="measure"] .cbf-size-showcase__step:nth-child(1) i,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__step:nth-child(1) i,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__step:nth-child(2) i,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step:nth-child(3) i{color:#fff;background:#9ba761;border-color:#9ba761;box-shadow:0 0 0 4px rgba(155,167,97,.22),0 8px 18px rgba(23,49,61,.18);transform:scale(1.2)} #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__step:nth-child(1) i,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__step:nth-child(-n+2) i{color:#fff;background:rgba(155,167,97,.7);border-color:#9ba761;box-shadow:0 0 0 2px rgba(155,167,97,.14)} @media(max-width:700px){.cbf-size-showcase__subtitle{font-size:12px;letter-spacing:.14em;margin-top:8px}}  .cbf-size-showcase__pretitle{display:block;position:relative;width:max-content;max-width:100%;margin:0 auto 22px;padding:0 0 17px;color:rgba(255,255,255,.86);font-family:Sen,Arial,sans-serif;font-size:clamp(13px,1.7vw,18px);font-weight:500;letter-spacing:.045em;line-height:1.35;text-align:center} .cbf-size-showcase__pretitle:after{content:"";position:absolute;right:50%;bottom:0;width:48px;border-bottom:1px solid #9ba761;transform:translateX(50%)} @media(max-width:700px){.cbf-size-showcase__pretitle{margin-bottom:18px;padding-bottom:14px;font-size:13px;letter-spacing:.025em;line-height:1.45}}

#cbf-tallas-variantes .cbf-size-showcase__window{min-height:530px}
#cbf-tallas-variantes .cbf-size-showcase__happy-card{overflow:hidden}
#cbf-tallas-variantes .cbf-size-showcase__happy-phrase{display:flex;flex-direction:column;gap:6px;margin:0;padding:18px 30px 22px;background:#f2f4ee;color:#17313d;font-family:Didot,"Bodoni 72",Georgia,serif;font-size:clamp(18px,2.2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.01em;text-align:center}
#cbf-tallas-variantes .cbf-size-showcase__happy-line{display:block;opacity:0;transform:translateY(8px)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-line--primary{animation:cbf-happy-line-in .8s cubic-bezier(.16,1,.3,1) .25s both}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-line--secondary{animation:cbf-happy-line-in .8s cubic-bezier(.16,1,.3,1) 1.15s both}
@keyframes cbf-happy-line-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#cbf-tallas-variantes .cbf-size-showcase__happy-check{top:18px;right:18px;bottom:auto}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__window{min-height:525px}
#cbf-tallas-variantes .cbf-size-showcase__happy-phrase{padding:16px 22px 19px;font-size:20px}}
@media(prefers-reduced-motion:reduce){#cbf-tallas-variantes .cbf-size-showcase__happy-line{opacity:1;transform:none}}

/* cbf-final-phrase-position */
#cbf-tallas-variantes .cbf-size-showcase__happy{flex-direction:column;align-items:center;justify-content:center;gap:12px}
#cbf-tallas-variantes .cbf-size-showcase__happy-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;gap:12px}
#cbf-tallas-variantes .cbf-size-showcase__happy-card{width:100%}
#cbf-tallas-variantes .cbf-size-showcase__happy-phrase{width:100%;margin:0;padding:0 12px;background:transparent;color:#fff;font-family:Didot,"Bodoni 72",Georgia,serif;font-size:clamp(18px,2.2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.01em;text-align:center}
#cbf-tallas-variantes .cbf-size-showcase__replay{margin-top:28px}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__happy{gap:10px}#cbf-tallas-variantes .cbf-size-showcase__happy-content{gap:10px}#cbf-tallas-variantes .cbf-size-showcase__happy-phrase{padding:0 8px;font-size:18px}#cbf-tallas-variantes .cbf-size-showcase__replay{margin-top:28px}}

/* cbf-leopardino-selection */
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__form{opacity:0;transform:translateY(-24px) scale(.98);pointer-events:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__results{opacity:1;transform:none;visibility:visible;pointer-events:auto}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="results"] .cbf-size-showcase__grid,#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__grid{animation:cbf-size-grid-scroll 4.2s .9s cubic-bezier(.22,.75,.25,1) both}
#cbf-tallas-variantes .cbf-size-showcase__product--target{position:relative;z-index:1;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease}
#cbf-tallas-variantes .cbf-size-showcase__product--target:after{content:"";position:absolute;inset:-4px;border:2px solid #9ba761;border-radius:14px;opacity:0;pointer-events:none;transform:scale(.96)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product--target{z-index:4;transform:scale(1.035);box-shadow:0 0 0 1px rgba(155,167,97,.55),0 18px 34px rgba(23,49,61,.2)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product--target:after{animation:cbf-leopardino-glow 1.1s ease-out .55s both}
@keyframes cbf-leopardino-glow{0%{opacity:0;transform:scale(.96);box-shadow:0 0 0 0 rgba(155,167,97,0)}35%{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgba(155,167,97,.2),0 0 28px rgba(155,167,97,.42)}100%{opacity:.9;transform:scale(1);box-shadow:0 0 0 3px rgba(155,167,97,.14),0 0 16px rgba(155,167,97,.2)}}
#cbf-tallas-variantes .cbf-size-showcase__product-cue{position:absolute;top:-52px;right:-12px;z-index:6;width:72px;height:58px;display:block;opacity:0;pointer-events:none;transform:translate(-14px,12px) rotate(-7deg)}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow{position:absolute;left:6px;top:3px;width:34px;height:34px;border-right:3px solid #9ba761;border-bottom:3px solid #9ba761;transform:rotate(45deg)}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-cursor{position:absolute;right:5px;bottom:2px;width:0;height:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(0 2px 3px rgba(23,49,61,.48));transform:rotate(45deg)}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-click{position:absolute;right:2px;bottom:-2px;width:20px;height:20px;border:1px solid #9ba761;border-radius:50%;opacity:0;transform:scale(.6)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue{animation:cbf-cue-in .9s cubic-bezier(.16,1,.3,1) .05s both}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue-click{animation:cbf-cue-click .65s ease 1s both}
@keyframes cbf-cue-in{from{opacity:0;transform:translate(-18px,16px) rotate(-7deg)}to{opacity:1;transform:translate(0,0) rotate(-7deg)}}
@keyframes cbf-cue-click{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.55)}}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__product-cue{top:-45px;right:-7px;transform:translate(-12px,10px) rotate(-7deg)}#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow{width:30px;height:30px;border-width:2px}}
@media(prefers-reduced-motion:reduce){#cbf-tallas-variantes .cbf-size-showcase__product--target{transform:none!important}#cbf-tallas-variantes .cbf-size-showcase__product-cue{opacity:1;transform:none}#cbf-tallas-variantes .cbf-size-showcase__product--target:after{opacity:1;transform:none}}

/* cbf-leopardino-reduced-motion */
@media(prefers-reduced-motion:reduce){#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue{animation:none;opacity:1;transform:none}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue-click{display:none}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product--target:after{animation:none;opacity:1;transform:none}}

#cbf-tallas-variantes .cbf-size-showcase__happy-content{width:100%;max-width:1050px;gap:12px}
#cbf-tallas-variantes .cbf-size-showcase__happy-card{width:100%;max-width:none}
#cbf-tallas-variantes .cbf-size-showcase__happy-picture{display:block;width:100%}
#cbf-tallas-variantes .cbf-size-showcase__happy-card img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;background:#f4f0e8}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__happy-content{max-width:none}#cbf-tallas-variantes .cbf-size-showcase__happy-card img{height:auto;object-fit:contain}}

/* CBF final photo full bleed v2 */
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window{padding:0;overflow:hidden;border-radius:22px}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy{inset:0;align-items:stretch;justify-content:stretch;gap:0}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content{position:relative;max-width:none;height:100%;gap:0}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card{width:100%;height:100%;min-height:0;flex:1 1 auto;border-radius:0;box-shadow:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{width:100%;height:100%;object-fit:cover;object-position:center 40%;background:transparent}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{position:absolute;right:0;bottom:0;left:0;z-index:3;gap:7px;margin:0;padding:46px 22px 22px;color:#fff;background:linear-gradient(to bottom,rgba(23,49,61,0),rgba(23,49,61,.78));font-size:clamp(18px,2.2vw,25px);text-shadow:0 2px 12px rgba(0,0,0,.32)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-check{z-index:4}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window{min-height:545px}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{padding:44px 20px 20px;font-size:19px;line-height:1.22}}

/* CBF final adjustments v5 */
@media(max-width:700px){
  #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="measure"] .cbf-size-showcase__form,
  #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="typing"] .cbf-size-showcase__form{align-items:flex-start;padding-top:28px}
}
#cbf-tallas-variantes .cbf-size-showcase__grid-viewport{height:410px}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__grid-viewport{height:430px}}
/* Black embossed arrow rising from below to Leopardino's centre. */
#cbf-tallas-variantes .cbf-size-showcase__product-cue{top:50%;left:50%;right:auto;bottom:auto;width:42px;height:62px;opacity:0;transform:translate(-50%,120px);filter:drop-shadow(0 5px 3px rgba(0,0,0,.34))}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow{position:absolute;left:4px;top:0;width:34px;height:58px;border:0;transform:none}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow:before{content:"";position:absolute;left:50%;top:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:23px solid #111;transform:translateX(-50%);filter:drop-shadow(0 2px 1px rgba(255,255,255,.22))}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow:after{content:"";position:absolute;left:50%;top:19px;width:7px;height:36px;border-radius:5px;background:linear-gradient(90deg,#050505 0%,#353535 48%,#080808 100%);transform:translateX(-50%);box-shadow:2px 3px 2px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.2)}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-cursor{display:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue{animation:cbf-cue-rise-v5 1.65s cubic-bezier(.16,1,.3,1) .05s both}
@keyframes cbf-cue-rise-v5{0%{opacity:0;transform:translate(-50%,125px) scale(.82)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}88%{transform:translate(-50%,-50%) scale(.94)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-click{top:50%;left:50%;right:auto;bottom:auto;width:34px;height:34px;border:2px solid #2b7188;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.45);box-shadow:0 0 0 0 rgba(43,113,136,0)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue-click{animation:cbf-cue-click-v5 .72s ease 1.35s both}
@keyframes cbf-cue-click-v5{0%{opacity:0;transform:translate(-50%,-50%) scale(.45);box-shadow:0 0 0 0 rgba(43,113,136,0)}35%{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 7px rgba(43,113,136,.22),0 0 20px rgba(43,113,136,.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55);box-shadow:0 0 0 2px rgba(43,113,136,.12)}}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product--target{transform:none;box-shadow:none;animation:cbf-target-select-v5 .82s cubic-bezier(.16,1,.3,1) 1.52s both}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product--target:after{border-color:#2b7188;animation:cbf-target-frame-v5 1s ease-out 1.52s both}
@keyframes cbf-target-select-v5{0%{transform:scale(1);box-shadow:none}45%{transform:scale(1.055);box-shadow:0 0 0 1px rgba(43,113,136,.7),0 18px 34px rgba(23,49,61,.24)}100%{transform:scale(1.045);box-shadow:0 0 0 1px rgba(43,113,136,.55),0 18px 34px rgba(23,49,61,.2)}}
@keyframes cbf-target-frame-v5{0%{opacity:0;transform:scale(.96);box-shadow:0 0 0 0 rgba(43,113,136,0)}35%{opacity:1;transform:scale(1);box-shadow:0 0 0 7px rgba(43,113,136,.2),0 0 28px rgba(43,113,136,.45)}100%{opacity:.96;transform:scale(1);box-shadow:0 0 0 3px rgba(43,113,136,.16),0 0 18px rgba(43,113,136,.25)}}
/* Final scene: separate petroleum-blue text block below the image. */
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy{inset:0;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:#17313d}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content{display:flex;flex-direction:column;align-items:center;width:100%;height:auto;max-width:520px;gap:0}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card{width:100%;height:auto;flex:none;border-radius:0;background:#f2f4ee;box-shadow:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{display:block;width:100%;height:380px;object-fit:cover;object-position:center 40%;background:#f2f4ee}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{position:static;width:100%;display:flex;flex:none;gap:8px;margin:0;padding:26px 22px 25px;background:#17313d;color:#fff;font-family:Didot,"Bodoni 72",Georgia,serif;font-size:clamp(18px,2.2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.01em;text-align:center;text-shadow:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-line{opacity:0;transform:translateY(12px)}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-line--primary{animation:cbf-happy-line-v5 .9s cubic-bezier(.16,1,.3,1) .8s both}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-line--secondary{animation:cbf-happy-line-v5 .9s cubic-bezier(.16,1,.3,1) 2.05s both}
@keyframes cbf-happy-line-v5{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{height:345px}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{padding:24px 18px 23px;font-size:19px}}

/* CBF final adjustments v6 */
/* Smaller diagonal embossed arrow, still ending at Leopardino's centre. */
#cbf-tallas-variantes .cbf-size-showcase__product-cue{width:30px;height:46px;filter:drop-shadow(0 4px 2px rgba(0,0,0,.34))}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow{left:0;top:0;width:30px;height:46px;transform:rotate(-42deg) scale(.8);transform-origin:50% 50%}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow:before{left:50%;border-left-width:9px;border-right-width:9px;border-bottom-width:18px;filter:drop-shadow(0 2px 1px rgba(255,255,255,.2))}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow:after{top:15px;width:5px;height:28px;border-radius:4px;box-shadow:2px 3px 2px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.2)}
#cbf-tallas-variantes .cbf-size-showcase__product-cue-click{width:27px;height:27px}
/* Show the complete final photograph and place the copy at the bottom of the blue block. */
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content{height:100%;justify-content:flex-start;gap:0}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card{flex:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{object-fit:contain;object-position:center;background:#f2f4ee}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{margin-top:auto;padding-top:26px;padding-bottom:25px}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{height:345px}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{padding-top:24px;padding-bottom:23px}}

/* cbf-happy-image-scale-v1 */
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window{min-height:610px}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;height:auto;gap:0}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card{width:80%;max-width:840px;height:auto;flex:none;margin:0 auto;border-radius:0;background:#f2f4ee;box-shadow:none}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img{display:block;width:100%;height:auto!important;object-fit:contain;object-position:center;background:#f2f4ee}
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{position:static;width:100%;display:flex;flex:none;margin:0;padding:26px 22px 25px;background:#17313d;color:#fff}
@media(max-width:700px){#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window{min-height:560px}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card{width:80%;max-width:none}#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase{padding:24px 18px 23px;font-size:19px}}

/* CBF buscador de tallas de portada · versión 1.5.0 */
.cbf-size-showcase__link {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

#cbf-buscador-tallas {
  display: block;
  height: 0;
  scroll-margin-top: 110px;
}

/* CBF buscador de tallas · evita subrayados del tema al enlazar todo el bloque */
.cbf-size-showcase__link,
.cbf-size-showcase__link:visited,
.cbf-size-showcase__link:hover,
.cbf-size-showcase__link:focus,
.cbf-size-showcase__link:active,
.cbf-size-showcase__link *,
.cbf-size-showcase__link:hover *,
.cbf-size-showcase__link:focus *,
.cbf-size-showcase__link:active * {
  text-decoration: none !important;
}

/* CBF paridad multidioma v2: flecha original centrada y fotografía redondeada. */
#cbf-tallas-variantes .cbf-size-showcase__product-cue {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 30px;
  height: 46px;
  opacity: 0;
  filter: drop-shadow(0 4px 2px rgba(0, 0, 0, .34));
  transform: translate(-50%, 120px);
}

#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 46px;
  border: 0;
  transform: rotate(-42deg) scale(.8);
  transform-origin: 50% 50%;
}

#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 18px solid #111;
  transform: translateX(-50%);
  filter: drop-shadow(0 2px 1px rgba(255, 255, 255, .2));
}

#cbf-tallas-variantes .cbf-size-showcase__product-cue-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  width: 5px;
  height: 28px;
  border-radius: 4px;
  background: linear-gradient(90deg, #050505 0%, #353535 48%, #080808 100%);
  transform: translateX(-50%);
  box-shadow: 2px 3px 2px rgba(0, 0, 0, .42), inset 1px 0 rgba(255, 255, 255, .2);
}

#cbf-tallas-variantes .cbf-size-showcase__product-cue-cursor {
  display: none;
}

#cbf-tallas-variantes .cbf-size-showcase__product-cue-click {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 27px;
  height: 27px;
  border: 2px solid #2b7188;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.45);
  box-shadow: 0 0 0 0 rgba(43, 113, 136, 0);
}

#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue {
  animation: cbf-cue-rise-v5 1.65s cubic-bezier(.16, 1, .3, 1) .05s both;
}

#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue-click {
  animation: cbf-cue-click-v5 .72s ease 1.35s both;
}

#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__window {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy,
#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-phrase {
  background: transparent;
}

#cbf-tallas-variantes .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card {
  overflow: hidden;
  border-radius: 16px;
}

@media (prefers-reduced-motion: reduce) {
  #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue {
    animation: none;
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  #cbf-tallas-variantes .cbf-size-showcase__visual[data-state="selecting"] .cbf-size-showcase__product-cue-click {
    display: none;
  }
}

/* CBF ajuste final móvil EN/PT: misma anchura de fotografía que ES. */
@media (max-width: 700px) {
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"],
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] {
    padding-bottom: 118px !important;
  }

  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy,
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-content,
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card,
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-picture,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-picture,
  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card img {
    width: 100% !important;
    max-width: none !important;
  }

  #cbf-tallas-variantes[lang="en"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card,
  #cbf-tallas-variantes[lang="pt-PT"] .cbf-size-showcase__visual[data-state="happy"] .cbf-size-showcase__happy-card {
    flex: 0 0 100% !important;
    align-self: stretch !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}