:root{--sonda-blue:#1b4bf0;--sonda-blue-dark:#1339c2;--sonda-dark:#1c1c1e;--sonda-gray:#5b5b60;--sonda-bg:#f4f6fb;--sonda-white:#fff;--max-width:720px;--max-width-lg:1040px;--radius:20px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--sonda-bg);color:var(--sonda-dark);-webkit-font-smoothing:antialiased;font-family:Poppins,Segoe UI,system-ui,-apple-system,sans-serif}img{max-width:100%;display:block}a{color:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.container--lg{max-width:var(--max-width-lg)}.section{padding:48px 0}.section-title{text-align:center;color:var(--sonda-dark);letter-spacing:.02em;margin:0 0 24px;font-size:1.5rem;font-weight:700}.invite{background:var(--sonda-bg);padding:20px}.invite-card{max-width:var(--max-width-lg);background:var(--sonda-blue);color:var(--sonda-white);border-radius:32px;margin:0 auto;position:relative;overflow:visible}.invite-card__notch{background:var(--sonda-bg);border-radius:50%;width:28px;height:28px;position:absolute;top:58%;transform:translateY(-50%)}.invite-card__notch--left{left:-14px}.invite-card__notch--right{right:-14px}.invite-card__grid{flex-direction:column;align-items:center;gap:20px;padding:48px 28px;display:flex}.invite-card__hero{text-align:center}.invite-card__logo{width:min(200px,60vw);margin:0 auto 24px}.invite-card__title{text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:1.3rem;font-weight:400;line-height:1.4}.invite-card__divider{background:#fff9;border-radius:3px;flex:none;width:220px;height:3px}.invite-card__details{text-align:center;grid-template-columns:1fr;gap:24px;width:100%;display:grid}.invite-card__detail:nth-child(3),.invite-card__detail:nth-child(4){grid-column:1/-1}.invite-card__label{letter-spacing:.01em;text-transform:uppercase;margin:0 0 4px;font-size:1.05rem;font-weight:700}.invite-card__value{opacity:.9;margin:0;font-size:.9rem;font-weight:400;line-height:1.45}@media (width>=860px){.invite-card__grid{flex-direction:row;align-items:center;gap:48px;padding:64px 56px}.invite-card__hero{flex:1}.invite-card__title{font-size:1.35rem}.invite-card__divider{width:2px;height:300px}.invite-card__details{text-align:left;flex:1.1}}.attendance{background:var(--sonda-bg);padding:20px}.attendance .container{padding:0}.attendance__grid{flex-direction:column;gap:32px;display:flex}.panel-card{background:var(--sonda-white);border-radius:var(--radius);padding:24px;box-shadow:0 8px 30px #1b4bf014}@media (width>=860px){.attendance__grid{flex-direction:row;align-items:stretch}.attendance__grid>.panel-card.recommendations{flex:3}.attendance__grid>.panel-card.form-panel{flex:2}}.registration-closed{border-radius:var(--radius);text-align:center;color:#7a4a00;background:#fff4e0;border:1.5px solid #f3c77a;margin-bottom:32px;padding:20px 24px;display:none}.registration-closed__title{margin:0 0 6px;font-size:1.25rem;font-weight:700}.registration-closed__text{margin:0;font-size:.95rem;line-height:1.5}.registro-cerrado .registration-closed{display:block}.registro-cerrado .attendance__grid>.panel-card.form-panel{display:none}.recommendations__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recommendations__list li{color:var(--sonda-dark);background:var(--sonda-bg);border-radius:14px;align-items:flex-start;gap:12px;padding:6px 16px;font-size:.95rem;line-height:1.5;display:flex}.recommendations__bullet{background:var(--sonda-blue);width:22px;height:22px;color:var(--sonda-white);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.recommendations__deadline{color:#7a4a00;text-align:center;margin:20px 0 0;font-size:.9rem}.form{flex-direction:column;gap:8px;display:flex}.form-panel{flex-direction:column;display:flex}.field{flex-direction:column;gap:1px;display:flex}.field label{color:var(--sonda-dark);font-size:.85rem;font-weight:600}.field input{background:var(--sonda-bg);color:var(--sonda-dark);border:1.5px solid #dde2ee;border-radius:12px;outline:none;padding:8px 12px;font-family:inherit;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--sonda-blue);background:var(--sonda-white)}.field-error{color:#d3352a;min-height:1em;font-size:.6rem}.field-error:after{content:"_";color:#0000}.submit-wrap{margin-top:6px;position:relative}.submit-btn{background:var(--sonda-blue);width:100%;color:var(--sonda-white);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:15px 20px;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.submit-btn:hover{background:var(--sonda-blue-dark)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-message{text-align:center;background:var(--sonda-blue-dark);min-height:100%;color:var(--sonda-white);opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:10px 40px;font-size:.9rem;font-weight:700;line-height:1.3;transition:opacity .25s;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.form-message.is-visible{opacity:1}.form-message.is-error{color:#d3352a;background:#fdecea}.location{background:var(--sonda-white)}.location__map{border-radius:var(--radius);border:1px solid #e4e8f2;margin-top:16px;overflow:hidden}.location__map iframe{border:0;width:100%;height:280px;display:block}.location__address{text-align:center;color:var(--sonda-gray);margin-top:16px;font-size:.95rem;line-height:1.5}.footer{background:var(--sonda-dark);color:#ffffffb3;text-align:center;padding:28px 0;font-size:.8rem}.footer img{opacity:.9;width:90px;margin:0 auto 10px}.modal-overlay{z-index:100;background:#14192d8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.is-open{display:flex}.modal{background:var(--sonda-white);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:32px 24px;animation:.2s modal-pop;position:relative}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal__icon{background:var(--sonda-blue);width:56px;height:56px;color:var(--sonda-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.6rem;display:flex}.modal__title{margin:0 0 10px;font-size:1.15rem;font-weight:700}.modal__text{color:var(--sonda-gray);margin:0 0 22px;font-size:.92rem;line-height:1.5}.modal__close{background:var(--sonda-blue);color:var(--sonda-white);cursor:pointer;border:none;border-radius:999px;padding:12px 28px;font-size:.95rem;font-weight:700}
