/* =========================================================
   NECORA Landing — 17-faq.css
   EXTRAÍDO DESDE landing.css v30.5
   Scope:
   - faq grid
   - faq accordion
   - faq icon
   - faq foot
   ========================================================= */

/* =========================================================
   @faq
   20) FAQ
   ========================================================= */
.nl-faqGrid{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.nl-faq{
  border:1px solid var(--nl-bd2);
  border-radius: calc(var(--nl-radius) + 10px);
  background: var(--nl-panel-bg);
  box-shadow: var(--nl-shadow), var(--nl-panel-inset);
  overflow:hidden;
}

.nl-faq summary{
  list-style:none;
  cursor:pointer;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:900;
  color: var(--nl-text);
}

.nl-faq summary::-webkit-details-marker{
  display:none;
}

.nl-faq__q{
  font-size:15px;
  line-height:1.25;
}

.nl-faq__ico{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid var(--nl-bd2);
  background: var(--nl-glass-72);
  position:relative;
  flex:0 0 auto;
}

.nl-faq__ico::before,
.nl-faq__ico::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:2px;
  background: rgba(12,18,28,.65);
  transform: translate(-50%,-50%);
  border-radius:2px;
}

.nl-faq__ico::after{
  width:2px;
  height:12px;
}

.nl-faq[open] .nl-faq__ico::after{
  display:none;
}

.nl-faq[open] summary{
  border-bottom:1px solid rgba(12,18,28,.08);
}

.nl-faq__a{
  padding: 0 14px 14px;
  color: var(--nl-muted);
}

.nl-faq__a p{
  margin: 12px 0 0;
}

.nl-faq__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.nl-faqFoot{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 14px;
  border-radius: calc(var(--nl-radius) + 10px);
  border:1px solid var(--nl-bd2);
  background: var(--nl-glass-72);
  box-shadow: 0 16px 44px rgba(10,20,35,.10), inset 0 1px 0 rgba(255,255,255,.65);
}

@media (max-width:520px){
  .nl-faqFoot{
    flex-direction:column;
    align-items:flex-start;
  }

  .nl-faqFoot .nl-btn{
    width:100%;
  }
}