/* ===== Nitev Tech Pharma — UI Home + Marcas (v1.0) ===== */
:root{
  --ntp-blue:#00B2FF;
  --ntp-blue-ink:#0E9EE5;
  --ntp-ink:#ECF7FF;
  --ntp-bg-1:#0C2430;
  --ntp-bg-2:#071821;
  --ntp-cta:#1e4739;
  --ntp-text:#1A252D;
}

/* --- Oculta el título “Inicio” cuando se use como Home --- */
.home .entry-header .entry-title{display:none}

/* —— HERO premium —— */
.ntp-hero{
  position:relative;
  margin:24px auto 48px;
  max-width:1140px;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(1200px 600px at 12% -10%, rgba(0,178,255,.18), transparent 70%),
    linear-gradient(180deg, var(--ntp-bg-1) 0%, #0A1F2A 45%, var(--ntp-bg-2) 100%);
  box-shadow:0 28px 60px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
}
.ntp-hero__inner{ max-width:1100px; margin:0 auto; text-align:center; padding:64px 22px 56px; }
.ntp-hero__logo{ width:clamp(120px,12vw,180px); height:auto; margin:0 auto 10px;
  filter: drop-shadow(0 0 20px rgba(0,178,255,.45)); }
.ntp-hero h1{
  color:#EAF7FF; font-weight:800; line-height:1.15;
  font-size:clamp(1.9rem,4.3vw,3rem); letter-spacing:.2px;
  margin:8px 0 6px; text-shadow:0 0 18px rgba(0,178,255,.15);
}
.ntp-hero__slogan{ font-weight:600; color:#7fd7ff; margin:0 0 8px; }
.ntp-hero__sub{ color:#cfe8f6; font-size:clamp(1rem,2.2vw,1.18rem); margin:0 0 16px; }
.ntp-hero__sub strong{ color:var(--ntp-blue); }

.ntp-hero__cta{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:10px 0 16px; }
.btn-primary{
  background:#00B2FF; color:#002232; text-decoration:none;
  padding:12px 22px; border-radius:12px; font-weight:800; letter-spacing:.2px;
  box-shadow:0 12px 24px rgba(0,178,255,.35);
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 18px 36px rgba(0,178,255,.45); }
.btn-ghost{
  background:transparent; color:#e9f6ff; text-decoration:none;
  padding:12px 22px; border-radius:12px; font-weight:700;
  border:1px solid rgba(191,234,255,.45);
  transition:all .2s ease;
}
.btn-ghost:hover{ color:#e9f6ff; border-color:#00B2FF; box-shadow:0 10px 24px rgba(0,178,255,.18); }

.ntp-hero__trust{
  margin:12px 0 0; padding:0; list-style:none;
  display:flex; gap:18px; justify-content:center; flex-wrap:wrap;
  font-size:.98rem; color:#cfe9ff; opacity:.95;
}
.ntp-hero__trust li{ position:relative; padding-left:18px; }
.ntp-hero__trust li::before{
  content:""; position:absolute; left:0; top:.52em;
  width:8px; height:8px; border-radius:50%;
  background:#00B2FF; box-shadow:0 0 8px rgba(0,178,255,.55);
}

/* —— Valores & Cards —— */
.ntp-section{ padding:64px 20px; }
.ntp-values{ background:#F6F8FA; }
.ntp-wrap{ max-width:1180px; margin:auto; text-align:center; }
.ntp-section h2{ font-size:clamp(26px,3vw,40px); font-weight:800; color:#022232; }
.ntp-section .lead{ max-width:760px; margin:10px auto 22px; color:#1A252D; }

.ntp-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.ntp-card{
  background:#fff; border:1px solid #E6EDF2; border-radius:16px; padding:22px;
  box-shadow:0 6px 24px rgba(0,32,51,.06); transition:transform .2s ease, box-shadow .2s ease;
}
.ntp-card:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,50,80,.1); }
.ntp-icon{ width:70px; margin:auto; filter:drop-shadow(0 0 4px rgba(0,178,255,.3)); }
.ntp-card h3{ margin:.4rem 0 .2rem; color:#0F1C24; }
.ntp-card p{ margin:0; color:#51606b; }

/* —— Trustbar logos —— */
.ntp-brands{ background:#F3F7F9; border-top:1px solid #E7EDF2; border-bottom:1px solid #E7EDF2; }
.ntp-logos{ display:flex; gap:26px; align-items:center; justify-content:center; flex-wrap:wrap; opacity:.95; }
.ntp-logos img{ height:28px; filter:saturate(1.05); }

/* —— Responsive —— */
@media (max-width:768px){
  .ntp-hero__inner{ padding:46px 16px 36px; }
  .ntp-hero__logo{ width:140px; }
}