/*
Theme Name: Gala HR
Theme URI: https://galahr.com
Author: Gala HR
Author URI: https://galahr.com
Description: Tema independiente para Gala HR. Header y footer via WPCode. Soporte completo Gutenberg. Sin dependencia de Divi.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: galahr
*/

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --gh-dark:#1a0a2e;
  --gh-dark-2:#2d1b4e;
  --gh-dark-3:#0f0518;
  --gh-purple:#7d6cff;
  --gh-purple-light:#a78bfa;
  --gh-purple-soft:#ede9fe;
  --gh-violet:#8b5cf6;
  --gh-accent:#c084fc;
  --gh-pink:#9b26c4;
  --gh-green:#22c55e;
  --gh-green-dark:#16a34a;
  --gh-light:#faf9fc;
  --gh-light-2:#f3f1f9;
  --gh-text:#1e1b2e;
  --gh-text-muted:#6b7280;
  --gh-white-80:rgba(255,255,255,.8);
  --gh-white-60:rgba(255,255,255,.6);
  --gh-white-10:rgba(255,255,255,.1);
  --gh-white-05:rgba(255,255,255,.05);
  --gh-glass-bg:rgba(255,255,255,.05);
  --gh-glass-border:rgba(255,255,255,.1);
  --gh-radius:20px;
  --gh-radius-sm:12px;
  --gh-radius-lg:28px;
}

html{scroll-behavior:smooth}

/* Override navbar snippet padding for custom theme pages (hero sections have their own padding) */
main.galahr-page-content{padding-top:0!important}
@media(max-width:768px){main.galahr-page-content{padding-top:0!important}}

body{
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  color:var(--gh-text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  background-color:#0A0E17;
  padding-top:0;
  margin:0;
}

img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}

h1,h2,h3,h4,h5,h6{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  line-height:1.3;
}

/* ============================================
   SINGLE POST — BLOG HERO (Plasma)
   ============================================ */
.gh-blog-hero{
  position:relative;
  padding:140px 24px 80px;
  overflow:hidden;
  background:linear-gradient(135deg,#1a0a2e 0%,#0f0518 50%,#1a0a2e 100%);
  min-height:420px;
  display:flex;
  align-items:center;
}
.gh-blog-hero-plasma{
  content:'';position:absolute;inset:-50%;width:200%;height:200%;
  background:
    radial-gradient(600px 400px at 30% 20%,rgba(155,38,196,.3),transparent 60%),
    radial-gradient(500px 350px at 70% 40%,rgba(125,108,255,.25),transparent 60%),
    radial-gradient(450px 300px at 50% 70%,rgba(155,38,196,.2),transparent 55%);
  animation:gh-blogPlasma 18s ease-in-out infinite;
  z-index:0;will-change:transform;pointer-events:none;
}
@keyframes gh-blogPlasma{
  0%{transform:translate(0,0) scale(1) rotate(0deg)}
  25%{transform:translate(5%,-3%) scale(1.05) rotate(2deg)}
  50%{transform:translate(-3%,5%) scale(.97) rotate(-1deg)}
  75%{transform:translate(4%,2%) scale(1.03) rotate(1.5deg)}
  100%{transform:translate(0,0) scale(1) rotate(0deg)}
}

.gh-blog-hero-inner{
  max-width:900px;
  margin:0 auto;
  position:relative;
  z-index:1;
  text-align:center;
}

.gh-blog-hero-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:24px;
}

.gh-blog-category-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(125,108,255,.15);
  color:var(--gh-purple-light);
  border:1px solid rgba(125,108,255,.3);
  border-radius:100px;
  padding:6px 16px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.gh-blog-date,
.gh-blog-read-time{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--gh-white-60);
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:13px;
}
.gh-blog-date svg,
.gh-blog-read-time svg{
  opacity:.7;
}

