/* Thalia Ontiveros — conferencias presenciales */
:root{--night:#130c27;--night2:#1d1039;--ink:#221a37;--purple:#7f42ef;--pink:#ed32b5;--muted:#625a74;--line:#e7e1ee;--pale:#faf8fd;--white:#fff}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--pale);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #bb87ff;outline-offset:3px}
.container{width:min(1170px,calc(100% - 48px));margin-inline:auto}
.top{position:relative;z-index:10;background:#110b22;border-bottom:1px solid #ffffff21}
.top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.logo{display:block;flex:0 1 295px;min-width:190px}
.logo img{display:block;width:100%;height:auto}
.nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#f0eafb;font-weight:750}
.nav a{text-decoration:none}
.nav .nav-button{border:1px solid #b586f65c;border-radius:999px;padding:13px 20px;background:#8f48d41b;white-space:nowrap}
.nav a:hover{color:#e4a8ff}
.hero{background:radial-gradient(ellipse at 100% 4%,#753ba951,transparent 37%),radial-gradient(ellipse at 0 92%,#8222ae60,transparent 42%),linear-gradient(125deg,#130c28,#23103d 60%,#100b21);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,transparent 0%,black 100%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding:83px 0 88px}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:850;color:#dbc3ff}
.kicker:before{content:"";width:30px;height:2px;background:linear-gradient(90deg,#f75cbb,#9169ff);border-radius:3px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.052em}
h1{font-size:clamp(40px,4.8vw,66px);line-height:1.075;margin:25px 0 24px;font-weight:830}
.grad{background:linear-gradient(90deg,#ffc2eb 5%,#d49aff 56%,#a88afa);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero .lead{font-size:16px;line-height:1.85;color:#e7dcef;max-width:550px;margin-bottom:30px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:linear-gradient(105deg,#ee32b0,#7340ef);color:#fff;padding:16px 24px;font-weight:800;font-size:14px;text-decoration:none;border-radius:999px;box-shadow:0 12px 32px #8a32be66;transition:transform .18s,filter .18s}
.cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}
.tags span{border-radius:100px;padding:9px 12px;background:#ffffff12;border:1px solid #ffffff2a;color:#f2eafa;font-size:11px;font-weight:720}
.photo-panel{padding:16px;background:linear-gradient(155deg,#ffffff19,#ffffff05);border:1px solid #ffffff36;border-radius:28px;box-shadow:0 24px 70px #0006}
.photo-panel img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:18px;background:#100e20}
.photo-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 7px 2px;font-size:12px;color:#e6d8f3;font-weight:660}
.photo-caption strong{font-weight:820;color:#fff}
.photo-caption .tiny-dot{height:8px;width:8px;background:#f56bc9;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 16px #ff40d4}
.value-strip{background:#1b1034;color:#fff;border-block:1px solid #ffffff1b}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.value-item{display:flex;align-items:center;gap:16px;padding:23px 29px}
.value-item+.value-item{border-left:1px solid #ffffff21}
.value-icon{flex:0 0 46px;height:46px;display:grid;place-items:center;color:#e9b2ff;border:1px solid #ffffff2b;border-radius:15px;background:#ffffff10;font-size:22px}
.value-item strong{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:2px}
.value-item span{font-size:12px;color:#d5c9e5;line-height:1.5}
.section{padding:86px 0}
.section-head{max-width:780px;text-align:center;margin:0 auto 40px}
.smalltag{font-size:11px;letter-spacing:.17em;color:#853adf;text-transform:uppercase;font-weight:840}
h2{font-size:clamp(30px,3.65vw,44px);line-height:1.18;margin:15px 0 15px}
.section-head p{font-size:15px;color:var(--muted);line-height:1.8}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.item{background:#fff;border:1px solid var(--line);border-radius:21px;padding:28px;box-shadow:0 15px 35px #21123909}
.item .icon{display:grid;place-items:center;background:#f3e8ff;color:#8b40e3;width:47px;height:47px;border-radius:15px;font-size:23px;margin-bottom:22px}
.item h3{font-size:18px;line-height:1.25;margin:0 0 10px}
.item p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.notice{margin:27px auto 0;padding:23px 30px;max-width:920px;border:1px solid #ded0f6;border-radius:22px;background:linear-gradient(100deg,#f7f0ff,#fff2fb);display:flex;align-items:center;gap:20px}
.notice .fifty{color:#8035de;font-size:38px;font-weight:850;letter-spacing:-.06em;line-height:1}
.notice p{margin:0;color:#453952;line-height:1.65;font-size:13px}
.request{background:#eeeaf7;padding:92px 0 100px}
.request-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:start}
.request-copy{position:sticky;top:35px;padding-top:27px}
.request-copy h2{margin:16px 0}
.request-copy p{color:#625874;font-size:15px;line-height:1.85}
.help-card{background:#fff;border:1px solid #e6ddef;border-radius:20px;padding:24px;margin-top:28px;box-shadow:0 12px 30px #39125c0c}
.help-card h3{margin:0 0 12px;font-size:17px}
.help-card ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:13px;color:#5b5071;line-height:1.5}
.help-card li{display:flex;align-items:baseline;gap:10px}
.help-card li:before{content:"✓";font-weight:800;color:#8b43da}
.info-pill{display:block;margin-top:21px;color:#514663;background:#e4dafa;border-left:3px solid #8f4ded;padding:13px 16px;border-radius:0 12px 12px 0;font-size:13px;line-height:1.68}
.form-card{background:#fff;border:1px solid #e7e0ee;border-radius:27px;padding:36px;box-shadow:0 22px 55px #2c13471b}
.form-header{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.form-header h2{font-size:28px;letter-spacing:-.04em;margin:12px 0 9px}
.form-header p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px}
.field{min-width:0}
.field.full{grid-column:1 / -1}
.field label{display:block;font-size:13px;font-weight:750;color:#352a49;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;border:1px solid #ded8e8;border-radius:13px;padding:14px 15px;background:#fdfcfe;color:#21182f;min-height:51px;font-size:14px;outline:none;transition:box-shadow .18s,border-color .18s}
.field textarea{min-height:100px;resize:vertical;line-height:1.55}
.field input::placeholder,.field textarea::placeholder{color:#9990a5}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#9956e9;box-shadow:0 0 0 3px #9452e824}
.field input[readonly]{background:#f2eef9;color:#514364;font-weight:780}
.tip{display:block;color:#7a7189;font-size:11px;line-height:1.6;margin-top:7px}
.error{display:none;color:#9c224c;background:#fff0f5;border:1px solid #f5c2d5;font-size:12px;padding:11px 13px;border-radius:11px;margin-top:9px;line-height:1.6}
.error.show{display:block}
.consent{display:flex;align-items:flex-start;gap:11px;margin:25px 0 22px;font-size:12px;line-height:1.7;color:#61566f}
.consent input{width:17px;height:17px;accent-color:#8a42df;flex:0 0 17px;margin:3px 0 0}
.consent a{color:#7135d4;font-weight:780}
.send{width:100%;min-height:57px;border-radius:15px}
.disclaimer{font-size:11px;line-height:1.65;color:#7c7288;margin:14px 0 0;text-align:center}
.preview-note{display:none;background:#faf1ff;border:1px solid #debef4;border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.68;color:#523768;margin-top:16px}
.preview-note.show{display:block}
.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
footer{background:#110b22;color:#cfc4dd;padding:30px 0;font-size:12px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#e5d5fb;text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:980px){.hero-grid{gap:29px}.request-grid{gap:26px;grid-template-columns:.82fr 1.18fr}.value-item{padding:22px 16px}}
@media(max-width:790px){.hero-grid{grid-template-columns:1fr;padding:65px 0;gap:38px}.photo-panel{max-width:620px}.columns{grid-template-columns:1fr}.item{display:grid;grid-template-columns:47px auto;column-gap:15px;padding:23px}.item .icon{grid-row:span 2;margin:0}.item p{grid-column:2}.value-grid{grid-template-columns:1fr 1fr}.value-item:last-child{grid-column:1/-1;border-top:1px solid #ffffff21}.value-item+.value-item{border-left:0}.request-grid{grid-template-columns:1fr}.request-copy{position:static;padding-top:0}.request{padding:75px 0}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.top-inner{min-height:75px}.logo{flex-basis:210px;min-width:0}.nav{gap:9px}.nav a:first-child{display:none}.nav .nav-button{font-size:11px;padding:10px 12px}.hero-grid{padding:55px 0 65px}h1{font-size:clamp(38px,10vw,52px)}.hero .lead{font-size:15px}.photo-panel{padding:10px;border-radius:20px}.photo-panel img{border-radius:13px}.photo-caption{font-size:10px;padding:12px 4px 2px}.value-grid{grid-template-columns:1fr}.value-item+.value-item,.value-item:last-child{grid-column:auto;border-top:1px solid #ffffff21}.section{padding:65px 0}.notice{padding:20px;align-items:flex-start}.notice .fifty{font-size:32px}.request{padding:65px 0}.form-card{padding:24px 18px;border-radius:21px}.fields{grid-template-columns:1fr;gap:17px}.field.full{grid-column:auto}.form-header h2{font-size:25px}.footer{display:grid;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}