:root{--fondo-primario:#f8f9fa;--fondo-secundario:#fff;--fondo-lateral:#f4f4f6;--fondo-interactivo:#fdeeed;--superficie-neumorfica:#f1f3f5;--texto-primario:#212529;--texto-secundario:#5a5a5a;--texto-terciario:#adb5bd;--texto-sobre-acento:#fff;--acento-primario:#2db6c1;--acento-secundario:#212a45;--acento-terciario:#6e41e2;--positivo:#059669;--negativo:#dc2626;--fondo-positivo-suave:#d1fae5;--fondo-negativo-suave:#fee2e2;--notificacion:#f04438;--borde-sutil:#e9ecef;--borde-interactivo:#ced4da;--font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:20px;--radius-circular:50%;--radius-pill:9999px;--sombra-tarjeta:0px 4px 12px #0000000d;--sombra-tarjeta-hover:0px 6px 16px #00000014;--sombra-input-neumorfico:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #fff;--sombra-boton-neumorfico:3px 3px 6px #0000001a,-3px -3px 6px #fffc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--fondo-primario);color:var(--texto-primario);min-height:100vh;font-size:16px;font-weight:500;line-height:22px;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.card{background-color:var(--fondo-secundario);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--sombra-tarjeta);transition:box-shadow .2s}.card:hover{box-shadow:var(--sombra-tarjeta-hover)}.label{color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.pill{border-radius:var(--radius-pill);align-items:center;gap:var(--spacing-xs);padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.pill.negative{background-color:var(--fondo-negativo-suave);color:var(--negativo)}.pill.positive{background-color:var(--fondo-positivo-suave);color:var(--positivo)}.pill.pink-bg{color:var(--acento-secundario);background-color:#fff0f5}.pill-dark{border-radius:var(--radius-pill);background-color:var(--texto-primario);color:#fff;justify-content:center;align-items:center;min-width:32px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill-dark.small{min-width:24px;padding:2px 8px;font-size:11px}.pill-light{border-radius:var(--radius-pill);background-color:var(--fondo-lateral);color:var(--texto-secundario);justify-content:center;align-items:center;min-width:32px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.notification-badge{background-color:var(--fondo-lateral);color:var(--texto-secundario);border-radius:var(--radius-pill);text-align:center;justify-content:center;align-items:center;min-width:18px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.notification-badge.red{background-color:var(--acento-primario);color:var(--texto-sobre-acento)}.avatar{border-radius:var(--radius-circular);background-color:var(--fondo-lateral);width:32px;height:32px;color:var(--texto-primario);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.avatar.small{width:28px;height:28px;font-size:11px}.avatar.tiny{width:20px;height:20px;font-size:9px}.avatar.blue{color:var(--acento-terciario);background-color:#e3f2fd}.avatar.orange{color:#f48c06;background-color:#fff4e6}.avatar.dark{background-color:var(--texto-primario);color:#fff}.btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--acento-primario);color:var(--texto-sobre-acento);border:none}.btn-primary:hover{background-color:#259ba5}.btn-primary:disabled{background-color:var(--texto-terciario);cursor:not-allowed}.btn-dark{background-color:var(--texto-primario);color:#fff;border:none}.btn-dark:hover{background-color:#343a40}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--texto-secundario);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--fondo-lateral)}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--fondo-lateral);border-radius:var(--radius-md);box-shadow:var(--sombra-input-neumorfico);color:var(--texto-primario);border:none;font-family:inherit;font-size:14px;transition:all .2s}input::placeholder,textarea::placeholder{color:var(--texto-terciario)}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #4285f41a}.tab-btn{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-pill);color:var(--texto-secundario);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab-btn.active{background-color:var(--texto-primario);color:#fff}.tab-btn:hover{background-color:var(--fondo-lateral)}.tab-btn.active:hover{background-color:var(--texto-primario)}.flex-column{flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.signature-portal{background-color:var(--fondo-primario);flex-direction:column;min-height:100vh;display:flex}.signature-header{background-color:var(--fondo-secundario);border-bottom:1px solid var(--borde-sutil);flex-shrink:0}.signature-container{max-width:1400px;padding:0 var(--spacing-xl);margin:0 auto}.signature-action-btn{padding:var(--spacing-xs)var(--spacing-md);background-color:var(--texto-primario);color:#fff;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.signature-action-btn:hover{background-color:#343a40}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.py-3{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-4{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.gap-4{gap:var(--spacing-md)}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-3xl{font-size:32px;line-height:40px}.text-gray-600{color:var(--texto-secundario)}.text-gray-500{color:var(--texto-terciario)}.text-gray-900{color:var(--texto-primario)}.text-gray-700{color:var(--texto-secundario)}.text-blue-900{color:#1e3a8a}.text-blue-700{color:#1d4ed8}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.inline-block{display:inline-block}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.w-full{width:100%}.h-16{height:4rem}.w-16{width:4rem}.h-8{height:2rem}.w-8{width:2rem}.h-auto{height:auto}.rounded-full{border-radius:var(--radius-circular)}.rounded-lg{border-radius:var(--radius-lg)}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--from-color),var(--to-color))}.from-teal{--from-color:#2db6c1}.to-navy{--to-color:#212a45}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:var(--fondo-lateral)}.text-white{color:#fff}.p-4{padding:var(--spacing-md)}.grid{display:grid}.border-t{border-top:1px solid var(--borde-sutil)}.space-x-4>*+*{margin-left:var(--spacing-md)}.hover\:text-gray-900:hover{color:var(--texto-primario)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.signature-container{padding:0 var(--spacing-md)}}