/*
Theme Name: CCS Aquecedores
Theme URI: https://ccsquecedores.com.br
Author: CCS Aquecedores
Author URI: https://ccsquecedores.com.br
Description: Tema premium da CCS Aquecedores — engenharia térmica, aquecedores e sistemas de gás. Visual moderno, branco com glow térmico vermelho. Construído em PHP + Tailwind (via CDN).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ccs
Tags: business, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
*/

/* === CCS Design Tokens === */
:root{
  --brand-red:#E11D2E;
  --brand-red-dark:#A8121F;
  --brand-red-glow:rgba(225,29,46,.18);
  --brand-black:#0A0A0A;
  --brand-gray:#5B5B5B;
  --brand-gray-light:#F4F4F5;
  --brand-white:#FFFFFF;
}

html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--brand-black);
  background:var(--brand-white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.02em}

/* Utility classes used in templates (kept tiny, Tailwind via CDN handles the rest) */
.brand-red{color:var(--brand-red)}
.bg-brand-red{background:var(--brand-red)}
.bg-brand-black{background:var(--brand-black)}
.text-brand-black{color:var(--brand-black)}
.text-brand-gray{color:var(--brand-gray)}
.bg-brand-gray-light{background:var(--brand-gray-light)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.9rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.95rem;
  transition:all .25s ease;line-height:1;
}
.btn-primary{
  background:linear-gradient(135deg,var(--brand-red),var(--brand-red-dark));
  color:#fff;box-shadow:0 10px 30px -10px var(--brand-red-glow);
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px -12px var(--brand-red-glow)}
.btn-ghost{border:1px solid rgba(10,10,10,.12);color:var(--brand-black);background:#fff}
.btn-ghost:hover{background:var(--brand-gray-light)}

.thermal-glow{
  position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 50% at 70% 30%,var(--brand-red-glow),transparent 70%);
}

.card{
  background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:1rem;
  padding:1.75rem;transition:all .3s ease;
}
.card:hover{border-color:rgba(225,29,46,.35);box-shadow:0 20px 50px -20px var(--brand-red-glow);transform:translateY(-3px)}

.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brand-red);
}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--brand-red)}

/* WordPress required */
.alignleft{float:left;margin-right:1rem}
.alignright{float:right;margin-left:1rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}
.wp-caption{max-width:100%}
.sticky{}
.bypostauthor{}