/*
Theme Name: Pantherviews
Theme URI: https://pantherviews-academy.com
Author: Pantherviews
Description: Tema custom para Pantherviews Academy. Diseno corporativo premium para formacion tecnica en alta tension. Animaciones GSAP + Lenis, sin Elementor.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: pantherviews
*/

/* ============================================================
   TOKENS DE DISENO — la base de marca de Pantherviews
   ============================================================ */
:root{
  --navy:#081A35;
  --navy-deep:#050F22;
  --navy-soft:#0E2547;
  --gold:#D4AF37;
  --gold-bright:#E8C75A;
  --yellow-sig:#F2C200;
  --paper:#F5F3EE;
  --paper-dim:#D9D5CC;
  --line:rgba(212,175,55,.22);

  --font-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --font-body:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  --wrap:1180px;
}

/* ============================================================
   RESET Y BASE
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto} /* Lenis gestiona el scroll suave */
body{
  font-family:var(--font-body);
  color:var(--paper);
  background:var(--navy-deep);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.pv-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;position:relative;z-index:2}

/* ============================================================
   CURSOR CUSTOM — Reticula tecnica (canvas a pantalla completa)
   El canvas cubre el viewport; pv-motion.js dibuja la mira.
   Ocultamos el cursor nativo solo en desktop con puntero fino.
   ============================================================ */
.pv-cursor-canvas{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}
@media (hover:hover) and (pointer:fine){
  html.pv-has-reticle, html.pv-has-reticle *{cursor:none}
}
@media (hover:none),(max-width:760px){.pv-cursor-canvas{display:none}}

/* ============================================================
   ATMOSFERA DE FONDO
   ============================================================ */
.pv-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0}
.pv-glow.g1{width:520px;height:520px;background:radial-gradient(circle,rgba(212,175,55,.30),transparent 70%);top:-120px;right:-120px}
.pv-glow.g2{width:600px;height:600px;background:radial-gradient(circle,rgba(14,37,71,.9),transparent 70%);top:40%;left:-200px}

/* ============================================================
   REVEALS (estado inicial; pv-motion.js los anima)
   ============================================================ */
.pv-reveal{opacity:0;transform:translateY(34px)}

@media (prefers-reduced-motion:reduce){
  .pv-reveal{opacity:1!important;transform:none!important}
  *{animation:none!important;transition:none!important}
}