.clauses-details-page{--primary-50:#f0f5ff;--primary-100:#e0ebff;--primary-200:#c0d7ff;--primary-500:#2a6df4;--primary-600:#1a5ad1;--primary-700:#1045a0;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#ea580c;--warning-700:#b45309;--white:#fff;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}.clauses-details-page .clauses-compact-header{background:linear-gradient(145deg,var(--white),var(--gray-50));border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);position:relative;overflow:hidden}.clauses-details-page .clauses-compact-header:before{content:"📋";position:absolute;left:-10px;bottom:-10px;font-size:80px;opacity:.03;transform:rotate(8deg);pointer-events:none}.clauses-details-page .back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.clauses-details-page .back-button:hover{background:var(--white);border-color:var(--primary-500);color:var(--primary-600);transform:translateX(5px)}.clauses-details-page .header-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.clauses-details-page .header-icon{font-size:1.5rem}.clauses-details-page .header-title h1{font-size:1.4rem;font-weight:700;color:var(--gray-800);margin:0}.clauses-details-page .header-description{font-size:.9rem;color:var(--gray-600);margin-bottom:1rem;line-height:1.5}.clauses-details-page .mobile-quick-menu{margin:1rem 0}.clauses-details-page .quick-select{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);font-family:inherit;font-size:.9rem;color:var(--gray-700);cursor:pointer;outline:none;transition:all .2s ease}.clauses-details-page .quick-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.clauses-details-page .desktop-quick-menu{display:none;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.clauses-details-page .quick-btn{width:40px;height:40px;background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clauses-details-page .quick-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.clauses-details-page .clauses-intro-section{margin-bottom:2rem}.clauses-details-page .intro-card{background:linear-gradient(145deg,var(--primary-50),var(--white));border:1px solid var(--primary-100);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.clauses-details-page .intro-card p{font-size:.95rem;line-height:1.7;color:var(--gray-700);margin:0;text-align:justify}.clauses-details-page .clauses-detailed-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}.clauses-details-page .clause-detailed-card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.clauses-details-page .clause-detailed-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.clauses-details-page .clause-detailed-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.clauses-details-page .clause-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.clauses-details-page .clause-number-badge{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);width:2.2rem;height:2.2rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.clauses-details-page .clause-header h4{font-size:1rem;font-weight:700;color:var(--gray-800);margin:0;line-height:1.4}.clauses-details-page .clause-body{display:flex;flex-direction:column;gap:1rem}.clauses-details-page .clause-label{display:block;font-size:.8rem;font-weight:600;color:var(--primary-600);margin-bottom:.25rem}.clauses-details-page .clause-conditions,.clauses-details-page .clause-desc,.clauses-details-page .clause-details,.clauses-details-page .clause-exceptions,.clauses-details-page .clause-full-description{background:var(--gray-50);padding:1rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;color:var(--gray-700)}.clauses-details-page .clause-conditions{background:var(--success-50);border-right:3px solid var(--success-500)}.clauses-details-page .clause-exceptions{background:var(--warning-50);border-right:3px solid var(--warning-500)}.clauses-details-page .clauses-contact-section{margin:2rem 0}.clauses-details-page .contact-expert-card{background:linear-gradient(145deg,var(--gray-800),var(--gray-900));border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--white);box-shadow:var(--shadow-lg);text-align:center}.clauses-details-page .expert-icon{font-size:2.5rem;background:hsla(0,0%,100%,.1);width:60px;height:60px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto}.clauses-details-page .expert-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--white)}.clauses-details-page .expert-contacts{display:flex;flex-direction:column;gap:.5rem}.clauses-details-page .expert-contacts span{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:hsla(0,0%,100%,.95);background:hsla(0,0%,100%,.1);padding:.5rem;border-radius:var(--radius-full)}.clauses-details-page .contact-expert-card .btn-primary{background:var(--white);color:var(--primary-600);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.clauses-details-page .contact-expert-card .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.clauses-details-page .clauses-footer{margin-top:2rem;text-align:center}.clauses-details-page .btn-large{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--white);border:none;padding:.875rem 2rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;width:100%}.clauses-details-page .btn-large:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.clauses-details-page .footer-note{font-size:.8rem;color:var(--gray-600)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.clauses-details-page .clause-detailed-card{animation:fadeIn .4s ease-out}@media (min-width:768px){.clauses-details-page .clauses-compact-header{padding:1.5rem 2rem}.clauses-details-page .header-title h1{font-size:1.6rem}.clauses-details-page .mobile-quick-menu{display:none}.clauses-details-page .desktop-quick-menu{display:flex}.clauses-details-page .clauses-detailed-grid{gap:2rem}.clauses-details-page .clause-detailed-card{padding:1.75rem}.clauses-details-page .clause-header h4{font-size:1.1rem}.clauses-details-page .contact-expert-card{flex-direction:row;align-items:center;text-align:right;padding:2rem}.clauses-details-page .expert-icon{margin:0}.clauses-details-page .expert-contacts{flex-direction:row;gap:1rem}.clauses-details-page .expert-contacts span{padding:.5rem 1rem}.clauses-details-page .contact-expert-card .btn-primary{width:auto;min-width:180px}.clauses-details-page .btn-large{width:auto;min-width:300px}}@media (min-width:1024px){.clauses-details-page .clauses-compact-header{padding:1.75rem 2.5rem}.clauses-details-page .header-title h1{font-size:1.8rem}.clauses-details-page .header-description{font-size:1rem}.clauses-details-page .clause-detailed-card{padding:2rem}}