/* Página de aterrizaje de Activos Fijos: completa sites/rgsolutions/styles.css (misma base visual). */

.hero__note { margin-top: 18px; font-size: 13.5px; color: rgba(255,255,255,.78); }
.hero__word { font-size: clamp(60px, 9vw, 150px); }

/* Las tarjetas del héroe se montan sobre la sección siguiente: se deja espacio arriba */
.lq { padding-top: 190px; padding-bottom: 80px; }
.qcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; position: relative; z-index: 1; }
.qcard { padding: 28px 26px 30px; background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--shadow); }
.qcard b { display: block; margin-bottom: 14px; font: 500 14px var(--f-head); letter-spacing: .1em; color: var(--blue); }
.qcard p { margin-top: 8px; font-weight: 300; font-size: 14.5px; color: var(--muted); }

.fgrid { position: relative; z-index: 1; }
#app-movil .mob { margin-top: 0; }
.lcenter { margin-top: 28px; text-align: center; }

/* Precios */
.billing { display: flex; justify-content: center; gap: 6px; width: fit-content; margin: 0 auto 36px; padding: 5px; background: var(--soft); border: 1px solid var(--line); border-radius: 99px; position: relative; z-index: 1; }
.billing__b { min-height: 42px; padding: 0 22px; border: 0; border-radius: 99px; background: transparent; color: var(--ink); font: 500 15px var(--f-body); cursor: pointer; transition: background-color .2s, color .2s; }
.billing__b span { margin-left: 6px; padding: 2px 8px; border-radius: 99px; background: #d9f6ee; color: #0b6b36; font-size: 12.5px; }
.billing__b.is-on { background: linear-gradient(135deg, var(--blue), var(--blue2)); color: #fff; } .billing__b.is-on span { background: rgba(255,255,255,.22); color: #fff; }
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: stretch; position: relative; z-index: 1; }
.plan { display: flex; flex-direction: column; padding: 30px 26px 28px; background: #fff; border: 1px solid var(--line); border-radius: 6px; transition: transform .25s, box-shadow .25s; }
.plan:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.plan h3 { font-size: 1.3rem; }
.plan__lim { margin-top: 8px; font-size: 14.5px; color: var(--muted); } .plan__lim b { font-weight: 600; font-size: 1.1rem; color: var(--ink); }
.plan__price { display: flex; align-items: baseline; gap: 2px; margin-top: 22px; color: var(--ink); }
.plan__price b { font: 500 3rem/1 var(--f-head); }
.plan__usd { align-self: flex-start; margin-top: 6px; font: 500 1.4rem/1 var(--f-head); }
.plan__per { margin-left: 4px; font: 400 15px var(--f-body); color: var(--muted); }
.plan__price--text b { font-size: 2.2rem; }
.plan__note { margin: 6px 0 24px; min-height: 1.5em; font-size: 13.5px; color: var(--muted); }
.plan__inc { display: grid; gap: 8px; margin: 0 0 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.plan__inc li { display: flex; align-items: flex-start; gap: 8px; font-size: 14.5px; line-height: 1.45; }
.plan__inc svg { flex: none; margin-top: 3px; color: var(--blue); }
.plan--corp .plan__inc { border-top-color: rgba(255,255,255,.2); } .plan--corp .plan__inc li { color: #fff; } .plan--corp .plan__inc svg { color: #7fb0ff; }
.plan .btn { margin-top: auto; }
.plan--corp { background: var(--navy); border-color: var(--navy); }
.plan--corp h3, .plan--corp .plan__price, .plan--corp .plan__lim b { color: #fff; }
.plan--corp .plan__lim, .plan--corp .plan__note { color: rgba(255,255,255,.78); }

/* Preguntas frecuentes */
.faq { display: grid; gap: 12px; max-width: 820px; margin: 0 auto; position: relative; z-index: 1; }
.faq details { background: #fff; border: 1px solid var(--line); border-radius: 6px; }
.faq summary { position: relative; padding: 18px 54px 18px 22px; cursor: pointer; list-style: none; font: 500 1.05rem/1.4 var(--f-head); color: var(--ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--blue); }
.faq details[open] summary::after { content: "–"; }
.faq details p { padding: 0 22px 20px; font-weight: 300; color: var(--muted); }

@media (max-width: 1000px) {
  .plans { grid-template-columns: 1fr 1fr; }
  .qcards { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .plans { grid-template-columns: 1fr; }
  .lq { padding-top: 150px; }
}

/* Selector de idioma (EN / ES) */
.lang-sw { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 36px; padding: 0 11px; border: 1.5px solid #cfdcf5; border-radius: 8px; font: 600 13px/1 var(--f-body, system-ui); letter-spacing: .06em; color: #1651c9; text-decoration: none; background: #fff; transition: background-color .2s, border-color .2s; }
.lang-sw:hover { background: #eaf1ff; border-color: #1f6bff; }
.lang-sw::after { display: none !important; }