/*
Theme Name: Nataniel Child PRO (Astra)
Theme URI: https://natanielfajascolombianas.com
Description: CSS global consolidado (ADN Bookma). Hero negro, textos dorados, links fiusha, lujo accesible.
Author: Bookma Agency · Citt Elizagaray
Template: astra
Version: 1.3.2
*/

/* =========================
TOKENS
========================= */
:root {
  --nt-fiusha: #C62A7D;
  --nt-negro: #0D0D0D;
  --nt-dorado: #D4AF37;
  --nt-rosa: #F1C5C5;
  --nt-malva: #CBBACD;

  --nt-radius: 18px;
  --nt-glow: 0 0 14px rgba(198,42,125,.4), 0 0 28px rgba(212,175,55,.25);
  --nt-maxw: 1200px;
}

/* =========================
FUENTES
========================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400&display=swap');

@font-face {
  font-family: 'Martila';
  src: url('https://natanielfajascolombianas.com/Fonts/Martila-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Laurel';
  src: url('https://natanielfajascolombianas.com/Fonts/Laurel-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'CinzelDecorative';
  src: url('https://natanielfajascolombianas.com/Fonts/CinzelDecorative-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

/* =========================
BASE
========================= */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--nt-negro);
  color: var(--nt-rosa);
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.6;
}
a { color: var(--nt-fiusha); text-decoration: none; }
a:hover { color: var(--nt-dorado); text-shadow: var(--nt-glow); }

/* =========================
TITULARES PREMIUM
========================= */
h1,h2,h3,.nt-title {
  font-family: "Playfair Display", serif;
  font-style: italic;
  text-align: center;
  color: var(--nt-dorado);
  text-shadow: 0 0 12px rgba(212,175,55,.25);
  margin: 0 0 .7em;
}
h1 { font-size: clamp(38px, 5vw, 64px); line-height: 1.2; font-weight: 400; }
h2 { font-size: clamp(28px, 4vw, 40px); font-weight: 600; }
h3 { font-size: clamp(22px, 3vw, 28px); font-weight: 600; }

/* Subtítulos / párrafos elegantes */
.nt-sub,
.nt-binational-text {
  font-family: "Laurel", serif;
  font-style: italic;
  font-weight: 400;
  color: var(--nt-rosa);
  text-align: center;
  line-height: 1.6;
  margin: 0 auto 1.5rem;
  max-width: 820px;
}
.nt-sub { font-size: clamp(17px, 2.6vw, 21px); }
.nt-binational-text { font-size: clamp(15px, 2.3vw, 19px); }

/* Frases editoriales impactantes */
.nt-frase {
  font-family: "CinzelDecorative", serif;
  font-size: clamp(22px, 3vw, 32px);
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--nt-fiusha);
  text-align: center;
}

/* =========================
HERO
========================= */
.nt-hero {
  background: #0A0A0A;
  border-radius: var(--nt-radius);
  border: 2px solid rgba(212,175,55,.25);
  padding: clamp(32px, 6vw, 72px);
  margin: clamp(20px, 4vw, 48px) auto;
  max-width: var(--nt-maxw);
  box-shadow: var(--nt-glow);
  text-align: center;
}
.nt-hero h1 { margin-bottom: 1.2em; }
.nt-hero p { margin: 0 auto; max-width: 700px; }

/* =========================
LINKS EDITORIALES
========================= */
a.nt-link {
  font-family: "Laurel", serif;
  font-size: 1.15rem;
  font-style: italic;
  color: var(--nt-fiusha);
  display: inline-block;
  margin-top: 1em;
}
a.nt-link:hover {
  color: var(--nt-dorado);
  text-shadow: var(--nt-glow);
}

/* =========================
RESPONSIVE PREMIUM
========================= */
@media (max-width: 599px) {
  h1.nt-title { font-size: clamp(32px, 7vw, 56px); line-height: 1.2; }
  .nt-sub { font-size: clamp(16px, 4vw, 20px); }
}
@media (min-width: 600px) and (max-width: 991px) {
  h1.nt-title { font-size: clamp(42px, 5vw, 64px); }
  .nt-sub { font-size: clamp(18px, 2.5vw, 22px); }
  .nt-hero { max-width: 900px; }
}
@media (min-width: 992px) {
  h1.nt-title { font-size: clamp(48px, 4vw, 72px); line-height: 1.1; }
  .nt-sub { font-size: 22px; }
  .nt-hero { max-width: 1100px; margin: 40px auto; }
}
@media (min-width: 1440px) {
  h1.nt-title { font-size: 80px; }
  .nt-hero { max-width: 1200px; }
}

/* =========================
BLOQUES UNIVERSALES
========================= */
.nt-grid {
  display: grid;
  gap: clamp(16px, 3vw, 28px);
  margin: clamp(20px, 5vw, 60px) auto;
}
@media (min-width: 768px) {
  .nt-grid { grid-template-columns: repeat(3, 1fr); }
}
.nt-card {
  background: #111;
  border-radius: var(--nt-radius);
  padding: clamp(16px, 4vw, 28px);
  border: 1px solid rgba(212,175,55,.2);
  box-shadow: var(--nt-glow);
  text-align: center;
}