.gh-blog-hero-title{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  font-size:44px;
  font-weight:700;
  line-height:1.15;
  background:linear-gradient(135deg,#fff 0%,rgba(125,108,255,.8) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:28px;
  letter-spacing:-.02em;
}

.gh-blog-author-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.gh-blog-avatar{
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  border:2px solid rgba(125,108,255,.3);
}
.gh-blog-author-info{
  display:flex;
  flex-direction:column;
  text-align:left;
}
.gh-blog-author-name{
  color:#fff;
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:14px;
  font-weight:600;
}
.gh-blog-author-role{
  color:var(--gh-white-60);
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:12px;
}

/* Hero responsive */
@media(max-width:1024px){
  .gh-blog-hero{padding:120px 20px 60px;min-height:360px}
  .gh-blog-hero-title{font-size:36px}
}
@media(max-width:768px){
  .gh-blog-hero{padding:100px 16px 48px;min-height:auto}
  .gh-blog-hero-title{font-size:28px}
  .gh-blog-hero-meta{gap:10px}
  .gh-blog-category-badge{font-size:11px;padding:5px 12px}
  .gh-blog-date,.gh-blog-read-time{font-size:12px}
}
@media(max-width:480px){
  .gh-blog-hero{padding:90px 14px 40px}
  .gh-blog-hero-title{font-size:24px}
}

/* ============================================
   SINGLE POST — BREADCRUMB
   ============================================ */
.gh-blog-breadcrumb-wrap{
  background:var(--gh-dark);
  padding:0 24px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.gh-blog-breadcrumb{
  max-width:900px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 0;
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:13px;
  color:var(--gh-white-60);
  overflow:hidden;
  flex-wrap:wrap;
}
.gh-blog-breadcrumb a{
  color:var(--gh-white-60);
  white-space:nowrap;
}
.gh-blog-breadcrumb a:hover{
  color:var(--gh-purple-light);
}
.gh-blog-breadcrumb svg{
  flex-shrink:0;
  opacity:.4;
}
.gh-breadcrumb-current{
  color:var(--gh-purple-light);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:300px;
}
@media(max-width:768px){
  .gh-blog-breadcrumb-wrap{padding:0 16px}
  .gh-blog-breadcrumb{font-size:12px;padding:10px 0}
  .gh-breadcrumb-current{max-width:180px}
}

/* ============================================
   SINGLE POST — FEATURED IMAGE
   ============================================ */
.gh-blog-featured-wrap{
  background:var(--gh-dark);
  padding:32px 24px 0;
}
.gh-blog-featured-img{
  max-width:900px;
  margin:0 auto;
  border-radius:var(--gh-radius);
  overflow:hidden;
  box-shadow:0 16px 48px rgba(0,0,0,.3);
}
.gh-featured-image{
  width:100%;
  height:auto;
  display:block;
}
@media(max-width:768px){
  .gh-blog-featured-wrap{padding:24px 16px 0}
  .gh-blog-featured-img{border-radius:var(--gh-radius-sm)}
}

/* ============================================
   SINGLE POST — CONTENT + SIDEBAR GRID
   ============================================ */
.gh-blog-content-section{
  background:var(--gh-dark);
  padding:48px 24px;
}
.gh-blog-content-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 320px;
  gap:48px;
  align-items:start;
}
@media(max-width:1024px){
  .gh-blog-content-grid{
    grid-template-columns:1fr;
    gap:32px;
    max-width:900px;
  }
}
@media(max-width:768px){
  .gh-blog-content-section{padding:32px 16px}
}
@media(max-width:480px){
  .gh-blog-content-section{padding:24px 14px}
}

/* ============================================
   SINGLE POST — ARTICLE (white card)
   ============================================ */
.gh-blog-article{
  background:#fff;
  border-radius:var(--gh-radius);
  padding:48px;
  box-shadow:0 8px 32px rgba(0,0,0,.08);
}
@media(max-width:768px){
  .gh-blog-article{padding:28px 20px;border-radius:var(--gh-radius-sm)}
}
@media(max-width:480px){
  .gh-blog-article{padding:24px 16px}
}

/* ============================================
   GUTENBERG — BLOG POST CONTENT
   ============================================ */
.blog-post-content{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:16px;
  line-height:1.85;
  color:var(--gh-text);
}
.blog-post-content p{margin-top:0;margin-bottom:20px}
.blog-post-content h1,
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  margin-top:40px;
  margin-bottom:16px;
  color:var(--gh-dark);
  scroll-margin-top:100px;
}
.blog-post-content h2{
  font-size:28px;
  line-height:1.3;
  font-weight:700;
  padding-bottom:12px;
  border-bottom:2px solid var(--gh-purple-soft);
}
.blog-post-content h3{font-size:22px;line-height:1.4;font-weight:600}
.blog-post-content h4{font-size:18px;line-height:1.4;font-weight:600}
.blog-post-content h5{font-size:16px;line-height:1.4;font-weight:600}
.blog-post-content h6{font-size:15px;line-height:1.4;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--gh-text-muted)}

