:root {
  --brand-primary: #0066FF;   /* Electric Blue */
  --brand-accent:  #FF7A00;   /* Solar Orange */
  --brand-yellow:  #FFD400;   /* Voltage Yellow */
  --brand-green:   #39FF14;   /* Neon Green (use sparingly) */
  --brand-dark:    #0A1B3D;   /* Deep Navy */
  --brand-slate:   #1F2937;   /* Slate Gray */
  --brand-light:   #F7FAFC;   /* Light Surface */
  --brand-white:   #FFFFFF;   /* Clean White */
}

body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--brand-slate); }


.navbar { box-shadow: 0 6px 16px rgba(10,37,64,0.08); }
.nav-link { font-weight: 600; color: var(--brand-dark); }
.nav-link.active { color: var(--brand-primary); }
.navbar-brand { display:flex; align-items:center; gap:.5rem; font-weight:700; color: var(--brand-dark); }
.navbar-brand img { width:28px; height:28px;}


.btn-brand { background: var(--brand-primary); color: #fff; border-color: var(--brand-primary); }
.btn-brand:hover { background: #003B99; border-color: #003B99; }

.btn-accent { background: var(--brand-accent); color: #111; border-color: var(--brand-accent); }
.btn-accent:hover { background: #e76800; color: #111; }

.hero { background: linear-gradient(135deg, var(--brand-dark), #ffffff 60%, #E6F0FF); padding: 6rem 0 4rem; }
.hero-badge { color: var(--brand-primary); background: #EAF2FF; border: 1px solid #D8E7FF; }
.section-title { color: var(--brand-dark); }

.checklist li { margin-bottom: .5rem; }
.counter-pill { background: #003B99; color: #fff; border-radius: 999px; padding: .5rem .75rem; display: inline-block; }

.service-card { border: 1px solid #e6e9ef; transition: transform .2s ease, box-shadow .2s ease; }
.service-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(10,37,64,0.08); border-color: #dbe8fb; }

.media-grid img { border-radius: .75rem; width:100%; height:auto; }

.cta-band { background: linear-gradient(135deg, var(--brand-dark), #003B99); color: #fff; }
.offer { background: #FFF5E6; border: 1px solid #FFE0A3; }
.footer { background: #0a1a2b; color: #cbd5e1; }
.footer a { color: #cbd5e1; text-decoration: none; }
.footer a:hover { color: #fff; }
.small-muted { color:#64748b; }
.carousel .carousel-item { min-height: 120px; }
.ratio iframe { width:100%; height:100%; }

.badge-energy { background: var(--brand-yellow); color: #111; }
.text-energy { color: var(--brand-accent); }
.bg-light-alt { background: var(--brand-light); }


.hero {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
  .hero .col-lg-4 .ratio {
    max-width: 460px;  /* límite superior cómodo */
    margin-left: auto; /* mantiene alineado a la derecha dentro de su columna */
  }
}

@media (max-width: 991.98px) {
  .hero .ratio {
    max-width: 100%;
  }
}