/* Nota de Gracia V1.6.3 — Asistencia Premium · estilos aislados · CSP compatible */
.ndg-attend-page{background:#f7f7fc;color:#11172b}
.ndg-attend-hero{background:radial-gradient(ellipse 60% 150% at 83% 10%,rgba(31,63,130,.75),transparent 80%),linear-gradient(130deg,#080d21,#0d142b);color:#fff;padding:60px 0 65px}
.ndg-attend-hero-inner{max-width:1190px}
.ndg-attend-eyebrow,.ndg-attend-overline,.ndg-attend-form-eyebrow{font-size:11px;font-weight:850;letter-spacing:.16em}
.ndg-attend-eyebrow{display:flex;align-items:center;gap:10px;color:#ffd21b}
.ndg-attend-dot{width:7px;height:7px;border-radius:50%;background:#ffd21b}
.ndg-attend-hero h1{font-family:var(--font-display,inherit);font-size:clamp(36px,4.8vw,66px);line-height:1.09;letter-spacing:-.058em;max-width:850px;margin:18px 0 15px;font-weight:850;color:#fff}
.ndg-attend-hero h1 em{font-style:normal;color:#fd0a98}
.ndg-attend-hero p{font-size:clamp(14px,1.55vw,17px);line-height:1.7;color:#bfc9e4;margin:0;max-width:700px}
.ndg-attend-hero-rule{height:3px;width:58px;background:#ffd21b;border-radius:8px;margin-top:26px}
.ndg-attend-body{padding:55px 0 70px}
.ndg-attend-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(24px,4vw,76px);max-width:1190px}
.ndg-attend-info{padding:14px 0}
.ndg-attend-overline{color:#fa068e;margin-bottom:12px}
.ndg-attend-info>h2{font-family:var(--font-display,inherit);font-size:clamp(29px,3vw,43px);line-height:1.14;letter-spacing:-.05em;color:#11172b;margin:0 0 26px;font-weight:800}
.ndg-attend-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border-bottom:1px solid #dde2f0;padding-bottom:25px}
.ndg-attend-meta-item{display:flex;gap:10px;align-items:flex-start;min-width:0}
.ndg-attend-meta-item>.material-symbols-rounded{font-size:22px;color:#fc098e;flex:none;margin-top:1px}
.ndg-attend-meta-item div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ndg-attend-meta-item div>span{color:#707b91;font-size:10px;letter-spacing:.1em;font-weight:800}
.ndg-attend-meta-item strong{color:#19233d;font-size:13px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.ndg-attend-meta-item small{font-size:12px;color:#68738c;line-height:1.45}
.ndg-attend-countdown-section{padding-top:27px}
.ndg-attend-section-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#56627c;font-weight:850;letter-spacing:.12em}
.ndg-attend-section-label .material-symbols-rounded{font-size:19px;color:#fb068f}
.ndg-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.ndg-countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e3e6f0;border-radius:12px;padding:18px 4px 15px;box-shadow:0 4px 14px rgba(15,24,50,.035)}
.ndg-countdown-unit strong{font-family:var(--font-display,inherit);font-size:clamp(23px,3vw,37px);line-height:1;font-weight:800;color:#101934;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ndg-countdown-unit span{font-size:10px;color:#79839b;font-weight:800;letter-spacing:.08em}
.ndg-countdown-status{color:#737e95;font-size:11px;margin:12px 0 0}
.ndg-attend-capacity{border-top:1px solid #dde2f0;margin-top:26px;padding-top:26px}
.ndg-attend-capacity-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ndg-attend-capacity-top p{color:#26314b;font-size:14px;font-weight:650;margin:9px 0 0}
.ndg-attend-capacity-number{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.ndg-attend-capacity-number strong{font-size:43px;line-height:1;color:#fa068e;font-weight:850;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.ndg-attend-capacity-number span{color:#69758d;font-size:10px;font-weight:800;letter-spacing:.1em}
.ndg-availability-track{display:block;appearance:none;width:100%;height:7px;margin:19px 0 11px;border:none;border-radius:8px;overflow:hidden;background:#e2e5ef}
.ndg-availability-track::-webkit-progress-bar{background:#e2e5ef;border-radius:8px}
.ndg-availability-track::-webkit-progress-value{background:linear-gradient(90deg,#ffcf18,#fc0793);border-radius:8px}
.ndg-availability-track::-moz-progress-bar{background:#fc0793;border-radius:8px}
.ndg-attend-capacity-foot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#63718b}
.ndg-attend-disclaimer{color:#8390a4;font-size:11px;margin:10px 0 0}
.ndg-attend-note{display:flex;align-items:flex-start;gap:9px;padding:18px 0 0;color:#6a768c;font-size:12px;line-height:1.5}
.ndg-attend-note .material-symbols-rounded{color:#277a65;font-size:21px;flex:none}
.ndg-attend-booking .form-panel,.ndg-attend-booking-status{border:1px solid #e2e4ef;background:#fff;border-radius:20px;box-shadow:0 18px 56px rgba(15,24,50,.085)}
.ndg-attend-booking .form-panel{padding:clamp(24px,3vw,40px);margin:0}
.ndg-attend-form-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:23px}
.ndg-attend-form-eyebrow{color:#fa068e;font-size:10px}
.ndg-attend-form-heading h2{font-family:var(--font-display,inherit);color:#11172b;font-size:clamp(24px,3vw,35px);letter-spacing:-.045em;line-height:1.15;margin:8px 0 8px;font-weight:850}
.ndg-attend-form-heading h2 span{color:#f70793}
.ndg-attend-form-heading p{font-size:13px;color:#6e7990;line-height:1.55;margin:0}
.ndg-attend-form-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:13px;background:#fff1f9;color:#f30791;font-size:25px;flex:none;padding:10px}
.ndg-attend-ticket-meta{display:flex;gap:9px;align-items:center;padding:13px 14px;background:#f5f7fb;border:1px solid #e8eaf2;border-radius:10px;color:#3b4961;font-size:12px;font-weight:700;margin-bottom:24px}
.ndg-attend-ticket-meta .material-symbols-rounded{font-size:18px;color:#16866d;flex:none}
.ndg-attend-booking .form-grid{gap:18px 14px;margin-bottom:21px}
.ndg-attend-booking .field{font-size:12px;color:#29354e;gap:9px;margin:0;font-weight:750}
.ndg-attend-booking .field input,.ndg-attend-booking .field select{border-color:#d6dce8;border-radius:10px;min-height:51px;font-size:14px;padding:12px 15px;background:#fff}
.ndg-attend-booking .field input:focus,.ndg-attend-booking .field select:focus{border-color:#fa068e;box-shadow:0 0 0 3px rgba(250,6,142,.1)}
.ndg-attend-booking .check-line{display:flex;align-items:flex-start;gap:10px;color:#657089;line-height:1.55;font-size:12px;margin:20px 0}
.ndg-attend-booking .check-line input{flex:none;margin:3px 0 0;width:17px;height:17px;accent-color:#f30791}
.ndg-attend-booking .check-line a{color:#c50075;text-decoration:underline;text-underline-offset:2px}
.ndg-attend-booking .button-full{border-radius:10px;min-height:53px;font-size:14px;font-weight:800;box-shadow:0 9px 20px rgba(245,0,143,.17)}
.ndg-attend-form-trust{display:flex;align-items:center;justify-content:center;gap:8px;color:#64738a;font-size:11px;margin:16px 0 8px}
.ndg-attend-form-trust .material-symbols-rounded{font-size:17px;color:#1d8c71}
.ndg-attend-booking .form-legal{font-size:11px;line-height:1.6;text-align:center;color:#8a94a6;margin:8px 0 0}
.ndg-attend-booking-status{padding:45px 36px;text-align:center}
.ndg-attend-booking-status>.material-symbols-rounded{font-size:40px;color:#f30791}
.ndg-attend-booking-status h2{font-size:27px;color:#11172b;margin:14px 0 10px}
.ndg-attend-booking-status p{font-size:14px;color:#68768c;line-height:1.7}
.ndg-attend-booking-status .button{margin-top:20px}
@media(max-width:900px){.ndg-attend-layout{grid-template-columns:1fr;gap:30px;max-width:760px}.ndg-attend-info{padding:0}.ndg-attend-body{padding:35px 0 54px}.ndg-attend-hero{padding:47px 0 49px}}
@media(max-width:560px){.ndg-attend-hero{padding:36px 0 39px}.ndg-attend-hero h1{font-size:clamp(32px,9vw,44px)}.ndg-attend-body{padding:27px 0 42px}.ndg-attend-layout{gap:24px}.ndg-attend-info>h2{font-size:28px}.ndg-attend-meta{grid-template-columns:1fr;gap:18px}.ndg-countdown{gap:7px}.ndg-countdown-unit{padding:15px 2px 13px;gap:7px}.ndg-countdown-unit strong{font-size:clamp(22px,6.7vw,29px)}.ndg-countdown-unit span{font-size:9px}.ndg-attend-booking .form-panel{padding:24px 19px}.ndg-attend-form-icon{width:40px;height:40px}.ndg-attend-booking .form-grid{grid-template-columns:1fr}.ndg-attend-capacity-number strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ndg-attend-page *{transition:none!important;animation:none!important}}