:root{--background:#fff;--foreground:#0e171e;--card:#fff;--muted:#f3faff;--muted-foreground:#66737c;--primary:#2151a1;--primary-strong:#143c84;--primary-soft:#d6e6ff;--secondary:#ecf3f8;--border:#dfe6eb;--input:#dfe6eb;--success:#02b956;--success-soft:#edfff4;--danger:#de3b3d;--danger-soft:#fff0f1;--warning:#a85a00;--warning-soft:#fff8df;--shadow:0 16px 42px #0f172a1f;--shadow-soft:0 8px 24px #0f172a14;--radius:8px}.dark{--background:#040c13;--foreground:#f3faff;--card:#0e171e;--muted:#19232a;--muted-foreground:#a5b0b8;--secondary:#252f37;--border:#252f37;--input:#31404c;--primary-soft:#18345f;--shadow:0 18px 48px #00000059;--shadow-soft:0 10px 28px #0000003d}*{box-sizing:border-box}html{color:var(--foreground);background:var(--background);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(180deg, #2151a10f, transparent 330px), var(--background);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:56px}.site-header{background:linear-gradient(90deg, var(--header-start,#2151a1), var(--header-end,#3468b5));color:#fff;box-shadow:0 20px 46px #2151a12e}.header-content{justify-content:space-between;align-items:center;max-width:1280px;min-height:120px;margin:0 auto;padding:22px 28px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup img{filter:drop-shadow(0 8px 18px #00000038);border-radius:50%}.brand-lockup p{letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px;font-size:.78rem;font-weight:800}.brand-lockup h1{margin:0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}.theme-button{color:var(--primary);background:#ffffffd9;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.theme-button svg{width:20px;height:20px}.form-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:1280px;margin:32px auto 28px;padding:0 28px;display:grid}.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:visible}.card-header{background:color-mix(in srgb, var(--muted) 72%, transparent);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;min-height:104px;padding:28px 24px;display:flex}.card-title{align-items:center;gap:11px;min-width:0;display:flex}.card-title svg{color:var(--primary);width:22px;height:22px}.card-title h2{margin:0;font-size:1.13rem;line-height:1.25}.card-mark{background:var(--primary);border-radius:999px;width:12px;height:32px}.service-status{color:var(--muted-foreground);white-space:nowrap;font-size:.75rem}.service-status:before{content:"";vertical-align:middle;background:#00b679;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.service-status.offline:before{background:var(--danger)}.card-body{flex-direction:column;gap:16px;padding:28px 24px 36px;display:flex}.highlight-field{background:var(--primary-soft);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.field label,.highlight-field label,.upload-title{color:var(--foreground);align-items:center;gap:8px;font-weight:800;line-height:1.2;display:flex}.field label svg,.highlight-field label svg{color:var(--muted-foreground);width:20px;height:20px}input,select,textarea,.select-trigger{background:var(--card);border:1px solid var(--input);border-radius:var(--radius);color:var(--foreground);outline:none;width:100%;min-height:48px;padding:0 12px;transition:border-color .2s,box-shadow .2s,background .2s}textarea{resize:vertical;min-height:80px;padding:12px}input:focus,select:focus,textarea:focus,.select-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2151a129}select{appearance:auto}.input-with-icon{position:relative}.input-with-icon input{padding-right:44px}.input-with-icon svg{color:var(--foreground);width:20px;height:20px}.input-icon-button{color:var(--foreground);background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.subsection-title{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-foreground);padding:14px 16px;font-weight:800}.inline-status,.submit-status,.file-error{color:var(--muted-foreground);margin:0;font-size:.86rem;line-height:1.4}.validation-box{background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:var(--radius);color:#b30012;width:min(720px,100%);max-width:720px;padding:14px 16px;line-height:1.45}.validation-box strong{margin-bottom:8px;display:block}.validation-box ul{margin:0;padding-left:20px}.file-error{color:var(--danger)!important}.two-columns,.three-columns{gap:16px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.field-help{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;font-size:.86rem;display:flex}.field-help strong{color:#009a38}.select-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.select-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger svg{color:var(--muted-foreground);flex:none;width:18px;height:18px}.select-popover{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);z-index:10;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.select-search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px;display:flex}.select-search svg{color:var(--muted-foreground);width:17px;height:17px}.select-search input{box-shadow:none;border:0;min-height:32px;padding:0}.select-options{max-height:230px;padding:5px;overflow:auto}.select-options button,.empty-option{color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:6px;width:100%;margin:0;padding:9px 10px;font-size:.92rem;display:block}.select-options button:hover,.select-options button.active{background:var(--primary-soft);color:var(--primary)}.upload-grid{align-items:start}.upload-column{flex-direction:column;gap:10px;min-width:0;display:flex}.drop-zone{background:var(--card);border:2px dashed color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:205px;padding:18px;transition:background .2s,border-color .2s;display:flex;position:relative}.drop-zone.dragging{background:var(--primary-soft);border-color:var(--primary)}.drop-zone.success{background:var(--success-soft);border-color:var(--success);color:#007b2e}.drop-zone>svg{color:#95a0ad;width:38px;height:38px}.drop-zone strong{font-size:.94rem}.drop-zone span,.drop-zone small{color:var(--muted-foreground);overflow-wrap:anywhere;max-width:100%}.drop-zone-click{position:absolute;inset:0}.drop-zone .compact,.drop-zone .success-icon{z-index:1;position:relative}.success-icon{color:var(--success)!important;width:50px!important;height:50px!important}.upload-button,.primary-button,.primary-action,.ghost-button{border-radius:var(--radius);text-transform:none;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:800;display:inline-flex}.upload-button{cursor:pointer;text-transform:uppercase;min-height:40px}.upload-button svg,.primary-button svg,.primary-action svg,.ghost-button svg{width:18px;height:18px}.upload-button.solid,.primary-button,.primary-action{background:var(--primary);border:1px solid var(--primary);color:#fff;box-shadow:var(--shadow-soft)}.upload-button.outline,.ghost-button{background:var(--card);border:1px solid var(--border);color:var(--foreground)}.file-list{flex-direction:column;gap:8px;max-height:176px;display:flex;overflow:auto}.file-row{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:10px;display:grid}.file-row>svg{color:var(--primary);width:20px;height:20px}.file-row button{color:var(--foreground);text-align:left;background:0 0;border:0;min-width:0;padding:0}.file-row span,.summary-file span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row small,.summary-file small{color:var(--muted-foreground)}.danger-icon svg{color:var(--danger)}.security-panel{background:var(--card);box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:10px;max-width:512px;margin:0 auto;padding:28px 20px;display:flex}.security-panel>svg{color:var(--primary);width:34px;height:34px}.security-panel h2,.security-panel p{margin:0}.security-panel p{color:var(--muted-foreground)}.captcha-box{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:430px;min-height:78px;margin-top:8px;padding:12px;display:flex}.captcha-box.turnstile{justify-content:center;min-height:98px}.captcha-box img{border:1px solid var(--border);object-fit:contain;border-radius:6px;max-height:54px}.captcha-placeholder{background:var(--muted);color:var(--muted-foreground);border-radius:6px;flex:1;align-items:center;min-height:54px;padding:0 12px;display:inline-flex}.captcha-input{width:100%;max-width:430px}.turnstile-container{justify-content:center;align-items:center;min-width:300px;min-height:65px;display:flex}.turnstile-status{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:8px 14px;font-size:.9rem}.turnstile-status.ok{color:#067a34;background:#e9fff0;border-color:#9af0b9;font-weight:700}.submit-area{flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:1280px;margin:16px auto 0;padding:0 28px;display:flex}.primary-action{width:min(512px,100%);min-height:64px;font-size:1.1rem}.info-section{max-width:1504px;margin:64px auto 0;padding:0 28px}.important-box{background:var(--primary-soft);border-left:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-soft);align-items:flex-start;gap:14px;padding:22px 24px;display:flex}.important-box svg,.mini-info svg{color:var(--primary);flex:none;width:24px;height:24px}.important-box h2,.important-box p{margin:0}.important-box h2{margin-bottom:8px}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.mini-info{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);align-items:flex-start;gap:14px;padding:24px;display:flex}.mini-info h3,.mini-info p{margin:0}.mini-info h3{margin-bottom:10px}.mini-info p{color:var(--muted-foreground)}.modal-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:512px;max-height:min(92vh,900px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000047}.modal-panel.wide{max-width:896px}.modal-close{color:var(--foreground);z-index:2;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:10px;right:10px}.modal-close svg{width:19px;height:19px}.terms-header{background:linear-gradient(155deg, var(--terms-header-start,#2151a1) 0%, var(--terms-header-start,#315eaa) 58%, var(--terms-header-end,#e11d2f) 100%);color:#fff;gap:16px;padding:36px 32px;display:flex}.terms-header span{border-radius:var(--radius);background:#ffffff26;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.terms-header svg{width:24px;height:24px}.terms-header h2{text-transform:uppercase;margin:0 0 8px;font-size:clamp(1.7rem,4vw,2rem);line-height:1.1}.terms-header p{opacity:.92;margin:0}.terms-content{flex-direction:column;gap:18px;max-height:560px;padding:24px;display:flex;overflow:auto}.terms-card,.notice{border-radius:var(--radius);padding:18px}.terms-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.terms-card h3{align-items:center;gap:10px;margin:0 0 14px;display:flex}.terms-card svg{color:var(--primary)}.notice{align-items:flex-start;gap:12px;min-width:0;display:flex}.notice.stacked{display:block}.notice h3,.notice h4,.notice p{overflow-wrap:anywhere;margin:0}.notice>div{min-width:0}.notice.blue{color:#1249a0;background:#edf5ff}.notice.green{color:#007b33;background:#ebfff1}.notice.amber{background:var(--warning-soft);color:var(--warning)}.notice.orange{color:#df3600;background:#fff4eb}.notice.neutral{background:var(--muted);color:var(--muted-foreground)}.notice.violet{color:#7413ce;background:#f7edff}.notice.red{background:var(--danger-soft);color:#cf0014}.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.terms-pill{background:#ffffff80;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:.79rem;font-weight:800;display:inline-flex}.notice-title{font-weight:800;margin-bottom:8px!important}.terms-list{margin:8px 0 0;padding-left:18px}.terms-list li{break-inside:avoid;overflow-wrap:anywhere;margin:5px 0}.terms-list.two-col{columns:2;column-gap:44px}.contact-line{align-items:center;gap:8px;display:inline-flex;margin-top:12px!important}.contact-line svg{width:17px;height:17px}.modal-footer,.preview-actions{justify-content:space-between;gap:10px;padding:18px 24px 24px;display:flex}.modal-footer.centered{justify-content:center}.email-modal,.confirm-modal,.success-modal{text-align:center;padding:38px 24px 24px}.email-modal h2,.confirm-modal h2,.success-modal h2{margin:12px 0 22px;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.2}.email-modal p,.confirm-modal p,.success-modal p{color:var(--muted-foreground)}.modal-icon{color:#1262ff;width:28px;height:28px}.email-modal input{margin-top:12px}.link-button{color:#1262ff;background:0 0;border:0;align-items:center;gap:8px;margin-top:14px;font-weight:800;display:inline-flex}.summary-list{text-align:left;flex-direction:column;gap:14px;max-height:470px;padding:0 4px 2px;display:flex;overflow:auto}.summary-block{background:var(--muted);border-radius:var(--radius);padding:16px}.summary-block h3{align-items:center;gap:10px;margin:0 0 12px;display:flex}.summary-block h3 svg{color:var(--primary)}.summary-block p{color:var(--foreground);margin:7px 0}.summary-file{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:8px;padding:10px;display:grid}.summary-file button{color:#1262ff;background:0 0;border:0;align-items:center;gap:6px;font-weight:800;display:inline-flex}.success-badge{color:#00a83f;background:#dbffe8;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.tracking-box{border:2px dashed var(--border);border-radius:var(--radius);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;max-width:384px;margin:22px auto;padding:20px;display:grid}.tracking-box span{color:var(--muted-foreground);text-align:center;grid-column:1/-1}.tracking-box strong{letter-spacing:.04em;font-size:1.1rem}.tracking-box button{color:#1262ff;background:0 0;border:0}.success-modal a:not(.primary-button){color:#1262ff;overflow-wrap:anywhere;line-height:1.6;display:block}.success-notice{border-radius:var(--radius);color:#1249a0;text-align:left;background:#edf5ff;border:1px solid #cde1ff;align-items:flex-start;gap:10px;max-width:384px;margin:0 auto 18px;padding:12px 14px;display:flex}.success-notice svg{flex:none;width:20px;height:20px;margin-top:1px}.success-notice p{color:inherit;margin:0}.preview-modal{padding:24px}.preview-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-right:34px;display:flex}.preview-header div{align-items:center;gap:10px;min-width:0;display:flex}.preview-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.preview-header svg{color:var(--primary);flex:none}.preview-header span{color:var(--muted-foreground);flex:none;font-size:.85rem}.preview-modal iframe{border-radius:var(--radius);background:#222;border:0;width:100%;height:min(560px,58vh);display:block}.preview-empty{background:var(--muted);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;display:flex}.preview-empty svg{color:var(--primary);width:42px;height:42px}.preview-actions{padding:16px 0 0}.preview-actions .ghost-button{flex:1}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.select-options::-webkit-scrollbar{width:6px;height:6px}.file-list::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#97a4b1;border-radius:999px}.select-options::-webkit-scrollbar-thumb{background:#97a4b1;border-radius:999px}.file-list::-webkit-scrollbar-thumb{background:#97a4b1;border-radius:999px}@media (max-width:1100px){.form-layout{grid-template-columns:1fr}}@media (max-width:760px){.header-content{min-height:100px;padding:18px}.brand-lockup{gap:12px}.brand-lockup img{width:52px;height:52px}.brand-lockup p{font-size:.68rem}.brand-lockup h1{font-size:1.05rem}.form-layout,.submit-area,.info-section{padding-left:14px;padding-right:14px}.card-header,.card-body{padding-left:16px;padding-right:16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto}.two-columns,.three-columns,.info-grid,.terms-grid{grid-template-columns:1fr}.field-help,.modal-footer,.preview-actions{flex-direction:column;align-items:stretch}.modal-backdrop{padding:10px}.terms-header{padding:28px 18px}.terms-content{max-height:64vh;padding:16px}.summary-file{grid-template-columns:minmax(0,1fr)}.security-panel{margin-left:14px;margin-right:14px}}

/* MPV 2026-07: modal adaptable a 100% de zoom y tema configurable. */
.modal-panel.wide{
  display:flex;
  flex-direction:column;
  height:min(92vh,900px);
  max-height:min(92vh,900px);
}
.terms-modal{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.terms-modal .terms-header{
  flex:0 0 auto;
}
.terms-modal .terms-content{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.terms-modal .modal-footer{
  flex:0 0 auto;
  position:relative;
  z-index:3;
  background:var(--card);
  border-top:1px solid var(--border);
  padding:14px 24px 16px;
  box-shadow:0 -8px 20px rgba(15,23,42,.08);
}
.primary-button,.primary-action,.upload-button.solid{
  color:var(--mpv-button-text,#fff)!important;
}
.important-box p,.terms-content .notice p{
  white-space:pre-line;
}
@media (max-height:800px){
  .modal-backdrop{padding:12px;align-items:center}
  .modal-panel.wide{height:94vh;max-height:94vh}
  .terms-header{padding:22px 28px}
  .terms-header span{width:42px;height:42px}
  .terms-content{padding:18px}
  .terms-modal .modal-footer{padding:10px 18px 12px}
}
@media (max-width:640px){
  .modal-backdrop{padding:8px}
  .modal-panel.wide{height:96vh;max-height:96vh}
  .terms-header{padding:20px 18px}
  .terms-content{padding:14px}
  .terms-modal .modal-footer{padding:10px 12px}
}
.primary-button:hover,.primary-action:hover,.upload-button.solid:hover{
  background:var(--primary-strong,var(--primary))!important;
  border-color:var(--primary-strong,var(--primary))!important;
}