@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--bg:#061b17;--panel:#0b2923;--line:#38584b;--gold:#efd18e;--text:#faf8ef;--muted:#b9cbc3;--green:#125a45;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.preview-note{text-align:center;background:#e8ce92;color:#17291f;font-size:.8rem;padding:9px 16px;font-weight:600}.page{display:grid;grid-template-columns:minmax(340px,45%) minmax(0,1fr);min-height:calc(100dvh - 36px);max-width:1600px;margin:auto}.story{position:sticky;top:0;align-self:start;height:calc(100dvh - 36px);min-height:720px;overflow:hidden;background:#003729}.portrait{width:100%;height:100%;object-fit:cover;object-position:center 39%;display:block}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,22,17,.48) 61%,#031d18 100%)}.story-copy{position:absolute;left:11%;right:8%;bottom:6%}.eyebrow{font-size:.75rem;letter-spacing:.19em;color:var(--gold);font-weight:700;margin:0 0 16px}.story h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.8rem,4.3vw,4.8rem);font-weight:500;line-height:1.03;margin:0 0 18px}.story h1 em{color:var(--gold);font-weight:500}.story-copy>p:not(.eyebrow){line-height:1.5;color:#e1e9df}.signature{font-size:.85rem;letter-spacing:.12em;margin-top:28px}.signature span{display:block;color:var(--muted);font-size:.8rem;letter-spacing:0;margin-top:6px}main{width:100%;max-width:820px;padding:40px clamp(24px,5vw,82px) 24px;align-self:center;position:relative;background:radial-gradient(ellipse at 100% 0%,#15392b70,transparent 50%)}.brand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:36px}.brand img{width:170px;max-width:47%;height:auto;object-fit:contain}.brand>span{text-align:right;color:var(--muted);font-size:.7rem;line-height:1.7;letter-spacing:.12em}.brand b{color:var(--gold);font-weight:500}.progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted);margin-bottom:10px}progress{display:block;width:100%;height:3px;border:0;border-radius:0;background:#264338;margin-bottom:38px;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#264338}progress::-webkit-progress-value{background:var(--gold);transition:width .25s}h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.9rem,2.7vw,2.8rem);line-height:1.12;font-weight:500;margin:0 0 15px}h2:focus{outline:none}.intro{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 22px}.time{font-size:.8rem;color:var(--gold);margin:0 0 27px}.field{display:block;font-size:.9rem;margin:0 0 22px}.field>input,.phone{margin-top:9px}.field>input,.phone input{width:100%;border:1px solid var(--line);border-radius:6px;padding:15px 16px;color:var(--text);background:#102e26;min-height:52px}.field input::placeholder{color:#9ab3a5;font-size:.9rem}.phone{display:flex;background:#102e26;border:1px solid var(--line);border-radius:6px}.phone>span{display:flex;align-items:center;padding:0 14px;color:var(--gold);border-right:1px solid var(--line);margin:10px 0}.phone input{border:0;background:transparent;min-width:0}input:focus-visible,button:focus-visible,summary:focus-visible,.option:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.help{color:var(--muted);font-size:.8rem;line-height:1.5;display:block;margin:6px 0 12px}fieldset{border:0;margin:25px 0 0;padding:0;min-width:0}legend{font-weight:600;font-size:.95rem;margin-bottom:12px;padding:0;line-height:1.5}.options{display:grid;gap:9px}.two,.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:#0e2c24;transition:border-color .15s,background .15s;color:#e6eee6;font-size:.9rem;line-height:1.45}.option:hover{border-color:#a89060}.option:has(input:checked){border-color:var(--gold);background:#284832;box-shadow:inset 3px 0 var(--gold)}input[type=checkbox],input[type=radio]{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0;cursor:pointer;margin:0}.course{align-items:flex-start}.course input{margin-top:4px}.course small{display:block;color:var(--muted);font-size:.75rem}.course strong{display:block;font-size:.95rem;font-weight:600;color:var(--text)}.course em{display:block;font-size:.8rem;color:var(--gold);font-style:normal;margin-top:3px}#attendance{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}#attendance>.option{margin-top:9px}.actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.primary{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-left:auto;background:linear-gradient(110deg,#e8c579,#f5dda5);color:#102e23;border:0;border-radius:6px;padding:16px 24px;min-height:54px;min-width:170px;font-weight:700}.primary:hover{background:#ffe6ac}.back{padding:12px 3px;background:none;color:var(--muted);border:0;min-height:48px}.consent{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;line-height:1.6;margin-top:24px}.consent input{margin-top:4px}details{margin-top:24px;border-block:1px solid var(--line);padding:16px 0}summary{cursor:pointer;color:var(--gold);font-size:.9rem;min-height:24px}dl{font-size:.85rem;line-height:1.6}dt{color:var(--gold);margin-top:14px}dd{margin:3px 0 0;color:var(--muted);overflow-wrap:anywhere}#error{color:#ffe4d2;background:#563127;border:1px solid #be8260;padding:13px;border-radius:6px;font-size:.9rem;line-height:1.5}footer{margin-top:44px;font-size:.7rem;letter-spacing:.12em;color:#91ab9d;display:flex;justify-content:space-between;gap:12px}footer span{letter-spacing:0}.success-mark{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:64px;height:64px;border-radius:50%;font-size:2rem;margin:20px 0 30px}#success>p:not(.eyebrow){line-height:1.7;color:var(--muted)}#success .thanks{color:var(--gold)!important;margin-top:30px}
@media(min-width:1400px){.story{min-height:850px}}
@media(max-width:760px){.page{display:block}.story{display:none}main{padding:25px 22px;max-width:580px;margin:auto}.brand{padding-bottom:28px}.brand img{width:150px}.brand>span{font-size:.65rem}progress{margin-bottom:28px}h2{font-size:2.15rem}.preview-note{font-size:.75rem}.actions{position:sticky;bottom:0;background:var(--bg);padding-bottom:12px;z-index:2}footer{margin-top:22px}.course-grid{grid-template-columns:1fr}.primary{flex:1;max-width:100%}.back{min-width:66px}#success::after{content:'';display:block;width:100%;height:230px;background:url('assets/directores.png') center 45%/cover;border:1px solid var(--line);margin-top:24px;border-radius:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
footer a{color:var(--gold);letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}footer a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}footer span{align-self:center}
