/* AURAE AI — páginas de servicios y documentos informativos */
.information-page { background: var(--bg); color: var(--text); }
.information-main { position: relative; z-index: 1; }

.breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: .55rem;
  color: var(--text-muted); font-size: .75rem; margin-bottom: 1.4rem;
}
.breadcrumb a { color: var(--text-dim); transition: color .2s ease; }
.breadcrumb a:hover { color: var(--amber); }
.breadcrumb-sep { color: rgba(232,160,32,.52); }

.service-detail-hero {
  --service-hero: none;
  position: relative; min-height: 720px; padding: 170px clamp(20px,6vw,96px) 96px;
  display: flex; align-items: flex-end; overflow: hidden; isolation: isolate;
  border-bottom: 1px solid var(--border);
}
.service-detail-hero::before {
  content: ''; position: absolute; inset: 0; z-index: -3;
  background-image: var(--service-hero); background-size: cover; background-position: center;
  transform: scale(1.025); filter: saturate(.78) brightness(.48);
}
.service-detail-hero::after {
  content: ''; position: absolute; inset: 0; z-index: -2;
  background:
    linear-gradient(90deg, rgba(5,6,8,.98) 0%, rgba(5,6,8,.86) 48%, rgba(5,6,8,.38) 100%),
    linear-gradient(0deg, rgba(5,6,8,.98) 0%, rgba(5,6,8,.28) 65%, rgba(5,6,8,.72) 100%);
}
.service-detail-hero-inner {
  width: min(1180px,100%); margin: 0 auto; display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(290px,.55fr); gap: clamp(34px,6vw,88px); align-items: end;
}
.service-detail-kicker {
  display: inline-flex; color: var(--amber); font-family: var(--font-display);
  font-size: .52rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase;
  margin-bottom: 1rem;
}
.service-detail-hero h1 {
  max-width: 850px; font-family: var(--font-display); font-size: clamp(2.45rem,6vw,5.4rem);
  line-height: 1.02; letter-spacing: -.035em; margin: 0 0 1.5rem;
}
.service-detail-lead { max-width: 760px; color: rgba(245,245,245,.74); font-size: clamp(1rem,1.6vw,1.2rem); line-height: 1.8; }
.service-detail-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 2rem; }
.service-summary-card {
  padding: clamp(24px,3vw,32px); border: 1px solid rgba(232,160,32,.24); border-radius: 18px;
  background: rgba(8,9,11,.78); backdrop-filter: blur(18px); box-shadow: 0 24px 70px rgba(0,0,0,.38);
}
.service-summary-card h2 {
  font-family: var(--font-display); color: var(--amber); font-size: .65rem;
  letter-spacing: .2em; text-transform: uppercase; margin-bottom: 1.1rem;
}
.service-summary-card ul { display: grid; gap: .8rem; }
.service-summary-card li { position: relative; padding-left: 1.1rem; color: rgba(245,245,245,.7); font-size: .86rem; line-height: 1.55; }
.service-summary-card li::before { content:'•'; position:absolute; left:0; color:var(--amber); }

.info-section { padding: clamp(72px,9vw,118px) clamp(20px,6vw,96px); border-bottom: 1px solid var(--border); }
.info-section.alt { background: rgba(18,18,18,.48); }
.info-wrap { width: min(1100px,100%); margin: 0 auto; }
.info-heading { max-width: 760px; margin-bottom: clamp(32px,5vw,54px); }
.info-eyebrow {
  display: block; color: var(--amber); font-family: var(--font-display); font-size: .5rem;
  font-weight: 700; letter-spacing: .3em; text-transform: uppercase; margin-bottom: .9rem;
}
.info-heading h2, .legal-header h1 {
  font-family: var(--font-display); font-size: clamp(1.8rem,4vw,3.4rem); line-height: 1.12; letter-spacing: -.025em;
}
.info-heading p, .info-prose p { color: var(--text-dim); font-size: 1rem; line-height: 1.85; margin-top: 1rem; }
.info-prose { max-width: 860px; }
.info-prose p + p { margin-top: 1.15rem; }

.info-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.info-card {
  min-height: 190px; padding: 1.7rem; border: 1px solid var(--border); border-radius: 14px;
  background: rgba(13,13,13,.72); transition: transform .25s ease, border-color .25s ease;
}
.info-card:hover { transform: translateY(-4px); border-color: rgba(232,160,32,.34); }
.info-card-number { display:block; color:var(--amber); font-family:var(--font-mono); font-size:.68rem; margin-bottom:1.1rem; }
.info-card h3 { font-family: var(--font-display); font-size: .78rem; line-height: 1.4; margin-bottom: .7rem; }
.info-card p { color: var(--text-dim); font-size: .88rem; line-height: 1.7; }

