.contract-selector-container{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a)}.selector-header{text-align:center;color:#fff;margin-bottom:50px}.selector-header .logo-container{margin-bottom:30px}.selector-header .logo-container img{max-height:100px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.selector-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.selector-header p{font-size:1.2rem;opacity:.9}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.category-card{background:#fff;border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #0003}.category-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.category-icon{font-size:4rem;margin-bottom:20px}.category-card h2{color:#333;font-size:1.8rem;margin-bottom:15px}.category-card p{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.6}.contract-count{background:linear-gradient(135deg,#333,#555);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block;margin-top:10px;border:1px solid rgba(255,255,255,.2)}.contracts-list{max-width:1000px;margin:0 auto}.back-button{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:30px;transition:all .3s}.back-button:hover{background:#fff3;border-color:#ffffff80;transform:translate(-5px)}.category-title{color:#fff;font-size:2rem;margin-bottom:10px;text-align:center}.category-description{color:#ffffffe6;font-size:1.1rem;text-align:center;margin-bottom:40px}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.contract-card{background:#fff;border-radius:12px;padding:30px;cursor:pointer;transition:all .3s;box-shadow:0 5px 20px #00000026}.contract-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000040}.contract-card h3{color:#333;font-size:1.5rem;margin-bottom:15px}.contract-card p{color:#666;font-size:1rem;margin-bottom:20px;line-height:1.6}.select-contract-btn{background:linear-gradient(135deg,#333,#555);color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:all .3s}.select-contract-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#444,#666);box-shadow:0 5px 15px #ffffff1a;border-color:#ffffff4d}.no-contracts{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 5px 20px #00000026}.no-contracts p{color:#666;font-size:1.1rem;margin-bottom:10px}.coming-soon{color:#999;font-size:.9rem;font-style:italic}@media (max-width: 768px){.categories-grid,.contracts-grid{grid-template-columns:1fr}.selector-header h1{font-size:2rem}}.tabs-container{margin-bottom:20px}.tabs{display:flex;flex-wrap:wrap;gap:10px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.tab{padding:10px 20px;border:none;background:#f5f5f5;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s}.tab:hover{background:#e8e8e8;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.clause-selector h2{color:#333;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #667eea;padding-bottom:10px}.clauses-list{display:flex;flex-direction:column;gap:15px}.clause-item{border:2px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s;background:#fafafa}.clause-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.clause-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px}.clause-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.clause-title{font-weight:600;color:#333;font-size:1.1rem}.clause-preview{color:#666;font-size:14px;line-height:1.6;margin-left:32px;margin-top:8px}.contract-data-form{margin-bottom:25px}.contract-data-form h2{color:#333;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #667eea;padding-bottom:10px}.form-section{margin-bottom:25px;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #667eea}.form-section h3{color:#333;margin-bottom:15px;font-size:1.1rem}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-outer-spin-button,.form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.add-property-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.add-property-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.property-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background:#fafafa;position:relative}.property-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.property-header h4{color:#667eea;font-size:1.1rem;margin:0}.remove-property-btn{padding:6px 12px;background:#f5576c;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.remove-property-btn:hover{background:#e04558;transform:translateY(-1px)}.form-group textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .3s}.form-group textarea:focus{outline:none;border-color:#667eea}.add-person-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.add-person-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.person-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background:#fafafa;position:relative}.person-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.person-header h4{color:#667eea;font-size:1.1rem;margin:0}.remove-person-btn{padding:6px 12px;background:#f5576c;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.remove-person-btn:hover{background:#e04558;transform:translateY(-1px)}.contract-preview{background:#fff;padding:30px;border-radius:8px;font-family:Times New Roman,serif;line-height:1.8;color:#333;margin-bottom:20px}.contract-title{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.contract-location{text-align:center;margin-bottom:30px;font-size:1.1rem}.contract-body{max-width:100%}.contract-section{margin-bottom:25px;text-align:justify}.contract-section h3{font-size:1.3rem;font-weight:700;margin-bottom:15px;margin-top:20px;text-transform:uppercase}.contract-section p{margin-bottom:15px;font-size:14px}.contract-section strong{font-weight:700}.clause-content{margin-bottom:20px;padding-left:20px}.clause-content h4{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#333}.signatures-section{margin-top:50px;page-break-inside:avoid}.signatures{display:flex;justify-content:space-around;margin-top:60px;gap:40px}.signature-block{flex:1;text-align:center}.signature-block p{margin-bottom:50px;font-weight:700;font-size:1rem}.signature-line{border-top:2px solid #333;width:200px;margin:0 auto;padding-top:5px}@media print{@page{margin:2cm;@bottom-center{content:"Página " counter(page) " de " counter(pages);font-size:9pt;color:#666;margin-top:1cm}}.contract-preview{padding:20px;box-shadow:none;counter-reset:page;page-break-after:avoid}.contract-body{page-break-after:avoid}.signature-line{border-top:1px solid #333}.contract-section{page-break-inside:avoid}.signatures-section{page-break-before:avoid;page-break-after:avoid;margin-top:2cm;margin-bottom:0}.contract-preview:after,.contract-body:after,.signatures-section:after{display:none!important;content:none!important;height:0!important;margin:0!important;padding:0!important}.contract-preview,.contract-body{margin-bottom:0;padding-bottom:0}.signature-block:last-child,.signatures:last-child{margin-bottom:0;padding-bottom:0}}.export-buttons{background:#f9f9f9;padding:20px;border-radius:8px;border:2px solid #e0e0e0}.export-buttons h3{margin-bottom:15px;color:#333;font-size:1.2rem}.buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.export-btn{padding:15px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.export-btn:active{transform:translateY(0)}.print-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pdf-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.word-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}@media (max-width: 768px){.buttons-grid{grid-template-columns:1fr}}.app{min-height:100vh;padding:20px}.app-header{text-align:center;color:#fff;margin-bottom:30px;position:relative;background:#0000004d;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header .logo-container{margin-bottom:20px}.app-header .logo-container img{max-height:80px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.back-to-selector-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.back-to-selector-btn:hover{background:#fff3;border-color:#ffffff80;transform:translate(-3px)}.app-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{font-size:1.1rem;opacity:.9}.app-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1600px;margin:0 auto}.left-panel,.right-panel{background:#fff;border-radius:12px;padding:25px;box-shadow:0 10px 30px #0003;max-height:calc(100vh - 200px);overflow-y:auto}.clauses-section,.custom-clauses-section{margin-top:25px;border-top:2px solid #e0e0e0;padding-top:25px}.custom-clauses-section h3{margin-bottom:15px;color:#333;font-size:1.2rem}.add-clause-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.add-clause-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.custom-clause-card{border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background:#fafafa;position:relative}.clause-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.clause-header h4{color:#667eea;font-size:1.1rem;margin:0}.remove-clause-btn{padding:6px 12px;background:#f5576c;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s}.remove-clause-btn:hover{background:#e04558;transform:translateY(-1px)}.custom-clauses-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .3s}.custom-clauses-input:focus{outline:none;border-color:#667eea}@media (max-width: 1200px){.app-container{grid-template-columns:1fr}.left-panel,.right-panel{max-height:none}}@media print{.app-header,.left-panel,.export-buttons{display:none}.app-container{grid-template-columns:1fr;page-break-after:avoid}.right-panel{max-height:none;box-shadow:none;page-break-after:avoid}body,html,.app{page-break-after:avoid}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);min-height:100vh;color:#fff}#root{min-height:100vh}@media print{body{page-break-after:avoid;margin:0;padding:0}#root,*{page-break-after:avoid}.contract-section:not(.signatures-section){page-break-after:auto}}
