/* ============================================================
   iconfutbol · BASE  (tokens + tipografía + botones)
   ============================================================ */
.icf-body{
  --icf-ink:#111110;
  --icf-ink-2:#54534d;
  --icf-paper:#ffffff;
  --icf-paper-2:#f7f7f5;
  --icf-celeste:#0f93d6;
  --icf-celeste-dark:#0b76ac;
  --icf-celeste-soft:rgba(15,147,214,.08);
  --icf-hair:rgba(17,17,16,.13);
  --icf-hair-soft:rgba(17,17,16,.06);
  --icf-muted:#8d8b82;
  --icf-gold:#e6a817;
  --icf-green:#16a34a;
  --icf-ease:cubic-bezier(.16,1,.3,1);
  font-family:'Barlow',system-ui,sans-serif;
  color:var(--icf-ink);
  -webkit-font-smoothing:antialiased;
}

/* Títulos display en Anton */
/* Títulos en Anton — SIN !important para no bloquear Elementor.
   Astra ya tiene Anton como default (vía astra_theme_defaults), así que
   en páginas estándar se sigue viendo Anton; en páginas con Elementor
   el usuario puede cambiar la fuente desde el widget sin pelearse. */
.icf-body h1,.icf-body h2,.icf-body h3,
.icf-body .ast-archive-title,
.icf-body .woocommerce-products-header__title,
.icf-body .entry-title{
  font-family:'Anton',Impact,sans-serif;
  font-weight:400;letter-spacing:.01em;
}

/* ---------- BOTONES WooCommerce (ink → celeste, sin sombra) ---------- */
.icf-body .button,
.icf-body .wp-element-button,
.icf-body .woocommerce a.button,
.icf-body .woocommerce button.button,
.icf-body .woocommerce input.button,
.icf-body .woocommerce #respond input#submit,
.icf-body .woocommerce .button.alt,
.icf-body .single_add_to_cart_button{
  background:var(--icf-ink)!important;
  color:#fff!important;
  border:1.5px solid var(--icf-ink)!important;
  border-radius:9px!important;
  font-family:'Barlow',sans-serif!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  font-size:13.5px!important;
  line-height:1.2!important;
  padding:14px 24px!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transition:background .25s var(--icf-ease),border-color .25s var(--icf-ease),color .25s var(--icf-ease),transform .25s var(--icf-ease)!important;
}
.icf-body .button:hover,
.icf-body .wp-element-button:hover,
.icf-body .woocommerce a.button:hover,
.icf-body .woocommerce button.button:hover,
.icf-body .woocommerce input.button:hover,
.icf-body .woocommerce .button.alt:hover,
.icf-body .single_add_to_cart_button:hover{
  background:var(--icf-celeste)!important;
  border-color:var(--icf-celeste)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}

/* Botón secundario / fantasma reutilizable */
.icf-body .icf-btn-ghost{
  background:transparent!important;color:var(--icf-ink)!important;border:1.5px solid var(--icf-hair)!important;
}
.icf-body .icf-btn-ghost:hover{background:var(--icf-ink)!important;border-color:var(--icf-ink)!important;color:#fff!important}

/* Badge de oferta */
.icf-body .onsale,
.icf-body .icf-badge{
  background:var(--icf-celeste)!important;color:#fff!important;
  border:0!important;border-radius:999px!important;
  font-family:'Barlow',sans-serif!important;font-weight:800!important;
  font-size:10.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  padding:6px 12px!important;min-height:0!important;min-width:0!important;line-height:1!important;
  box-shadow:none!important;
}

/* Estrellas WooCommerce en dorado */
.icf-body .woocommerce .star-rating span::before,
.icf-body .woocommerce p.stars a::before{color:var(--icf-gold)!important}

/* Mensajes / notices */
.icf-body .woocommerce-message,
.icf-body .woocommerce-info,
.icf-body .woocommerce-error{
  border-top-color:var(--icf-celeste)!important;border-radius:8px!important;
  font-family:'Barlow',sans-serif!important;
}
.icf-body .woocommerce-message::before,
.icf-body .woocommerce-info::before{color:var(--icf-celeste)!important}

/* Selección de texto */
.icf-body ::selection{background:var(--icf-celeste);color:#fff}


/* ====================================================================
   ANTI-COPIA (disuasión) · selección de texto y arrastre de imagen
   ==================================================================== */
body{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
}
img{
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-moz-user-drag:none;
	-o-user-drag:none;
	user-drag:none;
}
/* Excepciones: inputs, áreas editables y bloques con .icf-allow-copy
   (el thank-you usa esta clase para que el cliente pueda copiar su nº de pedido) */
input,textarea,[contenteditable="true"],.icf-allow-copy,.icf-allow-copy *{
	-webkit-user-select:text;
	user-select:text;
}