/*
Theme Name: CanaryBlock Philately (Hello Child)
Theme URI: https://philately.canaryproject.net/
Description: Tema hijo personalizado para CanaryBlock Philately basado en Hello Elementor.
Author: CanaryBlock
Template: hello-elementor
Version: 1.0.0
Text Domain: cbp
*/

:root{
  --cbp-primary-900:#12224D;
  --cbp-primary-800:#183060;
  --cbp-primary-700:#1E3A72;
  --cbp-primary-600:#274A8A;
  --cbp-primary-100:#E8EEF9;

  --cbp-accent-600:#DB931F;
  --cbp-accent-500:#F5A424;
  --cbp-accent-100:#FFF2DA;

  --cbp-neutral-900:#0F172A;
  --cbp-neutral-700:#334155;
  --cbp-neutral-600:#475569;
  --cbp-neutral-300:#CBD5E1;
  --cbp-neutral-100:#F1F5F9;
  --cbp-white:#FFFFFF;

  --cbp-font-heading:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --cbp-font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;

  --cbp-h1:48px;
  --cbp-h2:36px;
  --cbp-h3:28px;
  --cbp-h4:22px;
  --cbp-h5:18px;
  --cbp-h6:16px;
  --cbp-body:16px;
  --cbp-small:14px;

  --cbp-section:96px;
  --cbp-section-sm:56px;
  --cbp-gap:24px;
  --cbp-radius:12px;
  --cbp-radius-btn:10px;
  --cbp-shadow:0 6px 20px rgba(0,0,0,0.06);
  --cbp-border:#EEF2F7;
}

html{scroll-behavior:smooth;}
body{font-family:var(--cbp-font-body); font-size:var(--cbp-body); line-height:1.7; color:var(--cbp-neutral-600);}
h1,h2,h3,h4,h5,h6{font-family:var(--cbp-font-heading); color:var(--cbp-neutral-900); margin:0 0 0.5em;}
h1{font-size:var(--cbp-h1); line-height:1.15; font-weight:700;}
h2{font-size:var(--cbp-h2); line-height:1.2; font-weight:700;}
h3{font-size:var(--cbp-h3); line-height:1.25; font-weight:600;}
h4{font-size:var(--cbp-h4); line-height:1.3; font-weight:600;}
h5{font-size:var(--cbp-h5); line-height:1.35; font-weight:600;}
h6{font-size:var(--cbp-h6); line-height:1.4; font-weight:600; color:var(--cbp-neutral-700);}

a{color:var(--cbp-primary-700); text-decoration:none;}
a:hover{color:var(--cbp-primary-600);}
img{border-radius:var(--cbp-radius);}

.section{padding:var(--cbp-section) 0;}
.section--alt{background:var(--cbp-neutral-100);}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 24px; border-radius:var(--cbp-radius-btn); font-weight:600; line-height:1.2;}
.btn--primary{background:var(--cbp-primary-700); color:#fff;}
.btn--primary:hover{background:var(--cbp-primary-600);}
.btn--secondary{background:transparent; color:var(--cbp-primary-700); border:1px solid var(--cbp-primary-700);}
.btn--secondary:hover{background:var(--cbp-primary-100);}
.badge{display:inline-block; padding:6px 10px; border-radius:999px; font-weight:600; font-size:12px;}
.badge--accent{background:var(--cbp-accent-100); color:var(--cbp-accent-600);}
.card{background:#fff; border:1px solid var(--cbp-border); border-radius:var(--cbp-radius); box-shadow:var(--cbp-shadow); padding:24px;}
.stat{ text-align:center;}
.stat .value{font-size:28px; font-weight:700; color:var(--cbp-neutral-900);}
.stat .label{color:var(--cbp-neutral-600)}

.e-btn-primary .elementor-button{background:var(--cbp-primary-700); color:#fff; border-radius:var(--cbp-radius-btn); padding:14px 24px;}
.e-btn-primary .elementor-button:hover{background:var(--cbp-primary-600);}
.e-btn-secondary .elementor-button{background:transparent; color:var(--cbp-primary-700); border:1px solid var(--cbp-primary-700); border-radius:var(--cbp-radius-btn); padding:14px 24px;}
.e-btn-secondary .elementor-button:hover{background:var(--cbp-primary-100);}

.e-card{background:#fff; border:1px solid var(--cbp-border); box-shadow:var(--cbp-shadow); border-radius:var(--cbp-radius); padding:24px;}
.e-badge{background:var(--cbp-accent-100); color:var(--cbp-accent-600); border-radius:999px; padding:6px 10px; font-weight:600; font-size:12px; display:inline-block;}
.e-section{padding:var(--cbp-section) 0;}
.e-section--alt{background:var(--cbp-neutral-100);}

@media (max-width:768px){
  :root{ --cbp-h1:36px; --cbp-h2:28px; --cbp-h3:22px; --cbp-section:64px; }
}