.blog-post-content a{
  color:var(--gh-purple);
  text-decoration:underline;
  text-decoration-color:rgba(125,108,255,.3);
  text-underline-offset:3px;
  transition:all .2s ease;
}
.blog-post-content a:hover{color:var(--gh-violet);text-decoration-color:var(--gh-violet)}
.blog-post-content strong{font-weight:600}
.blog-post-content img{border-radius:var(--gh-radius-sm);margin:24px 0}
.blog-post-content figcaption{
  font-size:13px;color:var(--gh-text-muted);text-align:center;margin-top:8px;
  font-style:italic;
}

/* Lists */
.blog-post-content ul,.blog-post-content ol{padding-left:24px;margin:20px 0}
.blog-post-content li{margin-bottom:10px;line-height:1.75}
.blog-post-content ul li::marker{color:var(--gh-purple)}
.blog-post-content ol li::marker{color:var(--gh-purple);font-weight:600}

/* Tables */
.blog-post-content .wp-block-table{margin:28px 0;overflow-x:auto;border-radius:var(--gh-radius-sm);overflow:hidden}
.blog-post-content table{width:100%;border-collapse:collapse;font-size:14px}
.blog-post-content thead{background:var(--gh-dark);color:#fff}
.blog-post-content thead th{
  padding:14px 16px;font-weight:600;text-align:left;font-size:13px;
  letter-spacing:.02em;font-family:'Outfit',system-ui,sans-serif;
}
.blog-post-content tbody td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:top}
.blog-post-content tbody tr:nth-child(even){background:#faf9fc}
.blog-post-content tbody tr:hover{background:var(--gh-purple-soft)}

/* Blockquote */
.blog-post-content blockquote{
  border-left:4px solid var(--gh-purple);
  padding:20px 28px;
  margin:28px 0;
  background:linear-gradient(135deg,var(--gh-purple-soft),#f8f7ff);
  border-radius:0 var(--gh-radius-sm) var(--gh-radius-sm) 0;
  font-style:italic;
  color:var(--gh-dark-2);
  font-size:17px;
  line-height:1.7;
}
.blog-post-content blockquote p{margin-bottom:0}

/* Code */
.blog-post-content pre{
  background:var(--gh-dark);color:#e2e8f0;padding:24px;
  border-radius:var(--gh-radius-sm);overflow-x:auto;font-size:14px;margin:28px 0;
  border:1px solid rgba(125,108,255,.15);
}
.blog-post-content p code,.blog-post-content li code{
  background:var(--gh-purple-soft);padding:2px 8px;border-radius:6px;
  color:var(--gh-dark);font-size:.88em;font-weight:500;
}

/* Gutenberg image blocks */
.blog-post-content .wp-block-image{margin:28px 0}
.blog-post-content .wp-block-image img{border-radius:var(--gh-radius-sm)}

/* Gutenberg separator */
.blog-post-content hr,
.blog-post-content .wp-block-separator{
  border:none;height:2px;
  background:linear-gradient(90deg,transparent,var(--gh-purple-soft),transparent);
  margin:40px 0;
}

/* Gutenberg columns */
.blog-post-content .wp-block-columns{gap:24px;margin:24px 0}

/* Responsive content */
@media(max-width:768px){
  .blog-post-content{font-size:15px;line-height:1.8}
  .blog-post-content h2{font-size:24px}
  .blog-post-content h3{font-size:20px}
  .blog-post-content h4{font-size:17px}
  .blog-post-content blockquote{padding:16px 20px;font-size:15px}
  .blog-post-content pre{padding:16px;font-size:13px}
}

/* ============================================
   SINGLE POST — TAGS
   ============================================ */
.gh-blog-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid #f0f0f0;
}
.gh-blog-tag{
  display:inline-flex;
  padding:6px 14px;
  background:var(--gh-purple-soft);
  color:var(--gh-purple);
  border-radius:100px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:13px;
  font-weight:500;
  transition:all .2s ease;
}
.gh-blog-tag:hover{
  background:var(--gh-purple);
  color:#fff;
}

/* ============================================
   SINGLE POST — SHARE BUTTONS
   ============================================ */
.gh-blog-share{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:24px;
}
.gh-blog-share-label{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:14px;
  color:var(--gh-text-muted);
  font-weight:500;
}
.gh-share-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;height:40px;
  border-radius:50%;
  background:#f3f1f9;
  color:var(--gh-text-muted);
  transition:all .2s ease;
}
.gh-share-btn:hover{
  background:var(--gh-purple);
  color:#fff;
  transform:translateY(-2px);
}
.gh-share-btn.gh-share-whatsapp:hover{
  background:var(--gh-green);
}

