/* Nuda Capital Projects — sistema visual unificado */
:root{
  --navy:#1E3A6E;
  --gold:#E8B840;
  --ink:#242424;
  --muted:#626873;
  --cream:#F7F4EE;
  --white:#FFFFFF;
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Lato',Arial,sans-serif;
  --fs-body:18px;
  --fs-small:16px;
  --fs-label:15px;
  --fs-nav:17px;
  --fs-button:17px;
  --fs-h1:clamp(42px,5vw,64px);
  --fs-h2:clamp(34px,3.5vw,46px);
  --fs-h3:clamp(24px,2.2vw,32px);
  --section-space:clamp(72px,8vw,112px);
  --content-width:1200px;
  --radius-card:18px;
  --radius-button:9px;
}

html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-body)!important;font-size:var(--fs-body)!important;line-height:1.7!important;color:var(--ink);-webkit-font-smoothing:antialiased}
p,li,input,textarea,select,button{font-family:var(--font-body)!important}
p{font-size:1rem;line-height:1.7}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important;color:var(--navy);font-weight:700;letter-spacing:-.02em;line-height:1.15}
h1{font-size:var(--fs-h1)!important}
h2{font-size:var(--fs-h2)!important}
h3{font-size:var(--fs-h3)!important}

.wrap,.breadcrumb,.mission-grid{width:min(calc(100% - 48px),var(--content-width))!important;margin-inline:auto!important}
section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.shead{margin-bottom:44px}
.stitle{font-size:var(--fs-h2)!important;margin-top:8px;margin-bottom:20px}
.ssub{font-size:20px!important;line-height:1.65;max-width:850px;color:var(--ink)}
.eyebrow{font-family:var(--font-body)!important;font-size:var(--fs-label)!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase}

