/* ============================================================
   Identidad Castelli Tools (manual de marca v1.0, julio 2026)
   Paleta:  Azul Castelli #00446C | Naranja Herramienta #F57E00
            Carbon #1C2B38 | Gris Taller #F2F5F7 | Blanco
   Tipografia: Oswald (titulares) + Source Sans 3 (texto)

   Solo sobreescribimos variables CSS del skin; los archivos del
   tema/skin quedan intactos (regla: no tocar originales).
   Se usa !important porque el skin genera __custom.css y bloques
   inline (:root) que definen las mismas variables mas tarde y
   con mayor especificidad.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&family=Source+Sans+3:ital,wght@0,400;0,600;1,400;1,600&display=swap');

/* --- Tipografia base --- */
body {
	font-family: 'Source Sans 3', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.sc_layouts_title_caption {
	font-family: 'Oswald', sans-serif;
}

/* --- Esquema claro (contenido principal) --- */
:root,
.scheme_default, body.scheme_default,
.scheme_light, body.scheme_light {
	/* titulares y texto */
	--theme-color-text_dark: #00446C !important;
	--theme-color-text: #1C2B38 !important;
	--theme-color-text_light: #5A6B78 !important;
	/* enlaces y acentos: naranja con hover azul */
	--theme-color-text_link: #F57E00 !important;
	--theme-color-text_hover: #00446C !important;
	--theme-color-text_link2: #00446C !important;
	--theme-color-text_hover2: #F57E00 !important;
	--theme-color-text_link3: #F57E00 !important;
	--theme-color-text_hover3: #00446C !important;
	/* fondos alternos y bordes: gris taller */
	--theme-color-alter_bg_color: #F2F5F7 !important;
	--theme-color-alter_bg_hover: #E4EAEF !important;
	--theme-color-alter_bd_color: #DCE4EA !important;
	--theme-color-alter_bd_hover: #C9D4DC !important;
	--theme-color-alter_dark: #00446C !important;
	--theme-color-alter_link: #F57E00 !important;
	--theme-color-alter_hover: #00446C !important;
	--theme-color-alter_text: #1C2B38 !important;
	--theme-color-bd_color: #DCE4EA !important;
	/* formularios */
	--theme-color-input_bd_color: #DCE4EA !important;
	--theme-color-input_bd_hover: #9FB3C0 !important;
	--theme-color-input_dark: #1C2B38 !important;
	--theme-color-input_text: #5A6B78 !important;
	/* botones sobre fondo de acento */
	--theme-color-inverse_bd_color: #F57E00 !important;
	--theme-color-inverse_bd_hover: #00446C !important;
}

/* --- Contextos oscuros (header, footer, paneles) --- */
.scheme_dark, body.scheme_dark {
	--theme-color-text_link: #F57E00 !important;
	--theme-color-text_hover: #FFFFFF !important;
	--theme-color-text_link2: #F57E00 !important;
	--theme-color-text_hover2: #FFFFFF !important;
}

/* bloques "extra" (footer/paneles): carbon en vez de negro */
:root,
.scheme_default, body.scheme_default,
.scheme_light, body.scheme_light,
.scheme_dark, body.scheme_dark {
	--theme-color-extra_bg_color: #1C2B38 !important;
	--theme-color-extra_bg_hover: #263644 !important;
	--theme-color-extra_bd_color: #2C3E4C !important;
	--theme-color-extra_bd_hover: #3A4F60 !important;
	--theme-color-extra_link: #F57E00 !important;
	--theme-color-extra_hover: #FFFFFF !important;
	--theme-color-extra_text: #C7D3DC !important;
	--theme-color-extra_light: #8FA3B0 !important;
}

/* ============================================================
   Modo vitrina de WooCommerce (sin venta en linea)
   ============================================================ */

/* boton Cotizar en la cuadricula del catalogo */
.castelli-cotizar {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: #F57E00 !important;
	color: #FFFFFF !important;
	border: 0 !important;
	font-weight: 600;
}
.castelli-cotizar:hover {
	background: #00446C !important;
	color: #FFFFFF !important;
}
.castelli-cotizar i {
	font-size: 1.1em;
}
.castelli-cotizar--single {
	font-size: 1.05em;
	padding: 0.9em 1.8em !important;
}
.castelli-cotizar-wrap {
	margin: 1.2em 0;
}
.castelli-cotizar-nota {
	font-size: 0.85em;
	color: #5A6B78;
	margin-top: 0.6em;
}

/* boton flotante de WhatsApp (todo el sitio) */
.castelli-wa-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 9999;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25D366;
	color: #FFFFFF !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.25);
	transition: transform .15s ease, background .15s ease;
}
.castelli-wa-float:hover {
	background: #1EBE5A;
	color: #FFFFFF !important;
	transform: scale(1.06);
}