/* ============================================
   SINGLE POST — SIDEBAR
   ============================================ */
.gh-blog-sidebar{
  position:sticky;
  top:100px;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.gh-sidebar-card{
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--gh-radius);
  padding:24px;
}
.gh-sidebar-title{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  font-size:15px;
  font-weight:600;
  color:#fff;
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:8px;
}
.gh-sidebar-title svg{
  color:var(--gh-purple-light);
}

/* Table of Contents */
.gh-toc-list{
  list-style:none;
  padding:0;
  margin:0;
}
.gh-toc-list li{
  margin-bottom:2px;
}
.gh-toc-list li a{
  display:block;
  padding:8px 12px;
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:13px;
  color:var(--gh-white-60);
  border-radius:8px;
  border-left:2px solid transparent;
  transition:all .2s ease;
  line-height:1.4;
}
.gh-toc-list li a:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
}
.gh-toc-list li a.active{
  color:var(--gh-purple-light);
  background:rgba(125,108,255,.1);
  border-left-color:var(--gh-purple);
}
.gh-toc-sub a{
  padding-left:24px!important;
  font-size:12px!important;
}

/* Related Posts in sidebar */
.gh-sidebar-related{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.gh-sidebar-related-item{
  display:flex;
  gap:12px;
  padding:10px;
  border-radius:var(--gh-radius-sm);
  transition:all .2s ease;
}
.gh-sidebar-related-item:hover{
  background:rgba(255,255,255,.05);
}
.gh-sidebar-related-thumb{
  width:60px;
  height:60px;
  border-radius:8px;
  object-fit:cover;
  flex-shrink:0;
}
.gh-sidebar-related-info{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.gh-sidebar-related-title{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:13px;
  font-weight:600;
  color:#fff;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.gh-sidebar-related-date{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:11px;
  color:var(--gh-white-60);
}

/* Sidebar widgets */
.gh-sidebar-widgets .widget{margin-bottom:20px}
.gh-sidebar-widgets .widget-title,
.gh-sidebar-widgets .widgettitle{
  font-family:'Sora',system-ui,sans-serif;
  color:var(--gh-purple-light);
  font-size:15px;
  font-weight:600;
  margin-bottom:12px;
}
.gh-sidebar-widgets ul{list-style:none;padding:0}
.gh-sidebar-widgets li{padding:6px 0}
.gh-sidebar-widgets li a{
  font-family:'DM Sans',system-ui,sans-serif;
  color:var(--gh-white-60);
  font-size:13px;
}
.gh-sidebar-widgets li a:hover{color:var(--gh-purple-light)}

/* Sidebar responsive */
@media(max-width:1024px){
  .gh-blog-sidebar{
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .gh-sidebar-card{flex:1;min-width:280px}
  .gh-toc-card{display:none}
}
@media(max-width:768px){
  .gh-sidebar-card{min-width:100%}
}

/* ============================================
   SINGLE POST — COMMENTS SECTION
   ============================================ */
.gh-blog-comments-section{
  background:var(--gh-dark);
  padding:0 24px 48px;
}
.gh-blog-comments-inner{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border-radius:var(--gh-radius);
  padding:40px 48px;
  box-shadow:0 8px 32px rgba(0,0,0,.08);
}
@media(max-width:768px){
  .gh-blog-comments-section{padding:0 16px 32px}
  .gh-blog-comments-inner{padding:24px 20px;border-radius:var(--gh-radius-sm)}
}

/* Comments form & list */
.comment-respond{margin-top:32px}
.comment-respond .comment-reply-title{
  font-family:'Sora',system-ui,sans-serif;
  font-size:24px;
  font-weight:700;
  color:var(--gh-dark);
  margin-bottom:24px;
}
.comment-form label{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:14px;
  font-weight:500;
  display:block;
  margin-bottom:6px;
  color:var(--gh-text);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100%;
  padding:12px 16px;
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:15px;
  line-height:1.6;
  border:1px solid #e5e7eb;
  border-radius:var(--gh-radius-sm);
  background:#faf9fc;
  margin-bottom:12px;
  transition:all .3s ease;
}
.comment-form input:focus,
.comment-form textarea:focus{
  outline:none;
  border-color:var(--gh-purple);
  background:#fff;
  box-shadow:0 0 0 3px rgba(125,108,255,.1);
}
.comment-form .submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 32px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:15px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg,var(--gh-purple),var(--gh-accent));
  border:none;
  border-radius:100px;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(125,108,255,.3);
  transition:all .3s ease;
  letter-spacing:.02em;
}
.comment-form .submit:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(125,108,255,.4);
}

