:root{
  --cs-bg:#F5F6FA;
  --cs-surface:#FFFFFF;
  --cs-ink:#14162A;
  --cs-accent:#E31E24;
  --cs-navy:#16297A;
  --cs-surface-dark:#15182B;
  --cs-font-heading:'Space Grotesk',sans-serif;
  --cs-font-body:'Manrope',sans-serif;
}

/* Tipografía global del sitio */
body, button, input, select, textarea{font-family:var(--cs-font-body)!important;color:var(--cs-ink);}
h1,h2,h3,h4,h5,h6,
.woocommerce-loop-product__title,
.product_title,
#footer-widgets .widget-title,
widget-title{font-family:var(--cs-font-heading)!important;color:var(--cs-ink);}
a{color:var(--cs-navy);}
a:hover{color:var(--cs-accent);}

/* Botones de WooCommerce (añadir al carrito, ver carrito, comprar) en todo el sitio */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce-page .checkout-button,
#add_payment_method #payment #place_order,
.woocommerce-checkout #payment #place_order{
  background:var(--cs-accent)!important;
  color:#fff!important;
  border:none!important;
  border-radius:9999px!important;
  font-family:var(--cs-font-body)!important;
  font-weight:700!important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover{
  background:var(--cs-navy)!important;
}

/* Precios y badges */
.woocommerce .price,
.woocommerce ul.products li.product .price{color:var(--cs-navy);font-weight:700;}
.woocommerce span.onsale{background:var(--cs-accent)!important;font-family:var(--cs-font-body);}
.woocommerce ul.products li.product .price ins{color:var(--cs-accent);}

/* Barra lateral de filtros de la tienda */
.widget-area .widget-title,
#woo_sidebar .widget-title{font-family:var(--cs-font-heading)!important;color:var(--cs-ink);font-size:1rem;}
.widget_layered_nav ul li.chosen a,
.widget_price_filter .price_slider_amount .button{
  color:var(--cs-accent);
}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle{background:var(--cs-accent)!important;}

/* Botones pill (sistema de diseño Marketplace Dinámico) */
.compsys-btn-primary .wp-block-button__link{
  background:var(--cs-accent)!important;
  color:#fff!important;
  border-radius:9999px!important;
  font-family:var(--cs-font-body);
  font-weight:700;
  padding:14px 28px!important;
  border:none!important;
}
.compsys-btn-secondary .wp-block-button__link{
  background:transparent!important;
  color:#fff!important;
  border:2px solid #fff!important;
  border-radius:9999px!important;
  font-family:var(--cs-font-body);
  font-weight:700;
  padding:12px 26px!important;
}
.compsys-btn-secondary-navy .wp-block-button__link{
  background:transparent!important;
  color:var(--cs-navy)!important;
  border:2px solid var(--cs-navy)!important;
  border-radius:9999px!important;
  font-family:var(--cs-font-body);
  font-weight:700;
  padding:12px 26px!important;
}

/* Hero de Home */
.compsys-hero{
  background:var(--cs-surface-dark);
  padding:72px 48px;
}
.compsys-hero-columns{
  align-items:center;
  gap:40px;
}
.compsys-hero-columns > .wp-block-column:first-child{flex-basis:58%!important;}
.compsys-hero-columns > .wp-block-column:last-child{flex-basis:42%!important;}
.compsys-hero h1{
  font-family:var(--cs-font-heading);
  font-weight:700;
  font-size:2.75rem;
  line-height:1.08;
  color:#FFFFFF;
  margin:0 0 16px;
}
.compsys-hero p{
  font-family:var(--cs-font-body);
  font-size:1.05rem;
  color:#B9BDD4;
  margin:0 0 28px;
  max-width:480px;
}
.compsys-hero .wp-block-buttons{gap:12px;}
.compsys-hero-accent{
  background:var(--cs-accent);
  border-radius:16px;
  clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);
  min-height:280px;
}

@media(max-width:781px){
  .compsys-hero{padding:40px 20px;}
  .compsys-hero-columns > .wp-block-column{flex-basis:100%!important;}
  .compsys-hero h1{font-size:2rem;}
  .compsys-hero-accent{min-height:160px;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%);}
}

/* Secciones de Home */
.compsys-section{padding:56px 48px;}
.compsys-section-alt{background:var(--cs-surface);}
.compsys-section h2{
  font-family:var(--cs-font-heading);
  font-weight:700;
  font-size:1.75rem;
  color:var(--cs-ink);
  margin:0 0 24px;
}

/* Grid de categorías */
.compsys-cat-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;}
.compsys-cat-card .wp-block-button__link{
  display:block;
  background:var(--cs-surface)!important;
  border:1px solid rgba(20,22,42,0.08)!important;
  border-radius:12px!important;
  padding:20px!important;
  text-align:left!important;
  color:var(--cs-ink)!important;
  font-family:var(--cs-font-body);
  font-weight:400!important;
  text-decoration:none;
  transition:border-color .15s ease;
}
.compsys-cat-card .wp-block-button__link:hover{border-color:var(--cs-accent)!important;}
.compsys-cat-card strong{font-family:var(--cs-font-heading);font-weight:700;font-size:1rem;display:block;margin-bottom:4px;}
.compsys-cat-count{font-size:0.8rem;color:var(--cs-navy);opacity:0.75;}

/* Marcas */
.compsys-brand-grid{display:flex!important;flex-wrap:wrap;gap:10px;}
.compsys-brand-pill .wp-block-button__link{
  background:var(--cs-surface)!important;
  border:1px solid rgba(20,22,42,0.1)!important;
  color:var(--cs-ink)!important;
  border-radius:9999px!important;
  padding:10px 20px!important;
  font-family:var(--cs-font-body);
  font-weight:700!important;
  font-size:0.85rem;
}

/* Franja de confianza */
.compsys-trust-grid,
.compsys-trust-grid > .wp-block-group__inner-container{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;}
.compsys-trust-grid h3{font-family:var(--cs-font-heading);font-size:0.95rem;color:var(--cs-ink);margin:0 0 4px;}
.compsys-trust-grid p{font-family:var(--cs-font-body);font-size:0.82rem;color:#5F6270;margin:0;}

@media(max-width:781px){
  .compsys-section{padding:32px 20px;}
  .compsys-cat-grid{grid-template-columns:repeat(2,1fr);}
  .compsys-trust-grid,
  .compsys-trust-grid > .wp-block-group__inner-container{grid-template-columns:repeat(2,1fr);}
}