.resumenes-page{min-height:100vh;padding-bottom:60px}.resumenes-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1121e6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.resumenes-header-left{align-items:center;gap:16px;display:flex}.resumenes-hero{text-align:center;background:radial-gradient(at top,#38bdf80f,#0000 55%);padding:56px 40px 40px}.resumenes-title{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800}.resumenes-subtitle{color:#94a3b8;max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.resumenes-form-wrap{max-width:760px;margin:0 auto;padding:0 40px 40px}.resumenes-form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;padding:40px}.format-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.format-option{cursor:pointer;text-align:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:14px;padding:16px 12px;transition:all .2s}.format-option:hover{background:#38bdf80d;border-color:#38bdf84d}.format-option.active{background:#38bdf81a;border-color:#38bdf899}.format-icon{margin-bottom:8px;font-size:28px;display:block}.format-name{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.format-desc{color:#64748b;font-size:12px;line-height:1.4}.resumenes-textarea{color:#f1f5f9;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:200px;padding:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.resumenes-textarea:focus{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf814}.resumenes-textarea::placeholder{color:#94a3b866}.char-counter{color:#475569;text-align:right;margin-top:6px;font-size:12px}.form-divider{background:#ffffff12;height:1px;margin:24px 0}.form-step-label{letter-spacing:.8px;text-transform:uppercase;color:#38bdf8;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-step-title{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.form-step-desc{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.5}.btn-generate-summary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0284c7);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:28px;padding:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 24px #38bdf840}.btn-generate-summary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #38bdf859}.btn-generate-summary:disabled{opacity:.5;cursor:not-allowed}.gen-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.res-error{color:#ef5350;background:#f443361a;border:1px solid #f443364d;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:13px}.res-history{max-width:760px;margin:0 auto;padding:0 40px 40px}.res-history h2{margin-bottom:16px;font-family:Outfit,sans-serif;font-size:18px}.res-history-item{cursor:pointer;color:inherit;background:#1e293b66;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;text-decoration:none;transition:all .2s;display:flex}.res-history-item:hover{background:#1e293bb3;border-color:#38bdf833}.res-history-icon{font-size:22px}.res-history-info{flex:1}.res-history-title{margin-bottom:2px;font-size:14px;font-weight:600}.res-history-meta{color:#64748b;font-size:12px}.res-history-arrow{color:#38bdf8;font-size:18px}@media (max-width:640px){.resumenes-hero,.resumenes-form-wrap,.res-history{padding-left:20px;padding-right:20px}.resumenes-form-card{padding:24px}.format-grid{grid-template-columns:1fr}}