.comment-list{list-style:none;padding:0}
.comment-list .comment{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #f3f1f9;
}
.comment-author img{
  border-radius:50%;
  border:2px solid var(--gh-purple-soft);
}
.comment-meta{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:13px;
  color:var(--gh-text-muted);
  margin-bottom:8px;
}
.comment-content{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:15px;
  line-height:1.7;
  color:var(--gh-text);
}

/* ============================================
   SINGLE POST — CTA SECTION
   ============================================ */
.gh-blog-cta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#1a0a2e 0%,#0f0518 50%,#1a0a2e 100%);
  padding:80px 24px;
}
.gh-blog-cta-plasma{
  position:absolute;inset:-50%;width:200%;height:200%;
  background:
    radial-gradient(400px 300px at 40% 30%,rgba(155,38,196,.25),transparent 60%),
    radial-gradient(350px 250px at 60% 50%,rgba(125,108,255,.2),transparent 60%);
  animation:gh-blogPlasma 18s ease-in-out infinite;
  z-index:0;pointer-events:none;
}
.gh-blog-cta-inner{
  max-width:700px;
  margin:0 auto;
  position:relative;
  z-index:1;
  text-align:center;
}
.gh-blog-cta-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(125,108,255,.1);
  color:var(--gh-purple-light);
  border:1px solid rgba(125,108,255,.25);
  border-radius:100px;
  padding:8px 20px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.gh-blog-cta-title{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  font-size:36px;
  font-weight:700;
  background:linear-gradient(135deg,#fff 0%,rgba(125,108,255,.8) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  margin-bottom:16px;
  line-height:1.2;
}
.gh-blog-cta-text{
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:17px;
  color:var(--gh-white-60);
  line-height:1.7;
  margin-bottom:32px;
}
.gh-blog-cta-buttons{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

/* Buttons */
.gh-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 32px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:15px;
  font-weight:600;
  color:#fff!important;
  background:linear-gradient(135deg,var(--gh-purple),var(--gh-accent));
  border-radius:100px;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(125,108,255,.3);
  transition:all .3s ease;
}
.gh-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(125,108,255,.4);
}
.gh-btn-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 32px;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:15px;
  font-weight:600;
  color:#fff;
  background:linear-gradient(135deg,#25D366,#128C7E);
  border-radius:100px;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(37,211,102,.3);
  transition:all .3s ease;
}
.gh-btn-whatsapp:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(37,211,102,.4);
}

