@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Poppins:wght@300;400;500;600;700&family=Source+Code+Pro:wght@300;400;500;600&display=swap');:root{--bs-primary:#0057B8;--bs-primary-rgb:0,87,184;--bs-secondary:#028090;--bs-secondary-rgb:2,128,144;--bs-success:#028090;--bs-danger:#D32F2F;--bs-warning:#F59E0B;--bs-info:#E0F7FA;--bs-light:#F8FAFC;--bs-dark:#333333;--bs-body-color:#333333;--bs-body-bg:#F8FAFC;--mobile-table-label-width:130px;--mobile-table-label-bg:#f8f9fa;--mobile-table-label-color:#495057;--mobile-table-cell-padding:15px;--mobile-table-border:#e9ecef;--mobile-table-shadow:0 2px 4px rgba(0,0,0,0.1);--mobile-base-font:14px;--mobile-small-font:12px;--mobile-large-font:16px;--mobile-table-padding:15px;--ripple-duration:0.6s;--wave-duration:2s}body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;color:var(--bs-body-color);background-color:var(--bs-body-bg)}h1,h2,h3,h4,h5,h6,.integ--heading{font-family:'Poppins',sans-serif;font-weight:600;color:#333333;line-height:1.3}code,pre,.integ--code{font-family:'Source Code Pro','Courier New',monospace}@media (max-width:768px){h1,.h1{font-size:2rem !important}h2,.h2{font-size:1.75rem !important}h3,.h3{font-size:1.5rem !important}h4,.h4{font-size:1.25rem !important}h5,.h5{font-size:1.1rem !important}h6,.h6{font-size:1rem !important}body{font-size:var(--mobile-base-font)}}strong,b,.font-weight-bold,.fw-bold{color:#1a1a1a !important;font-weight:600 !important}.bg-dark strong,.bg-primary strong,.bg-secondary strong,.text-light strong{color:#ffffff !important}li strong,p strong,td strong,th strong,span strong{color:#2c3e50 !important;font-weight:600 !important}.integ--water-ripple{position:relative;overflow:hidden}.integ--water-ripple::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(0,87,184,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(2,128,144,0.08) 0%,transparent 50%);animation:ripple var(--ripple-duration) ease-in-out infinite;z-index:1}@keyframes ripple{0%,100%{transform:scale(1) rotate(0deg);opacity:0.6}50%{transform:scale(1.1) rotate(180deg);opacity:0.3}}.integ--wave-motion{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative}.integ--wave-motion::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--bs-primary),var(--bs-secondary),var(--bs-primary));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.integ--wave-motion:hover::after{transform:scaleX(1);animation:wave var(--wave-duration) ease-in-out infinite}@keyframes wave{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.integ--btn-primary{position:relative;border:none;border-radius:8px;padding:12px 24px;font-weight:500;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;overflow:hidden}.integ--btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,87,184,0.3)}.integ--btn-primary:active{transform:translateY(0)}.integ--card{border-radius:12px;border:1px solid rgba(0,0,0,0.08);padding:24px;transition:all 0.3s ease;position:relative;overflow:hidden}.integ--card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1)}.integ--card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bs-primary),var(--bs-secondary))}.integ--modal{border-radius:16px;border:none;box-shadow:0 20px 60px rgba(0,0,0,0.2);overflow:hidden}.integ--modal-header{border-bottom:1px solid #e9ecef;padding:20px 24px}.integ--modal-body{padding:24px}.integ--modal-footer{border-top:1px solid #e9ecef;padding:16px 24px}.integ--table-responsive{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-bottom:24px}.integ--table-responsive table{margin-bottom:0;border-collapse:separate;border-spacing:0}.integ--table-responsive th{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;border-bottom:2px solid var(--bs-primary);position:sticky;top:0;z-index:10}.integ--table-responsive td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px}.integ--table-responsive tr:hover{background-color:rgba(224,247,250,0.3)}@media (min-width:769px){.integ--table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.integ--table-responsive th:first-child,.integ--table-responsive td:first-child{position:sticky;left:0;z-index:5;box-shadow:2px 0 5px rgba(0,0,0,0.1)}}@media (max-width:768px){.integ--table-responsive table,.integ--table-responsive thead,.integ--table-responsive tbody,.integ--table-responsive th,.integ--table-responsive td,.integ--table-responsive tr{display:block !important}.integ--table-responsive thead tr{position:absolute !important;top:-9999px !important;left:-9999px !important;visibility:hidden !important}.integ--table-responsive tr{border:1px solid #ddd !important;border-radius:8px !important;margin-bottom:15px !important;background:white !important;box-shadow:var(--mobile-table-shadow) !important;padding:0 !important;overflow:hidden !important}.integ--table-responsive td{border:none !important;border-bottom:1px solid #f0f0f0 !important;position:relative !important;padding:var(--mobile-table-cell-padding) 20px var(--mobile-table-cell-padding) 140px !important;min-height:50px !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;font-size:var(--mobile-base-font) !important;line-height:1.4 !important}.integ--table-responsive td::before{content:attr(data-label) ":" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:var(--mobile-table-label-width) !important;padding:var(--mobile-table-cell-padding) 10px !important;font-weight:600 !important;text-align:left !important;background:var(--mobile-table-label-bg) !important;color:var(--mobile-table-label-color) !important;font-size:13px !important;line-height:1.3 !important;display:flex !important;align-items:center !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;border-right:1px solid var(--mobile-table-border) !important}.integ--table-responsive td:last-child{border-bottom:none !important}.integ--table-responsive td img{max-width:60px !important;max-height:60px !important;width:auto !important;height:auto !important;margin:0 !important;display:block !important}.integ--table-responsive td .btn,.integ--table-responsive td button,.integ--table-responsive td a[class*="btn"]{width:auto !important;min-width:100px !important;margin:0 !important;font-size:var(--mobile-small-font) !important;padding:6px 12px !important;white-space:nowrap !important}.integ--table-responsive td[data-label*="Source"],.integ--table-responsive td[data-label*="Reference"],.integ--table-responsive td[data-label*="Description"]{padding-right:10px !important;font-size:13px !important;line-height:1.3 !important}.integ--table-responsive td[data-label*="Score"],.integ--table-responsive td[data-label*="Rating"]{font-size:var(--mobile-large-font) !important}.integ--table-responsive td>*{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.integ--table-responsive{overflow-x:visible !important;-webkit-overflow-scrolling:auto !important;margin-bottom:20px !important}}@media (max-width:480px){.integ--table-responsive td{padding:12px 15px 12px 120px !important;font-size:13px !important}.integ--table-responsive td::before{width:110px !important;padding:12px 8px !important;font-size:12px !important}}@media (max-width:768px){.table td{padding:var(--mobile-table-cell-padding) 20px var(--mobile-table-cell-padding) 140px !important}}.integ--input{border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;font-size:16px;transition:all 0.3s ease;width:100%}.integ--input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(0,87,184,0.1);outline:none}.integ--input:invalid{border-color:var(--bs-danger)}.integ--list-item{padding:16px;border-radius:8px;margin-bottom:8px;transition:all 0.2s ease;cursor:pointer;border:1px solid transparent}.integ--list-item:hover{transform:translateX(4px);border-color:rgba(2,128,144,0.2)}.integ--rating-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;border:2px solid transparent}.integ--rating-excellent{color:#155724;border-color:#28a745}.integ--rating-good{color:#0c5460;border-color:#17a2b8}.integ--rating-average{color:#856404;border-color:#ffc107}.integ--rating-poor{color:#721c24;border-color:#dc3545}.integ--paddler-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.integ--paddler-icon-lg{width:32px;height:32px}.integ--chart-container{position:relative;border-radius:12px;padding:20px;overflow:hidden}.integ--progress-bar{height:8px;border-radius:4px;overflow:hidden;position:relative}.integ--progress-fill{height:100%;border-radius:4px;transition:width 1s ease;background:linear-gradient(90deg,var(--bs-primary),var(--bs-secondary))}img{max-width:100%;height:auto}.integ--logo{max-width:120px;height:auto;object-fit:contain}.integ--logo-sm{max-width:80px;height:auto}.integ--logo-table{max-width:60px;max-height:40px;object-fit:contain}.integ--text-energetic{color:var(--bs-primary);font-weight:600}.integ--text-trustworthy{color:var(--bs-secondary);font-weight:500}.integ--shadow-soft{box-shadow:0 4px 20px rgba(0,0,0,0.08)}.integ--shadow-medium{box-shadow:0 8px 30px rgba(0,0,0,0.12)}.integ--border-radius{border-radius:12px}.integ--transition{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.integ--spacing-xs{margin:8px}.integ--spacing-sm{margin:16px}.integ--spacing-md{margin:24px}.integ--spacing-lg{margin:32px}.integ--spacing-xl{margin:48px}.integ--padding-xs{padding:8px}.integ--padding-sm{padding:16px}.integ--padding-md{padding:24px}.integ--padding-lg{padding:32px}.integ--padding-xl{padding:48px}.integ--sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.integ--focus-visible:focus{outline:2px solid var(--bs-primary);outline-offset:2px}@media print{.integ--no-print{display:none !important}.integ--table-responsive{overflow:visible !important}.integ--card{break-inside:avoid}}.integ--text-logo{font-family:'Poppins',sans-serif;letter-spacing:-0.5px;color:#ffffff}.integ-main-navigation{position:relative}.integ-nav-menu{gap:0}.integ-nav-item{position:relative}.integ-nav-link{padding:12px 16px;font-weight:500;font-size:16px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:6px;position:relative}.integ-nav-link:hover{color:#ffffff !important;background-color:rgba(255,255,255,0.1);transform:translateY(-1px)}.integ-nav-link:focus{outline:2px solid rgba(255,255,255,0.5);outline-offset:2px}.integ-hero-section{background:linear-gradient(135deg,rgba(0,87,184,0.1) 0%,rgba(2,128,144,0.1) 100%);position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}@media (max-width:768px){.integ-nav-menu{flex-direction:column;gap:8px;margin-top:16px}.integ-nav-item{margin-right:0 !important;width:100%}.integ-nav-link{display:block;text-align:center;padding:10px 16px}.integ-hero-section{padding:2rem 0 !important}.hero-content .display-6{font-size:1.75rem !important}.hero-content .lead{font-size:1rem !important}}@media (max-width:576px){.integ--text-logo{font-size:1.25rem !important}.hero-content .display-6{font-size:1.5rem !important}}
