/* Landing "The Fractional" y la banda que lo anuncia en el landing de la plataforma (usa los tokens de plataforma.css). */
/* ---- bloque nuevo en el landing de la plataforma ---- */
.banda-fractional{padding:3.5rem 5vw;background:linear-gradient(120deg,#101828 0%,#1E3FA0 100%);color:#fff;}
.banda-fractional .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;gap:2.5rem;align-items:center;}
.banda-fractional h2{font-size:2rem;margin:.2rem 0 .6rem;color:#fff;}
.banda-fractional p{color:#C7D4FA;max-width:560px;margin:0 0 1.4rem;}
.banda-fractional .medidor{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:1.4rem;text-align:center;}
.banda-fractional .medidor .n{font-size:2.6rem;font-weight:800;line-height:1;}
.banda-fractional .medidor small{display:block;color:#C7D4FA;margin-top:.3rem;}
.nav-nuevo{color:var(--accent)!important;font-weight:800;}
/* ---- landing The Fractional ---- */
.fx-hero{padding:5rem 5vw 4rem;background:radial-gradient(circle at 85% 10%,#FFE9E5 0%,var(--paper) 55%);}
.fx-hero .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;}
.fx-hero h1{font-size:2.9rem;letter-spacing:-.01em;margin:.3rem 0 1rem;line-height:1.1;}
.fx-hero h1 span{color:var(--accent);}
.fx-hero p.lead{font-size:1.1rem;color:var(--muted);max-width:540px;}
.fx-hero .cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem;}
.reloj{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem;box-shadow:0 30px 70px -30px rgba(16,24,40,.35);}
.reloj h4{margin:0 0 1rem;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
.semana{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;}
.semana div{border-radius:10px;padding:.7rem .2rem;text-align:center;font-size:.75rem;font-weight:700;background:#F1F3F7;color:var(--muted);}
.semana div.on{background:var(--primary);color:#fff;}
.semana div span{display:block;font-size:1.1rem;margin-top:.2rem;}
.reloj p{font-size:.85rem;color:var(--muted);margin:1rem 0 0;}
.sec{max-width:1180px;margin:0 auto;padding:4.2rem 5vw;}
.sec h2{font-size:2rem;margin:.2rem 0 .6rem;}
.sec .sub{color:var(--muted);max-width:640px;margin:0 0 2rem;}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start;}
.dos-col p{color:var(--muted);line-height:1.65;}
.cita{border-left:4px solid var(--accent);padding:.4rem 0 .4rem 1.1rem;font-size:1.15rem;font-weight:600;line-height:1.5;}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.rol{padding:1.3rem;}
.rol .sig{display:inline-block;background:#EAF0FE;color:var(--primary);font-weight:800;border-radius:8px;padding:.2rem .6rem;font-size:.85rem;margin-bottom:.6rem;}
.rol h3{margin:.1rem 0 .3rem;font-size:1.05rem;}
.rol p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5;}
.tabla{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.9rem;}
.tabla th,.tabla td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.tabla th{background:#F1F3F7;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
.tabla td.dest,.tabla th.dest{background:#FFF4F2;}
.tabla tr:last-child td{border-bottom:none;}
.tabla-wrap{overflow-x:auto;}
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.numeros .card{padding:1.3rem;text-align:center;}
.numeros .n{font-size:2rem;font-weight:800;color:var(--primary);}
.numeros small{color:var(--muted);}
.cuando{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.cuando li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;font-size:.92rem;}
.cuando li b{display:block;margin-bottom:.15rem;}
.nota-red{background:#EAF0FE;border-radius:16px;padding:1.6rem;display:flex;gap:1.2rem;align-items:center;}
.nota-red .ic{font-size:2rem;}
.nota-red p{margin:0;color:#1E3FA0;}
.fx-cta{background:linear-gradient(120deg,#E14F3F,#FF6B5B);color:#fff;text-align:center;padding:4rem 5vw;}
.fx-cta h2{font-size:2rem;margin:0 0 .6rem;color:#fff;}
.fx-cta p{max-width:560px;margin:0 auto 1.5rem;color:#FFE9E5;}
.fx-cta .btn{background:#fff;color:var(--accent-dark);}
.fuentes{font-size:.78rem;color:var(--muted);padding:1.2rem 5vw;text-align:center;}
@media(max-width:900px){
 .banda-fractional .in,.fx-hero .in,.dos-col{grid-template-columns:1fr;}
 .roles,.numeros{grid-template-columns:1fr 1fr;}
 .cuando{grid-template-columns:1fr;}
 .fx-hero h1{font-size:2.2rem;}
}
@media(max-width:560px){.roles,.numeros{grid-template-columns:1fr;}}