@media(max-width:768px){
  .gh-blog-cta{padding:60px 16px}
  .gh-blog-cta-title{font-size:28px}
  .gh-blog-cta-text{font-size:15px}
  .gh-blog-cta-buttons{flex-direction:column;align-items:stretch}
  .gh-btn-primary,.gh-btn-whatsapp{display:flex;width:100%;justify-content:center;text-align:center}
}

/* ============================================
   ARCHIVE / BLOG INDEX
   ============================================ */
.gh-archive-section{
  background:#0A0E17;
  min-height:100vh;
  padding:40px;
}
.gh-archive-header{
  max-width:1200px;
  margin:80px auto 48px;
  text-align:center;
  position:relative;
}
.gh-archive-header h1{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  color:#fff;
  font-size:42px;
  font-weight:700;
  margin-bottom:12px;
  background:linear-gradient(135deg,#fff 0%,rgba(125,108,255,.8) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gh-archive-header p{
  color:var(--gh-white-60);
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:16px;
  max-width:600px;
  margin:0 auto;
}

.gh-archive-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

/* Post card — dark glass style */
.gh-post-card{
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--gh-radius);
  overflow:hidden;
  transition:all .3s ease;
}
.gh-post-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,108,255,.3);
  box-shadow:0 16px 48px rgba(125,108,255,.15);
}
.gh-post-card-thumb{
  width:100%;
  height:200px;
  object-fit:cover;
}
.gh-post-card-body{
  padding:24px;
}
.gh-post-card-meta{
  font-size:12px;
  color:var(--gh-white-60);
  margin-bottom:10px;
  font-family:'DM Sans',system-ui,sans-serif;
}
.gh-post-card-title{
  font-family:'Sora','Outfit',system-ui,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.4;
  margin-bottom:12px;
}
.gh-post-card-title a{
  color:#fff;
}
.gh-post-card-title a:hover{
  color:var(--gh-purple-light);
}
.gh-post-card-excerpt{
  font-size:14px;
  color:var(--gh-white-60);
  line-height:1.7;
  margin-bottom:16px;
  font-family:'DM Sans',system-ui,sans-serif;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.gh-post-card-link{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--gh-purple-light);
  letter-spacing:.02em;
  text-transform:uppercase;
}
.gh-post-card-link:hover{
  color:var(--gh-accent);
}

/* Archive responsive */
@media(max-width:1024px){.gh-archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .gh-archive-section{padding:20px}
  .gh-archive-header{margin:60px auto 32px}
  .gh-archive-header h1{font-size:32px}
}
@media(max-width:600px){.gh-archive-grid{grid-template-columns:1fr}}

/* Pagination */
.gh-pagination{
  max-width:1200px;
  margin:48px auto 0;
  display:flex;
  justify-content:center;
  gap:8px;
}
.gh-pagination a,
.gh-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;height:40px;
  padding:0 12px;
  border-radius:var(--gh-radius-sm);
  font-family:'DM Sans',system-ui,sans-serif;
  font-size:14px;
  font-weight:600;
  color:var(--gh-white-60);
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  transition:all .3s ease;
}
.gh-pagination a:hover{
  color:#fff;
  background:rgba(125,108,255,.2);
  border-color:rgba(125,108,255,.4);
}
.gh-pagination .current{
  color:#fff;
  background:var(--gh-purple);
  border-color:var(--gh-purple);
}

/* ============================================
   404
   ============================================ */
.gh-404{
  min-height:60vh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:80px 24px;background:#0A0E17;
}
.gh-404 h1{font-size:120px;color:var(--gh-purple);line-height:1;margin-bottom:16px}
.gh-404 p{color:rgba(255,255,255,.6);font-size:18px;margin-bottom:32px}
.gh-404 a{
  display:inline-flex;padding:14px 32px;
  background:linear-gradient(135deg,#7d6cff,#c084fc);color:#fff;
  font-family:'Outfit',system-ui,sans-serif;font-weight:600;font-size:14px;
  border-radius:100px;box-shadow:0 4px 16px rgba(125,108,255,.3);
}
.gh-404 a:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(125,108,255,.4)}