:root{font-family:Segoe UI,Arial,sans-serif;color:#19191d;background:#f5f5f6;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:#c61924;text-underline-offset:4px}.brand{font-size:30px;font-weight:850;text-decoration:none;letter-spacing:2px}.brand span{display:block;font-size:11px;letter-spacing:1px;color:#60606a}main{max-width:1120px;margin:auto;padding:24px}.hero{padding:40px 0}.eyebrow,.step{font-size:12px;letter-spacing:2px;font-weight:700;color:#b51520}h1{font-size:clamp(30px,5vw,60px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0 24px}h2{font-size:26px;line-height:1.25}p{color:#5f6069}.hero>p:last-child{font-size:20px;max-width:630px}.cards{display:flex;gap:24px}.cards>*{flex:1;min-width:0}.card,.form-card{background:white;border:1px solid #dedee3;border-radius:20px;padding:36px}.dark{background:#19191d;color:white}.dark p,.dark .step{color:#dddde3}.button,button{display:inline-block;border:0;border-radius:9px;padding:14px 22px;background:#c61924;color:white;text-decoration:none;font:600 16px Segoe UI,Arial;cursor:pointer;text-align:center}.light{background:#fce6e8;color:#19191d}.secondary{display:block;margin-top:18px}.explanation{padding:36px 0}.form-card{max-width:720px;margin:20px auto}.form-card h1{font-size:36px;overflow-wrap:anywhere}label{display:block;font-weight:600;margin:22px 0 6px}input,textarea,select{width:100%;font:inherit;border:1px solid #aaaab2;border-radius:8px;padding:12px;background:white;color:#19191d}textarea{resize:vertical}button{margin-top:24px}small{color:#60606a}footer{border-top:1px solid #dedee3;font-size:13px}.error,.validation-summary-errors{color:#9e2535}.validation-summary-valid{display:none}.notice{background:#f5f5f6;padding:16px;font-size:14px}.receipt{background:#fff0f1;padding:22px;border-radius:12px;overflow-wrap:anywhere}.receipt span,.receipt strong{display:block}.receipt strong{font-family:monospace;font-size:22px;margin-bottom:18px}.status{display:inline-block;background:#fce6e8;color:#19191d;border-radius:30px;padding:9px 18px;font-weight:700}.update{border-left:3px solid #d71924;padding:8px 20px;margin:20px 0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}:focus-visible{outline:3px solid #1762bf;outline-offset:3px}@media(max-width:650px){.cards{flex-direction:column}header,footer{padding:18px;flex-wrap:wrap}main{padding:16px}.hero{padding:20px 0}.card,.form-card{padding:24px}.button,button{width:100%}footer{font-size:12px}}

/* Identidad SISSU: rojo, negro y blanco. */
body{border-top:5px solid #d71924}header,footer,main{max-width:1200px}header{border-bottom:1px solid #dedee3}.brand{display:flex;align-items:center;gap:20px;color:#19191d;letter-spacing:normal}.brand-logo{width:110px;height:110px;object-fit:contain;flex-shrink:0}.brand .brand-copy{color:#19191d}.brand-copy strong{font-size:34px;letter-spacing:3px;line-height:1.1}.brand-copy>span{margin-top:6px;font-size:12px;line-height:1.5;color:#60606a}.header-link{font-weight:650}.hero{padding:22px 0 32px}.hero h1 span{color:#d71924}.hero>p:last-child{max-width:700px;margin-bottom:0;font-size:19px}.client-options .card{display:flex;flex-direction:column;border-top:5px solid #d71924;border-radius:18px}.client-options h2{font-size:clamp(30px,3.3vw,44px);font-weight:850;line-height:1.08;letter-spacing:-1px;margin:20px 0 14px}.client-options p{font-size:17px;margin:0 0 24px;max-width:440px}.client-options .button{margin-top:auto;min-height:60px;font-size:18px;display:flex;align-items:center;justify-content:center}.client-options small{margin-top:16px;font-size:13px}.dark .step{color:#ff969e}.dark .secondary{color:white;font-weight:600}.light{background:white;color:#19191d}.button:hover,button:hover{background:#a8121c}.light:hover{background:#fce6e8}.staff-access{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;margin-top:24px;background:#ebebee;border-radius:14px}.staff-access h2{margin:5px 0;font-size:25px}.staff-access p{margin:0;font-size:15px}.outline{background:transparent;color:#19191d;border:1px solid #19191d}.outline:hover{background:#19191d;color:white}.explanation{padding:30px 0}.status{color:#a5141d}.receipt{border:1px solid #f2c7cb}.button,button{line-height:1.4}
@media(max-width:650px){header{gap:14px}.brand{gap:12px}.brand-logo{width:86px;height:86px}.brand-copy strong{font-size:28px}.brand-copy>span{font-size:11px}.header-link{font-size:14px}.hero{padding:12px 0 26px}.hero h1{font-size:38px}.hero>p:last-child{font-size:17px}.client-options h2{font-size:36px}.client-options .button{font-size:17px;padding:14px 16px}.staff-access{flex-direction:column;align-items:stretch;padding:24px}.explanation .cards{gap:0}.form-card h1{font-size:30px}}