/* ocultar rastros de tienda: carrito del header, precios, stock, ofertas,
   textos de pago/checkout del demo y wishlist. OJO: el form.cart de los
   productos variables SI se muestra (es el selector de medidas); solo se
   ocultan sus partes de compra (cantidad, boton, precio de variacion). */
.sc_layouts_cart,
.woocommerce div.product form.cart .quantity,
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart.cart:not(.variations_form),
.woocommerce-variation-add-to-cart,
.woocommerce .price,
.woocommerce-variation-price,
.woocommerce-variation-availability,
.woocommerce div.product p.price,
.stock,
.added_to_cart,
.onsale,
.single_product_custom_text_after_price,
.single_product_custom_text_after_add_to_cart,
.woocommerce-product-rating,
.star-rating,
.ti-wishlist-added,
a.tinvwl_add_to_wishlist_button,
.tinv-wishlist {
	display: none !important;
}

/* estilo del selector de medidas en la ficha */
.woocommerce div.product form.cart.variations_form { margin: 0 0 .6em; }
.woocommerce div.product form.cart .variations th.label { padding-right: 1em; }
.woocommerce div.product form.cart .variations label {
	font-family: 'Oswald', sans-serif; font-weight: 600; font-size: .82em;
	letter-spacing: .06em; text-transform: uppercase; color: #00446C;
}
.woocommerce div.product form.cart .reset_variations { font-size: .85em; color: #F57E00; }


/* ============================================================
   Footer nuevo Castelli (P12) — reemplaza el del demo.
   Sin newsletter, sin redes; datos reales + credito AAI Concepts.
   ============================================================ */
.cf { max-width: 1200px; margin: 0 auto; padding: 3rem 2rem 0; font-family: 'Source Sans 3', sans-serif; }
.cf-cols { display: grid; grid-template-columns: 1.2fr 1.3fr .9fr; gap: 2.6rem; padding-bottom: 2.2rem; }
.cf-brand img { width: 140px; height: auto; margin-bottom: 1rem; }
.cf-brand p { color: #8fa3b0; font-size: .9rem; line-height: 1.55; max-width: 30ch; }
.cf h5 { font: 600 .78rem/1 'Oswald'; letter-spacing: .18em; color: #fff; text-transform: uppercase; margin-bottom: 1rem; }
.cf ul { list-style: none; margin: 0; padding: 0; }
.cf ul li { color: #c7d3dc; font-size: .9rem; line-height: 1.6; margin-bottom: .55rem; }
.cf ul li b { color: #fff; font-weight: 600; }
.cf ul li a { color: #c7d3dc; text-decoration: none; }
.cf ul li a:hover { color: #F57E00; }
.cf .cf-menu li a { font: 600 .82rem/1 'Oswald'; letter-spacing: .08em; text-transform: uppercase; }
.cf-base { border-top: 1px solid #2c3e4c; padding: 1.2rem 0 1.4rem; text-align: center;
  font-size: .82rem; color: #8fa3b0; }
.cf-base b { color: #F9B36B; font-weight: 600; }
@media (max-width: 820px) {
  .cf-cols { grid-template-columns: 1fr; gap: 1.8rem; }
}