/* AEmigrar editorial color system — August 2026
   Navy is reserved for conversion, critical emphasis and the global footer.
   Informational surfaces use light, warmer backgrounds for easier reading. */
:root{
  --ae-paper:#fbfaf7;
  --ae-mist:#f2f8f8;
  --ae-sky:#eef6fb;
  --ae-line:#dce7eb;
  --ae-ink:#0b3c5d;
  --ae-footer:#0f172a;
}

/* Global ending hierarchy */
.footer{background:var(--ae-footer)!important}

/* Home: informational bands become editorial light surfaces. */
#nl-section{
  background:linear-gradient(135deg,#eef9f7 0%,#f7fbfd 58%,#fffaf3 100%)!important;
  border-top:1px solid #d8ebe8;
  border-bottom:1px solid #d8ebe8;
}
#nl-section h2{color:var(--ae-ink)!important}
#nl-section h2 em{color:var(--teal)!important}
#nl-section p{color:#607080!important}
#nl-section .nl-grid>div:first-child>div:last-child>div{color:#536477!important}
#nl-section .nl-grid>div:last-child>div{
  background:#fff!important;
  border:1px solid var(--ae-line)!important;
  box-shadow:0 18px 48px rgba(11,60,93,.08);
}
#nl-section label{color:var(--ae-ink)!important}
#nl-section input{
  background:#f6f9fb!important;
  border-color:#d7e2e8!important;
  color:var(--ae-ink)!important;
}
#nl-section input::placeholder{color:#8997a5}
#nl-section .nl-grid>div:last-child>div>div:last-child{color:#788694!important}
#nl-section .nl-grid>div:last-child>div>div:last-child svg *{stroke:#7b8996!important}

