:root{--azul: #003B6F;--azul2: #005FAF;--amarillo: #FDBA21;--naranja: #F7941D;--fondo: #EEF4F9;--texto: #1E293B;--muted: #64748B;--borde: #CBD5E1}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:var(--fondo);color:var(--texto)}.hero{min-height:390px;background:linear-gradient(90deg,#003b6ff5,#005fafe0 56%,#003b6f33),url(https://formulario.medicos.cr/from_matricula_etica/public/assets/img/banner_formulario.jpg);background-size:cover;background-position:center right;color:#fff;padding:90px 8vw 120px;display:flex;align-items:center}.hero-content{max-width:760px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.04;font-weight:900;letter-spacing:-.04em;margin-bottom:16px}.hero h1 span{color:var(--amarillo);display:block}.hero p{max-width:720px;font-size:20px;line-height:1.65;color:#fffffff0;margin-bottom:32px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap}.meta-card{min-width:10px;border:1px solid rgb(255 255 255 / .24);background:#ffffff21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.meta-card small{display:block;color:#ffffffc7;margin-bottom:8px;font-size:13px}.meta-card strong{font-size:16px;line-height:1.3}.form-wrap{max-width:1120px;margin:-62px auto 70px;padding:0 22px;position:relative;z-index:5}.form-card{background:#fff;border:1px solid #D9E5F1;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px #003b6f1a}.form-title{padding:32px 40px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,#fff,#fbfdff)}.form-title h2{color:var(--azul);font-size:28px;margin-bottom:6px;letter-spacing:-.02em}.form-title p{color:var(--muted);font-size:15px}.status-badge{padding:10px 14px;border-radius:999px;background:#eef7ff;color:var(--azul);font-weight:800;white-space:nowrap;font-size:13px}.section{padding:36px 40px;border-bottom:1px solid #E2E8F0}.section:last-of-type{border-bottom:none}.section-head{margin-bottom:24px}.section-head h3{color:var(--azul);font-size:22px;margin-bottom:6px}.section-head p{color:var(--muted);font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:9px}label{color:#24364d;font-size:14px;font-weight:800}.req{color:var(--naranja)}input,select,textarea{width:100%;min-height:54px;border:1.5px solid var(--borde);border-radius:15px;padding:0 16px;font-size:15px;color:var(--texto);background:#fff;transition:.18s ease;font-family:inherit}textarea{min-height:96px;resize:vertical;padding:15px 16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul2);box-shadow:0 0 0 4px #005faf1f}input[readonly]{background:#f8fafc;color:#64748b;font-weight:700}.help{font-size:13px;color:#64748b;line-height:1.45}.radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.radio-card{display:flex;align-items:center;gap:10px;padding:16px;border:1.5px solid #D6E3F1;border-radius:16px;background:#f8fbff;cursor:pointer;font-weight:700;color:#2c405a}.radio-card input{width:18px;min-height:auto;height:18px;accent-color:var(--azul)}.document-notice{display:flex;align-items:center;gap:16px;background:#f8fbff;border:1px solid #D9E8F7;border-radius:18px;padding:18px 22px;margin-bottom:18px;min-height:88px}.document-notice[hidden]{display:none!important}.document-notice__icon{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#005faf,#003b6f);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:900;line-height:1;margin:0;padding:0;flex-shrink:0}.document-notice__content{display:flex;flex-direction:column;justify-content:center;gap:4px}.document-notice__content strong{display:block;color:#003b6f;font-size:18px;font-weight:800;line-height:1.3;margin:0}.document-notice__content p{margin:0;color:#52677f;font-size:15px;line-height:1.5}.upload-box{border:2px dashed #BFD2E5;border-radius:18px;padding:22px;background:#f8fbff;text-align:center;color:#64748b}.upload-box input{border:none;box-shadow:none;padding:0;min-height:auto;border-radius:0;margin-top:14px}.terms{background:#f8fbff;border:1px solid #D6E3F1;border-radius:18px;padding:22px}.terms-importante{color:#1e293b;font-size:14px;margin-bottom:10px}.terms--datos{background:#f0f7ff;border-color:#c5d9ef}.terms ul{padding-left:22px;color:#40546c;line-height:1.7;font-size:14px}.check{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #D6E3F1;border-radius:16px;margin-top:14px;background:#fff}.check input{width:18px;height:18px;min-height:auto;margin-top:2px;accent-color:var(--azul);flex-shrink:0}.check strong{color:var(--azul);display:block;margin-bottom:3px}.check span{color:#52677f;font-size:14px;line-height:1.5}.actions{padding:28px 40px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #E2E8F0}.btn{min-height:56px;padding:0 30px;border-radius:15px;font-weight:900;font-size:15px;cursor:pointer;border:1px solid #fff0;font-family:inherit}.btn-secondary{background:#fff;border-color:#c9d8e8;color:var(--azul)}.btn-primary{background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;box-shadow:0 12px 25px #003b6f38}.hidden-jotform{display:none!important}footer{text-align:center;color:#64748b;padding:0 24px 40px;font-size:14px}@media(max-width:820px){.hero{padding:48px 24px 92px;min-height:auto}.hero p{font-size:17px}.form-wrap{margin:-50px auto 50px}.form-title,.section,.actions{padding:26px 22px}.grid,.grid-3,.radio-grid{grid-template-columns:1fr}.actions{flex-direction:column-reverse}.btn{width:100%}.status-badge{display:none}}.step-bar{width:100%;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#003b6f,#005faf);color:#fff;padding:20px 24px;border-radius:20px;margin-bottom:28px;box-shadow:0 10px 24px #003b6f24}.step-number{width:52px;height:52px;border-radius:50%;background:#fff;color:#003b6f;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:4px}.step-title{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.1}.step-content p{margin:0;color:#ffffffe0;font-size:14px;line-height:1.5}.step-bar--info{background:linear-gradient(135deg,#f7941d,#fdba21)}.step-number--info{color:#f7941d}.requisitos-section{background:linear-gradient(180deg,#fffdf5,#fff)}@media(max-width:768px){.step-bar{padding:18px;align-items:flex-start}.step-number{width:46px;height:46px;font-size:20px}.step-title{font-size:18px}}.requisitos-section{background:linear-gradient(180deg,#fffdf5,#fff);padding:36px 40px}.requisitos-section .step-bar--info{background:linear-gradient(135deg,#f7941d,#fdba21)!important;color:#fff;border-radius:18px;padding:20px 24px;margin-bottom:28px;box-shadow:0 14px 28px #f7941d2e}.requisitos-section .step-number--info{background:#fff;color:#f7941d!important;width:52px;height:52px;font-size:22px}.requisitos-section .step-title{color:#fff;font-size:20px;font-weight:900}.requisitos-section .step-content p{color:#fff;font-size:14px;font-weight:700}.requisitos-list{padding-left:26px;margin:0 0 22px;color:#1e3656;font-size:15px;line-height:1.9}.requisitos-list li{margin-bottom:8px;padding-left:6px}.requisitos-nota{background:#fffbf0;border:1px solid #FDBA21;border-radius:16px;padding:20px 22px;color:#52677f;font-size:14.5px;line-height:1.65;margin-top:0;margin-bottom:28px}.requisitos-nota h3{color:#92400e;font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}.requisitos-nota h3 svg{color:#f59e0b;flex-shrink:0}.requisitos-section>div[style*="text-align:center"]{text-align:center!important;margin-top:20px!important}.requisitos-section>div[style*="text-align:center"] p{font-size:14px!important;color:#64748b!important;margin-bottom:12px!important}.hero-version{display:block;margin-top:10px;font-size:.8rem;font-weight:400;opacity:.85;letter-spacing:.3px}.info-previa-card{background:#f3f7fa;border-radius:14px;padding:20px 24px;margin-bottom:10px;box-shadow:inset 0 1px 3px #003b6f05}.info-previa-card h3{color:var(--azul);font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:8px}.info-previa-card h3 svg{color:var(--azul);flex-shrink:0}.info-previa-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.info-previa-list li{font-size:14px;line-height:1.55;color:var(--texto);display:flex;align-items:flex-start;gap:8px}.info-previa-list li strong{color:var(--azul);font-weight:800;min-width:22px;flex-shrink:0}.info-previa-list li span{color:#334155}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#ef4444!important}.field.has-error input:focus,.field.has-error select:focus,.field.has-error textarea:focus{box-shadow:0 0 0 4px #ef444426!important}.field.has-error .upload-box,.field.has-error .terms{border-color:#ef4444!important;background:#fff5f5}.error-message{color:#ef4444;font-size:13px;margin-top:5px;font-weight:700;display:block}.success-body{min-height:100vh;background:linear-gradient(135deg,#003b6ff5,#005fafe0),url(https://formulario.medicos.cr/from_matricula_etica/public/assets/img/banner_formulario.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.success-card{width:100%;max-width:780px;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:58px 55px;text-align:center;box-shadow:0 28px 64px #0003}.success-icon{width:112px;height:112px;margin:0 auto 30px;border-radius:50%;background:linear-gradient(135deg,#00aeef,#005faf);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 32px #005faf47}.success-icon svg{width:56px;height:56px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.success-card h1{color:var(--azul);font-size:clamp(28px,4.5vw,44px);line-height:1.1;font-weight:900;letter-spacing:-.03em;margin-bottom:16px}.success-card .subtitle{color:var(--muted);font-size:17px;line-height:1.75;margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto}.success-card .divider{width:60px;height:4px;background:linear-gradient(90deg,var(--azul),var(--azul2));border-radius:2px;margin:0 auto 36px}.success-card .info-box{background:#f8fbff;border:1px solid #D9E5F1;border-radius:20px;padding:28px 32px;margin-bottom:14px;text-align:left}.success-card .info-box h3{color:var(--azul);font-size:16px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}.success-card .info-box h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--azul2);flex-shrink:0}.success-card .info-box ul{padding-left:20px;color:#40546c;line-height:1.85;font-size:15px}.success-card .info-box li{margin-bottom:8px}.success-card .notice-box{background:#fffbf0;border:1px solid var(--amarillo);border-radius:16px;padding:18px 22px;margin-bottom:36px;text-align:left;font-size:14px;color:#52677f;line-height:1.65}.success-card .notice-box strong{color:#6b4a00}.success-card .buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.success-card .btn{min-height:54px;padding:0 30px;border-radius:15px;border:none;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease}.success-card .btn-primary{background:linear-gradient(135deg,var(--azul),var(--azul2));color:#fff;box-shadow:0 12px 26px #003b6f38}.success-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px #003b6f47}.success-card .btn-secondary{background:#fff;border:1.5px solid #C9D8E8;color:var(--azul)}.success-card .btn-secondary:hover{background:#f0f7ff}.success-card .footer-text{margin-top:36px;font-size:13px;color:#94a3b8;line-height:1.6}@media(max-width:640px){.success-card{padding:38px 24px}.success-card .buttons{flex-direction:column}.success-card .btn{width:100%}.success-card .subtitle{font-size:16px}.success-icon{width:88px;height:88px}.success-icon svg{width:44px;height:44px}}.hero{background-image:linear-gradient(90deg,#003b6ff7,#005fafe0 56%,#003b6f33),url(../assets/banner_formulario.jpg)}.success-body{background-image:linear-gradient(135deg,#003b6ff5,#005fafe0),url(../assets/banner_formulario.jpg)}.field.full{grid-column:1/-1}.field .radio-card input,.field .check input{width:18px;min-height:18px;height:18px;padding:0}.field .radio-card,.field .check{font-size:14px}.field .document-notice{grid-column:1/-1}.field .upload-box input{width:100%;border:0}.document-notice.full{grid-column:1/-1}.send-error{margin:16px 40px;padding:18px;border:1px solid #ef4444;background:#fff5f5;color:#991b1b;border-radius:14px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.btn:disabled{opacity:.65;cursor:wait}.success-body .buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.success-body .buttons a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.footer-text{margin-top:32px;font-size:13px;color:#64748b;line-height:1.6}.radio-card:has(input:checked),.check:has(input:checked){border-color:var(--azul2);background:#eef7ff}.form-card .step-bar{margin-bottom:24px}.field label{line-height:1.55}.procedure-section .info-previa-card{padding:28px 32px;background:#f1f5f9;border-radius:20px}.procedure-section .info-previa-card h3{font-size:20px;margin-bottom:20px;color:#003b6f}.procedure-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.procedure-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;line-height:1.55;font-size:16px;color:#334155}.procedure-list li strong{color:#003b6f;font-weight:800}@media(max-width:600px){.procedure-section .info-previa-card{padding:20px}.procedure-list li{grid-template-columns:36px minmax(0,1fr);font-size:14px}}.form-card .info-previa-card{margin-bottom:25px;padding:26px 30px;background:#f1f5f9;border-radius:20px}.form-card .info-previa-card h3{font-size:19px;margin-bottom:17px}.form-card .info-previa-card .procedure-list li{grid-template-columns:42px minmax(0,1fr)}.form-card .grid .field:has(select) select{appearance:auto}.hero{min-height:660px;padding:90px max(7.8vw,28px) 135px;background:linear-gradient(90deg,#003b6ff2,#005fafd4 52%,#003b6f4d),url(../assets/banner_formulario.jpg) center right/cover no-repeat}.hero-content{max-width:780px}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;font-weight:900;letter-spacing:-.04em;margin-bottom:26px}.hero h1 span{color:#ffb91f;display:block}.hero p{font-size:20px;line-height:1.7;margin-bottom:34px}.hero-meta{gap:20px}.meta-card{padding:19px 23px;border-radius:20px;background:#ffffff24;border:1px solid rgba(255,255,255,.24)}.meta-card small{font-size:14px}.meta-card strong{font-size:17px}.form-wrap{max-width:1220px;margin:-68px auto 75px;padding:0 24px}.form-card{border-radius:27px;border:1px solid #d9e5f1;box-shadow:0 25px 60px #003b6f1c}.form-title{padding:35px 44px}.form-title h2{font-size:30px}.form-title p{font-size:15px}.section{padding:40px 44px;border-bottom:1px solid #e2e8f0}.form-card .step-bar{border-radius:20px;padding:24px 27px;margin-bottom:30px;background:linear-gradient(110deg,#003b6f,#005faf);box-shadow:0 13px 26px #003b6f1f}.step-number{width:58px;height:58px;font-size:24px}.step-title{font-size:23px}.step-content p{font-size:15px}.form-card .info-previa-card{margin-bottom:30px;padding:26px 27px;border-radius:18px}.form-card .info-previa-card:not(.note-card){background:#f1f5f9}.form-card .info-previa-card.note-card{background:#fffbf0;border:1px solid #fbb521;box-shadow:none}.form-card .info-previa-card.note-card h3{color:#92400e}.form-card .info-previa-card .procedure-list{gap:15px}.form-card .info-previa-card .procedure-list li{font-size:15px;line-height:1.6;grid-template-columns:34px minmax(0,1fr)}.grid{gap:26px}.field{gap:10px}.field>label{font-size:15px;color:#263b52;font-weight:800}.field input:not([type=radio]):not([type=checkbox]):not([type=file]),.field select{min-height:59px;border-radius:16px;border:1.5px solid #cbd5e1;font-size:16px}.radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.radio-card{min-height:60px;border-radius:17px;background:#f8fbff}.upload-box{background:#f8fbff;border:2px dashed #bfd2e5;border-radius:18px;padding:26px 22px}.upload-box strong{font-weight:500;color:#52677f}.upload-box .help{margin-top:10px}.field .upload-box input{margin-top:16px}.form-card .step-bar--info{background:linear-gradient(110deg,#f7941d,#ffb921);box-shadow:0 13px 28px #f7941d21}.form-card .step-number--info{color:#f7941d}.declaration-field>label{font-weight:500;font-size:15px}.declaration-terms{background:#f8fbff;border:1px solid #d4e4f5;border-radius:20px;padding:24px}.declaration-terms .check{margin-top:0;margin-bottom:14px;background:#fff;border:1px solid #d4e4f5;border-radius:18px;padding:18px 20px}.declaration-terms .check:last-child{margin-bottom:0}.declaration-terms .check span{font-weight:750;color:#52677f;font-size:15px}.consent-field .consent-terms{background:#f8fbff;border:1px solid #d4e4f5;border-radius:20px;padding:24px}.consent-terms .terms-importante{font-weight:500;line-height:1.6;font-size:15px}.consent-terms .check{margin-top:15px;background:#fff;border:1px solid #d4e4f5;border-radius:16px}.consent-terms .check strong{margin:0}.actions{padding:30px 44px;flex-direction:row}.actions .btn-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.actions .btn-primary{margin-left:auto}footer{line-height:1.9;padding-bottom:55px}@media(max-width:820px){.hero{min-height:530px;padding:62px 24px 110px}.hero h1{font-size:clamp(36px,7vw,58px)}.hero p{font-size:17px}.form-wrap{margin-top:-55px;padding:0 16px}.form-title,.section,.actions{padding:26px 22px}.radio-grid,.grid{grid-template-columns:1fr}.form-card .step-bar{padding:18px}.step-title{font-size:19px}.actions{gap:14px}.actions .btn{width:auto}}@media(max-width:520px){.hero{min-height:580px}.hero-meta{gap:10px}.meta-card{padding:13px 14px}.meta-card strong{font-size:14px}.form-card .info-previa-card{padding:20px 17px}.form-card .info-previa-card .procedure-list li{font-size:14px}.actions{flex-direction:column-reverse}.actions .btn{width:100%}.actions .btn-primary{margin:0}.step-number{width:46px;height:46px}}.form-card .grid>.upload-field{grid-column:1 / -1;min-width:0;width:100%}.form-card .upload-modern{position:relative;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:34px 24px;background:#f7faff;border:2px dashed #bad1e9;border-radius:19px;transition:border-color .2s,background .2s}.form-card .upload-modern.is-dragging,.form-card .upload-modern:focus-within{background:#edf6ff;border-color:#005faf}.form-card .upload-modern--selected{border-style:solid;background:#f2f8ff}.form-card .upload-modern__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e2efff;color:#005faf;font-size:27px;font-weight:700}.form-card .upload-modern strong{font-size:17px;font-weight:750;color:#234b71}.form-card .upload-modern__hint,.form-card .upload-modern__limits{margin:0;color:#60758e;font-size:14px}.form-card .upload-modern__button{margin-top:8px;background:#005faf;border:1px solid #005faf;border-radius:11px;color:#fff;font:inherit;font-size:14px;font-weight:750;padding:12px 24px;cursor:pointer;transition:background .2s}.form-card .upload-modern__button:hover{background:#003b6f}.form-card .upload-modern__button:focus-visible,.form-card .upload-modern__remove:focus-visible{outline:3px solid #fbb521;outline-offset:3px}.form-card .upload-modern__selected{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;max-width:100%;margin-top:10px}.form-card .upload-modern__filename{max-width:100%;overflow-wrap:anywhere;color:#003b6f;font-size:14px;font-weight:650}.form-card .upload-modern__remove{border:1px solid #b8cce2;border-radius:9px;background:#fff;color:#003b6f;font:inherit;font-size:13px;padding:9px 13px;cursor:pointer}.form-card .upload-modern .upload-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip-path:inset(50%);pointer-events:none;margin:0!important;padding:0!important}@media(max-width:600px){.form-card .upload-modern{padding:27px 14px}.form-card .upload-modern strong{font-size:15px}}
