/* Aulatic — FP. Complemento de /css/style.css */
.fp-page { overflow-x:clip; }
.fp-page p { max-width:100%; }
.fp-page .fp-hero,.fp-page .fp-section,.fp-page .fp-cta { padding:85px 8%; }
.fp-page .fp-hero { padding-top:115px; padding-bottom:110px; background:radial-gradient(circle at 90% 15%,rgba(52,120,246,.12),transparent 35%),linear-gradient(180deg,#fff,#f6f9ff); }
.fp-page .fp-hero h1 { font-size:clamp(2.7rem,5vw,5.1rem); max-width:1100px; }
.fp-page .fp-hero p { max-width:900px; }
.fp-page .fp-hero .fp-lead { font-size:clamp(1.2rem,1.8vw,1.5rem); color:var(--aula-dark); }
.fp-page .fp-section h2 { max-width:1050px; }
.fp-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:16px 25px; margin-top:20px; border-radius:9px; background:var(--aula-blue); color:white!important; font-weight:700; text-decoration:none; font-size:1rem; transition:transform .2s,background .2s; }
.fp-button:hover { background:#2468e8; transform:translateY(-2px); }
.fp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:38px; }
.fp-card { padding:34px; border:1px solid var(--aula-border); border-radius:17px; background:white; }
.fp-icon { display:grid; place-items:center; width:45px; height:45px; border-radius:12px; background:var(--aula-blue-light); color:var(--aula-blue); font-size:25px; font-weight:700; margin-bottom:25px; }
.fp-card h3 { font-size:1.35rem; line-height:1.28; margin-bottom:16px; }
.fp-page .fp-card p { font-size:1rem; color:var(--aula-muted); margin:0; }
.fp-frame { background:var(--aula-navy); }
.fp-frame h2,.fp-frame p { color:white!important; }
.fp-frame .eyebrow,.fp-frame h2 strong { color:#8cb6ff!important; }
.fp-page .fp-narrow { max-width:1000px; margin:0 auto; }
.fp-frame p:not(.eyebrow) { color:rgba(255,255,255,.86)!important; }
.fp-checks { list-style:none; padding:0; margin:28px 0 22px; display:grid; gap:14px; }
.fp-checks li { position:relative; padding-left:30px; color:rgba(255,255,255,.9); font-size:1.06rem; }
.fp-checks li::before { content:'✓'; position:absolute; left:0; color:#8cb6ff; font-weight:800; }
.fp-page .fp-highlight { color:#8cb6ff!important; font-weight:700; font-size:1.3rem; margin-top:30px; }
.fp-deploy { background:#fff; }
.fp-flow { display:flex; align-items:stretch; gap:15px; margin:35px 0 28px; }
.fp-flow>div { flex:1; display:flex; flex-direction:column; gap:9px; padding:24px; border-radius:14px; background:var(--aula-blue-light); color:var(--aula-navy); }
.fp-flow-number { color:var(--aula-blue); font-size:.78rem; font-weight:800; letter-spacing:.12em; }
.fp-flow strong { font-size:1.1rem; line-height:1.3; }
.fp-flow small { font-size:.92rem; color:var(--aula-text); line-height:1.5; }
.fp-flow-arrow { display:flex; align-items:center; font-size:2rem; font-weight:700; color:var(--aula-blue); }
.fp-mini-grid { margin-top:20px; }
.fp-mini-grid .fp-card { background:#f8fbff; padding:25px; }
.fp-network { background:var(--aula-blue-light); }
.fp-network-box { padding:30px; margin-top:28px; border-left:4px solid var(--aula-blue); background:white; border-radius:0 12px 12px 0; }
.fp-network-box strong { font-size:1.2rem; color:var(--aula-navy); }
.fp-page .fp-network-box p { margin:12px 0 0; }
.fp-page .fp-statement { color:var(--aula-navy); font-weight:650; font-size:clamp(1.3rem,2.3vw,1.8rem); margin-top:32px; }
.fp-cta { background:linear-gradient(135deg,#3478F6 0%,#1757B8 100%); text-align:center; }
.fp-cta h2 { color:white!important; max-width:1000px; margin:0 auto 28px; }
.fp-cta h2 strong { color:#fff; }
.fp-cta .eyebrow { color:#DCE9FF!important; }
.fp-page .fp-cta p:not(.eyebrow) { color:rgba(255,255,255,.9); margin:0 auto 16px; }
.fp-button-light { background:white; color:var(--aula-navy)!important; }
.fp-button-light:hover { background:#e9f1ff; }
.fp-contact-anchor { scroll-margin-top:90px; }
.fp-page .fp-cta { margin-bottom:30px; }
@media(max-width:900px) { .fp-page .fp-hero,.fp-page .fp-section,.fp-page .fp-cta { padding:75px 7%; } }
@media(max-width:700px) { .fp-page .fp-hero,.fp-page .fp-section,.fp-page .fp-cta { padding:60px 6%; } .fp-grid { grid-template-columns:1fr; } .fp-card { padding:26px; } .fp-flow { flex-direction:column; } .fp-flow-arrow { justify-content:center; transform:rotate(90deg); } .fp-page .fp-hero h1 { font-size:clamp(2.45rem,9vw,3.4rem); } .fp-button { width:100%; text-align:center; } }

/* Documentación descargable de FP */
.fp-resources { background:#f8fbff; }
.fp-resources-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:36px; }
.fp-resource-card { display:flex; flex-direction:column; align-items:flex-start; padding:34px; background:white; border:1px solid var(--aula-border); border-radius:17px; }
.fp-resource-number { font-size:.75rem; font-weight:800; letter-spacing:.12em; color:var(--aula-blue); margin-bottom:17px; }
.fp-resource-card h3 { font-size:1.45rem; line-height:1.25; margin:0 0 15px; }
.fp-page .fp-resource-card p { font-size:1rem; color:var(--aula-muted); margin:0 0 25px; }
.fp-resource-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; margin-top:auto; padding:14px 20px; background:var(--aula-blue); color:white!important; border-radius:9px; text-decoration:none; font-size:.95rem; font-weight:700; transition:background .2s,transform .2s; }
.fp-resource-button:hover { background:#2468e8; transform:translateY(-2px); }
@media(max-width:700px) { .fp-resources-grid { grid-template-columns:1fr; } .fp-resource-card { padding:26px; } .fp-resource-button { width:100%; } }