.process-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; counter-reset: service-step; }
.process-item {
  counter-increment: service-step; position: relative; padding: 1.8rem 1.45rem;
  border-top: 1px solid rgba(232,160,32,.38); background: linear-gradient(180deg,rgba(232,160,32,.05),transparent 74%);
}
.process-item::before {
  content: '0' counter(service-step); display: block; color: var(--amber); font-family: var(--font-mono);
  font-size: .7rem; letter-spacing: .14em; margin-bottom: 1.2rem;
}
.process-item h3 { font-family: var(--font-display); font-size: .74rem; line-height: 1.45; margin-bottom: .7rem; }
.process-item p { color: var(--text-dim); font-size: .87rem; line-height: 1.7; }

.deliverable-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem 2.2rem; }
.deliverable-list li {
  position: relative; padding: 1rem 1rem 1rem 2rem; border-bottom: 1px solid var(--border);
  color: rgba(245,245,245,.72); line-height: 1.6;
}
.deliverable-list li::before { content:'✓'; position:absolute; left:.35rem; color:var(--amber); font-weight:700; }

.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
.fit-card { padding: clamp(24px,4vw,38px); border-radius:16px; border:1px solid var(--border); background:rgba(13,13,13,.7); }
.fit-card.is-fit { border-color:rgba(232,160,32,.28); }
.fit-card h3 { font-family:var(--font-display); font-size:.8rem; line-height:1.4; margin-bottom:1rem; color:var(--amber); }
.fit-card p { color:var(--text-dim); line-height:1.8; }

.native-faq { display:grid; gap:.75rem; max-width:900px; }
.native-faq details { border:1px solid var(--border); border-radius:12px; background:rgba(13,13,13,.66); overflow:hidden; }
.native-faq summary {
  list-style:none; cursor:pointer; padding:1.25rem 3.5rem 1.25rem 1.4rem;
  position:relative; font-family:var(--font-display); font-size:.72rem; line-height:1.5;
}
.native-faq summary::-webkit-details-marker { display:none; }
.native-faq summary::after { content:'+'; position:absolute; right:1.4rem; top:50%; transform:translateY(-50%); color:var(--amber); font-size:1.2rem; }
.native-faq details[open] summary::after { content:'−'; }
.native-faq details p { padding:0 1.4rem 1.35rem; color:var(--text-dim); line-height:1.8; }

.service-final-cta { text-align:center; background:radial-gradient(circle at 50% 35%,rgba(232,160,32,.12),transparent 55%); }
.service-final-cta .info-heading { margin:0 auto 2rem; }
.service-final-cta .service-detail-actions { justify-content:center; }

.informative-footer .footer-inner { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:48px; margin-bottom:40px; }
.footer-legal-link { color:var(--text-dim); }
.footer-legal-link:hover { color:var(--amber); }

/* Política de privacidad */
.legal-header { padding: 170px clamp(20px,6vw,96px) 72px; border-bottom:1px solid var(--border); }
.legal-header-inner, .legal-content { width:min(940px,100%); margin:0 auto; }
.legal-header p { color:var(--text-dim); line-height:1.8; margin-top:1rem; max-width:760px; }
.legal-updated { display:inline-block; margin-top:1.2rem; color:var(--amber); font-family:var(--font-mono); font-size:.72rem; }
.legal-content { padding: clamp(58px,8vw,92px) 0; }
.legal-content section + section { margin-top:3.2rem; padding-top:3.2rem; border-top:1px solid var(--border); }
.legal-content h2 { font-family:var(--font-display); font-size:clamp(1.1rem,2.4vw,1.65rem); line-height:1.35; margin-bottom:1rem; }
.legal-content h3 { font-family:var(--font-display); font-size:.8rem; line-height:1.45; margin:1.6rem 0 .7rem; color:var(--amber); }
.legal-content p, .legal-content li { color:var(--text-dim); line-height:1.85; }
.legal-content ul { display:grid; gap:.55rem; margin:1rem 0 0 1.2rem; list-style:disc; }
.legal-content a { color:var(--amber); text-decoration:underline; text-underline-offset:3px; }
.legal-note { padding:1.25rem 1.4rem; border-left:3px solid var(--amber); background:rgba(232,160,32,.06); border-radius:0 10px 10px 0; }

@media (max-width:960px) {
  .service-detail-hero { min-height:auto; padding-top:145px; }
  .service-detail-hero-inner { grid-template-columns:1fr; }
  .service-summary-card { max-width:620px; }
  .info-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .service-detail-hero { padding:125px 20px 72px; }
  .service-detail-hero h1 { font-size:clamp(2.2rem,12vw,3.35rem); }
  .info-card-grid, .process-list, .deliverable-list, .fit-grid { grid-template-columns:1fr; }
  .informative-footer .footer-inner { grid-template-columns:1fr; gap:30px; }
  .legal-header { padding:130px 20px 54px; }
  .legal-content { padding-left:20px; padding-right:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .service-detail-hero::before { transform:none; }
  .info-card { transition:none; }
}