
:root{--bg:#f4ede2;--bg2:#faf5ec;--navy:#1d2e4d;--navy2:#2a3f63;--ink:#2c2418;--ink-soft:#6b5d49;--gold:#c9962e;--gold2:#e0b84e;--cream:#fdfaf4;--glass:rgba(255,255,255,.66);--glass-border:rgba(255,255,255,.88);--text-dim:rgba(44,36,24,.68)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;background:rgba(244,237,226,.76);backdrop-filter:blur(22px);border-bottom:1px solid rgba(201,150,46,.16)}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:800;color:var(--navy)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--ink-soft);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.nav-actions{display:flex;gap:.7rem;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Inter',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;padding:.95rem 1.55rem;transition:.28s;border:none;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;box-shadow:0 12px 30px rgba(201,150,46,.28)}.btn-outline{border:1px solid rgba(29,46,77,.34);color:var(--navy);background:transparent}.btn-danger{border:1px solid rgba(180,40,40,.35);color:#9a2626;background:transparent}.btn-small{padding:.62rem .95rem;font-size:.62rem}
.lang-toggle{display:flex;border:1px solid rgba(201,150,46,.4);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.35)}.lang-btn{background:transparent;border:none;color:var(--ink-soft);padding:.42rem .72rem;font-size:.65rem;font-weight:800;letter-spacing:.1em;cursor:pointer}.lang-btn.active{background:var(--gold);color:#fff}
.hero{min-height:100vh;padding:118px 50px 72px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(224,184,78,.20),transparent 55%),radial-gradient(circle at 18% 48%,rgba(255,255,255,.90),transparent 58%),linear-gradient(135deg,#fbf7ef 0%,#f4ede2 45%,#f6ead7 100%)}
.hero:before{content:'ACADEMY';position:absolute;right:-5vw;top:10vh;font-family:'Playfair Display',serif;font-size:clamp(7rem,16vw,18rem);font-weight:900;color:rgba(29,46,77,.035);letter-spacing:-.06em}
.hero-inner{width:100%;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:4rem;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:#a67c1e;font-weight:800;margin-bottom:1.55rem}.eyebrow:before{content:'';width:34px;height:1px;background:var(--gold)}
h1{font-family:'Playfair Display',serif;font-size:clamp(3.1rem,6vw,6.6rem);line-height:.95;color:var(--navy);letter-spacing:-.045em;margin-bottom:1.25rem}h1 em,h2 em{color:var(--gold);font-style:italic}.lead{font-size:1rem;line-height:1.85;color:var(--text-dim);max-width:640px;margin-bottom:2.2rem}
.visual{min-height:500px;position:relative;border-radius:34px;background:radial-gradient(circle at 70% 30%,rgba(224,184,78,.18),transparent 45%),rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.85);box-shadow:0 30px 82px rgba(166,124,30,.14);overflow:hidden;padding:2.6rem;display:flex;flex-direction:column;justify-content:flex-end}.visual:before{content:'DIPLOMADO';position:absolute;right:-28px;top:28px;font-family:'Playfair Display',serif;font-size:5.2rem;font-weight:900;color:rgba(29,46,77,.045);letter-spacing:-.06em}.visual-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;color:var(--navy);margin-bottom:1rem}.badge{display:inline-flex;background:rgba(29,46,77,.08);color:var(--navy);border-radius:999px;padding:.55rem .85rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:1.8rem}
.section{padding:105px 50px}.section.alt{background:var(--bg2)}.section-inner{max-width:1200px;margin:0 auto}.section-head{max-width:800px;margin-bottom:3.2rem}.tag{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:#a67c1e;font-weight:800;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.6rem}.tag:before{content:'';width:28px;height:1px;background:var(--gold)}h2{font-family:'Playfair Display',serif;color:var(--navy);font-weight:400;font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.35rem}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 18px 52px rgba(166,124,30,.10);transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:0 26px 62px rgba(166,124,30,.17)}.card h3{font-family:'Playfair Display',serif;color:var(--navy);font-size:1.55rem;margin-bottom:.65rem}.card p{color:var(--text-dim);line-height:1.72;font-size:.93rem}.card-icon{font-size:2.1rem;margin-bottom:1rem}
.video-box{height:210px;border-radius:22px;background:radial-gradient(circle at 55% 44%,rgba(224,184,78,.42),transparent 30%),linear-gradient(135deg,var(--navy),var(--navy2));display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;margin-bottom:1.35rem}.video-box:before{content:'▶';width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);font-size:1.6rem;padding-left:4px}.video-box:after{content:'Video introductorio';position:absolute;left:24px;bottom:20px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.75)}
.price{font-family:'Playfair Display',serif;font-size:2rem;color:var(--gold);font-weight:900;margin:.9rem 0 1.25rem}.status{display:inline-flex;padding:.38rem .64rem;border-radius:999px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;background:rgba(201,150,46,.12);color:#a67c1e}
.layout{padding:110px 50px 74px;min-height:100vh;background:linear-gradient(135deg,#fbf7ef 0%,#f4ede2 45%,#f6ead7 100%)}.panel{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.sidebar,.main-panel,.auth-card{background:rgba(253,250,244,.76);border:1px solid var(--glass-border);border-radius:26px;box-shadow:0 20px 62px rgba(166,124,30,.12)}.sidebar{padding:1.4rem;position:sticky;top:92px;height:max-content}.side-title{font-family:'Playfair Display',serif;color:var(--navy);font-size:1.45rem;margin-bottom:1.2rem}.side-menu{display:flex;flex-direction:column;gap:.35rem}.side-menu a{padding:.9rem 1rem;border-radius:15px;color:var(--ink-soft);font-size:.84rem;font-weight:700}.side-menu a.active,.side-menu a:hover{background:rgba(201,150,46,.12);color:var(--navy)}.main-panel{padding:2.1rem}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.4rem 0 2rem}.stat{background:#fff;border:1px solid rgba(201,150,46,.14);border-radius:18px;padding:1.2rem}.stat strong{display:block;font-family:'Playfair Display',serif;color:var(--navy);font-size:2rem}.stat span{color:var(--ink-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.table-card{border:1px solid rgba(201,150,46,.14);border-radius:18px;overflow:hidden;margin-top:1rem}.row{display:grid;grid-template-columns:1.3fr .7fr .6fr auto;gap:1rem;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid rgba(201,150,46,.12);background:#fff}.row:last-child{border-bottom:none}.row strong{color:var(--navy);font-family:'Playfair Display',serif;font-size:1.08rem}.row span{color:var(--ink-soft);font-size:.78rem}.actions{display:flex;gap:.55rem;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}label{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:800;margin-bottom:.42rem}input,textarea,select{width:100%;padding:.92rem 1rem;border-radius:14px;border:1px solid rgba(201,150,46,.22);background:#fff;color:var(--ink);font-family:'Inter',sans-serif;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.note{color:var(--ink-soft);font-size:.8rem;line-height:1.6;margin-top:.5rem}
.alert{padding:1rem;border-radius:14px;margin:1rem 0;font-weight:700;display:none}.alert.ok{display:block;background:rgba(50,150,90,.12);color:#1f7a48;border:1px solid rgba(50,150,90,.2)}.alert.err{display:block;background:rgba(180,40,40,.10);color:#a22;border:1px solid rgba(180,40,40,.2)}
.footer{padding:3rem 50px;border-top:1px solid rgba(201,150,46,.18);background:var(--bg2);text-align:center;color:var(--ink-soft);font-size:.78rem}
.empty{padding:2rem;background:#fff;border:1px dashed rgba(201,150,46,.4);border-radius:18px;color:var(--ink-soft)}
@media(max-width:980px){nav{padding:0 22px}.nav-links{display:none}.hero-inner,.grid-3,.grid-2,.panel,.form-grid{grid-template-columns:1fr}.hero,.section,.layout{padding-left:24px;padding-right:24px}.visual{min-height:430px}.stats{grid-template-columns:1fr}.row{grid-template-columns:1fr}}
