/*
 Theme Name: PixelesDC Child
 Theme URI: https://pixelesdc.site/
 Description: Tema hijo optimizado para los sitios Pixel creados con Astra
 Author: Gerardo Oliva
 Author URI: https://pixelesdc.site/
 Template: astra
 Version: 1.0.0
*/

/* =============================
   Variables globales (branding)
   ============================= */
:root{
  --px-primary: #5CD3B4;     /* turquesa CTA */
  --px-primary-600:#35c3a2;
  --px-primary-700:#1fb394;
  --px-ink: #1E1E2E;         /* texto principal */
  --px-muted:#6C7386;        /* texto secundario */
  --px-bg: #FFFFFF;          /* fondo principal */
  --px-surface:#F5F5F7;      /* superficies suaves */
  --px-border:#E6E8EE;       /* bordes suaves */
}

/* Tipografía base elegante */
body{
  color:var(--px-ink);
  background:var(--px-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Botones Astra */
button, .button, .ast-button, .menu-toggle, .ast-custom-button,
input[type=submit], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background:var(--px-primary);
  border-color:var(--px-primary);
}
button:hover, .button:hover, .ast-button:hover, .menu-toggle:hover, .ast-custom-button:hover,
input[type=submit]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background:var(--px-primary-600);
  border-color:var(--px-primary-600);
}

/* Links */
a{ color:var(--px-primary-700); }
a:hover{ color:var(--px-primary); }

/* Tarjetas y secciones */
.px-section{
  background:var(--px-surface);
  border:1px solid var(--px-border);
  border-radius:14px;
  padding:28px;
}

/* Header limpio */
.site-header{
  box-shadow:0 2px 14px rgba(0,0,0,.04);
  background:#fff;
}

/* Footer sobrio */
.site-footer{
  background:#0f172a;
  color:#c8d0e0;
}
.site-footer a{ color:#9ddfce; }
.site-footer a:hover{ color:#5CD3B4; }

/* Hero utilitario */
.px-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:center;
  padding:48px 0;
}
@media (max-width:992px){ .px-hero{ grid-template-columns:1fr; } }
.px-hero h1{ font-size:clamp(28px,4vw,44px); line-height:1.15; margin:0 0 12px; }
.px-hero p.lead{ font-size:clamp(16px,2vw,20px); color:var(--px-muted); margin:0 0 16px; }
.px-hero .px-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.px-badge{ display:inline-block; padding:6px 10px; border-radius:999px; background:var(--px-surface); border:1px solid var(--px-border); font-size:12px; }


/* 🔧 Forzar ancho completo en entradas (Astra Child) */
/*body.single-post .site-content,
/*body.single-post .ast-container,
body.single-post .content-area {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}