/*
Theme Name: ClipERP Storefront
Theme URI: https://cliperp.com
Author: INTIC GLOBAL - ALEX I. GARCIA B.
Author URI: https://inticglobal.com
Description: Tema hijo profesional, de alto rendimiento y totalmente personalizable para WooCommerce, diseñado para operar en conjunto con el ecosistema ClipERP sobre hosting Hostinger. Requiere el tema padre Storefront.
Template: storefront
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cliperp-storefront
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
*/

/* ===================================================================================
   Archivo: style.css
   Desarrollador: INTIC GLOBAL - ALEX I. GARCIA B.
   Descripción: Hoja de estilos principal del tema hijo ClipERP Storefront.
   =================================================================================== */

:root {
  /* Paleta de Colores Corporativos por Defecto */
  --cliperp-primary-color: #0d6efd;
  --cliperp-primary-hover: #0b5ed7;
  --cliperp-secondary-color: #0f172a;
  --cliperp-accent-color: #f59e0b;
  --cliperp-text-color: #334155;
  --cliperp-heading-color: #0f172a;
  --cliperp-bg-color: #ffffff;
  --cliperp-surface-color: #f8fafc;
  --cliperp-border-color: #e2e8f0;

  /* Colores de Estado Comercial */
  --cliperp-sale-badge-bg: #dc2626;
  --cliperp-sale-badge-text: #ffffff;
  --cliperp-stock-available: #16a34a;
  --cliperp-stock-out: #94a3b8;

  /* Tipografías y Espaciados */
  --cliperp-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --cliperp-font-family-headings: inherit;
  --cliperp-border-radius: 8px;
  --cliperp-border-radius-pill: 9999px;
  --cliperp-box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --cliperp-box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --cliperp-box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --cliperp-transition-default: all 0.25s ease-in-out;
}

/* Reseteo y ajustes estructurales del tema hijo */
body.cliperp-storefront-active {
  color: var(--cliperp-text-color);
  background-color: var(--cliperp-bg-color);
  font-family: var(--cliperp-font-family-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--cliperp-heading-color);
  font-family: var(--cliperp-font-family-headings);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Enlaces y Transiciones */
a {
  color: var(--cliperp-primary-color);
  text-decoration: none;
  transition: var(--cliperp-transition-default);
}

a:hover, a:focus {
  color: var(--cliperp-primary-hover);
}

/* Botones Principales */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-radius: var(--cliperp-border-radius) !important;
  font-weight: 600 !important;
  transition: var(--cliperp-transition-default) !important;
}

/* Contenedores y Alineación Responsiva */
.site-content {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

/* Insignias de Oferta y Badges de Producto */
.onsale {
  background-color: var(--cliperp-sale-badge-bg) !important;
  color: var(--cliperp-sale-badge-text) !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 10px !important;
  min-height: auto !important;
  line-height: 1.2 !important;
}

/* Última actualización: 2026-10-30 00:30:00 – Inicialización de estilos de ClipERP Storefront */