/*
Theme Name: Pulsar Innovation
Theme URI: https://pulsarinnovation.pe
Author: Pulsar Innovation
Author URI: https://pulsarinnovation.pe
Description: Tema corporativo boutique para Pulsar Innovation — consultora de transformación estratégica.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pulsar
Tags: business, corporate, custom-menu, featured-images, full-width-template
*/

/* ════════════════════════════════
   CSS VARIABLES
════════════════════════════════ */
:root {
  --navy:    #0D1B3E;
  --navy2:   #0F2251;
  --blue:    #2B47F5;
  --blue-lt: #4A64FF;
  --orange:  #FF6B2B;
  --orange-lt: #FF8C55;
  --white:   #F0F4FF;
  --off:     #C8D4F8;
  --muted:   rgba(200,212,248,0.45);
  --border:  rgba(43,71,245,0.15);
}

/* ════════════════════════════════
   RESET & BASE
════════════════════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--navy);
  color: var(--white);
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

/* ════════════════════════════════
   TYPOGRAPHY
════════════════════════════════ */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.15;
}

/* ════════════════════════════════
   BUTTONS
════════════════════════════════ */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--orange);
  color: var(--white);
  padding: 0.9rem 2.2rem;
  border-radius: 3px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 24px rgba(255,107,43,0.3);
  transition: background 0.2s, transform 0.15s;
}
.btn-primary:hover { background: var(--orange-lt); transform: translateY(-2px); }

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--off);
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
}
.btn-secondary:hover { color: var(--white); }

.btn-outline {
  display: inline-block;
  background: var(--orange);
  color: var(--white);
  padding: 0.85rem 2rem;
  border-radius: 3px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  box-shadow: 0 4px 20px rgba(255,107,43,0.3);
  transition: background 0.2s, transform 0.15s;
}
.btn-outline:hover { background: var(--orange-lt); transform: translateY(-1px); }

/* ════════════════════════════════
   SECTION LABEL
════════════════════════════════ */
.section-label {
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--blue-lt);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.section-label::before {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1px;
  background: var(--blue);
}

/* ════════════════════════════════
   SECTIONS
════════════════════════════════ */
.section { padding: 7rem 4rem; }

/* ════════════════════════════════
   REVEAL ANIMATIONS
════════════════════════════════ */
.reveal { opacity:0; transform:translateY(24px); transition:opacity 0.7s ease, transform 0.7s ease; }
.reveal.is-visible { opacity:1; transform:none; }
.stagger { opacity:0; transform:translateY(18px); transition:opacity 0.6s ease, transform 0.6s ease; }
.stagger.is-visible { opacity:1; transform:none; }
.method-step { opacity:0; transform:translateY(14px); transition:opacity 0.5s ease, transform 0.5s ease; }
.method-step.is-visible { opacity:1; transform:none; }

/* ════════════════════════════════
   WORDPRESS ALIGNMENT CLASSES
════════════════════════════════ */
.alignleft { float:left; margin-right:1.5rem; }
.alignright { float:right; margin-left:1.5rem; }
.aligncenter { text-align:center; }
.wp-caption { max-width:100%; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal !important; }

/* ════════════════════════════════
   RESPONSIVE BASE
════════════════════════════════ */
@media (max-width: 768px) {
  .section { padding: 4rem 1.5rem; }
}