

@font-face{font-family:Poppins;src:url('../fonts/poppins-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('../fonts/poppins-900-latin.woff2') format('woff2');font-weight:900;font-display:swap}

:root{--ink:#073e31;--deep:#00533e;--forest:#006148;--lime:#a9cf35;--line:#dfe7e2;--muted:#6f7c76}
*{box-sizing:border-box}
html{background:#005d47}
body{margin:0;font-family:Poppins,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 12%,#08705a 0,transparent 32%),#005d47}
button,input,select{font:inherit}
.registration-page{min-height:100dvh;padding:0 28px;display:grid;place-items:center}
.registration-shell{width:min(1380px,100%);min-height:100dvh;display:grid;grid-template-columns:48% 52%;background:#fff;box-shadow:0 32px 90px rgba(0,37,28,.24);animation:page-in .85s cubic-bezier(.22,.8,.2,1) both}
.story-panel{position:relative;overflow:hidden;display:flex;padding:52px;background:linear-gradient(145deg,#00654c,#004a38 84%);color:#fff}
.story-panel::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 82% 42%,rgba(120,197,123,.14),transparent 32%),repeating-linear-gradient(110deg,transparent 0 84px,rgba(255,255,255,.018) 85px 86px);transform:rotate(-4deg)}
.story-content{position:relative;width:min(520px,100%);min-height:calc(100dvh - 104px);margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:34px}
.eyebrow{margin:0 0 24px;color:#d1ea66;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
h1{margin:0;font-size:clamp(46px,4.7vw,74px);font-weight:900;letter-spacing:-.055em;line-height:.91}
h1 em{color:var(--lime);font-style:normal}
.intro{max-width:500px;margin:28px 0 0;color:#d8e7e2;font-size:15px;line-height:1.75}
.benefits-card{padding:27px 28px;border-radius:20px;background:rgba(255,255,255,.085);box-shadow:inset 0 1px rgba(255,255,255,.16);outline:1px solid rgba(255,255,255,.13)}
.benefits-card>p{margin:0 0 16px;color:#e5f391;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.benefits-card ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.benefits-card li{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}
.benefits-card li span{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#07503c;font-weight:900}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 0;padding:0;list-style:none}
.steps li{display:grid;gap:5px;position:relative;font-size:10px;font-weight:700}
.steps li:not(:last-child)::after{content:"";position:absolute;right:-15px;top:7px;width:23px;border-top:1px solid rgba(255,255,255,.23)}
.steps b{color:var(--lime);font-size:10px;letter-spacing:.12em}
.event-note{margin:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:14px;color:#cbded7;font-size:13px;line-height:1.5}.event-note span{flex:0 0 auto;padding:8px 11px;border-radius:99px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:.08em}
.form-panel{width:100%;max-width:720px;margin:auto;padding:38px 40px 32px;background:white}
.checkout-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px}
.checkout-header div{display:grid;gap:3px}.checkout-header span{color:#819089;font-size:11px}.checkout-header strong{font-size:17px}
.checkout-header p{margin:0;padding:7px 10px;border-radius:99px;background:#f0f6d8;color:#627725;font-size:10px;font-weight:700}.checkout-header i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--lime)}
.price-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.price-card{position:relative;padding:22px 20px 19px;border-radius:18px;background:#f6f8f6;box-shadow:0 12px 35px rgba(7,62,49,.07),inset 0 1px rgba(255,255,255,.9);outline:1px solid rgba(7,62,49,.08);overflow:hidden;transition:transform .55s cubic-bezier(.22,.8,.2,1),box-shadow .55s cubic-bezier(.22,.8,.2,1)}
.price-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,62,49,.11),inset 0 1px rgba(255,255,255,.9)}
.price-card.early{background:linear-gradient(145deg,#f9ffe9,#eef7d4);outline-color:rgba(137,171,39,.28)}
.price-card.regular{background:linear-gradient(145deg,#f8faf9,#edf2ef)}
.price-card .price-date{display:block;color:#426151;font-size:13px;font-weight:800}.price-card strong{display:block;margin:10px 0 7px;color:var(--ink);font-size:32px;line-height:1}.price-card strong small{font-size:19px}.price-card em{font-size:11px;font-style:normal}.price-card>small{display:block;color:#7e8c85;font-size:11px}.price-card>b{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:99px;background:#fff;color:#688124;font-size:9px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 5px 16px rgba(7,62,49,.07)}.price-card.regular>b{color:#68756e}
.tax-note{margin:10px 0 20px;padding-bottom:18px;border-bottom:1px solid var(--line);color:#85918b;font-size:9px}.tax-note span{display:inline-grid;width:13px;height:13px;margin-right:7px;place-items:center;border-radius:50%;background:#edf5d6;color:#607522;font-weight:900}
.form-title>span{color:#7e9b20;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.form-title h2{margin:5px 0 3px;font-size:19px;font-weight:500}.form-title p{margin:0 0 19px;color:#7a8780;font-size:10px}
form{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}label{display:grid;gap:4px;color:#35483f;font-size:10px}.field-wide{grid-column:1/-1}sup{color:#db5261;font-size:10px}
input,select{width:100%;height:37px;padding:0 12px;border:0;border-radius:7px;outline:none;background:#fff;color:#34473e;box-shadow:inset 0 0 0 1px #dce3df;transition:box-shadow .45s cubic-bezier(.22,.8,.2,1),transform .45s cubic-bezier(.22,.8,.2,1)}
input::placeholder{color:#a6afaa}input:focus,select:focus{box-shadow:inset 0 0 0 1.5px #79a526,0 0 0 4px rgba(169,207,53,.13);transform:translateY(-1px)}
.invite{margin-bottom:2px;padding:13px;border-radius:12px;background:#fbfcfb;box-shadow:inset 0 0 0 1px #e1e7e3}.invite span::before{content:"✉";margin-right:6px;color:#6f9025}.invite input{height:34px}
.progress{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:7px;color:#52645b;font-size:9px}.progress i{display:block;height:5px;border-radius:9px;background:#e5e8e6;overflow:hidden}.progress b{display:block;width:49%;height:100%;border-radius:inherit;background:#087158}
.submit-button{min-height:49px;margin-top:7px;padding:6px 7px 6px 20px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:999px;background:var(--ink);color:white;font-weight:700;cursor:pointer;transition:transform .55s cubic-bezier(.22,.8,.2,1),background .55s cubic-bezier(.22,.8,.2,1)}.submit-button:hover{background:#075b46;transform:translateY(-2px)}.submit-button:active{transform:scale(.985)}.submit-button b{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:18px}
.success{margin:0;padding:10px 13px;border-radius:9px;background:#eff7db;color:#527020;font-size:11px}
.pydti-widget-shell{min-height:440px;margin:0 -10px;padding-top:2px;overflow:visible}
.pydti-widget-shell iframe{display:block;width:100%;min-height:700px;border:0}

/* Escala tipográfica ampliada para mejorar la lectura en toda la inscripción. */
.eyebrow{font-size:14px}
.intro{max-width:540px;font-size:18px;line-height:1.72}
.benefits-card>p{font-size:13px}
.benefits-card li{font-size:15px}
.steps li,.steps b{font-size:12px}
.checkout-header span{font-size:13px}
.checkout-header strong{font-size:20px}
.checkout-header p{font-size:12px}
.price-card .price-date{font-size:14px}
.price-options strong{font-size:32px}
.price-options strong small{font-size:19px}
.price-options em,.price-card>small{font-size:11px}
.tax-note{font-size:11px;line-height:1.5}
.form-title>span{font-size:11px}
.form-title h2{font-size:23px}
.form-title p{font-size:12px;line-height:1.55}
.pydti-widget-shell{font-size:16px}
.mt-40 {margin-top:40px}
@keyframes page-in{from{opacity:0;transform:translateY(18px)}}
@media(max-width:900px){.registration-page{padding:0}.registration-shell{grid-template-columns:1fr}.story-panel{min-height:auto;padding:70px 32px}.story-content{width:100%;min-height:0}.form-panel{max-width:none;padding:40px 32px 54px}h1{font-size:clamp(45px,10vw,67px)}}
@media(max-width:560px){.story-panel{padding:54px 20px}.intro{font-size:14px}.benefits-card{padding:23px 19px}.steps{gap:9px}.steps li:not(:last-child)::after{display:none}.event-note{align-items:flex-start;flex-direction:column}.form-panel{padding:32px 18px 44px}.checkout-header{align-items:flex-start;gap:10px}.price-options,form{grid-template-columns:1fr}.field-wide{grid-column:1}.price-card strong{font-size:27px}.form-title h2{font-size:18px}}
@media(max-width:560px){.intro{font-size:16px}.benefits-card li{font-size:14px}.price-options strong{font-size:29px}.form-title h2{font-size:21px}.form-title p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