/* Navegación */
.ncp-header{background:var(--navy)!important;border-bottom:2px solid var(--gold)!important}
.ncp-shell{width:min(calc(100% - 48px),var(--content-width))!important;margin-inline:auto!important}
.ncp-trigger,.ncp-link{font-family:var(--font-body)!important;font-size:var(--fs-nav)!important;font-weight:700!important;color:#fff!important;letter-spacing:0!important}
.ncp-trigger:hover,.ncp-link:hover,.ncp-item.open>.ncp-trigger{color:var(--gold)!important}
.ncp-card strong{font-family:var(--font-display)!important;font-size:20px!important}
.ncp-card span,.ncp-simple a{font-family:var(--font-body)!important;font-size:15px!important;line-height:1.45}

/* Botones y formularios */
.btn,.sbtn,.cta-wrap a,.hero-btn,.primary-btn,.secondary-btn,button[type='submit']{
  font-family:var(--font-body)!important;font-size:var(--fs-button)!important;font-weight:700!important;
  min-height:50px;border-radius:var(--radius-button)!important;display:inline-flex;align-items:center;justify-content:center
}
input,textarea,select{font-size:16px!important;line-height:1.45;min-height:48px;border-radius:8px!important}

/* Tarjetas */
.bcard,.calc-box,.mission-card,.faq-item,.tcard,.blog-card,.article-card{border-radius:var(--radius-card)!important}
.bcard h3,.calc-box h3,.mission-card h2,.tcard h3{font-family:var(--font-display)!important}
.bcard p,.mission-card p,.tcard p{font-size:17px!important;line-height:1.65}

/* Quiénes somos — misión */
.mission-section{background:#fff}
.mission-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:56px;align-items:stretch}
.mission-copy{padding:10px 0}
.mission-copy .stitle{max-width:760px}
.mission-points{list-style:none!important;padding:0!important;margin:34px 0 0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mission-points li{margin:0!important;padding:24px 20px!important;background:var(--cream);border:1px solid rgba(30,58,110,.10);border-radius:15px;display:flex!important;align-items:flex-start!important;gap:14px;box-shadow:0 8px 24px rgba(30,58,110,.05)}
.mission-points li::marker{content:''}
.mission-points .ck{width:30px;height:30px;min-width:30px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.mission-points strong{display:block;font-family:var(--font-body)!important;font-size:17px;line-height:1.35;color:var(--navy);margin-bottom:7px}
.mission-points small{display:block;font-size:15px;line-height:1.55;color:var(--muted)}
.mission-card{background:var(--navy)!important;padding:48px!important;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 45px rgba(30,58,110,.16)}
.mission-card .eyebrow{color:var(--gold)!important}
.mission-card h2{font-size:clamp(30px,3vw,40px)!important;color:#fff!important;margin:12px 0 18px!important}
.mission-card p{color:rgba(255,255,255,.84)!important;font-size:18px!important}
.commitment-line{width:56px;height:3px;background:var(--gold);margin:0 0 24px;border-radius:3px}

/* FAQ y contenidos */
.fq{font-size:18px!important;font-weight:700!important}
.fa,.faq-answer{font-size:17px!important;line-height:1.7}
footer,footer p,footer a{font-family:var(--font-body)!important;font-size:16px!important;line-height:1.6}
.fbrand{font-family:var(--font-display)!important;font-size:18px!important}

@media(max-width:980px){
  :root{--fs-body:17px;--fs-nav:16px;--section-space:76px}
  .mission-grid{grid-template-columns:1fr;gap:34px}
  .mission-points{grid-template-columns:1fr}
  .mission-card{padding:38px!important}
}
@media(max-width:640px){
  :root{--fs-body:16px;--fs-small:15px;--fs-button:16px;--section-space:60px}
  .wrap,.breadcrumb,.mission-grid,.ncp-shell{width:min(calc(100% - 32px),var(--content-width))!important}
  .ssub{font-size:18px!important}
  .mission-card{padding:30px 24px!important}
  .mission-points li{padding:20px 18px!important}
}

/* Correcciones finales: mega menú y FAQ */
.ncp-panel .ncp-link,
.ncp-panel .ncp-card,
.ncp-panel .ncp-simple a{
  color:var(--navy)!important;
}
.ncp-panel .ncp-link strong,
.ncp-panel .ncp-card strong,
.ncp-panel .ncp-simple strong{
  color:var(--navy)!important;
}
.ncp-panel .ncp-link span,
.ncp-panel .ncp-card span,
.ncp-panel .ncp-simple span{
  color:#687386!important;
}
.ncp-panel .ncp-link.gold,
.ncp-panel .ncp-card.gold,
.ncp-panel .ncp-link[aria-current='page']{
  background:var(--navy)!important;
  color:#fff!important;
}
.ncp-panel .ncp-link.gold strong,
.ncp-panel .ncp-card.gold strong,
.ncp-panel .ncp-link[aria-current='page'] strong{
  color:#fff!important;
}
.ncp-panel .ncp-link.gold span,
.ncp-panel .ncp-card.gold span,
.ncp-panel .ncp-link[aria-current='page'] span{
  color:rgba(255,255,255,.78)!important;
}

/* Acordeones FAQ accesibles y visibles */
.fitem .fans,
.fitem .fa{
  display:block!important;
  max-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transition:max-height .35s ease,opacity .22s ease,padding .35s ease,visibility 0s linear .35s!important;
}
.fitem.open .fans,
.fitem.open .fa{
  max-height:1000px!important;
  opacity:1!important;
  visibility:visible!important;
  padding-bottom:20px!important;
  transition:max-height .35s ease,opacity .22s ease,padding .35s ease,visibility 0s!important;
}
.fitem .ficon,
.fitem .faq-icon,
.fitem .fiq-icon{
  transition:transform .25s ease!important;
}
.fitem.open .ficon,
.fitem.open .faq-icon,
.fitem.open .fiq-icon{
  transform:rotate(45deg)!important;
}

/* Los títulos completos de las secciones FAQ en dorado */
#faq .slabel,#faq .stitle,
#inv-faq .slabel,#inv-faq .stitle{
  color:var(--gold)!important;
}
body.faq-page .page-hero h1,
body.faq-page .page-hero h1 em,
body.faq-page .shead .eyebrow,
body.faq-page .shead .stitle{
  color:var(--gold)!important;
}

/* Revisión final 29/07: mega menús coherentes */
.ncp-panel .ncp-link,
.ncp-panel .ncp-card,
.ncp-panel .ncp-simple a,
.ncp-panel .ncp-link.gold,
.ncp-panel .ncp-card.gold,
.ncp-panel .ncp-link[aria-current='page']{
  background:transparent!important;
  color:var(--navy)!important;
  box-shadow:none!important;
  transition:background-color .22s ease,color .22s ease,transform .22s ease!important;
}
.ncp-panel .ncp-link strong,
.ncp-panel .ncp-card strong,
.ncp-panel .ncp-simple strong,
.ncp-panel .ncp-link.gold strong,
.ncp-panel .ncp-card.gold strong,
.ncp-panel .ncp-link[aria-current='page'] strong{color:var(--navy)!important}
.ncp-panel .ncp-link span,
.ncp-panel .ncp-card span,
.ncp-panel .ncp-simple span,
.ncp-panel .ncp-link.gold span,
.ncp-panel .ncp-card.gold span,
.ncp-panel .ncp-link[aria-current='page'] span{color:#687386!important}
.ncp-panel .ncp-link:hover,
.ncp-panel .ncp-card:hover,
.ncp-panel .ncp-simple a:hover{
  background:var(--navy)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.ncp-panel .ncp-link:hover strong,
.ncp-panel .ncp-card:hover strong,
.ncp-panel .ncp-simple a:hover strong{color:#fff!important}
.ncp-panel .ncp-link:hover span,
.ncp-panel .ncp-card:hover span,
.ncp-panel .ncp-simple a:hover span{color:rgba(255,255,255,.82)!important}
.ncp-panel .ncp-link[aria-current='page'],
.ncp-panel .ncp-card[aria-current='page']{
  box-shadow:inset 4px 0 0 var(--gold)!important;
}

/* Acordeones FAQ: un único estado visual y sin borde azul permanente */
.fq{width:100%;cursor:pointer;border:0!important;outline:0!important;background:transparent!important;text-align:left}
.fq:focus{outline:0!important}
.fq:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)!important;border-radius:8px!important}
.fitem .ficon,.fitem .faq-icon,.fitem .fiq-icon,
.fitem.open .ficon,.fitem.open .faq-icon,.fitem.open .fiq-icon{transform:none!important}

/* Centro de conocimiento y guías — revisión visual */
.guide-library .page-photo-band{
  background:linear-gradient(180deg,#fbfaf7 0%,#f5f1e9 100%)!important;
  padding:clamp(68px,8vw,104px) 5%!important;
}
.guide-library .page-photo-grid{
  display:block!important;
  width:min(100%,1200px)!important;
  margin:0 auto!important;
}
.guide-library .page-photo{display:none!important}
.guide-library .page-photo-copy{max-width:820px!important;margin-bottom:42px!important}
.guide-library .page-photo-copy .eyebrow,
.guide-library .slabel{
  color:var(--gold)!important;
  font-size:14px!important;
  letter-spacing:.16em!important;
}
.guide-library .page-photo-copy h1,
.guide-library .page-photo-copy h2,
.guide-library .stitle{
  color:var(--navy)!important;
  font-size:clamp(36px,4.4vw,54px)!important;
  line-height:1.08!important;
  max-width:760px!important;
}
.guide-library .page-photo-copy p,
.guide-library .sintro{font-size:19px!important;max-width:760px!important;color:#404751!important}
.guide-library .resource-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.guide-library .resource-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:440px!important;
  padding:32px 30px!important;
  background:#fff!important;
  border:1px solid rgba(30,58,110,.12)!important;
  border-top:4px solid var(--gold)!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(30,58,110,.08)!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.guide-library .resource-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 22px 48px rgba(30,58,110,.14)!important;
  border-color:rgba(232,184,64,.75)!important;
}
.guide-library .resource-card::after{
  content:'';position:absolute;right:-38px;bottom:-52px;width:150px;height:150px;
  border-radius:50%;background:rgba(232,184,64,.08);pointer-events:none
}
.guide-library .resource-card .eyebrow,
.guide-library .resource-card>strong:first-child{
  font-family:var(--font-body)!important;color:#586272!important;font-size:13px!important;
  font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;margin-bottom:16px!important
}
.guide-library .resource-card h2,
.guide-library .resource-card h3{
  font-family:var(--font-display)!important;
  color:var(--navy)!important;
  font-size:clamp(27px,2.25vw,36px)!important;
  line-height:1.12!important;
  margin:0 0 18px!important;
  overflow-wrap:anywhere;
}
.guide-library .resource-card p{
  color:#404751!important;font-size:16px!important;line-height:1.65!important;margin-bottom:24px!important
}
.guide-library .resource-card a{
  margin-top:auto!important;position:relative;z-index:1;
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  width:max-content;color:var(--navy)!important;font-family:var(--font-body)!important;
  font-size:16px!important;font-weight:800!important;text-decoration:none!important
}
.guide-library .resource-card a:hover{color:#b88713!important}

/* Artículos: contraste, lectura fácil y títulos contenidos */
.guide-article .page-hero{
  background:linear-gradient(135deg,#122549 0%,#1E3A6E 72%,#294b83 100%)!important;
  padding:clamp(72px,8vw,108px) 6%!important;
  border-bottom:3px solid var(--gold)!important;
}
.guide-article .page-hero h1{
  color:#fff!important;
  font-size:clamp(38px,5vw,60px)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
.guide-article .page-hero p{color:rgba(255,255,255,.82)!important;font-size:19px!important;line-height:1.65!important}
.guide-article article{background:#fbfaf7!important;padding:clamp(60px,7vw,92px) 24px!important}
.guide-article article .wrap{
  max-width:860px!important;background:#fff!important;padding:clamp(34px,5vw,62px)!important;
  border-radius:20px!important;box-shadow:0 16px 42px rgba(30,58,110,.09)!important;
  border:1px solid rgba(30,58,110,.10)!important
}
.guide-article article .ssub{
  font-size:20px!important;line-height:1.65!important;color:#414954!important;
  padding-bottom:28px!important;margin-bottom:8px!important;border-bottom:1px solid #e8e2d6!important
}
.guide-article article h2,
.guide-article article .stitle{
  color:var(--navy)!important;font-size:clamp(28px,3vw,38px)!important;
  line-height:1.17!important;margin-top:42px!important;margin-bottom:14px!important
}
.guide-article article p{font-size:18px!important;line-height:1.8!important;color:#353b44!important}
.guide-article .cta-wrap{
  background:var(--navy)!important;border-radius:16px!important;padding:34px!important;text-align:left!important
}
.guide-article .cta-wrap h2{color:#fff!important;margin:0 0 10px!important;font-size:30px!important}
.guide-article .cta-wrap p{color:rgba(255,255,255,.78)!important;font-size:16px!important}
.guide-article .cta-wrap a{background:var(--gold)!important;color:#122549!important;margin-top:16px!important}

@media(max-width:920px){
  .guide-library .resource-grid{grid-template-columns:1fr 1fr!important}
  .guide-library .resource-card{min-height:390px!important}
}
@media(max-width:640px){
  .guide-library .resource-grid{grid-template-columns:1fr!important}
  .guide-library .resource-card{min-height:auto!important;padding:26px 22px!important}
  .guide-library .resource-card h2,.guide-library .resource-card h3{font-size:30px!important}
  .guide-article article{padding-inline:16px!important}
  .guide-article article .wrap{padding:28px 22px!important}
  .guide-article .cta-wrap{padding:26px 22px!important}
}

/* 2026-07-29 — ajuste solicitado: conservar estructura y añadir fotografías */
.guide-library .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(18,37,73,.98) 0%,rgba(30,58,110,.94) 48%,rgba(30,58,110,.64) 72%,rgba(18,37,73,.48) 100%),
    url('assets/centro-conocimiento.jpg') center 54%/cover no-repeat!important;
}
.guide-library .page-hero::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))!important;
  pointer-events:none!important;
}
.guide-library .page-hero h1,
.guide-library .page-hero h1 em{
  color:var(--gold)!important;
}
.guide-library .page-hero p{
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}

.guide-article .page-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(18,37,73,.97) 0%,rgba(30,58,110,.91) 52%,rgba(18,37,73,.64) 100%),
    url('../assets/centro-conocimiento.jpg') center 57%/cover no-repeat!important;
}
.guide-article .page-hero::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}
.guide-article .page-hero h1,
.guide-article .page-hero h1 em{
  color:var(--gold)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.22)!important;
}
.guide-article .page-hero p{
  color:rgba(255,255,255,.9)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
}

@media(max-width:700px){
  .guide-library .page-hero{
    background:
      linear-gradient(90deg,rgba(18,37,73,.96),rgba(30,58,110,.78)),
      url('assets/centro-conocimiento.jpg') 65% center/cover no-repeat!important;
  }
  .guide-article .page-hero{
    background:
      linear-gradient(90deg,rgba(18,37,73,.96),rgba(30,58,110,.78)),
      url('../assets/centro-conocimiento.jpg') 65% center/cover no-repeat!important;
  }
}


/* 2026-07-29 — imágenes temáticas por guía, menú móvil opaco y retirada del hueco de equipo */
.guide-nuda .page-hero{
  background:
    linear-gradient(90deg,rgba(18,37,73,.97) 0%,rgba(30,58,110,.91) 52%,rgba(18,37,73,.62) 100%),
    url('../assets/guia-nuda-propiedad.jpg') center 52%/cover no-repeat!important;
}
.guide-vender .page-hero{
  background:
    linear-gradient(90deg,rgba(18,37,73,.97) 0%,rgba(30,58,110,.91) 52%,rgba(18,37,73,.62) 100%),
    url('../assets/guia-vender-seguir-viviendo.jpg') center 50%/cover no-repeat!important;
}
.guide-inversion .page-hero{
  background:
    linear-gradient(90deg,rgba(18,37,73,.97) 0%,rgba(30,58,110,.91) 52%,rgba(18,37,73,.60) 100%),
    url('../assets/guia-inversion.jpg') center 48%/cover no-repeat!important;
}

/* No reservar espacio para una fotografía del equipo que no existe */
#quienes-somos .agrid{grid-template-columns:1fr!important}
#quienes-somos .atxt{max-width:100%!important}
#quienes-somos .aimg:empty{display:none!important}

@media(max-width:820px){
  .ncp-header{background:#1E3A6E!important}
  .ncp-nav{background:#1E3A6E!important}
  .ncp-menu.mobile-open{
    display:flex!important;
    position:relative!important;
    z-index:1001!important;
    background:#1E3A6E!important;
    opacity:1!important;
    padding:8px 18px 18px!important;
    margin:0 -18px!important;
    width:calc(100% + 36px)!important;
    box-shadow:0 18px 30px rgba(10,24,50,.28)!important;
  }
  .ncp-menu.mobile-open .ncp-item,
  .ncp-menu.mobile-open .ncp-trigger{background:#1E3A6E!important}
  .ncp-menu.mobile-open .ncp-panel{
    background:#fff!important;
    border-radius:10px!important;
    margin-bottom:8px!important;
    padding:6px!important;
  }
  .guide-nuda .page-hero{
    background:linear-gradient(90deg,rgba(18,37,73,.96),rgba(30,58,110,.76)),url('../assets/guia-nuda-propiedad.jpg') center/cover no-repeat!important;
  }
  .guide-vender .page-hero{
    background:linear-gradient(90deg,rgba(18,37,73,.96),rgba(30,58,110,.76)),url('../assets/guia-vender-seguir-viviendo.jpg') center/cover no-repeat!important;
  }
  .guide-inversion .page-hero{
    background:linear-gradient(90deg,rgba(18,37,73,.96),rgba(30,58,110,.76)),url('../assets/guia-inversion.jpg') center/cover no-repeat!important;
  }
}
