/* =========================
   Logo Control
========================= */

.navbar-brand{
  padding: 0;
}

.ng-logo{
  height: 58px;   /* antes 44px — ahora presencia real */
  width: auto;
  display: block;
  transition: transform .2s ease;
}

/* Mobile */
@media (max-width: 768px){
  .ng-logo{
    height: 52px;
  }
}

.navbar{
  background:#ffffff;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.ng-logo{
  height:44px;
  width:auto;
  display:block;
}

/* =========================
   Header Divider
========================= */

.ng-navbar{
  border-bottom: 0;
}

.ng-navbar-divider{
  height: 2px;
  width: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #c21d1d 25%,
    #c21d1d 75%,
    transparent 100%
  );
}

.ng-foot-tagline{
  color: rgba(229,231,235,.75);
  font-size: .95rem;
  letter-spacing: .4px;
  margin-top: 4px;
}

.ng-foot-sub{
  color: rgba(229,231,235,.55);
  font-size: .85rem;
  margin-top: 2px;
}

.ng-foot-legal{
  font-size:.85rem;
  color:rgba(229,231,235,.45);
}

.ng-foot-legal:hover{
  color:rgba(229,231,235,.70);
}

.ng-foot-bottom{
  color: rgba(229,231,235,.55);
  font-size: .92rem;
}

.ng-accent{
  color: var(--ng-red);
  font-weight: 500;
  letter-spacing: .3px;
}

.ng-accent{
  color: var(--ng-red);
  font-weight: 600;
}

.ng-logo{
  height: 52px;
}

.ng-logo{
  height: 56px;
  width: auto;
  display: block;
}

/* Header logo sizing */
.navbar .navbar-brand { padding: 0; }

.ng-logo{
  height: 64px;   /* más visible en desktop */
  width: auto;
  display: block;
}

@media (max-width: 576px){
  .ng-logo{ height: 52px; } /* iPad / móvil */
}

/* =========================
   Nuria Global – style.css (clean / no duplicates)
   Path: /assets/css/style.css
========================= */

:root{
  --ng-red:#c21d1d;
  --ng-navy:#0f1b2d;
  --ng-slate:#111827;
  --ng-silver:#e5e7eb;
  --ng-muted:#6b7280;
  --ng-radius:18px;
}

/* =========================
   Header / Logo / Navigation
========================= */
.navbar .navbar-brand{
  padding:0;
}

.ng-logo{
  height:52px;
  width:auto;
  display:block;
}

@media (max-width:576px){
  .ng-logo{ height:48px; }
}

.letter-space{
  letter-spacing:.8px;
}

.ng-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ng-red);
  box-shadow:0 0 0 6px rgba(194,29,29,.12);
}

.ng-nav .nav-link{
  color:#1f2937;
  border-radius:12px;
}

.ng-nav .nav-link:hover{
  background:#f3f4f6;
}

.navbar{
  z-index:1030;
}

/* =========================
   Buttons
========================= */
.btn-ng-primary{
  background:var(--ng-red);
  color:#fff;
  border:1px solid var(--ng-red);
  border-radius:999px;
  padding:.6rem .95rem;
  font-weight:600;
}

.btn-ng-primary:hover{
  filter:brightness(.95);
  color:#fff;
}

.btn-ng-outline{
  border:1px solid rgba(255,255,255,.85);
  color:#fff;
  border-radius:999px;
  padding:.6rem .95rem;
  font-weight:600;
}

.btn-ng-outline:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}

/* =========================
   Hero
========================= */
.ng-hero{
  min-height:85vh;
  background-image:
    linear-gradient(rgba(15,27,45,.55), rgba(15,27,45,.55)),
    url("/assets/img/hero.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Hero text */
.ng-kicker{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:.75rem;
  color:rgba(229,231,235,.92);
}

.ng-h1{
  max-width:820px;
  line-height:1.15;
  font-weight:300;
  letter-spacing:1px;
  margin:10px 0 14px;
  color:#fff;
}

.ng-sub{
  color:rgba(229,231,235,.92);
  max-width:720px;
  font-size:1.08rem;
}

.ng-micro{
  color:rgba(229,231,235,.85);
  font-size:.95rem;
}

@media (max-width:768px){
  .ng-hero{
    min-height:70vh;
    text-align:center;
  }
  .ng-h1{
    font-size:1.8rem;
  }
}

/* =========================
   Sections / Cards
========================= */
.ng-section{
  padding:70px 0;
}

.ng-card{
  border:1px solid #eef2f7;
  border-radius:var(--ng-radius);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  background:#fff;
}

.ng-card h3{
  font-size:1.05rem;
}

.ng-muted{
  color:var(--ng-muted);
}

.ng-band{
  background:linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);
  border-top:1px solid #eef2f7;
  border-bottom:1px solid #eef2f7;
}

/* =========================
   Form + status UI
========================= */
.ng-sending{
  color:rgba(17,24,39,.65);
  font-size:.95rem;
}

.alert{
  border-radius:14px;
  border:none;
  padding:18px 20px;
}

.alert-success{
  background:#ecfdf5;
  color:#065f46;
}

.alert-danger{
  background:#fef2f2;
  color:#7f1d1d;
}

/* =========================
   Footer (2026 editorial)
========================= */
.ng-footer{
  background:linear-gradient(180deg, var(--ng-navy) 0%, #111827 100%);
  border-top:1px solid rgba(229,231,235,.10);
}

.ng-foot-brand{
  color:#fff;
  font-weight:700;
  letter-spacing:.5px;
}

.ng-foot-sub{
  color:rgba(229,231,235,.70);
  margin-top:2px;
}

.ng-foot-note{
  color:rgba(229,231,235,.55);
  max-width:460px;
  line-height:1.35;
}

.ng-foot-divider{
  border-top:1px solid rgba(229,231,235,.10);
}

.ng-foot-title{
  color:#fff;
  font-weight:700;
  margin-bottom:10px;
}

.ng-foot-links a{
  color:rgba(229,231,235,.70);
  text-decoration:none;
  display:inline-block;
  padding:3px 0;
}

.ng-foot-links a:hover{
  color:#fff;
  text-decoration:none;
}

.ng-foot-bottom{
  color:rgba(229,231,235,.55);
  font-size:.92rem;
}