.sec-navy{
  background:linear-gradient(180deg,var(--ae-paper) 0%,var(--ae-sky) 100%)!important;
  border-top:1px solid var(--ae-line);
  border-bottom:1px solid var(--ae-line);
}
.sec-navy .stag{color:var(--teal)!important}
.sec-navy .stag span{background:var(--teal)!important}
.sec-navy .sh2{color:var(--ae-ink)!important}
.sec-navy .sh2 em{color:var(--teal)!important}
.sec-navy .ssub{color:#647486!important}
.sec-navy .fg3c{
  background:rgba(255,255,255,.88)!important;
  border-color:#dce7eb!important;
  box-shadow:0 8px 26px rgba(11,60,93,.045);
}
.sec-navy .fg3c:hover{background:#fff!important;box-shadow:0 14px 34px rgba(11,60,93,.09)}
.sec-navy .fg3c h4{color:var(--ae-ink)!important}
.sec-navy .fg3c p{color:#647486!important}

/* Home/news local mastheads: visual label, not another dark wall. */
.nf-top,.nf-header{
  background:linear-gradient(90deg,#eef8f7,#f6fafc)!important;
  border-bottom:1px solid #d9e8e8;
}
.nf-top .nf-region,.nf-header .nf-region{color:var(--ae-ink)!important}

/* Light editorial heroes for reading, search and exploration pages. */
.a-hero,.d-hero,.faq-hero,.blog-hero{
  background:linear-gradient(135deg,#f6fbfb 0%,#eef6fb 58%,#fff9f0 100%)!important;
  border-bottom:1px solid var(--ae-line);
}
.a-hero{padding:28px 0 0!important}
.a-hero h1,.d-hero h1,.faq-hero h1,.blog-h1{color:var(--ae-ink)!important}
.a-hero h1 em,.d-hero h1 em,.faq-hero h1 em,.blog-h1 em{color:var(--teal)!important}
.a-hero-sub,.d-hero-sub,.faq-hero-sub,.blog-sub{color:#617284!important}
.a-breadcrumb,.d-breadcrumb,.faq-breadcrumb,
.a-breadcrumb a,.d-breadcrumb a,.faq-breadcrumb a{color:#788797!important}
.a-hero-tag,.d-hero-tag,.faq-hero-tag,.blog-badge{
  background:#fff!important;
  border-color:#cfe2e3!important;
  color:var(--teal-d)!important;
  box-shadow:0 5px 18px rgba(11,60,93,.05);
}
.a-pill{
  background:rgba(255,255,255,.78)!important;
  border-color:#d5e3e7!important;
  color:#536477!important;
}
.d-stat{border-right-color:#cfdde2!important}
.d-stat-n{color:var(--ae-ink)!important}
.d-stat-l{color:#6d7d8d!important}
.faq-search{
  background:#fff!important;
  border-color:#d3e1e6!important;
  color:var(--ae-ink)!important;
  box-shadow:0 10px 30px rgba(11,60,93,.06);
}
.faq-search::placeholder{color:#8b99a7!important}
.faq-search-ico{color:#738391!important}

/* Before emigrating: the inline prompt is supporting content; final CTA remains navy. */
.a-cta-inline{
  background:linear-gradient(135deg,#eaf8f6,#f3f8fc)!important;
  border:1px solid #cde7e4;
}
.a-cta-inline h3{color:var(--ae-ink)!important}
.a-cta-inline p{color:#617284!important}

/* Destination directory: align with the new light country/card language. */
.d-card{background:#fff;border-color:#d9e4e8}
.d-card-header{
  background:linear-gradient(145deg,var(--card-paper,#eef5f5) 0%,var(--card-color,#cbdfe1) 100%)!important;
  border-bottom:1px solid #d9e5e8;
}
.d-card-header::before{background-image:radial-gradient(circle,rgba(11,60,93,.055) 1px,transparent 1px)!important}
.d-card-name{color:var(--ae-ink)!important}
.d-card-code{box-shadow:0 5px 14px rgba(10,128,119,.16)}
.d-card-region{color:#617487!important}
.d-card-landmark{opacity:.42!important;filter:brightness(0) saturate(100%) invert(19%) sepia(26%) saturate(1716%) hue-rotate(163deg) brightness(82%)}
.d-card-header-bg{color:var(--ae-ink);opacity:.07!important}

/* Each destination keeps its own visual identity while sharing one card system. */
.d-card[onclick*="p=usa"]{--card-paper:#e8f1fb;--card-color:#acc6e1}
.d-card[onclick*="p=espana"]{--card-paper:#fff0e5;--card-color:#e8b89e}
.d-card[onclick*="p=canada"]{--card-paper:#e8f5ed;--card-color:#a9ceb7}
.d-card[onclick*="p=alemania"]{--card-paper:#f5efdf;--card-color:#cfbf9d}
.d-card[onclick*="p=portugal"]{--card-paper:#e8f6f2;--card-color:#9fcfc3}
.d-card[onclick*="p=chile"]{--card-paper:#f1eaf7;--card-color:#bea5d2}
.d-card[onclick*="p=panama"]{--card-paper:#e8f4f8;--card-color:#9ccbd8}
.d-card[onclick*="p=australia"]{--card-paper:#fff3df;--card-color:#ddbd7d}
.d-card[onclick*="p=italia"]{--card-paper:#edf5e6;--card-color:#b4cc9d}
.d-card[onclick*="p=uk"]{--card-paper:#e9eef5;--card-color:#a7b9cc}
.d-card[onclick*="p=mexico"]{--card-paper:#ffefe1;--card-color:#d6ad7f}
.d-card[onclick*="p=argentina"]{--card-paper:#e8f6fb;--card-color:#9dcee0}
.d-card[onclick*="p=francia"]{--card-paper:#e9f0f9;--card-color:#a4bddb}
.d-card[onclick*="p=japon"]{--card-paper:#ffecee;--card-color:#dda7b1}
.d-card[onclick*="p=colombia"]{--card-paper:#fff6d9;--card-color:#d7c273}
.d-card[onclick*="p=costa-rica"]{--card-paper:#e7f6f4;--card-color:#90cdc6}

/* Blog index is editorial; article heroes and final conversion cards stay dark. */
.b-feat-img{background:linear-gradient(145deg,#edf7f6,#e9f1f7)!important}

/* News uses a light editorial masthead; red is reserved for verified alerts. */
.n-hero{
  background:linear-gradient(135deg,#edf8f7 0%,#f7fbfd 58%,#fff5ea 100%)!important;
  padding-top:28px!important;
}
.n-tabs{background:rgba(255,255,255,.42)!important}
.n-scard[style*="background:var(--navy)"]{
  background:linear-gradient(145deg,#edf8f6,#f5fafc)!important;
  border-color:#cfe5e2!important;
}
.n-scard[style*="background:var(--navy)"] h3{color:var(--ae-ink)!important}
.n-scard[style*="background:var(--navy)"] p{color:#617284!important}

/* The test already starts with a strong dark tool hero; its ending becomes a light hand-off. */
.t-cta{
  background:linear-gradient(135deg,#eef9f7,#eef5fa)!important;
  border-top:1px solid #d6e7e7;
}
.t-cta h2{color:var(--ae-ink)!important}
.t-cta p{color:#617284!important}
.t-cta .btn-cta-ghost{color:var(--ae-ink)!important;border-color:#b8cbd2!important;background:#fff}

/* Country tabs: dark only when the message is critical. */
.c-cta-box{
  background:linear-gradient(145deg,#e9f8f5,#eff6fa)!important;
  border:1px solid #cde5e3;
}
.c-cta-box h4{color:var(--ae-ink)!important}
.c-cta-box p{color:#617284!important}
.health-note,.culture-banner,.tourism-health{
  background:linear-gradient(135deg,#edf8f6,#eef5fa)!important;
  border:1px solid #cfe5e2;
}
.health-note h3,.culture-banner h3,.tourism-health h3{color:var(--ae-ink)!important}
.health-note p,.culture-banner p,.tourism-health p{color:#56697a!important}
.tourism-health b{color:var(--teal-d)!important}
.edu-level{
  background:linear-gradient(145deg,#f5fbfa,#eaf4f7)!important;
  color:var(--ae-ink)!important;
  border:1px solid #d4e5e6;
}
.edu-level:nth-child(even){background:linear-gradient(145deg,#fffaf2,#f2f7f8)!important}
.edu-level small{color:#617284!important}

@media(max-width:600px){
  #nl-section{padding:48px 0!important}
  #nl-section .nl-grid{padding:0 16px!important;grid-template-columns:1fr!important;gap:32px!important}
  .a-hero,.d-hero,.faq-hero,.blog-hero{padding-top:44px!important;padding-bottom:52px!important}
  .a-hero{padding:24px 0 0!important}
  .d-card-header{height:138px}
}

/* Main-page mastheads share one visual rhythm.
   Reading/exploration pages use a 430px desktop frame; the interactive test
   receives 30px more for its diagnostic preview. Mobile stays content-led. */
@media(min-width:901px){
  .a-hero,.d-hero,.faq-hero,.n-hero,.blog-hero{
    height:430px!important;
    min-height:430px;
    padding:0!important;
    display:flex;
    align-items:center;
  }
  .a-hero-in,.d-hero-in,.faq-hero-in,.n-hero-in,.blog-hero-in{width:100%}
  .a-hero-grid{padding-bottom:0}
  .n-hero{align-items:stretch}
  .n-hero-in{display:flex;flex-direction:column}
  .n-hero-grid{flex:1;min-height:0;padding-bottom:0}
  .n-tabs{margin-top:auto}
  .t-hero{
    height:460px;
    min-height:460px;
    padding:24px 0!important;
    display:flex;
    align-items:center;
  }
  .t-hero-in{width:100%}
  .t-preview{padding:20px}
  .tp-head{padding-bottom:15px}
  .tp-bars{margin:16px 0}
}

@media(max-width:600px){
  .a-hero{padding:32px 0 0!important}
  .d-hero{padding:28px 0 32px!important}
  .faq-hero{padding:34px 0 36px!important}
  .n-hero{min-height:400px;padding:28px 0 0!important}
  .n-hero-grid{min-height:300px;align-content:center}
  .blog-hero{min-height:400px;padding:32px 0!important;display:flex;align-items:center}
  .blog-hero-in{width:100%}
  .t-hero{padding:30px 0 34px!important}
  .t-badge{margin-bottom:14px}
  .t-hero h1{margin-bottom:12px}
  .t-hero p{margin-bottom:18px}
  .t-pills{margin-bottom:16px}
  .t-pill:nth-child(3){display:none}
}