/* ---- Chips con botones normales ---------------------------------- */
.chip-btn{
  display:inline-block !important;   /* pone los botones uno al lado del otro */
  padding:4px 12px !important;      /* ajuste interno, igual que antes       */
  font-size:12px !important;        /* tamaño texto                          */
  border-radius:6px !important;
  margin-right:0px !important;      /* controla la separación → pon 0 si los quieres pegados */
}
.chip-btn:last-child{margin-right:0!important;} /* quita margen al último */


/* ── Ajuste fino SOLO para el acordeón con la clase .cfm-acc ────────── */
.cfm-acc .wpb_accordion_header h2,
.cfm-acc .vc_tta-panel-heading h2{
    font-size:16px;            /* título H2 */
    line-height:1.2;
}

/* cuerpo del acordeón */
.cfm-acc .wpb_accordion_content,
.cfm-acc .vc_tta-panel-body,
.cfm-acc .wpb_text_column                         /* ← nuevo selector  */
{
    font-size:14px !important;   /* fuerza el tamaño sobre el tema */
    line-height:1.6;
}


/* ---------- Botón ---------- */
.cfm-btn-tallas{
  display:inline-block;
  padding:6px 12px;
  border:1px solid #000;
  border-radius:28px;
  font-size:12px;
  color:#000;
  text-decoration:none;
}

/* ---------- Lightbox ---------- */
.cfm-lightbox{
  position:fixed;
  inset:0;                           /* ocupa toda la pantalla */
  background:rgba(0,0,0,.85);
  display:none;                      /* oculto por defecto */
  place-content:center;              /* centra la imagen */
  z-index:9999;
}
#guiaTallas:target{display:flex;}    /* se muestra al visitar #guiaTallas */
.cfm-lightbox img{
  max-width:100vw;
  max-height:100vh;
  z-index:2;                         /* frente a la capa clicable */
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}

/* ---------- Capa clicable de fondo ---------- */
.cfm-overlay-close{
  position:absolute;
  inset:0;                           /* cubre todo el fondo */
  z-index:1;
}

/* ---------- Botón “✕” ---------- */
.cfm-close{
  position:absolute;
  top:16px;
  right:22px;
  font-size:40px;
  line-height:1;
  color:#fff;
  text-decoration:none;
  z-index:3;                         /* siempre por encima de la imagen */
  cursor:pointer;
}


/* Oculta menú de pestañas por completo */
.woocommerce-tabs ul.tabs{
    display:none !important;     /* desaparece el bar y su margen */
}

/* Línea fina gris donde solía ir la barra de pestañas */
.woocommerce-tabs::before{
    content:"";
    display:block;
    height:1px;
    background:#e7e7e7;   /* ajusta el color a tu paleta */
    margin:0 0 32px;        /* distancia arriba/abajo */
}