/*
Theme Name:  VargasRStore Theme
Theme URI:   https://vargasrstore.com
Description: Child theme personalizado para VargasRStore.com — Dark Mode Premium con hero animado. Basado en Astra.
Author:      Ricardo Vargas — VargasRStore
Author URI:  https://vargasrstore.com
Template:    astra
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: vargasrstore-theme
*/

/* ============================================================
   VARIABLES GLOBALES
   ============================================================ */
:root {
  --vrs-bg:           #0A0A0F;
  --vrs-bg2:          #0F0F18;
  --vrs-bg3:          #13131F;
  --vrs-bg4:          #1A1A2E;
  --vrs-border:       rgba(255,255,255,0.07);
  --vrs-border2:      rgba(255,255,255,0.13);
  --vrs-text:         #F0F0FF;
  --vrs-text2:        rgba(240,240,255,0.62);
  --vrs-text3:        rgba(240,240,255,0.35);
  --vrs-purple:       #8B5CF6;
  --vrs-purple2:      #7C3AED;
  --vrs-purple-soft:  rgba(139,92,246,0.14);
  --vrs-purple-glow:  rgba(139,92,246,0.28);
  --vrs-cyan:         #22D3EE;
  --vrs-cyan-soft:    rgba(34,211,238,0.12);
  --vrs-green:        #34D399;
  --vrs-amber:        #F59E0B;
  --font-display:     'Outfit', 'Segoe UI', sans-serif;
  --font-body:        'Inter', 'Segoe UI', sans-serif;
}

/* ============================================================
   RESET GLOBAL ASTRA
   ============================================================ */
html, body {
  background: var(--vrs-bg) !important;
  color: var(--vrs-text) !important;
  font-family: var(--font-body) !important;
  margin: 0; padding: 0;
}

/* Ocultar header/footer/sidebar de Astra en home */
body.home .site-header,
body.home #masthead,
body.home .ast-masthead-custom-menu-items,
body.home .site-footer,
body.home #colophon,
body.home .widget-area,
body.home .ast-hfb-header {
  display: none !important;
}

body.home #content,
body.home .entry-content,
body.home .ast-container,
body.home .site-content,
body.home .content-area {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.home .entry-header,
body.home .page-title-bar {
  display: none !important;
}

*, *::before, *::after { box-sizing: border-box; }
a { text-decoration: none; }
img { max-width: 100%; }