@charset "UTF-8";.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-5{margin-bottom:2rem}.mt-5{margin-top:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:2rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.pt-5{padding-top:2rem}.pb-5{padding-bottom:2rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:1rem}.pl-4{padding-left:1.5rem}.pl-5{padding-left:2rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:1rem}.pr-4{padding-right:1.5rem}.pr-5{padding-right:2rem}.w-100{width:100%}.h-100{height:100%}.rounded{border-radius:8px}.rounded-sm{border-radius:4px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-circle{border-radius:50%}.shadow,.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #0000001a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}a{color:inherit;text-decoration:none;transition:all .3s ease}a:hover{text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}form{margin:0}table{border-collapse:collapse;border-spacing:0;width:100%}video,audio{max-width:100%}:focus-visible{outline:2px solid #f27404;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::selection{background-color:#f27404;color:#fff}::-moz-selection{background-color:#f27404;color:#fff}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}@media (min-width: 640px){h1{font-size:3rem}}@media (min-width: 1024px){h1{font-size:4rem}}h2{font-size:2rem}@media (min-width: 640px){h2{font-size:2.5rem}}@media (min-width: 1024px){h2{font-size:3rem}}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;line-height:1.6}.lead{font-size:1.25rem;font-weight:300}.text-muted{color:#6b7280}.text-primary{color:#3b82f6}.text-secondary{color:#6b7280}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-error{color:#ef4444}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}:root{--primary-color: #014040;--secondary-color: #027373;--accent-color: #f27404;--accent-hover: #e06600;--text-primary: #2c3e50;--text-secondary: #6c757d;--text-light: #7f8c8d;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #e1e1e1;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .15);--shadow-heavy: 0 15px 35px rgba(0, 0, 0, .2);--border-radius: 12px;--border-radius-lg: 20px;--border-radius-xl: 30px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;padding:0;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;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;width:100%;max-width:100vw}*{box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}.main-content{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}.main-content>header{grid-area:header}.main-content>main{grid-area:main;min-height:0;padding-bottom:2rem}.main-content>footer{grid-area:footer;margin-top:auto}.content-loading{min-height:200px;display:flex;align-items:center;justify-content:center}.content-skeleton{min-height:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-muted{color:var(--text-secondary)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-radius{border-radius:var(--border-radius)}.border-radius-lg{border-radius:var(--border-radius-lg)}.border-radius-xl{border-radius:var(--border-radius-xl)}.shadow{box-shadow:var(--shadow-light)}.shadow-lg{box-shadow:var(--shadow-medium)}.shadow-xl{box-shadow:var(--shadow-heavy)}.shadow-none{box-shadow:none}.transition{transition:var(--transition)}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-100{transform:scale(1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.translate-x-0{transform:translate(0)}.translate-x-full{transform:translate(100%)}.translate-x-1\/2{transform:translate(50%)}.translate-y-0{transform:translateY(0)}.translate-y-full{transform:translateY(100%)}.translate-y-1\/2{transform:translateY(50%)}.backdrop-blur{backdrop-filter:blur(10px)}.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px)}.gradient-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%)}@media (max-width: 640px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (max-width: 768px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}}@media (max-width: 1024px){.lg\:d-none{display:none}.lg\:d-block{display:block}.lg\:text-center{text-align:center}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideInUp .5s ease-out}.animate-slide-down{animation:slideInDown .5s ease-out}.animate-slide-left{animation:slideInLeft .5s ease-out}.animate-slide-right{animation:slideInRight .5s ease-out}.hover\:scale:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:scale-125:hover{transform:scale(1.25)}.hover\:shadow:hover{box-shadow:var(--shadow-medium)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-heavy)}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-50:hover{opacity:.5}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:0 0 0 3px #f274044d}.focus\:ring-2:focus{box-shadow:0 0 0 2px #f274044d}.focus\:ring-4:focus{box-shadow:0 0 0 4px #f274044d}.disabled{opacity:.5;cursor:not-allowed}.loading{opacity:.7;pointer-events:none}.active{background-color:var(--accent-color);color:#fff}.selected{border-color:var(--accent-color)}.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}@media print{.print\:d-none{display:none}.print\:d-block{display:block}.print\:text-black{color:#000}.print\:bg-white{background-color:#fff}}.header{background-color:#fff;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:1000}.header .header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.header .header-container .header-logo{display:flex;align-items:center;justify-content:center;gap:.5rem}.header .header-container .header-logo .logo-text{font-size:1.5rem;font-weight:700;color:#3b82f6}.header .header-container .header-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem}.header .header-container .header-nav .nav-link{color:#374151;font-weight:500;transition:color .3s ease}.header .header-container .header-nav .nav-link:hover,.header .header-container .header-nav .nav-link.active{color:#3b82f6}.header .header-container .header-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.header .header-container .header-actions .btn-login{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#3b82f6;border:1px solid #3b82f6}.header .header-container .header-actions .btn-login:hover{background-color:#3b82f6;color:#fff}.header .header-container .header-actions .btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#3b82f6;color:#fff}@media (min-width: 640px){.header .header-container .header-nav,.header .header-container .header-actions .btn-login{display:none}}.footer-container{background:linear-gradient(135deg,#014040,#027373);color:#fff;padding:3rem 0 1rem;margin-top:auto;width:100%;position:relative;z-index:1}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;align-items:start}}@media (min-width: 1024px){.footer-content{gap:3rem}}.footer-section .footer-section-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.footer-section .footer-section-links{display:flex;flex-direction:column;gap:.5rem}.footer-section .footer-section-links .footer-section-link{color:#fffc;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-section .footer-section-links .footer-section-link:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:1.5rem 0;margin-top:2rem;text-align:center}.footer-bottom .footer-copyright{color:#ffffffb3;font-size:.875rem;margin-bottom:.5rem}.footer-bottom .footer-legal{display:flex;justify-content:center;gap:2rem}.footer-bottom .footer-legal .footer-legal-link{color:#fff9;text-decoration:none;font-size:.875rem}.footer-bottom .footer-legal .footer-legal-link:hover{color:#fffc}.footer-desktop-only{display:none}@media (min-width: 1024px){.footer-desktop-only{display:block}}.footer-mobile-only{display:block}@media (min-width: 1024px){.footer-mobile-only{display:none}}.footer-mobile-only .footer-mobile-container{background:linear-gradient(135deg,#014040,#027373);color:#fff;padding:2.5rem 1.5rem 1.5rem;margin-top:auto;width:100%;position:relative;z-index:1;box-shadow:0 -4px 20px #0000001a}.sidebar{position:fixed;right:0;top:0;height:100vh;width:300px;background-color:#fff;box-shadow:-10px 0 15px #0000001a;z-index:1001;transform:translate(100%);transition:transform .3s ease,visibility .3s ease,opacity .3s ease;visibility:hidden;opacity:0;overflow-y:auto;overflow-x:hidden}.sidebar.open{transform:translate(0);visibility:visible;opacity:1}@media (max-width: 480px){.sidebar{width:100vw;box-shadow:-5px 0 15px #0003}}@media (min-width: 481px) and (max-width: 768px){.sidebar{width:280px}}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #d1d5db}.sidebar .sidebar-header .sidebar-title{font-size:1.25rem;font-weight:600;color:#374151}.sidebar .sidebar-header .sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#d1d5db;color:#374151;transition:all .3s ease}.sidebar .sidebar-header .sidebar-close:hover{background-color:#6b7280;color:#fff}.sidebar .sidebar-content{padding:1.5rem}.sidebar .sidebar-content .sidebar-nav .nav-item{margin-bottom:1rem}.sidebar .sidebar-content .sidebar-nav .nav-item .nav-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:8px;color:#374151;transition:all .3s ease}.sidebar .sidebar-content .sidebar-nav .nav-item .nav-link:hover{background-color:#d1d5db;color:#3b82f6}.sidebar .sidebar-content .sidebar-nav .nav-item .nav-link.active{background-color:#3b82f61a;color:#3b82f6}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (min-width: 640px){.sidebar{width:280px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn.btn-primary{background-color:#3b82f6;color:#fff}.btn.btn-primary:hover{background-color:#2563eb}.btn.btn-secondary{background-color:#6b7280;color:#fff}.btn.btn-secondary:hover{background-color:#4b5563}.btn.btn-success{background-color:#10b981;color:#fff}.btn.btn-success:hover{background-color:#059669}.btn.btn-warning{background-color:#f59e0b;color:#fff}.btn.btn-warning:hover{background-color:#d97706}.btn.btn-error{background-color:#ef4444;color:#fff}.btn.btn-error:hover{background-color:#dc2626}.btn.btn-info{background-color:#06b6d4;color:#fff}.btn.btn-info:hover{background-color:#0891b2}.btn.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.25rem}.btn.btn-xl{padding:1.5rem 3rem;font-size:1.5rem}.btn.btn-outline{background-color:transparent;border:2px solid currentColor}.btn.btn-outline.btn-outline-primary{color:#3b82f6}.btn.btn-outline.btn-outline-primary:hover{background-color:#3b82f6;color:#fff}.btn.btn-outline.btn-outline-secondary{color:#6b7280}.btn.btn-outline.btn-outline-secondary:hover{background-color:#6b7280;color:#fff}.btn .btn-icon{margin-right:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none;box-shadow:none}.btn.btn-hero{background-color:#3b82f6;color:#fff;padding:1rem 2rem;font-size:1.25rem;font-weight:600;border-radius:16px}.btn.btn-hero:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn.btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:2px solid #ffffff;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#fff}.btn.btn-hero-secondary:hover{background-color:#fff;color:#3b82f6}.btn.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#3b82f6;color:#fff;width:100%;padding:.5rem 1rem;font-size:.875rem}.btn-filter{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#3b82f6;color:#fff}.btn-clear{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b7280}.btn-clear:hover{background-color:#d1d5db;color:#374151}.tab-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.5rem;border:2px solid transparent;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;background-color:transparent;color:#6b7280}.tab-button.active{color:#3b82f6;border-color:#3b82f6;background-color:#3b82f61a}.tab-button:hover:not(.active){color:#374151;border-color:#d1d5db}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.card.card-feature{padding:2rem;text-align:center;transform:scale(1);transition:transform .3s ease}.card.card-feature:hover{transform:scale(1.05)}.card.card-feature .card-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;font-size:2rem}.card.card-feature .card-title{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:1rem}.card.card-feature .card-description{color:#6b7280;line-height:1.6}.card.card-action{padding:2rem;text-align:center;transform:translateY(0);transition:transform .3s ease}.card.card-action:hover{transform:translateY(-5px)}.card.card-action .card-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:12px;color:#fff;font-size:1.5rem}.card.card-action .card-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.card.card-action .card-description{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.card.card-action .card-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#3b82f6;color:#fff;width:100%}.card.card-action .card-button:hover{background-color:#2563eb}.card.card-content{overflow:hidden;transform:translateY(0);transition:transform .3s ease}.card.card-content:hover{transform:translateY(-5px)}.card.card-content .card-image{width:100%;height:200px;background-size:cover;background-position:center;position:relative}.card.card-content .card-image .card-badge{position:absolute;top:.5rem;right:.5rem;background-color:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.card.card-content .card-body{padding:1.5rem}.card.card-content .card-body .card-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.card-content .card-body .card-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card.card-content .card-body .card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.card.card-content .card-body .card-meta .meta-item{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;color:#6b7280}.card.card-content .card-body .card-meta .meta-item .meta-icon{font-size:1rem}.card.card-content .card-body .card-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.form-container{max-width:400px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}@media (min-width: 640px){.form-container{max-width:500px;padding:3rem}}@media (min-width: 1024px){.form-container{max-width:600px}}.form-header{text-align:center;margin-bottom:2rem}.form-header .form-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}@media (min-width: 640px){.form-header .form-title{font-size:2.25rem}}.form-header .form-subtitle{color:#6b7280;font-size:.875rem;line-height:1.5}@media (min-width: 640px){.form-header .form-subtitle{font-size:1rem}}.form-group{margin-bottom:1.5rem}.form-group .form-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.form-group .form-label.required:after{content:" *";color:#ef4444}.form-group .form-input,.form-group .form-select,.form-group .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;line-height:1.5;transition:all .2s ease;background:#fff}.form-group .form-input:focus,.form-group .form-select:focus,.form-group .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group .form-input:hover,.form-group .form-select:hover,.form-group .form-textarea:hover{border-color:#9ca3af}.form-group .form-input.error,.form-group .error.form-select,.form-group .error.form-textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group .form-input::placeholder,.form-group .form-select::placeholder,.form-group .form-textarea::placeholder{color:#6b7280}.form-group .form-textarea{min-height:100px;resize:vertical;font-family:inherit}.form-group .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}.form-group .form-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form-group .form-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:#3b82f6}.form-group .form-checkbox .form-checkbox-label{font-size:.875rem;color:#374151;line-height:1.4}.form-group .error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.form-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:space-between;align-items:center}}.form-links{text-align:center;margin-top:1.5rem}.form-links .form-link{color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.form-links .form-link:hover{text-decoration:underline;color:#2563eb}.auth-form .form-container{margin-top:5rem;margin-bottom:5rem}.auth-form .form-header .form-title{color:#1f2937}.register-form .form-container{max-width:500px;margin-top:5rem;margin-bottom:5rem}@media (min-width: 1024px){.register-form .form-container{max-width:600px}}.register-form .form-group .form-input[type=password],.register-form .form-group [type=password].form-textarea,.register-form .form-group [type=password].form-select{font-family:monospace}.form-loading .form-input,.form-loading .form-select,.form-loading .form-textarea{opacity:.6;cursor:not-allowed}@media (max-width: 639px){.form-container{margin:1rem;padding:1.5rem;border-radius:8px}.form-header .form-title{font-size:1.5rem}}.search-form{display:flex;align-items:center;justify-content:center;gap:1rem}.search-form .search-input{flex:1;max-width:400px}.search-form .search-input .form-input,.search-form .search-input .form-group .form-textarea,.form-group .search-form .search-input .form-textarea,.search-form .search-input .form-group .form-select,.form-group .search-form .search-input .form-select{border-radius:16px;padding-left:1.5rem;padding-right:1.5rem}.search-form .search-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 2rem;border:none;border-radius:16px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#3b82f6;color:#fff}.search-form .search-button:hover{background-color:#2563eb}.filter-form .filter-row{display:grid;grid-template-columns:1fr;gap:1rem;align-items:end}@media (min-width: 640px){.filter-form .filter-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.filter-form .filter-row{grid-template-columns:repeat(4,1fr)}}.filter-form .filter-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (min-width: 640px){.filter-form .filter-actions{flex-direction:column;gap:.5rem}.filter-form .filter-actions .btn-clear{width:100%}}.nav{display:flex;align-items:center;justify-content:center;gap:1.5rem}.nav .nav-item .nav-link{color:#374151;font-weight:500;text-decoration:none;transition:color .3s ease;position:relative}.nav .nav-item .nav-link:hover,.nav .nav-item .nav-link.active{color:#3b82f6}.nav .nav-item .nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:#3b82f6;border-radius:1px}.main-nav{display:flex;align-items:center;justify-content:center;gap:2rem}.main-nav .nav-item .nav-link{font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.main-nav .nav-item .nav-link:hover,.main-nav .nav-item .nav-link.active{background-color:#3b82f61a}.main-nav .nav-item .nav-link.active:after{display:none}.secondary-nav{display:flex;align-items:center;justify-content:center;gap:1rem}.secondary-nav .nav-item .nav-link{font-size:.875rem;color:#6b7280}.secondary-nav .nav-item .nav-link:hover{color:#374151}.secondary-nav .nav-item .nav-link.active{color:#3b82f6;font-weight:500}.breadcrumb-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.breadcrumb-nav .breadcrumb-item{display:flex;align-items:center;justify-content:center;gap:.5rem}.breadcrumb-nav .breadcrumb-item .breadcrumb-link{color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .3s ease}.breadcrumb-nav .breadcrumb-item .breadcrumb-link:hover{color:#3b82f6}.breadcrumb-nav .breadcrumb-item .breadcrumb-separator{color:#6b7280;font-size:.75rem}.breadcrumb-nav .breadcrumb-item:last-child .breadcrumb-link{color:#374151;font-weight:500}.breadcrumb-nav .breadcrumb-item:last-child .breadcrumb-separator{display:none}.pagination-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.pagination-nav .page-item .page-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:.5rem 1rem;min-width:40px;text-align:center}.pagination-nav .page-item .page-link:hover{background-color:#d1d5db;border-color:#6b7280}.pagination-nav .page-item .page-link.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-nav .page-item .page-link:disabled{opacity:.5;cursor:not-allowed}.pagination-nav .page-item .page-link:disabled:hover{background-color:#fff;border-color:#d1d5db}.tabs-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #d1d5db;padding-bottom:.5rem}.tabs-nav .tab-item .tab-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;font-size:1rem;text-decoration:none;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b7280;border:2px solid transparent;padding:.5rem 1.5rem;font-weight:500;transition:all .3s ease;border-radius:8px 8px 0 0}.tabs-nav .tab-item .tab-link:hover{color:#374151;border-color:#d1d5db}.tabs-nav .tab-item .tab-link.active{color:#3b82f6;border-color:#3b82f6;background-color:#3b82f61a}.mobile-nav{display:none}@media (min-width: 640px){.mobile-nav{display:block}}.mobile-nav .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;color:#374151;cursor:pointer}.mobile-nav .mobile-nav-toggle:hover{color:#3b82f6}.mobile-nav .mobile-nav-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.mobile-nav .mobile-nav-menu.open{transform:translate(0)}.mobile-nav .mobile-nav-menu .mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #d1d5db}.mobile-nav .mobile-nav-menu .mobile-nav-header .mobile-nav-title{font-size:1.25rem;font-weight:600;color:#374151}.mobile-nav .mobile-nav-menu .mobile-nav-header .mobile-nav-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#d1d5db;border-radius:50%;color:#374151;cursor:pointer}.mobile-nav .mobile-nav-menu .mobile-nav-header .mobile-nav-close:hover{background-color:#6b7280;color:#fff}.mobile-nav .mobile-nav-menu .mobile-nav-content{padding:1.5rem}.mobile-nav .mobile-nav-menu .mobile-nav-content .mobile-nav-item{margin-bottom:1rem}.mobile-nav .mobile-nav-menu .mobile-nav-content .mobile-nav-item .mobile-nav-link{display:block;padding:1rem;color:#374151;text-decoration:none;border-radius:8px;transition:all .3s ease}.mobile-nav .mobile-nav-menu .mobile-nav-content .mobile-nav-item .mobile-nav-link:hover{background-color:#d1d5db;color:#3b82f6}.mobile-nav .mobile-nav-menu .mobile-nav-content .mobile-nav-item .mobile-nav-link.active{background-color:#3b82f61a;color:#3b82f6}.wayco-header{background:linear-gradient(135deg,#014040,#027373);border-bottom:1px solid #014040;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0140401a}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}@media (max-width: 1200px){.header-container{max-width:100%;padding:0 1.5rem;gap:1.5rem}}@media (max-width: 768px){.header-container{padding:0 1rem;gap:.5rem;height:56px}}.header-left{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-shrink:0;height:100%;min-height:64px}.header-left .header-toggle,.header-left .header-logo{display:flex;align-items:center;justify-content:center;height:100%;position:relative;vertical-align:middle}.header-left .header-toggle{align-self:center;margin-top:0;margin-bottom:0}@media (max-width: 768px){.header-left{gap:.5rem;min-height:56px}}.header-toggle{display:flex;align-items:center;justify-content:center;height:100%;flex-shrink:0;position:relative;line-height:1;top:0;margin:0;padding:0;align-self:center}.header-toggle .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff;backdrop-filter:blur(10px);overflow:hidden;position:relative;margin:0;padding:0;vertical-align:middle;line-height:1;text-align:center;top:0;left:0;align-self:center}.header-toggle .menu-toggle>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-toggle .menu-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#f2740433;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.header-toggle .menu-toggle:hover{background:#fff3;border-color:#ffffff80;color:#f27404;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #f2740433}.header-toggle .menu-toggle:hover:before{width:100%;height:100%}.header-toggle .menu-toggle svg{width:22px;height:22px;position:absolute;z-index:1;transition:all .3s ease;display:block;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}@media (max-width: 1200px){.header-toggle .menu-toggle{width:40px;height:40px}.header-toggle .menu-toggle svg{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}}@media (max-width: 768px){.header-toggle .menu-toggle{width:36px;height:36px}.header-toggle .menu-toggle svg{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}}.header-logo{display:flex;align-items:center}.header-logo .logo-link{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease;padding:.5rem 0}.header-logo .logo-link:hover{opacity:.8}.header-logo .logo-image{height:36px;width:auto;object-fit:contain;max-width:140px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .2s ease}.header-logo .logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}@media (max-width: 768px){.header-logo .logo-image{height:32px;max-width:120px}}.header-logo .logo-text{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width: 768px){.header-logo .logo-text{font-size:1.25rem}}.header-search{display:flex;align-items:center;justify-content:center;flex:1;max-width:600px;margin:0 3rem}@media (max-width: 1200px){.header-search{max-width:500px;margin:0 2rem}}@media (max-width: 768px){.header-search{display:none}}.header-actions{display:flex;align-items:center;flex-shrink:0}.user-menu{display:flex;align-items:center;gap:1.5rem}@media (max-width: 1200px){.user-menu{gap:1rem}}@media (max-width: 768px){.user-menu{gap:.5rem}}.action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff;backdrop-filter:blur(10px);overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#f2740433;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.action-btn:hover{background:#fff3;border-color:#ffffff80;color:#f27404;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #f2740433}.action-btn:hover:before{width:100%;height:100%}.action-btn svg{width:22px;height:22px;position:relative;z-index:1;transition:all .3s ease}@media (max-width: 1200px){.action-btn{width:40px;height:40px}.action-btn svg{width:20px;height:20px}}@media (max-width: 768px){.action-btn{width:36px;height:36px}.action-btn svg{width:18px;height:18px}}.notification-btn .notification-badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;line-height:1}.user-profile{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;transition:all .3s ease;cursor:pointer;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(10px);position:relative;overflow:hidden}.user-profile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.user-profile:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.user-profile:hover:before{left:100%}.user-profile .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f27404,#ff8c00);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #f274044d;transition:all .3s ease;position:relative;z-index:1}.user-profile .user-name{font-weight:600;color:#fff;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}@media (max-width: 768px){.user-profile .user-name{display:none}}@media (max-width: 1200px){.user-profile{gap:.75rem;padding:.5rem .75rem}.user-profile .user-avatar{width:32px;height:32px;font-size:.875rem}.user-profile .user-name{font-size:.875rem}}@media (max-width: 768px){.user-profile{padding:.25rem;gap:.5rem}.user-profile .user-avatar{width:28px;height:28px;font-size:.75rem}}.auth-menu{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.auth-menu{gap:.5rem}}.auth-link{padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;color:#fff;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;backdrop-filter:blur(10px)}.auth-link:hover{color:#f27404;background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.auth-link.primary{background:linear-gradient(135deg,#f27404,#ff8c00);color:#fff;border-color:#f27404}.auth-link.primary:hover{background:linear-gradient(135deg,#e06600,#f27404);color:#fff;transform:scale(1.05)}@media (max-width: 768px){.auth-link{padding:.375rem .75rem;font-size:.8125rem}}.loading{color:#fffc;font-size:.875rem;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.1)}.header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.header .header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:1rem;position:relative}.header .header-logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header .header-logo a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;transition:opacity .3s ease}.header .header-logo a:hover{opacity:.8}.header .header-logo .logo-img{width:32px;height:32px;border-radius:8px}.header .header-logo .logo-text{font-size:1.5rem;font-weight:700;color:#fff}.header .header-search{flex:1;max-width:500px;margin:0 1rem}.header .header-search .search-container{position:relative;display:flex;align-items:center;background:#ffffff1a;border-radius:25px;padding:.5rem 1rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header .header-search .search-container .search-input{flex:1;background:none;border:none;color:#fff;font-size:.875rem;outline:none;padding:.5rem 0}.header .header-search .search-container .search-input::placeholder{color:#ffffffb3}.header .header-search .search-container .search-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;font-size:1rem;transition:color .3s ease}.header .header-search .search-container .search-btn:hover{color:#fff}.header .header-nav{display:flex;gap:2rem;align-items:center}.header .header-nav .nav-link{color:#fffc;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 0}.header .header-nav .nav-link:hover{color:#fff}.header .header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header .header-actions .user-menu{display:flex;align-items:center;gap:1rem}.header .header-actions .notifications-container{position:relative}.header .header-actions .notifications-container .notification-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:.5rem;font-size:1.25rem;transition:color .3s ease;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header .header-actions .notifications-container .notification-btn:hover{color:#fff;background:#ffffff1a}.header .header-actions .notifications-container .notifications-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:300px;max-height:400px;overflow-y:auto;z-index:1001;margin-top:.5rem}.header .header-actions .notifications-container .notifications-dropdown .notifications-header{padding:1rem;border-bottom:1px solid #e5e7eb}.header .header-actions .notifications-container .notifications-dropdown .notifications-header h3{margin:0;color:#1f2937;font-size:1rem;font-weight:600}.header .header-actions .notifications-container .notifications-dropdown .notifications-content{padding:1rem}.header .header-actions .notifications-container .notifications-dropdown .notifications-content p{margin:0;color:#6b7280;text-align:center}.header .header-actions .user-profile{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .3s ease}.header .header-actions .user-profile:hover{background:#ffffff1a}.header .header-actions .user-profile .user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.header .header-actions .user-profile .user-name{font-weight:500;color:#fff}.header .header-actions .btn-logout{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.header .header-actions .btn-logout:hover{background:#ef4444;color:#fff}.header .header-actions .auth-buttons{display:flex;gap:.75rem;align-items:center}.header .header-actions .auth-buttons .btn-login{color:#fffc;text-decoration:none;font-weight:500;padding:.5rem 0;transition:color .3s ease}.header .header-actions .auth-buttons .btn-login:hover{color:#fff}.header .header-actions .auth-buttons .btn-register{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .3s ease}.header .header-actions .auth-buttons .btn-register:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 1024px){.header .header-nav{display:none}.header .header-search{margin:0 .5rem}}@media (max-width: 768px){.header .header-container{padding:0 .5rem;gap:.5rem}.header .header-search,.header .header-actions .user-profile .user-name,.header .header-actions .auth-buttons .btn-login{display:none}}.footer-mobile-only{display:block!important}@media (min-width: 1024px){.footer-mobile-only{display:none!important}}.footer-mobile-only .footer-mobile-container{background:linear-gradient(135deg,#014040,#027373)!important;color:#fff!important;padding:2rem 1rem!important;margin-top:2rem!important}.footer-mobile-only .footer-mobile-content{max-width:100%!important;margin:0 auto!important}.footer-mobile-only .footer-mobile-logo{text-align:center!important;margin-bottom:1.5rem!important}.footer-mobile-only .footer-mobile-logo .logo-image-mobile{max-width:120px!important;height:auto!important;margin-bottom:.5rem!important;margin:0 auto!important}.footer-mobile-only .footer-mobile-logo .footer-mobile-description{color:#e2e8f0!important;font-size:.9rem!important;margin:0!important}.footer-mobile-only .footer-mobile-links{margin-bottom:1.5rem!important}.footer-mobile-only .footer-mobile-links .mobile-links-row{display:flex!important;justify-content:center!important;gap:1rem!important;margin-bottom:.5rem!important}.footer-mobile-only .footer-mobile-links .mobile-links-row a{color:#fff!important;text-decoration:none!important;font-size:.9rem!important;font-weight:500!important;transition:color .3s ease!important}.footer-mobile-only .footer-mobile-links .mobile-links-row a:hover{color:#42a5f5!important}.footer-mobile-only .footer-mobile-social{text-align:center!important;margin-bottom:1.5rem!important}.footer-mobile-only .footer-mobile-social .social-icons-mobile{display:flex!important;justify-content:center!important;gap:1rem!important}.footer-mobile-only .footer-mobile-social .social-icons-mobile a{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;background:#ffffff1a!important;border-radius:50%!important;color:#fff!important;transition:all .3s ease!important}.footer-mobile-only .footer-mobile-social .social-icons-mobile a:hover{background:#fff3!important;transform:translateY(-2px)!important}.footer-mobile-only .footer-mobile-bottom{text-align:center!important;border-top:1px solid rgba(255,255,255,.2)!important;padding-top:1rem!important}.footer-mobile-only .footer-mobile-bottom .legal-links-mobile{margin-bottom:.5rem!important}.footer-mobile-only .footer-mobile-bottom .legal-links-mobile a{color:#e2e8f0!important;text-decoration:none!important;font-size:.8rem!important;margin:0 .5rem!important}.footer-mobile-only .footer-mobile-bottom .legal-links-mobile a:hover{color:#fff!important}.footer-mobile-only .footer-mobile-bottom .legal-links-mobile span{color:#e2e8f0!important;font-size:.8rem!important}.footer-mobile-only .footer-mobile-bottom .copyright-mobile p{color:#e2e8f0!important;font-size:.8rem!important;margin:0!important}.footer-desktop-only{display:none!important}@media (min-width: 1024px){.footer-desktop-only{display:block!important}}.footer-desktop-only .footer-container{background:linear-gradient(135deg,#014040,#027373)!important;color:#fff!important;margin-top:3rem!important}.footer-desktop-only .footer-content{max-width:1200px!important;margin:0 auto!important;padding:3rem 2rem!important;display:grid!important;grid-template-columns:1fr 2fr 1fr!important;gap:3rem!important;align-items:start!important}@media (max-width: 1200px){.footer-desktop-only .footer-content{grid-template-columns:1fr!important;gap:2rem!important;text-align:center!important}}.footer-desktop-only .footer-logo .logo-image{max-width:200px!important;height:auto!important;margin-bottom:1rem!important}.footer-desktop-only .footer-logo .footer-description{color:#e2e8f0!important;font-size:1rem!important;line-height:1.5!important;margin:0!important}.footer-desktop-only .footer-links{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important}@media (max-width: 768px){.footer-desktop-only .footer-links{grid-template-columns:1fr!important;gap:1.5rem!important}}.footer-desktop-only .footer-links .links-section .section-title{color:#fff!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:1rem!important;text-transform:uppercase!important}.footer-desktop-only .footer-links .links-section ul{list-style:none!important;padding:0!important;margin:0!important}.footer-desktop-only .footer-links .links-section ul li{margin-bottom:.5rem!important}.footer-desktop-only .footer-links .links-section ul li a{color:#e2e8f0!important;text-decoration:none!important;font-size:.9rem!important;transition:color .3s ease!important}.footer-desktop-only .footer-links .links-section ul li a:hover{color:#42a5f5!important}.footer-desktop-only .social-media .section-title{color:#fff!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:1rem!important;text-transform:uppercase!important}.footer-desktop-only .social-media .social-icons{display:flex!important;gap:1rem!important;justify-content:flex-start!important}@media (max-width: 1200px){.footer-desktop-only .social-media .social-icons{justify-content:center!important}}.footer-desktop-only .social-media .social-icons a{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;background:#ffffff1a!important;border-radius:50%!important;color:#fff!important;transition:all .3s ease!important}.footer-desktop-only .social-media .social-icons a:hover{background:#fff3!important;transform:translateY(-2px)!important}.footer-desktop-only .footer-bottom{border-top:1px solid rgba(255,255,255,.2)!important;padding:1.5rem 2rem!important}.footer-desktop-only .footer-bottom .footer-bottom-content{max-width:1200px!important;margin:0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important}@media (max-width: 768px){.footer-desktop-only .footer-bottom .footer-bottom-content{flex-direction:column!important;gap:1rem!important;text-align:center!important}}.footer-desktop-only .footer-bottom .footer-bottom-content .legal-links a{color:#e2e8f0!important;text-decoration:none!important;font-size:.8rem!important;margin-right:1rem!important}.footer-desktop-only .footer-bottom .footer-bottom-content .legal-links a:hover{color:#fff!important}.footer-desktop-only .footer-bottom .footer-bottom-content .legal-links .separator{color:#e2e8f0!important;margin:0 .5rem!important}.footer-desktop-only .footer-bottom .footer-bottom-content .copyright p{color:#e2e8f0!important;font-size:.8rem!important;margin:0!important}.menu-bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;z-index:1000;display:none}@media (max-width: 1024px){.menu-bottom{display:block}}.menu-bottom .menu-bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;max-width:100%;margin:0 auto}.menu-bottom .menu-bottom-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;padding:.5rem;cursor:pointer;transition:all .3s ease;border-radius:8px;min-width:60px;position:relative}.menu-bottom .menu-bottom-item:hover{background:#f3f4f6}.menu-bottom .menu-bottom-item.active{color:#3b82f6}.menu-bottom .menu-bottom-item.active .menu-bottom-icon{transform:scale(1.1)}.menu-bottom .menu-bottom-item .menu-bottom-icon{font-size:1.25rem;transition:transform .3s ease;position:relative}.menu-bottom .menu-bottom-item .menu-bottom-icon .notification-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.menu-bottom .menu-bottom-item .menu-bottom-label{font-size:.625rem;font-weight:500;color:#6b7280;text-align:center;line-height:1.2}.active .menu-bottom .menu-bottom-item .menu-bottom-label{color:#3b82f6;font-weight:600}@media (max-width: 480px){.menu-bottom .menu-bottom-nav{padding:.375rem 0}.menu-bottom .menu-bottom-item{min-width:50px;padding:.375rem}.menu-bottom .menu-bottom-item .menu-bottom-icon{font-size:1.125rem}.menu-bottom .menu-bottom-item .menu-bottom-label{font-size:.5rem}}.quick-create-container{position:fixed!important;bottom:100px!important;left:20px!important;right:auto!important;z-index:1000!important}@media (max-width: 1024px){.quick-create-container{bottom:80px!important;left:15px!important}}@media (max-width: 768px){.quick-create-container{bottom:100px!important;left:20px!important}}.quick-create-btn{width:56px!important;height:56px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;border-radius:50%!important;color:#fff!important;font-size:1.5rem!important;cursor:pointer!important;box-shadow:0 4px 12px #3b82f666!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.quick-create-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #3b82f699}.quick-create-btn.active{transform:rotate(45deg);background:linear-gradient(135deg,#ef4444,#dc2626)}.quick-create-btn .quick-create-icon{font-weight:700;transition:transform .3s ease}.quick-create-overlay{position:fixed;inset:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}.quick-create-menu{position:absolute;bottom:70px;left:0;right:auto;background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000026;padding:1rem;min-width:200px;z-index:1001;animation:slideUp .3s ease}.quick-create-menu:after{content:"";position:absolute;bottom:-8px;left:20px;right:auto;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white}.quick-create-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;margin-bottom:.5rem}.quick-create-option:last-child{margin-bottom:0}.quick-create-option:hover{background:#f3f4f6;transform:translate(4px)}.quick-create-option .option-icon{font-size:1.25rem;width:24px;text-align:center}.quick-create-option .option-label{font-weight:700;color:#f2f4f7;font-size:.875rem}.quick-create-option:hover{background:var(--option-color, #f3f4f6);color:#fff}.quick-create-option:hover .option-label{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.quick-create-container{bottom:100px;left:15px;right:auto}.option-label{color:#fff8f8;font-weight:700}.quick-create-btn{width:48px;height:48px;font-size:1.25rem}.quick-create-menu{bottom:60px;left:0;right:auto;min-width:180px;padding:.75rem}.quick-create-menu:after{left:15px;right:auto}.quick-create-option{padding:.625rem;gap:.5rem}.quick-create-option .option-icon{font-size:1.125rem;width:20px}.quick-create-option .option-label{font-size:.8125rem}}.sidebar-menu{position:fixed;top:0;left:0;width:300px;height:100vh;background:linear-gradient(180deg,#014040,#027373);color:#fff;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #0003;overflow-y:auto;overflow-x:hidden}.sidebar-menu.open{transform:translate(0)}@media (max-width: 480px){.sidebar-menu{width:100vw;box-shadow:2px 0 20px #0000004d}}@media (min-width: 481px) and (max-width: 768px){.sidebar-menu{width:280px}}.sidebar-menu-content{height:100%;display:flex;flex-direction:column}.user-name{text-transform:capitalize}.menu-toggle-container{position:absolute;top:1rem;left:1rem;z-index:1001}@media (max-width: 480px){.menu-toggle-container{top:.75rem;left:.75rem}}.menu-toggle{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:25px;margin-left:7px;margin-right:7px}@media (max-width: 480px){.menu-toggle{width:44px;height:44px;font-size:1.1rem;margin-top:20px;margin-left:5px;margin-right:5px;border-radius:10px}}.menuCanvas{width:100%;height:100%;display:flex;flex-direction:column}.menu-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.menu-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.menu-logo-icon{font-size:2rem;color:#f27404}.menu-logo-text{font-size:1.5rem;font-weight:700;color:#fff}.menu-subtitle{font-size:.9rem;opacity:.8;color:#fffc}.navbar{flex:1;padding:1.5rem 0}.menu-items{list-style:none;margin:0;padding:0}.menu-item{margin:0;padding:0}.menu-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fff;text-decoration:none;transition:all .3s ease;border-left:4px solid transparent;position:relative;overflow:hidden}.menu-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease}.menu-link:hover{background:#ffffff1a;border-left-color:#f27404;transform:translate(8px)}.menu-link:hover:before{transform:translate(0)}.menu-link.active{background:#ffffff26;border-left-color:#f27404}.menu-icon{font-size:1.2rem;width:24px;text-align:center;color:#fffc;transition:color .3s ease}.menu-text{font-weight:500;font-size:1rem;color:#fff;transition:color .3s ease}.menu-link:hover .menu-icon,.menu-link:hover .menu-text{color:#fff}.menu-section-divider{height:1px;background:#ffffff1a;margin:1rem 1.5rem}.menu-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.user-info{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.user-details{text-align:left}.user-name{font-weight:600;color:#fff;margin-bottom:.25rem}.user-email{font-size:.8rem;opacity:.7;color:#fffc}.logout-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;width:100%}.logout-button:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.main-content{margin-left:0;transition:margin-left .3s ease}.main-content-with-sidebar{margin-left:300px}@media (max-width: 768px){.sidebar-menu{width:280px}.main-content-with-sidebar{margin-left:0}.menu-toggle-container{top:.5rem;left:.5rem}.menu-toggle{width:44px;height:44px;font-size:1.1rem;margin-top:25px;margin-left:10px}}@media (max-width: 480px){.sidebar-menu{width:100%;transform:translate(-100%)}.menu-toggle-container{top:.25rem;left:.25rem}.menu-toggle{width:40px;height:40px;font-size:1rem;margin-top:25px;margin-left:10px}.menu-header{padding:1.5rem 1rem 1rem}.menu-logo-text{font-size:1.3rem}.menu-link{padding:.875rem 1rem}.menu-footer{padding:1rem}}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}.quick-create-btn{position:fixed;bottom:8rem;left:2rem;width:64px;height:64px;border-radius:50%;background:#28a745e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;box-shadow:0 4px 20px #00000026}.quick-create-btn:hover{background:#28a745;transform:scale(1.05);box-shadow:0 6px 25px #00000040}.quick-create-btn:active{transform:scale(.95)}.quick-create-menu{position:fixed;bottom:12rem;right:1.5rem;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1rem;z-index:1000;min-width:180px;max-width:220px;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.quick-menu-header{text-align:left;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.quick-menu-header h4{margin:0;color:#000;font-size:1rem;font-weight:700;text-align:left}.quick-menu-header p{margin:.25rem 0 0;color:#666;font-size:.8rem;text-align:left}.quick-menu-options{display:grid;gap:.5rem;margin-bottom:.75rem}.quick-menu-option{display:flex;align-items:center;gap:0;padding:.5rem 0;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;justify-content:flex-start}.quick-menu-option:hover{background:#28a7451a;transform:translate(4px)}.option-content{flex:1;text-align:left}.option-title{font-weight:600;color:#000;font-size:.9rem;margin-bottom:0;text-align:left}.quick-menu-footer{text-align:left;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.quick-menu-footer p{margin:0;font-size:.75rem;color:#888;font-weight:500;text-align:left}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.quick-create-btn{bottom:1.5rem;right:1.5rem;width:56px;height:56px;font-size:1.3rem}.quick-create-menu{bottom:5rem;right:1.5rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:none;min-width:140px;max-width:160px;padding:.5rem}.quick-menu-header h4{font-size:.8rem}.quick-menu-header p{font-size:.65rem}.option-title{font-size:.7rem}.quick-menu-footer p{font-size:.55rem}}@media (max-width: 768px) and (min-width: 481px){.quick-create-btn{bottom:5.5rem;right:1.5rem}.quick-create-menu{bottom:9rem;right:1.5rem}}@media (max-width: 480px){.quick-create-btn{bottom:5.5rem;right:1rem;width:48px;height:48px;font-size:1.1rem}.quick-create-menu{bottom:8.5rem;right:1rem;min-width:120px;max-width:140px;padding:.375rem}.quick-menu-header h4{font-size:.7rem}.quick-menu-header p{font-size:.55rem}.option-title{font-size:.6rem}.quick-menu-footer p{font-size:.45rem}}@media (hover: none){.quick-create-btn:hover{transform:none}.quick-menu-option:hover{transform:none;background:transparent}}.meetups-grid{padding:1rem!important}@media (max-width: 600px){.meetups-grid{padding:.5rem!important}}@media (min-width: 900px){.meetups-grid{padding:1.5rem!important}}.meetups-filters{margin-bottom:2rem!important;background-color:#f8f9fa!important;border-radius:8px!important;padding:1rem!important}@media (min-width: 600px){.meetups-filters{background-color:transparent!important;border-radius:0!important;padding:0!important}}@media (min-width: 900px){.meetups-filters{margin-bottom:3rem!important}}.meetups-search{margin-bottom:1rem!important}.meetups-search .search-input{width:100%!important}.meetups-search .search-input .MuiOutlinedInput-root{border-radius:8px!important;font-size:.9rem!important}@media (min-width: 600px){.meetups-search .search-input .MuiOutlinedInput-root{border-radius:4px!important;font-size:1rem!important}}.meetups-search .search-input .MuiInputLabel-root{font-size:.9rem!important}@media (min-width: 600px){.meetups-search .search-input .MuiInputLabel-root{font-size:1rem!important}}.meetups-filter-row{display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:stretch!important;margin-bottom:1rem!important}@media (min-width: 600px){.meetups-filter-row{gap:1rem!important}}.meetups-filter-row .filter-field{flex:1!important}.meetups-filter-row .filter-field .MuiOutlinedInput-root{border-radius:8px!important;font-size:.8rem!important;padding:4px 8px!important}@media (min-width: 600px){.meetups-filter-row .filter-field .MuiOutlinedInput-root{border-radius:4px!important;font-size:.9rem!important;padding:8px 12px!important}}.meetups-filter-row .filter-field .MuiInputLabel-root{font-size:.8rem!important}@media (min-width: 600px){.meetups-filter-row .filter-field .MuiInputLabel-root{font-size:.9rem!important}}.meetups-results{margin-bottom:1rem!important}.meetups-results .results-text{font-size:.8rem!important}@media (min-width: 600px){.meetups-results .results-text{font-size:.875rem!important}}.meetups-grid-container{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}@media (min-width: 600px){.meetups-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}}@media (min-width: 900px){.meetups-grid-container{grid-template-columns:repeat(3,1fr)!important;gap:2rem!important}}.meetup-card{height:100%!important;display:flex!important;flex-direction:column!important;transition:transform .3s ease,box-shadow .3s ease!important;border-radius:8px!important;overflow:hidden!important;background-color:#fff!important;box-shadow:0 2px 8px #0000001a!important}.meetup-card:hover{transform:translateY(-5px)!important;box-shadow:0 8px 25px #00000026!important}.meetup-card-image{position:relative!important;height:160px!important}@media (min-width: 600px){.meetup-card-image{height:200px!important}}@media (min-width: 900px){.meetup-card-image{height:240px!important}}.meetup-card-image .image-bg{width:100%!important;height:100%!important;background-size:cover!important;background-position:center!important}.meetup-card-image .participants-badge{position:absolute!important;top:16px!important;left:16px!important;background-color:#000000b3!important;color:#fff!important;padding:8px 16px!important;border-radius:8px!important;font-size:.75rem!important;font-weight:700!important}.meetup-card-content{flex-grow:1!important;padding:1rem!important}@media (min-width: 600px){.meetup-card-content{padding:1.5rem!important}}@media (min-width: 900px){.meetup-card-content{padding:2rem!important}}.meetup-card-title{font-size:1.1rem!important;font-weight:600!important;margin-bottom:.75rem!important;line-height:1.3!important;color:#333!important}@media (min-width: 600px){.meetup-card-title{font-size:1.25rem!important;margin-bottom:1rem!important;line-height:1.4!important}}@media (min-width: 900px){.meetup-card-title{font-size:1.375rem!important;margin-bottom:1.5rem!important;line-height:1.5!important}}.meetup-card-description{color:#6c757d!important;margin-bottom:1.5rem!important;font-size:.875rem!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}@media (min-width: 600px){.meetup-card-description{font-size:.9rem!important;margin-bottom:2rem!important;-webkit-line-clamp:4!important;line-height:1.5!important}}@media (min-width: 900px){.meetup-card-description{font-size:1rem!important;margin-bottom:2.5rem!important;-webkit-line-clamp:5!important;line-height:1.6!important}}.meetup-card-details{margin-bottom:1.5rem!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}@media (min-width: 600px){.meetup-card-details{margin-bottom:2rem!important}}@media (min-width: 900px){.meetup-card-details{margin-bottom:2.5rem!important}}.meetup-card-actions{padding:1rem!important;padding-top:0!important;display:flex!important;gap:.5rem!important;flex-wrap:wrap!important}@media (min-width: 600px){.meetup-card-actions{padding:1.5rem!important;padding-top:0!important}}@media (min-width: 900px){.meetup-card-actions{padding:2rem!important;padding-top:0!important}}.meetup-btn-primary{background-color:#f27404!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;text-transform:none!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px #f274044d!important;text-decoration:none!important;display:inline-block!important}@media (min-width: 600px){.meetup-btn-primary{font-size:.9rem!important;padding:10px 20px!important}}.meetup-btn-primary:hover{background-color:#e06600!important;box-shadow:0 4px 12px #f2740466!important;transform:translateY(-1px)!important;color:#fff!important;text-decoration:none!important}.meetup-btn-secondary{background-color:transparent!important;color:#014040!important;border:2px solid #014040!important;padding:8px 16px!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;text-transform:none!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;display:inline-block!important}@media (min-width: 600px){.meetup-btn-secondary{font-size:.9rem!important;padding:10px 20px!important}}.meetup-btn-secondary:hover{background-color:#014040!important;color:#fff!important;transform:translateY(-1px)!important;text-decoration:none!important}.meetups-empty{text-align:center!important;padding:4rem 2rem!important}.meetups-empty .empty-subtitle{font-size:.875rem!important;color:#6c757d!important}.meetups-grid-simple{padding:1rem;max-width:1200px;margin:0 auto}.meetups-grid-simple .meetups-filters{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.meetups-grid-simple .meetups-filters .search-container{flex:1;min-width:250px}.meetups-grid-simple .meetups-filters .search-container .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.meetups-grid-simple .meetups-filters .search-container .search-input:focus{outline:none;border-color:#014040}.meetups-grid-simple .meetups-filters .search-container .search-input::placeholder{color:#9ca3af}.meetups-grid-simple .meetups-filters .filter-container{min-width:200px}.meetups-grid-simple .results-info{margin-bottom:1.5rem}.meetups-grid-simple .results-info p{color:#6b7280;font-size:.875rem;margin:0}.meetups-grid-simple .meetups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.meetups-grid-simple .meetups-grid{grid-template-columns:1fr;gap:1rem}}.meetups-grid-simple .meetup-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.meetups-grid-simple .meetup-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.meetups-grid-simple .meetup-card .meetup-image{position:relative;height:200px;overflow:hidden}.meetups-grid-simple .meetup-card .meetup-image img{width:100%;height:100%;object-fit:cover}.meetups-grid-simple .meetup-card .meetup-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.meetups-grid-simple .meetup-card .meetup-content .meetup-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.meetups-grid-simple .meetup-card .meetup-content .meetup-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;flex:1}.meetups-grid-simple .meetup-card .meetup-content .meetup-details{display:flex;flex-direction:column;gap:.5rem}.meetups-grid-simple .meetup-card .meetup-content .meetup-details .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.meetups-grid-simple .meetup-card .meetup-content .meetup-details .detail-item:last-child{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;font-weight:500;color:#374151}.meetups-grid-simple .meetup-card .meetup-actions{padding:1rem 1.5rem;padding-top:0;display:flex;gap:.75rem;flex-wrap:wrap}.meetups-grid-simple .meetup-card .meetup-actions .btn-primary{background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease;font-weight:500}.meetups-grid-simple .meetup-card .meetup-actions .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.meetups-grid-simple .meetups-empty{text-align:center;padding:4rem 2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem}.meetups-grid-simple .meetups-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.meetups-grid-simple .meetups-empty p{color:#6b7280;margin:0}@media (max-width: 480px){.meetups-grid-simple{padding:.5rem}.meetups-grid-simple .meetups-filters{padding:1rem;flex-direction:column;align-items:stretch}.meetups-grid-simple .meetups-filters .search-container,.meetups-grid-simple .meetups-filters .filter-container{min-width:auto}.meetups-grid-simple .meetups-grid{grid-template-columns:1fr}.meetups-grid-simple .meetup-card .meetup-content{padding:1rem}.meetups-grid-simple .meetup-card .meetup-content .meetup-title{font-size:1.1rem}.meetups-grid-simple .meetup-card .meetup-actions{padding:1rem;flex-direction:column}.meetups-grid-simple .meetup-card .meetup-actions .btn-primary{background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease}}.parche-chat-btn{background:linear-gradient(135deg,#014040,#027373);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0140404d}.parche-chat-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #01404066}.parche-chat-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.parche-chat-btn .btn-icon{font-size:1rem}.parche-chat-btn .btn-text{white-space:nowrap}@media (max-width: 480px){.parche-chat-btn{padding:.625rem 1.25rem;font-size:.8rem}.parche-chat-btn .btn-text{display:none}}.routes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.route-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.route-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.route-image{height:160px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.route-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.route-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0;flex:1}.route-difficulty{background:#28a745;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.route-description{color:#7f8c8d;line-height:1.4;margin-bottom:.8rem;font-size:.8rem}.route-meta{display:flex;gap:.8rem;margin-bottom:.8rem}.route-rating,.route-duration{display:flex;align-items:center;gap:.4rem;color:#6c757d;font-size:.8rem}.route-location{display:flex;align-items:center;gap:.4rem;color:#6c757d;font-size:.8rem;margin-bottom:1rem}.route-actions{display:flex;gap:.75rem;align-items:center}.btn-outline{background:transparent;border:2px solid #9ca3af;color:#9ca3af;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;width:48px;height:48px;min-width:48px}.btn-outline:hover{background:#f27404;color:#fff;border-color:#f27404;transform:scale(1.1)}.btn-outline:active{transform:scale(.95)}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state h3{color:#2c3e50;margin-bottom:.5rem}@media (max-width: 768px){.routes-grid{grid-template-columns:2fr;gap:1rem;padding:0 .5rem}.route-card{margin:0 .5rem}.route-image{height:120px}.route-content{padding:.8rem;margin-top:3rem}.route-title{font-size:1rem}.route-description{font-size:.75rem;margin-bottom:.6rem}.route-rating,.route-duration,.route-location{font-size:.75rem}.route-header{flex-direction:column;gap:.4rem}.route-difficulty{align-self:flex-start}}.commerces-grid-container{padding:2rem}@media (max-width: 768px){.commerces-grid-container{padding:1rem}}.commerces-header{margin-bottom:2rem}.commerces-header .commerces-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}@media (max-width: 768px){.commerces-header .commerces-title{font-size:2rem}}.commerces-header .commerces-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 768px){.commerces-header .commerces-subtitle{font-size:1rem}}.commerces-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media (max-width: 768px){.commerces-filters{flex-direction:column;gap:.75rem}}.commerces-filters .filter-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.commerces-filters .filter-group{flex-direction:column;align-items:stretch}}.commerces-filters .filter-autocomplete{flex:1;max-width:300px}@media (max-width: 768px){.commerces-filters .filter-autocomplete{max-width:100%}}.commerces-filters .filter-results{flex:1;display:flex;align-items:center}@media (max-width: 768px){.commerces-filters .filter-results{justify-content:center;text-align:center}}.commerces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.commerces-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.commerces-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.commerce-card{height:100%;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-light)}.commerce-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.commerce-card .commerce-image{height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.commerce-card .commerce-image:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000004d)}.commerce-card .commerce-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.commerce-card .commerce-content .commerce-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.commerce-card .commerce-content .commerce-type{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.commerce-card .commerce-content .commerce-chips{margin-bottom:1rem}.commerce-card .commerce-content .commerce-chips .commerce-chip{margin-right:.5rem;margin-bottom:.5rem;font-size:.8rem;height:28px}.commerce-card .commerce-content .commerce-chips .commerce-chip.city-chip{background-color:var(--primary-color);color:#fff}.commerce-card .commerce-content .commerce-chips .commerce-chip.category-chip{background-color:var(--accent-color);color:#fff}.commerce-card .commerce-content .commerce-info{margin-bottom:1rem}.commerce-card .commerce-content .commerce-info .commerce-detail{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.commerce-card .commerce-content .commerce-route{margin:1rem 0;padding:1rem;background-color:var(--background-light);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.commerce-card .commerce-content .commerce-route .route-title{font-size:.9rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.commerce-card .commerce-content .commerce-route .route-name{font-size:.85rem;color:var(--text-secondary);margin:0}.commerce-card .commerce-content .commerce-date{font-size:.8rem;color:var(--text-secondary);margin:1rem 0 0;font-style:italic}.commerce-card .commerce-content .commerce-actions{margin-top:auto;display:flex;gap:.75rem}.commerce-card .commerce-content .commerce-actions .action-button{flex:1;padding:.75rem 1rem;border-radius:var(--border-radius);font-weight:600;text-transform:none;transition:all .3s ease}.commerce-card .commerce-content .commerce-actions .action-button.primary-button{background-color:var(--primary-color);color:#fff}.commerce-card .commerce-content .commerce-actions .action-button.primary-button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.commerce-card .commerce-content .commerce-actions .action-button.secondary-button{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.commerce-card .commerce-content .commerce-actions .action-button.secondary-button:hover{background-color:var(--primary-color);color:#fff}.commerces-loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:var(--primary-color)}.commerces-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--text-secondary)}.commerces-error .error-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.commerces-error .error-message{font-size:1.1rem;margin-bottom:1rem}.commerces-error .retry-button{background-color:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.commerces-error .retry-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.commerces-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--text-secondary)}.commerces-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.commerces-empty .empty-message{font-size:1.2rem;margin-bottom:.5rem}.commerces-empty .empty-subtitle{font-size:1rem;opacity:.7}@media (max-width: 480px){.commerces-grid-container{padding:.5rem}.commerce-card .commerce-content{padding:1rem}.commerce-card .commerce-content .commerce-title{font-size:1.1rem}.commerce-card .commerce-content .commerce-actions{flex-direction:column}.commerce-card .commerce-content .commerce-actions .action-button{width:100%}}.commerce-detail-container{max-width:1200px;margin:0 auto;padding:0 1rem}.commerce-detail-content{margin:2rem 0}.commerce-hero-section{margin-bottom:2rem}.commerce-hero-image-container{height:400px;border-radius:12px;overflow:hidden;position:relative;margin-bottom:1.5rem}.commerce-hero-image{width:100%;height:100%;object-fit:cover;margin-top:3rem}.commerce-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:1.5rem}.commerce-hero-title{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-transform:capitalize;line-height:1.2}.commerce-hero-location{font-size:1.25rem;opacity:.9;margin:0}.commerce-content-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.commerce-content-grid{grid-template-columns:2fr 1fr}}.commerce-info-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.commerce-section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#374151}.commerce-sidebar-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#374151}.commerce-description{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.commerce-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.commerce-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.commerce-tag-primary{background-color:#014040;color:#fff}.commerce-tag-outlined{background-color:transparent;color:#014040;border:1px solid #014040}.tag-icon{font-size:1rem}.commerce-contact-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.commerce-contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-item-full{grid-column:1/-1}.contact-icon{color:#014040;font-size:1.25rem}.contact-text{font-size:.875rem;color:#374151}.location-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.location-icon{color:#014040;font-size:1.25rem}.location-text{font-size:.875rem;color:#374151}.map-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem;transition:background-color .2s;width:100%;justify-content:center;margin-bottom:1rem}.map-button:hover{background-color:#012a2a;color:#fff}.button-icon{font-size:1rem}.route-card{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:1rem;border:1px solid #e5e7eb}.route-image{height:120px;background-size:cover;background-position:center}.route-content{padding:1rem}.route-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#374151}.route-description{font-size:.875rem;color:#6b7280;margin-bottom:.75rem;line-height:1.5}.route-level-tag{display:inline-block;background-color:#014040;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.route-button{display:inline-block;background-color:transparent;color:#014040;border:1px solid #014040;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s;width:100%;text-align:center}.route-button:hover{background-color:#014040;color:#fff}.contact-actions{display:flex;flex-direction:column;gap:.5rem}.contact-action-button{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;color:#014040;border:1px solid #014040;padding:.75rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s;width:100%;justify-content:center}.contact-action-button:hover{background-color:#014040;color:#fff}@media (max-width: 768px){.commerce-detail-container{padding:0 .5rem}.commerce-detail-content{margin:1rem 0}.commerce-hero-image-container{height:300px}.commerce-hero-title{font-size:2rem}.commerce-hero-location{font-size:1rem}.commerce-info-card{padding:1rem}.commerce-contact-grid{grid-template-columns:1fr}}.guide-detail-page{margin-top:3rem;padding:2rem 1rem;max-width:1200px;margin-left:auto;margin-right:auto}.guide-detail-page .guide-header{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;box-shadow:0 4px 6px #0000001a}.guide-detail-page .guide-header .guide-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;box-shadow:0 8px 16px #0003}.guide-detail-page .guide-header .guide-name{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;text-transform:capitalize}.guide-detail-page .guide-header .guide-title{font-size:1.25rem;color:#64748b;margin-bottom:1rem}.guide-detail-page .guide-header .guide-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.guide-detail-page .guide-header .guide-rating .stars{color:#fbbf24;font-size:1.5rem}.guide-detail-page .guide-header .guide-rating .rating-text{font-size:1rem;color:#64748b;font-weight:500}.guide-detail-page .guide-header .guide-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.guide-detail-page .guide-header .guide-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.guide-detail-page .guide-header .guide-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.guide-detail-page .guide-header .guide-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.guide-detail-page .guide-header .guide-actions .btn.btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.guide-detail-page .guide-header .guide-actions .btn.btn-secondary:hover{background:#3b82f6;color:#fff}.guide-detail-page .guide-content{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-top:2rem}.guide-detail-page .guide-content .main-content .section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.guide-detail-page .guide-content .main-content .section .section-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.guide-detail-page .guide-content .main-content .section .section-content{color:#64748b;line-height:1.6}.guide-detail-page .guide-content .main-content .section .section-content p{margin-bottom:1rem}.guide-detail-page .guide-content .main-content .section .section-content ul,.guide-detail-page .guide-content .main-content .section .section-content ol{margin-left:1.5rem;margin-bottom:1rem}.guide-detail-page .guide-content .main-content .section .section-content ul li,.guide-detail-page .guide-content .main-content .section .section-content ol li{margin-bottom:.5rem}.guide-detail-page .guide-content .sidebar .info-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.guide-detail-page .guide-content .sidebar .info-card .card-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.guide-detail-page .guide-content .sidebar .info-card .info-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.guide-detail-page .guide-content .sidebar .info-card .info-item:last-child{border-bottom:none;margin-bottom:0}.guide-detail-page .guide-content .sidebar .info-card .info-item .info-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;color:#64748b}.guide-detail-page .guide-content .sidebar .info-card .info-item .info-content{flex:1}.guide-detail-page .guide-content .sidebar .info-card .info-item .info-content .info-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem}.guide-detail-page .guide-content .sidebar .info-card .info-item .info-content .info-value{font-weight:500;color:#1e293b}@media (max-width: 768px){.guide-detail-page{margin-top:2rem;padding:1rem}.guide-detail-page .guide-header{padding:1.5rem}.guide-detail-page .guide-header .guide-avatar{width:100px;height:100px;font-size:2.5rem}.guide-detail-page .guide-header .guide-name{font-size:2rem}.guide-detail-page .guide-header .guide-title{font-size:1.125rem}.guide-detail-page .guide-header .guide-actions{flex-direction:column;align-items:center}.guide-detail-page .guide-header .guide-actions .btn{width:100%;max-width:300px}.guide-detail-page .guide-content{grid-template-columns:1fr;gap:1.5rem}.guide-detail-page .guide-content .sidebar{order:-1}}@media (max-width: 480px){.guide-detail-page{margin-top:1.5rem;padding:.5rem}.guide-detail-page .guide-header{padding:1rem}.guide-detail-page .guide-header .guide-avatar{width:80px;height:80px;font-size:2rem}.guide-detail-page .guide-header .guide-name{font-size:1.75rem}.guide-detail-page .guide-header .guide-title{font-size:1rem}.guide-detail-page .guide-content .main-content .section,.guide-detail-page .guide-content .main-content .info-card,.guide-detail-page .guide-content .sidebar .section,.guide-detail-page .guide-content .sidebar .info-card{padding:1rem}}.menu-toggle-container{position:fixed!important;top:1rem!important;left:1rem!important;z-index:1002!important;display:none!important}.menu-toggle-container.mobile-only{display:none!important}@media (max-width: 768px){.menu-toggle-container.mobile-only{display:none!important}}.menu-toggle-container{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}@media (max-width: 768px){.menu-toggle-container{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}}.menu-toggle-container,.menu-toggle-container.mobile-only,div[class*=menu-toggle]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:0;z-index:1002;border-radius:12px;font-size:1.2rem;transition:all .3s ease;backdrop-filter:blur(10px);position:relative}.menu-toggle:hover{background:#fff3;border-color:#fff;transform:scale(1.05)}.menu-toggle.open{background:#fff3;border-color:#fff}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.visible{opacity:1;visibility:visible}.menu-overlay span{width:2rem;height:.25rem;background:#fff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.menu-overlay span:first-child{transform:rotate(0)}.menu-overlay span:nth-child(2){opacity:1;transform:translate(0)}.menu-overlay span:nth-child(3){transform:rotate(0)}.menu-overlay.active span:first-child{transform:rotate(45deg)}.menu-overlay.active span:nth-child(2){opacity:0;transform:translate(20px)}.menu-overlay.active span:nth-child(3){transform:rotate(-45deg)}body.chat-open .menu-bottom{display:none!important}.menu-bottom{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-top:1px solid rgba(255,255,255,.2)!important;z-index:1000!important;padding:.5rem 0!important;box-shadow:0 -4px 20px #00000026!important;backdrop-filter:blur(10px)!important}@media (min-width: 769px){.menu-bottom{display:none!important}}.menu-bottom-nav{display:flex!important;justify-content:space-around!important;align-items:center!important;max-width:100%!important;margin:0!important;padding:0!important;list-style:none!important}.menu-bottom-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;text-decoration:none!important;color:#fff!important;transition:all .3s ease!important;border-radius:12px!important;min-width:60px!important;position:relative!important}.menu-bottom-item:hover{color:#fff!important;background:#fff3!important;transform:translateY(-2px)!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}.menu-bottom-item:hover i{transform:scale(1.1)!important}.menu-bottom-item.active{color:#fff!important;background:#ffffff40!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}.menu-bottom-item.active i{transform:scale(1.1)!important}.menu-bottom-item.active:before{content:""!important;position:absolute!important;top:-2px!important;left:50%!important;transform:translate(-50%)!important;width:20px!important;height:3px!important;background:#fff!important;border-radius:2px!important}.menu-bottom-item i{font-size:1.3rem!important;margin-bottom:.25rem!important;transition:all .3s ease!important}.menu-bottom-item span{font-size:.75rem!important;font-weight:600!important;text-align:center!important;text-shadow:0 1px 3px rgba(0,0,0,.4)!important}.menu-bottom-item.center-button{background:#ffffff26!important;border:2px solid rgba(255,255,255,.25)!important;min-width:80px!important;padding:.5rem .25rem!important;border-radius:16px!important}.menu-bottom-item.center-button:hover{background:#ffffff40!important;border-color:#fff6!important;transform:translateY(-3px) scale(1.05)!important;box-shadow:0 8px 20px #0003!important}.menu-bottom-item.center-button.active{background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-3px) scale(1.05)!important;box-shadow:0 8px 20px #0000004d!important}.menu-bottom-item.center-button i{font-size:1.3rem!important;margin-bottom:.125rem!important;color:#fff!important}.menu-bottom-item.center-button span{font-size:.65rem!important;font-weight:700!important;color:#fff!important}.notification-badge{position:absolute!important;top:.25rem!important;right:.25rem!important;background:#ff4757!important;color:#fff!important;border-radius:50%!important;width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.6rem!important;font-weight:700!important;box-shadow:0 2px 6px #0000004d!important;animation:pulse 2s infinite!important;border:2px solid rgba(255,255,255,.3)!important}.wizard-container{max-width:100%;margin:0 auto;padding:2rem;background:#fff;min-height:calc(100vh - 200px);overflow-x:hidden}@media (max-width: 768px){.wizard-container{padding:.5rem;margin:0;width:100%;max-width:100vw}}@media (max-width: 480px){.wizard-container{padding:.25rem;margin:0}}.wizard-header{text-align:center;margin-bottom:2rem}.wizard-title{font-size:2rem;font-weight:700;color:#014040;margin-bottom:.5rem}@media (max-width: 768px){.wizard-title{font-size:1.5rem}}.wizard-subtitle{font-size:1.1rem;color:#6b7280;margin-bottom:0}@media (max-width: 768px){.wizard-subtitle{font-size:1rem}}.wizard-stepper{margin-bottom:2rem}.wizard-steps{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:800px;margin:0 auto}.wizard-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.wizard-step:not(:last-child):after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#e2e8f0;z-index:1}.wizard-step-number{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin-bottom:.5rem;position:relative;z-index:2;background:#e2e8f0;color:#6b7280}.wizard-step-active{background:#014040!important;color:#fff!important}.wizard-step-inactive{background:#e2e8f0;color:#6b7280}.wizard-step-label{font-size:.75rem;text-align:center;color:#6b7280;font-weight:500}.wizard-step-label-active{color:#014040;font-weight:600}.wizard-content{display:block;width:100%;max-width:800px;margin:0 auto}.wizard-form{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;width:100%;max-width:800px;margin:0 auto;overflow-x:hidden}@media (max-width: 768px){.wizard-form{padding:1rem;margin:0;border-radius:8px;width:100%;max-width:100vw;box-sizing:border-box}}@media (max-width: 480px){.wizard-form{padding:.75rem;margin:0;border-radius:4px;box-shadow:0 2px 4px #0000001a}}.wizard-form-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#f8fafc;box-sizing:border-box}@media (max-width: 768px){.wizard-form-input{padding:.75rem;font-size:.9rem}}@media (max-width: 480px){.wizard-form-input{padding:.5rem;font-size:.85rem}}.wizard-form-input:focus{outline:none;border-color:#014040;box-shadow:0 0 0 3px #0140401a}.wizard-form-textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#f8fafc;min-height:120px;resize:vertical;box-sizing:border-box}@media (max-width: 768px){.wizard-form-textarea{padding:.75rem;font-size:.9rem;min-height:100px}}@media (max-width: 480px){.wizard-form-textarea{padding:.5rem;font-size:.85rem;min-height:80px}}.wizard-form-textarea:focus{outline:none;border-color:#014040;box-shadow:0 0 0 3px #0140401a}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}@media (max-width: 768px){.wizard-navigation{flex-direction:column;gap:.75rem;margin-top:1.5rem}}@media (max-width: 480px){.wizard-navigation{gap:.5rem;margin-top:1rem}}.wizard-btn{padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:150px;box-sizing:border-box}@media (max-width: 768px){.wizard-btn{padding:.75rem 1.5rem;font-size:.9rem;min-width:120px;width:100%}}@media (max-width: 480px){.wizard-btn{padding:.5rem 1rem;font-size:.85rem;min-width:100px}}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-primary{background:#014040;color:#fff}.wizard-btn-primary:hover:not(:disabled){background:#027373;transform:translateY(-2px);box-shadow:0 4px 12px #0140404d}.wizard-btn-secondary{background:#f8fafc;color:#6b7280;border:2px solid #e2e8f0}.wizard-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#374151}.wizard-mobile-container,.create-route-wizard,.create-meetup-wizard,.create-commerce-wizard,.create-guide-wizard,.edit-route-wizard,.edit-meetup-wizard,.edit-commerce-wizard{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.wizard-mobile-container *,.create-route-wizard *,.create-meetup-wizard *,.create-commerce-wizard *,.create-guide-wizard *,.edit-route-wizard *,.edit-meetup-wizard *,.edit-commerce-wizard *{max-width:100%!important;box-sizing:border-box!important}@media (max-width: 768px){.wizard-mobile-container .MuiBox-root,.create-route-wizard .MuiBox-root,.create-meetup-wizard .MuiBox-root,.create-commerce-wizard .MuiBox-root,.create-guide-wizard .MuiBox-root,.edit-route-wizard .MuiBox-root,.edit-meetup-wizard .MuiBox-root,.edit-commerce-wizard .MuiBox-root{padding:.5rem!important;margin:0!important;width:100%!important;max-width:100%!important}}@media (max-width: 480px){.wizard-mobile-container .MuiBox-root,.create-route-wizard .MuiBox-root,.create-meetup-wizard .MuiBox-root,.create-commerce-wizard .MuiBox-root,.create-guide-wizard .MuiBox-root,.edit-route-wizard .MuiBox-root,.edit-meetup-wizard .MuiBox-root,.edit-commerce-wizard .MuiBox-root{padding:.25rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiContainer-root,.create-route-wizard .MuiContainer-root,.create-meetup-wizard .MuiContainer-root,.create-commerce-wizard .MuiContainer-root,.create-guide-wizard .MuiContainer-root,.edit-route-wizard .MuiContainer-root,.edit-meetup-wizard .MuiContainer-root,.edit-commerce-wizard .MuiContainer-root{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}}@media (max-width: 768px){.wizard-mobile-container .MuiGrid-container,.create-route-wizard .MuiGrid-container,.create-meetup-wizard .MuiGrid-container,.create-commerce-wizard .MuiGrid-container,.create-guide-wizard .MuiGrid-container,.edit-route-wizard .MuiGrid-container,.edit-meetup-wizard .MuiGrid-container,.edit-commerce-wizard .MuiGrid-container{margin:0!important;width:100%!important;max-width:100%!important}}@media (max-width: 768px){.wizard-mobile-container .MuiGrid-item,.create-route-wizard .MuiGrid-item,.create-meetup-wizard .MuiGrid-item,.create-commerce-wizard .MuiGrid-item,.create-guide-wizard .MuiGrid-item,.edit-route-wizard .MuiGrid-item,.edit-meetup-wizard .MuiGrid-item,.edit-commerce-wizard .MuiGrid-item{padding:0 4px!important;max-width:100%!important;min-width:0!important}}@media (max-width: 768px){.wizard-mobile-container .MuiStepper-root,.create-route-wizard .MuiStepper-root,.create-meetup-wizard .MuiStepper-root,.create-commerce-wizard .MuiStepper-root,.create-guide-wizard .MuiStepper-root,.edit-route-wizard .MuiStepper-root,.edit-meetup-wizard .MuiStepper-root,.edit-commerce-wizard .MuiStepper-root{padding:0!important;margin-bottom:.5rem!important;overflow-x:auto}.wizard-mobile-container .MuiStepper-root .MuiStepLabel-root,.create-route-wizard .MuiStepper-root .MuiStepLabel-root,.create-meetup-wizard .MuiStepper-root .MuiStepLabel-root,.create-commerce-wizard .MuiStepper-root .MuiStepLabel-root,.create-guide-wizard .MuiStepper-root .MuiStepLabel-root,.edit-route-wizard .MuiStepper-root .MuiStepLabel-root,.edit-meetup-wizard .MuiStepper-root .MuiStepLabel-root,.edit-commerce-wizard .MuiStepper-root .MuiStepLabel-root{padding:0 2px!important}.wizard-mobile-container .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-route-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-meetup-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-commerce-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-guide-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-route-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-meetup-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-commerce-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label{font-size:.7rem!important;line-height:1.2!important;white-space:nowrap}}@media (max-width: 480px){.wizard-mobile-container .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-route-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-meetup-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-commerce-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.create-guide-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-route-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-meetup-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label,.edit-commerce-wizard .MuiStepper-root .MuiStepLabel-root .MuiStepLabel-label{display:none!important}}@media (max-width: 768px){.wizard-mobile-container .MuiTextField-root,.create-route-wizard .MuiTextField-root,.create-meetup-wizard .MuiTextField-root,.create-commerce-wizard .MuiTextField-root,.create-guide-wizard .MuiTextField-root,.edit-route-wizard .MuiTextField-root,.edit-meetup-wizard .MuiTextField-root,.edit-commerce-wizard .MuiTextField-root{width:100%!important;max-width:100%!important;margin-bottom:.5rem!important}.wizard-mobile-container .MuiTextField-root .MuiInputBase-root,.create-route-wizard .MuiTextField-root .MuiInputBase-root,.create-meetup-wizard .MuiTextField-root .MuiInputBase-root,.create-commerce-wizard .MuiTextField-root .MuiInputBase-root,.create-guide-wizard .MuiTextField-root .MuiInputBase-root,.edit-route-wizard .MuiTextField-root .MuiInputBase-root,.edit-meetup-wizard .MuiTextField-root .MuiInputBase-root,.edit-commerce-wizard .MuiTextField-root .MuiInputBase-root,.wizard-mobile-container .MuiTextField-root .MuiInputBase-input,.create-route-wizard .MuiTextField-root .MuiInputBase-input,.create-meetup-wizard .MuiTextField-root .MuiInputBase-input,.create-commerce-wizard .MuiTextField-root .MuiInputBase-input,.create-guide-wizard .MuiTextField-root .MuiInputBase-input,.edit-route-wizard .MuiTextField-root .MuiInputBase-input,.edit-meetup-wizard .MuiTextField-root .MuiInputBase-input,.edit-commerce-wizard .MuiTextField-root .MuiInputBase-input{font-size:16px!important;width:100%!important;max-width:100%!important}}@media (max-width: 480px){.wizard-mobile-container .MuiTextField-root,.create-route-wizard .MuiTextField-root,.create-meetup-wizard .MuiTextField-root,.create-commerce-wizard .MuiTextField-root,.create-guide-wizard .MuiTextField-root,.edit-route-wizard .MuiTextField-root,.edit-meetup-wizard .MuiTextField-root,.edit-commerce-wizard .MuiTextField-root{margin-bottom:.25rem!important}.wizard-mobile-container .MuiTextField-root .MuiInputBase-root,.create-route-wizard .MuiTextField-root .MuiInputBase-root,.create-meetup-wizard .MuiTextField-root .MuiInputBase-root,.create-commerce-wizard .MuiTextField-root .MuiInputBase-root,.create-guide-wizard .MuiTextField-root .MuiInputBase-root,.edit-route-wizard .MuiTextField-root .MuiInputBase-root,.edit-meetup-wizard .MuiTextField-root .MuiInputBase-root,.edit-commerce-wizard .MuiTextField-root .MuiInputBase-root{padding:.5rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiFormControl-root,.create-route-wizard .MuiFormControl-root,.create-meetup-wizard .MuiFormControl-root,.create-commerce-wizard .MuiFormControl-root,.create-guide-wizard .MuiFormControl-root,.edit-route-wizard .MuiFormControl-root,.edit-meetup-wizard .MuiFormControl-root,.edit-commerce-wizard .MuiFormControl-root{width:100%!important;max-width:100%!important;margin-bottom:.5rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiFormControl-root,.create-route-wizard .MuiFormControl-root,.create-meetup-wizard .MuiFormControl-root,.create-commerce-wizard .MuiFormControl-root,.create-guide-wizard .MuiFormControl-root,.edit-route-wizard .MuiFormControl-root,.edit-meetup-wizard .MuiFormControl-root,.edit-commerce-wizard .MuiFormControl-root{margin-bottom:.25rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiSelect-root,.create-route-wizard .MuiSelect-root,.create-meetup-wizard .MuiSelect-root,.create-commerce-wizard .MuiSelect-root,.create-guide-wizard .MuiSelect-root,.edit-route-wizard .MuiSelect-root,.edit-meetup-wizard .MuiSelect-root,.edit-commerce-wizard .MuiSelect-root{width:100%!important;max-width:100%!important;font-size:16px!important}}@media (max-width: 768px){.wizard-mobile-container .MuiButton-root,.create-route-wizard .MuiButton-root,.create-meetup-wizard .MuiButton-root,.create-commerce-wizard .MuiButton-root,.create-guide-wizard .MuiButton-root,.edit-route-wizard .MuiButton-root,.edit-meetup-wizard .MuiButton-root,.edit-commerce-wizard .MuiButton-root{width:100%!important;margin-bottom:.5rem!important;font-size:.9rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiButton-root,.create-route-wizard .MuiButton-root,.create-meetup-wizard .MuiButton-root,.create-commerce-wizard .MuiButton-root,.create-guide-wizard .MuiButton-root,.edit-route-wizard .MuiButton-root,.edit-meetup-wizard .MuiButton-root,.edit-commerce-wizard .MuiButton-root{font-size:.85rem!important;padding:.5rem 1rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiCard-root,.create-route-wizard .MuiCard-root,.create-meetup-wizard .MuiCard-root,.create-commerce-wizard .MuiCard-root,.create-guide-wizard .MuiCard-root,.edit-route-wizard .MuiCard-root,.edit-meetup-wizard .MuiCard-root,.edit-commerce-wizard .MuiCard-root{margin:0!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;max-width:100%!important}}@media (max-width: 480px){.wizard-mobile-container .MuiCard-root,.create-route-wizard .MuiCard-root,.create-meetup-wizard .MuiCard-root,.create-commerce-wizard .MuiCard-root,.create-guide-wizard .MuiCard-root,.edit-route-wizard .MuiCard-root,.edit-meetup-wizard .MuiCard-root,.edit-commerce-wizard .MuiCard-root{box-shadow:0 1px 2px #0000001a!important}}@media (max-width: 768px){.wizard-mobile-container .MuiCardContent-root,.create-route-wizard .MuiCardContent-root,.create-meetup-wizard .MuiCardContent-root,.create-commerce-wizard .MuiCardContent-root,.create-guide-wizard .MuiCardContent-root,.edit-route-wizard .MuiCardContent-root,.edit-meetup-wizard .MuiCardContent-root,.edit-commerce-wizard .MuiCardContent-root{padding:1rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiCardContent-root,.create-route-wizard .MuiCardContent-root,.create-meetup-wizard .MuiCardContent-root,.create-commerce-wizard .MuiCardContent-root,.create-guide-wizard .MuiCardContent-root,.edit-route-wizard .MuiCardContent-root,.edit-meetup-wizard .MuiCardContent-root,.edit-commerce-wizard .MuiCardContent-root{padding:.75rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiTypography-root,.create-route-wizard .MuiTypography-root,.create-meetup-wizard .MuiTypography-root,.create-commerce-wizard .MuiTypography-root,.create-guide-wizard .MuiTypography-root,.edit-route-wizard .MuiTypography-root,.edit-meetup-wizard .MuiTypography-root,.edit-commerce-wizard .MuiTypography-root{word-wrap:break-word!important;overflow-wrap:break-word!important}}@media (max-width: 768px){.wizard-mobile-container .MuiLinearProgress-root,.create-route-wizard .MuiLinearProgress-root,.create-meetup-wizard .MuiLinearProgress-root,.create-commerce-wizard .MuiLinearProgress-root,.create-guide-wizard .MuiLinearProgress-root,.edit-route-wizard .MuiLinearProgress-root,.edit-meetup-wizard .MuiLinearProgress-root,.edit-commerce-wizard .MuiLinearProgress-root{margin-bottom:.5rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiChip-root,.create-route-wizard .MuiChip-root,.create-meetup-wizard .MuiChip-root,.create-commerce-wizard .MuiChip-root,.create-guide-wizard .MuiChip-root,.edit-route-wizard .MuiChip-root,.edit-meetup-wizard .MuiChip-root,.edit-commerce-wizard .MuiChip-root{font-size:.75rem!important;height:24px!important}}@media (max-width: 480px){.wizard-mobile-container .MuiChip-root,.create-route-wizard .MuiChip-root,.create-meetup-wizard .MuiChip-root,.create-commerce-wizard .MuiChip-root,.create-guide-wizard .MuiChip-root,.edit-route-wizard .MuiChip-root,.edit-meetup-wizard .MuiChip-root,.edit-commerce-wizard .MuiChip-root{font-size:.7rem!important;height:22px!important}}@media (max-width: 768px){.wizard-mobile-container .MuiFormLabel-root,.create-route-wizard .MuiFormLabel-root,.create-meetup-wizard .MuiFormLabel-root,.create-commerce-wizard .MuiFormLabel-root,.create-guide-wizard .MuiFormLabel-root,.edit-route-wizard .MuiFormLabel-root,.edit-meetup-wizard .MuiFormLabel-root,.edit-commerce-wizard .MuiFormLabel-root{font-size:.9rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiFormLabel-root,.create-route-wizard .MuiFormLabel-root,.create-meetup-wizard .MuiFormLabel-root,.create-commerce-wizard .MuiFormLabel-root,.create-guide-wizard .MuiFormLabel-root,.edit-route-wizard .MuiFormLabel-root,.edit-meetup-wizard .MuiFormLabel-root,.edit-commerce-wizard .MuiFormLabel-root{font-size:.85rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiInputLabel-root,.create-route-wizard .MuiInputLabel-root,.create-meetup-wizard .MuiInputLabel-root,.create-commerce-wizard .MuiInputLabel-root,.create-guide-wizard .MuiInputLabel-root,.edit-route-wizard .MuiInputLabel-root,.edit-meetup-wizard .MuiInputLabel-root,.edit-commerce-wizard .MuiInputLabel-root{font-size:.9rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiInputLabel-root,.create-route-wizard .MuiInputLabel-root,.create-meetup-wizard .MuiInputLabel-root,.create-commerce-wizard .MuiInputLabel-root,.create-guide-wizard .MuiInputLabel-root,.edit-route-wizard .MuiInputLabel-root,.edit-meetup-wizard .MuiInputLabel-root,.edit-commerce-wizard .MuiInputLabel-root{font-size:.85rem!important}}@media (max-width: 768px){.wizard-mobile-container .MuiFormHelperText-root,.create-route-wizard .MuiFormHelperText-root,.create-meetup-wizard .MuiFormHelperText-root,.create-commerce-wizard .MuiFormHelperText-root,.create-guide-wizard .MuiFormHelperText-root,.edit-route-wizard .MuiFormHelperText-root,.edit-meetup-wizard .MuiFormHelperText-root,.edit-commerce-wizard .MuiFormHelperText-root{font-size:.75rem!important}}@media (max-width: 480px){.wizard-mobile-container .MuiFormHelperText-root,.create-route-wizard .MuiFormHelperText-root,.create-meetup-wizard .MuiFormHelperText-root,.create-commerce-wizard .MuiFormHelperText-root,.create-guide-wizard .MuiFormHelperText-root,.edit-route-wizard .MuiFormHelperText-root,.edit-meetup-wizard .MuiFormHelperText-root,.edit-commerce-wizard .MuiFormHelperText-root{font-size:.7rem!important}}.hero-section{position:relative;height:100vh;overflow:hidden;margin:0!important;padding:0!important}.hero-video-fullwidth,.hero-video-section{width:100%;height:100%;position:relative}.video-slider-container{width:100%;height:100%;position:relative;overflow:hidden}.video-slider{width:100%;height:100%;position:relative}.video-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out}.video-slide.active{opacity:1}.video-slide video{width:100%;height:100%;object-fit:cover;display:block}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#014040b3,#02737380,#0000004d);display:flex;align-items:center;justify-content:center}.slide-content{text-align:center;color:#fff;max-width:800px;padding:2rem;z-index:2}.slide-category{background:#f27404e6;color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;display:inline-block}.slide-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}@media (max-width: 768px){.slide-title{font-size:2.5rem}}@media (max-width: 480px){.slide-title{font-size:2rem}}.slide-description{font-size:1.3rem;margin-bottom:2rem;opacity:.9;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.slide-description{font-size:1.1rem}}@media (max-width: 480px){.slide-description{font-size:1rem}}.slide-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 480px){.slide-actions{flex-direction:column;gap:.75rem}}.btn-play-pause{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;backdrop-filter:blur(10px)}.btn-play-pause:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.05)}.btn-explore{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;padding:1.25rem 3.5rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 25px #667eea66,0 4px 15px #764ba24d;position:relative;overflow:hidden;text-decoration:none!important;display:inline-block}.btn-explore:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-explore:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #667eea99,0 8px 25px #764ba266;background:linear-gradient(135deg,#5a6fd8,#6a4190);color:#fff!important;text-decoration:none!important}.btn-explore:hover:before{left:100%}.btn-explore:active{transform:translateY(-1px) scale(1.01)}.btn-explore:focus{color:#fff!important;text-decoration:none!important;box-shadow:0 0 0 3px #667eea4d,0 8px 25px #667eea66,0 4px 15px #764ba24d}@media (max-width: 768px){.btn-explore{padding:1rem 2.5rem;font-size:1.1rem;letter-spacing:1px}}.btn-learn-more{color:#fff!important;text-decoration:none!important;font-size:1.1rem;font-weight:600;padding:1.125rem 2.5rem;border:2px solid rgba(255,255,255,.4);border-radius:50px;transition:all .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(15px);background:#ffffff0d;position:relative;overflow:hidden;display:inline-block}.btn-learn-more:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease}.btn-learn-more:hover{background:#ffffff26;border-color:#fffc;color:#fff!important;text-decoration:none!important;transform:translateY(-2px);box-shadow:0 8px 25px #fff3}.btn-learn-more:hover:before{opacity:1}.btn-learn-more:active{transform:translateY(0)}.btn-learn-more:focus{color:#fff!important;text-decoration:none!important;box-shadow:0 0 0 3px #ffffff4d}@media (max-width: 768px){.btn-learn-more{font-size:1rem;padding:1rem 2rem}}.slider-controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;z-index:3}.control-btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem;backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.slide-indicators{display:flex;gap:.5rem}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.indicator:hover{background:#ffffff80}.indicator.active{background:#f27404;border-color:#f27404;transform:scale(1.2)}@media (max-width: 768px){.hero-section{height:80vh}.slide-content{padding:1rem}.slider-controls{bottom:1rem;gap:1rem}}@media (max-width: 480px){.hero-section{height:70vh}.slide-content{padding:.5rem}.slider-controls{bottom:.5rem;gap:.5rem}.control-btn{padding:.5rem;font-size:1rem;width:50px;height:50px}.indicator{width:10px;height:10px}}.stats-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:4rem 0;margin:2rem 0;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e2e8f0" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.stats-section .container{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center;justify-items:center}.stats-section .stat-item{text-align:center;padding:2rem 1rem;background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a,0 4px 15px #0000000d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.stats-section .stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.stats-section .stat-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 25px #0000001a;background:#fffffff2}.stats-section .stat-item:hover:before{left:100%}.stats-section .stat-number{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stats-section .stat-label{font-size:1.1rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;line-height:1.2}@media (max-width: 768px){.stats-section{padding:3rem 0;margin:1.5rem 0}.stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats-section .stat-item{padding:1.5rem 1rem}.stats-section .stat-number{font-size:2.5rem}.stats-section .stat-label{font-size:1rem}}@media (max-width: 480px){.stats-section{padding:2rem 0;margin:1rem 0}.stats-section .container{padding:0 .5rem}.stats-section .stats-grid{grid-template-columns:1fr;gap:1rem}.stats-section .stat-item{padding:1.25rem .75rem}.stats-section .stat-number{font-size:2rem}.stats-section .stat-label{font-size:.9rem;letter-spacing:.5px}}.chat-list-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:400px;max-height:80vh;z-index:10000;overflow:hidden}.chat-list-container .chat-list-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between}.chat-list-container .chat-list-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.chat-list-container .chat-list-header .chat-list-close{background:#e5e7eb;border:none;color:#6b7280;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-list-container .chat-list-header .chat-list-close:hover{background:#d1d5db;color:#374151}.chat-list-container .chat-list-content{max-height:60vh;overflow-y:auto}.chat-list-container .chat-list-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.chat-list-container .chat-list-empty p{margin:0 0 .5rem}.chat-list-container .chat-list-items .chat-list-item{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.chat-list-container .chat-list-items .chat-list-item:hover{background:#f8fafc}.chat-list-container .chat-list-items .chat-list-item.active{background:#eff6ff;border-left:4px solid #3b82f6}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-avatar{width:48px;height:48px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1rem;flex-shrink:0}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-content{flex:1;min-width:0}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-content .chat-list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-content .chat-list-item-header .chat-list-item-name{margin:0;font-size:1rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-content .chat-list-item-header .chat-list-item-time{font-size:.75rem;color:#9ca3af;flex-shrink:0;margin-left:.5rem}.chat-list-container .chat-list-items .chat-list-item .chat-list-item-content .chat-list-item-message{font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-buttons{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:1000}@media (max-width: 768px){.chat-buttons{bottom:7rem;right:1rem}}.chat-buttons .chat-toggle-btn,.chat-buttons .chat-users-btn{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#014040,#027373);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #0140404d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;bottom:5rem}.chat-buttons .chat-toggle-btn:hover,.chat-buttons .chat-users-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #01404066}.chat-buttons .chat-toggle-btn:active,.chat-buttons .chat-users-btn:active{transform:translateY(0)}.chat-buttons .chat-toggle-btn .chat-notification-badge,.chat-buttons .chat-users-btn .chat-notification-badge{position:absolute;top:-5px;right:-5px;background:#f27404;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}.chat-buttons .chat-users-btn{background:linear-gradient(135deg,#f27404,#ff8c00);box-shadow:0 4px 20px #f274044d}.chat-buttons .chat-users-btn:hover{box-shadow:0 6px 25px #f2740466}.chat-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.chat-overlay .chat-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.chat-overlay .chat-modal .chat-modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between}.chat-overlay .chat-modal .chat-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.chat-overlay .chat-modal .chat-modal-header .chat-close-btn{width:32px;height:32px;border:none;background:#e5e7eb;color:#6b7280;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease}.chat-overlay .chat-modal .chat-modal-header .chat-close-btn:hover{background:#d1d5db;color:#374151}.chat-overlay .chat-modal .chat-modal-content{flex:1;overflow:hidden}@media (min-width: 769px){.chat-container .chat-header .chat-controls .chat-close{background:#f27404;color:#fff;width:25px;height:25px;border-radius:50%;font-size:1.3rem;font-weight:700;box-shadow:0 3px 8px #f2740466;position:absolute;top:.5rem;right:.5rem;z-index:1001;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-container .chat-header .chat-controls .chat-close:hover{background:#e06603;transform:scale(1.15);box-shadow:0 4px 12px #f2740499}.chat-container .chat-header .chat-controls .chat-minimize{background:#3b82f6cc;color:#fff;width:32px;height:32px;border-radius:8px;font-size:1rem}.chat-container .chat-header .chat-controls .chat-minimize:hover{background:#2563eb;transform:scale(1.1)}}@media (max-width: 768px){.chat-buttons{bottom:1rem;right:1rem;gap:.75rem}.chat-buttons .chat-toggle-btn,.chat-buttons .chat-users-btn{width:50px;height:50px;font-size:1.25rem}.chat-overlay{padding:.5rem}.chat-overlay .chat-modal{max-height:90vh}}.chat-container{position:fixed;bottom:20px;right:20px;width:350px;height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.chat-container.chat-minimized{height:60px}.chat-container.chat-minimized .chat-messages,.chat-container.chat-minimized .chat-input-form{display:none}@media (max-width: 768px){.chat-container{width:100vw;height:50vh;inset:auto 0 0;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000004d;max-width:none;max-height:none}}.chat-header{display:flex;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px 12px 0 0;cursor:pointer;position:relative;min-height:60px}.chat-header .chat-header-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding-right:140px}.chat-header .chat-header-info .chat-user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.chat-header .chat-header-info .chat-title{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;flex:1}.chat-header .chat-header-info .chat-title h3{font-size:.9rem;font-weight:600;margin:0;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-header .chat-header-info .chat-title .chat-status{font-size:.6rem;display:flex;align-items:center;gap:.25rem}.chat-header .chat-header-info .chat-title .chat-status .status-online{color:#10b981}.chat-header .chat-header-info .chat-title .chat-status .status-away{color:#f59e0b}.chat-header .chat-header-info .chat-title .chat-status .status-offline{color:#ef4444}.chat-header .chat-header-info .chat-title .chat-status .status-connected{color:#10b981}.chat-header .chat-header-info .chat-title .chat-status .status-connecting{color:#f59e0b}.chat-header .chat-icon{font-size:.875rem}.chat-header .chat-header-actions{display:flex;gap:.5rem;align-items:center;position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:1000}.chat-header .chat-header-actions .chat-friendship-button .MuiButton-root{font-size:.75rem;padding:4px 8px;min-width:80px;height:28px;border-radius:12px;text-transform:none;font-weight:500}.chat-header .chat-header-actions .chat-minimize{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;transition:all .2s ease;margin:0}.chat-header .chat-header-actions .chat-minimize:hover{background:#ffffff4d;transform:scale(1.1)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-error{background:#fef2f2;color:#ef4444;padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;border:1px solid #fecaca}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280;font-size:.875rem}.chat-message{display:flex;margin-bottom:.5rem;animation:messageSlideIn .3s ease;align-items:flex-start;gap:.5rem}.chat-message.own-message{justify-content:flex-end}.chat-message.own-message .message-content{background:#3b82f6;color:#fff;border-radius:18px 18px 4px}.chat-message.own-message .message-avatar{order:2}.chat-message.other-message{justify-content:flex-start}.chat-message.other-message .message-content{background:#f3f4f6;color:#374151;border-radius:18px 18px 18px 4px}.chat-message.other-message .message-avatar{order:1}.message-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#014040,#027373);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;flex-shrink:0;margin-top:.25rem}.message-content{max-width:75%;padding:.75rem 1rem;word-wrap:break-word}.message-content .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.65rem;opacity:.8}.message-content .message-sender{font-weight:500;text-transform:capitalize}.message-content .message-time{margin-left:.5rem}.message-content .message-text{font-size:.875rem;line-height:1.4}.chat-input-form{padding:1rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.chat-input-container{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;padding:.75rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.875rem;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.chat-send-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.chat-send-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.chat-toggle-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#3b82f6;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;z-index:999}.chat-toggle-btn:hover{background:#2563eb;transform:scale(1.1)}@media (max-width: 768px){.chat-toggle-btn{width:50px;height:50px;font-size:1.25rem;bottom:7rem;right:1rem}}.chat-connecting .chat-header{background:#f59e0b}.chat-disconnected .chat-header{background:#ef4444}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.chat-container .chat-close{width:26px;height:26px;font-size:.95rem;top:6px;right:6px;z-index:1005}}@media (max-width: 480px){.chat-container{width:100vw;height:50vh;max-width:none;max-height:none;bottom:0;right:0;left:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px #0000004d}.chat-container .chat-header{padding:.5rem 1rem;min-height:50px}.chat-container .chat-header .chat-header-info{gap:.75rem}.chat-container .chat-header .chat-header-info .chat-user-avatar{width:36px;height:36px;font-size:.8rem}.chat-container .chat-header .chat-header-info .chat-title h3{font-size:.85rem;max-width:150px}.chat-container .chat-header .chat-header-info .chat-title .chat-status{font-size:.55rem}.chat-container .chat-header .chat-header-actions{top:50%;right:1rem;transform:translateY(-50%);gap:.5rem}.chat-container .chat-header .chat-header-actions .chat-show-list,.chat-container .chat-header .chat-header-actions .chat-back-to-users,.chat-container .chat-header .chat-header-actions .chat-minimize{width:28px;height:28px;font-size:.9rem}.chat-container .chat-close{width:28px;height:28px;font-size:.9rem;top:8px;right:8px;z-index:1010;box-shadow:0 4px 12px #0000004d;border:2px solid white}.chat-container .chat-close:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.chat-header{padding:1rem;min-height:60px;position:relative;border-radius:16px 16px 0 0}.chat-header .chat-header-info{flex:1;margin-right:1rem}.chat-header .chat-header-info h3{font-size:1.1rem;margin:0;font-weight:600}.chat-header .chat-header-info .chat-status{font-size:.8rem;margin-top:.25rem}.chat-header-actions{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;z-index:1000}.chat-show-list,.chat-back-to-users{background:#fff3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.9rem;margin:0}.chat-show-list:hover,.chat-back-to-users:hover{background:#ffffff4d;transform:scale(1.1)}.chat-close{position:absolute;top:8px;right:8px;width:32px;height:32px;font-size:1rem;font-weight:700;background:#f27404;color:#fff;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1010;box-shadow:0 4px 12px #0000004d;margin:0;padding:0}.chat-close:hover{background:#e06603;transform:scale(1.1);box-shadow:0 6px 16px #0006}.chat-messages{padding:1rem;max-height:calc(70vh - 140px);overflow-y:auto}.message-content{max-width:80%}.message-avatar{width:18px;height:18px;font-size:.45rem}.chat-input-form{padding:1rem;border-top:1px solid #e5e7eb}.chat-input-form .chat-input-container{flex-direction:row;gap:.75rem;align-items:flex-end}.chat-input-form .chat-input{font-size:16px;padding:.75rem;flex:1;border-radius:20px;border:1px solid #d1d5db}.chat-input-form .chat-send-btn{padding:.75rem 1.5rem;font-size:.9rem;border-radius:20px;background:#3b82f6;color:#fff;border:none}.chat-input-form .chat-send-btn:hover{background:#2563eb}.chat-friendship-button{margin:.5rem 0}}.chat-notification-alert{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:8px 16px;text-align:center;font-size:14px;font-weight:500;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #4caf504d;border-radius:0 0 8px 8px}.chat-notification-alert span{display:flex;align-items:center;justify-content:center;gap:8px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.chat-input-container{display:flex;align-items:center;gap:8px;width:100%}.chat-input-buttons{display:flex;gap:4px}.chat-emoji-btn,.chat-file-btn{background:#f0f0f0;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.chat-emoji-btn:hover:not(:disabled),.chat-file-btn:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05)}.chat-emoji-btn:disabled,.chat-file-btn:disabled{opacity:.5;cursor:not-allowed}.chat-file-btn{position:relative}.emoji-picker-container{position:absolute;bottom:60px;right:10px;z-index:1000;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid #e0e0e0}.message-image .image-caption{font-size:12px;color:#666;margin-top:4px;word-break:break-all}.message-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.message-file .file-icon{font-size:24px}.message-file .file-info{flex:1;min-width:0}.message-file .file-name{font-weight:500;color:#333;word-break:break-all}.message-file .file-size{font-size:12px;color:#666}.message-emoji{display:flex;align-items:center;justify-content:center;min-height:40px}.message-text-content{word-wrap:break-word;white-space:pre-wrap}.chat-buttons{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-buttons .chat-toggle-btn{width:60px;height:60px;border-radius:50%;background:#f27404;border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #f274044d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.chat-buttons .chat-toggle-btn:hover{background:#e06603;transform:scale(1.1);box-shadow:0 6px 16px #f2740466}.chat-buttons .chat-toggle-btn:active{transform:scale(.95)}.chat-buttons .chat-notification-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white}@media (max-width: 768px){.chat-buttons{bottom:80px;right:15px}.chat-buttons .chat-toggle-btn{width:56px;height:56px;font-size:22px}.emoji-picker-container{bottom:70px;right:5px;left:5px}.chat-input-buttons{gap:2px}.chat-emoji-btn,.chat-file-btn{width:32px;height:32px;font-size:14px}}.user-list{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column}.user-list .user-list-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.user-list .user-list-header h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937}.user-list .user-list-header .user-search .user-search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s ease}.user-list .user-list-header .user-search .user-search-input:focus{outline:none;border-color:#027373;box-shadow:0 0 0 3px #0273731a}.user-list .user-list-header .user-search .user-search-input::placeholder{color:#9ca3af}.user-list .user-list-content{flex:1;overflow-y:auto;padding:.5rem 0}.user-list .user-list-content .user-list-loading,.user-list .user-list-content .user-list-empty{padding:2rem;text-align:center;color:#6b7280}.user-list .user-list-content .user-list-empty p{margin:0;font-size:.875rem}.user-list .user-list-content .user-item{display:flex;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.user-list .user-list-content .user-item:hover{background-color:#f9fafb}.user-list .user-list-content .user-item:last-child{border-bottom:none}.user-list .user-list-content .user-item .user-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#014040,#027373);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem;margin-right:1rem;flex-shrink:0}.user-list .user-list-content .user-item .user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-list .user-list-content .user-item .user-avatar .user-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.user-list .user-list-content .user-item .user-info{flex:1;min-width:0}.user-list .user-list-content .user-item .user-info .user-name{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list .user-list-content .user-item .user-info .user-email{color:#6b7280;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list .user-list-content .user-item .user-status{flex-shrink:0;margin-left:.5rem}@media (max-width: 768px){.user-list .user-list-header{padding:1rem}.user-list .user-list-header h3{font-size:1.125rem}.user-list .user-list-content .user-item{padding:.75rem 1rem}.user-list .user-list-content .user-item .user-avatar{width:40px;height:40px;font-size:1rem;margin-right:.75rem}.user-list .user-list-content .user-item .user-info .user-name{font-size:.8125rem}.user-list .user-list-content .user-item .user-info .user-email{font-size:.6875rem}}.search-bar-container{position:relative;width:100%;max-width:400px}.search-bar-container .search-form{width:100%}.search-bar-container .search-form .search-input-container{display:flex;align-items:center;background:#fff;border-radius:25px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease}.search-bar-container .search-form .search-input-container:focus-within{box-shadow:0 4px 20px #02737333;transform:translateY(-1px)}.search-bar-container .search-form .search-input-container .search-input{flex:1;padding:.75rem 1rem;border:none;outline:none;font-size:.875rem;color:#374151;background:transparent}.search-bar-container .search-form .search-input-container .search-input::placeholder{color:#9ca3af}.search-bar-container .search-form .search-input-container .search-button{padding:.75rem 1rem;border:none;background:linear-gradient(135deg,#014040,#027373);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-bar-container .search-form .search-input-container .search-button:hover{background:linear-gradient(135deg,#027373,#014040)}.search-bar-container .search-form .search-input-container .search-button .search-icon{font-size:1rem}.search-bar-container .search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:.5rem;z-index:1000;overflow:hidden}.search-bar-container .search-dropdown .search-dropdown-content{padding:.5rem 0}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion:hover{background-color:#f9fafb}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion .search-suggestion-icon{margin-right:.75rem;font-size:1rem;color:#6b7280}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion .search-suggestion-text{font-size:.875rem;color:#374151}@media (max-width: 768px){.search-bar-container{max-width:100%}.search-bar-container .search-form .search-input-container .search-input{font-size:.8125rem;padding:.625rem .875rem}.search-bar-container .search-form .search-input-container .search-button{padding:.625rem .875rem}.search-bar-container .search-form .search-input-container .search-button .search-icon{font-size:.875rem}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion{padding:.625rem .875rem}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion .search-suggestion-icon{margin-right:.625rem;font-size:.875rem}.search-bar-container .search-dropdown .search-dropdown-content .search-suggestion .search-suggestion-text{font-size:.8125rem}}.meetups-page{padding:2rem 1rem;max-width:1200px;margin:0 auto}.meetups-page .page-header{text-align:center;margin-bottom:3rem}.meetups-page .page-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}@media (max-width: 768px){.meetups-page .page-header h1{font-size:2rem}}.meetups-page .page-header p{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.meetups-page .page-header .btn-create-meetup{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3b82f64d}.meetups-page .page-header .btn-create-meetup:hover{transform:translateY(-2px);box-shadow:0 8px 15px #3b82f666}.meetups-page .page-header .btn-create-meetup .btn-icon{font-size:1.25rem;font-weight:700}.meetups-page .meetups-content{min-height:400px}.meetups-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.meetups-loading p{color:#6b7280;font-size:1rem}.meetups-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.meetups-error .error-icon{font-size:3rem}.meetups-error h3{font-size:1.5rem;color:#dc2626;margin:0}.meetups-error p{color:#6b7280;margin:0}.meetups-error .btn-retry{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.meetups-error .btn-retry:hover{background:#b91c1c}.meetups-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:1rem}.meetups-empty h3{font-size:1.5rem;color:#1f2937;margin:0}.meetups-empty p{color:#6b7280;margin:0 0 1.5rem}@media (max-width: 768px){.meetups-page{padding:1rem .5rem;margin-top:5rem}.meetups-page .page-header{margin-bottom:2rem}.meetups-page .page-header h1{font-size:1.75rem}.meetups-page .page-header p{font-size:1rem}.meetups-page .page-header .btn-create-meetup{padding:.625rem 1.25rem;font-size:.875rem}}.notifications-container{position:relative;display:inline-block}.notification-button{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative}.notification-button:hover{border-color:#fff;background:#ffffff1a;transform:scale(1.05)}.notification-button .notification-icon{font-size:1.2rem}.notification-button .notification-badge{position:absolute;top:-5px;right:-5px;background:#f27404;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}.notifications-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.notifications-overlay.active{opacity:1;visibility:visible}.notifications-popup{position:fixed;top:60px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:350px;max-height:400px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.notifications-popup.active{opacity:1;visibility:visible;transform:translateY(0)}.notifications-popup p,.notifications-popup h4,.notifications-popup h3,.notifications-popup h2,.notifications-popup h1{color:#090909}.notifications-popup .notifications-popup-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.notifications-popup .notifications-popup-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.notifications-popup .notifications-popup-header .close-btn{background:#e5e7eb;border:none;color:#6b7280;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.notifications-popup .notifications-popup-header .close-btn:hover{background:#d1d5db;color:#374151}.notifications-popup .notifications-popup-header .mark-all-read-btn{background:#3b82f6;color:#fff;border:none;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notifications-popup .notifications-popup-header .mark-all-read-btn:hover{background:#2563eb}.notifications-popup .notifications-list{padding:.5rem;max-height:300px;overflow-y:auto}.notifications-popup .notifications-list::-webkit-scrollbar{width:6px}.notifications-popup .notifications-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notifications-popup .notifications-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notifications-popup .notifications-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notifications-popup .notifications-list{display:flex;flex-direction:column;gap:.5rem}.notifications-popup .notification-item{padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;position:relative;background:#fff;display:flex;align-items:flex-start;gap:.5rem}.notifications-popup .notification-item:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f61a}.notifications-popup .notification-item .notification-content{flex:1;cursor:pointer;display:flex;align-items:flex-start;gap:.5rem}.notifications-popup .notification-item .notification-delete-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;flex-shrink:0}.notifications-popup .notification-item .notification-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.notifications-popup .notification-item.unread{background:#f0fdfa;border-color:#10b981;border-left:4px solid #10b981}.notifications-popup .notification-item.unread:before{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:8px;height:8px;background:#10b981;border-radius:50%}.notifications-popup .notification-item .notification-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#1f2937;line-height:1.3}.notifications-popup .notification-item .notification-content p{margin:0 0 .25rem;color:#6b7280;font-size:.8rem;line-height:1.4}.notifications-popup .notification-item .notification-content .notification-time{color:#9ca3af;font-size:.7rem;font-weight:500}.notifications-popup .notifications-empty{text-align:center;padding:3rem 1rem;color:#6b7280}.notifications-popup .notifications-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.notifications-popup .notifications-empty h4{margin:0 0 .5rem;color:#374151;font-size:1.125rem}.notifications-popup .notifications-empty p{margin:0;font-size:.875rem}.notifications-popup .notification-error{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:8px;text-align:center;border:1px solid #fecaca}.notifications-popup .notification-error p{margin:0;font-size:.875rem}.notifications-popup .notifications-loading{text-align:center;padding:2rem;color:#6b7280}.notifications-popup .notifications-loading .loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #014040;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.notifications-popup .notifications-loading p{margin:0;font-size:.875rem}.notifications-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:300px;max-height:400px;overflow-y:auto;z-index:1001;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.notifications-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.notifications-dropdown .notifications-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.notifications-dropdown .notifications-header h3{margin:0;color:#1f2937;font-size:1rem;font-weight:600}.notifications-dropdown .notifications-content{padding:1rem}.notifications-dropdown .notifications-content p{margin:0;color:#6b7280;text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.notifications-popup{width:95%;max-height:85vh;margin:1rem}.notifications-popup .notifications-header{padding:1rem}.notifications-popup .notifications-header h3{font-size:1.125rem;color:#090909}.notifications-popup .notifications-content,.notifications-popup .notification-item{padding:.75rem}.notifications-popup .notification-item .notification-content h4{font-size:.9rem;color:#090909}.notifications-popup .notification-item .notification-content p{font-size:.8rem;color:#090909}.notifications-popup .notification-item .notification-content .notification-time{font-size:.7rem}.notifications-dropdown{min-width:280px;right:-10px}}@media (max-width: 480px){.notifications-popup{width:calc(100% - 20px);right:10px;left:auto;top:50px;max-height:60vh;border-radius:12px}.notifications-popup.active{transform:translateY(0)}}.public-chat-button{position:fixed;bottom:20px;right:20px;z-index:1000}.public-chat-button .chat-button{background:linear-gradient(135deg,#f27404,#ff8c00);border:none;border-radius:50px;color:#fff;padding:12px 24px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 15px #f274044d;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:none}.public-chat-button .chat-button:hover{background:linear-gradient(135deg,#e06603,#ff7f00);transform:translateY(-2px);box-shadow:0 6px 20px #f2740466}.public-chat-button .chat-button:active{transform:translateY(0)}.public-chat-button .chat-button .chat-icon{font-size:18px}@media (max-width: 768px){.public-chat-button{bottom:80px;right:15px}.public-chat-button .chat-button{padding:10px 20px;font-size:13px}.public-chat-button .chat-button .chat-icon{font-size:16px}}@media (max-width: 480px){.public-chat-button{bottom:70px;right:10px}.public-chat-button .chat-button{padding:8px 16px;font-size:12px}}.public-chat-modal .MuiDialog-paper{border-radius:16px!important;box-shadow:0 10px 25px #0000001a!important}.public-chat-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.public-chat-modal .modal-header .header-content{display:flex;align-items:center;gap:12px}.public-chat-modal .modal-header .header-content .chat-icon{color:#f27404;font-size:24px}.public-chat-modal .modal-header .header-content .header-title{font-size:18px;font-weight:600;color:#333}.public-chat-modal .modal-header .close-button{min-width:auto;padding:8px;color:#666}.public-chat-modal .modal-header .close-button:hover{background-color:#f5f5f5;border-radius:50%}.public-chat-modal .modal-content{padding-top:24px}.public-chat-modal .modal-content .info-alert{margin-bottom:16px;border-radius:12px;background-color:#e3f2fd}.public-chat-modal .modal-content .info-alert .MuiAlert-icon{color:#1976d2}.public-chat-modal .modal-content .message-input .MuiOutlinedInput-root{border-radius:12px}.public-chat-modal .modal-content .message-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.public-chat-modal .modal-content .message-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f27404}.public-chat-modal .modal-actions{padding:16px 24px 24px;gap:12px}.public-chat-modal .modal-actions .cancel-button{border-radius:12px;text-transform:none;font-weight:600;padding:8px 24px;border-color:#ddd;color:#666}.public-chat-modal .modal-actions .cancel-button:hover{border-color:#bbb;background-color:#f5f5f5}.public-chat-modal .modal-actions .submit-button{background:linear-gradient(135deg,#f27404,#ff8c00);border-radius:12px;text-transform:none;font-weight:600;padding:8px 24px}.public-chat-modal .modal-actions .submit-button:hover{background:linear-gradient(135deg,#e06603,#ff7f00)}.public-chat-modal .modal-actions .submit-button:disabled{background:#ccc;color:#666}@keyframes pulse{0%{box-shadow:0 4px 15px #f274044d}50%{box-shadow:0 4px 20px #f2740480}to{box-shadow:0 4px 15px #f274044d}}.public-chat-button .chat-button{animation:pulse 2s infinite}.loading .chat-button{opacity:.7;cursor:not-allowed}@media (prefers-color-scheme: dark){.public-chat-modal .modal-header{border-bottom-color:#333}.public-chat-modal .modal-header .header-title{color:#fff}.public-chat-modal .modal-header .close-button{color:#ccc}.public-chat-modal .modal-header .close-button:hover{background-color:#333}.public-chat-modal .modal-actions .cancel-button{border-color:#555;color:#ccc}.public-chat-modal .modal-actions .cancel-button:hover{border-color:#777;background-color:#333}}.friendship-button{position:relative!important;z-index:10!important}.friendship-button .MuiButton-root{border-radius:20px!important;text-transform:none!important;font-weight:500!important;padding:8px 16px!important;min-width:120px!important;position:relative!important;z-index:10!important}.friendship-button .MuiButton-contained{box-shadow:0 2px 8px #00000026!important}.friendship-button .MuiButton-contained:hover{box-shadow:0 4px 12px #0003!important}.friendship-button .MuiButton-outlined,.friendship-button .MuiButton-outlined:hover{border-width:2px!important}.friendship-button .friendship-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative!important;z-index:10!important}.friendship-button .friendship-actions .MuiButton-root{min-width:100px!important;font-size:.875rem!important;position:relative!important;z-index:10!important}.friendship-button .MuiDialog-root .MuiDialog-paper{border-radius:12px!important}.friendship-button .MuiDialogTitle-root{background:linear-gradient(135deg,#014040,#027373);color:#fff!important;padding:20px 24px!important;margin:0!important}.friendship-button .MuiDialogContent-root{padding:24px!important}.friendship-button .MuiDialogActions-root{padding:16px 24px!important;gap:12px}.friendship-button .MuiTextField-root .MuiOutlinedInput-root{border-radius:8px!important}.friendship-button .friendship-pending .MuiChip-root{background-color:#fff3cd!important;color:#856404!important;border:1px solid #ffeaa7!important}.friendship-button .friendship-accepted .MuiChip-root{background-color:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.friendship-button .friendship-blocked .MuiChip-root{background-color:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}@media (max-width: 768px){.friendship-button .friendship-actions{flex-direction:column}.friendship-button .friendship-actions .MuiButton-root{width:100%!important;min-width:unset!important}.friendship-button .MuiDialog-paper{margin:16px!important;max-height:calc(100vh - 32px)!important}}.friendship-notification{margin:16px 0;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important;border:2px solid #014040!important;background:linear-gradient(135deg,#f8fffe,#f0f9f9)!important;transition:all .3s ease!important;position:relative;overflow:hidden}.friendship-notification:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#014040,#027373,#014040)}.friendship-notification:hover{box-shadow:0 6px 16px #01404033!important;transform:translateY(-2px);border-color:#027373!important}.friendship-notification .MuiCardContent-root{padding:16px!important}.friendship-notification .MuiTypography-h6{color:#014040!important;font-weight:600!important;font-size:1rem!important}.friendship-notification .MuiIconButton-root{color:#014040!important;transition:transform .3s ease!important}.friendship-notification .MuiIconButton-root:hover{background-color:#0140401a!important}.friendship-notification .friendship-request-card{margin-bottom:12px!important;border-radius:8px!important;border:1px solid #f0f0f0!important;transition:all .2s ease!important}.friendship-notification .friendship-request-card:hover{border-color:#014040!important;box-shadow:0 2px 8px #0140401a!important}.friendship-notification .friendship-request-card:last-child{margin-bottom:0!important}.friendship-notification .friendship-request-card .MuiCardContent-root{padding:12px!important}.friendship-notification .friendship-request-card .MuiAvatar-root{width:40px!important;height:40px!important;background:linear-gradient(135deg,#014040,#027373)!important;color:#fff!important;font-weight:600!important}.friendship-notification .friendship-request-card .MuiTypography-subtitle1{color:#014040!important;font-size:.9rem!important}.friendship-notification .friendship-request-card .MuiTypography-body2{color:#666!important;font-size:.8rem!important}.friendship-notification .friendship-request-card .MuiChip-root{font-size:.7rem!important;height:20px!important;border-radius:10px!important}.friendship-notification .friendship-request-card .MuiButton-root{border-radius:16px!important;text-transform:none!important;font-weight:500!important;font-size:.8rem!important;padding:4px 12px!important;min-width:80px!important}.friendship-notification .friendship-request-card .MuiButton-root.MuiButton-contained{box-shadow:0 2px 4px #0000001a!important}.friendship-notification .friendship-request-card .MuiButton-root.MuiButton-contained:hover{box-shadow:0 4px 8px #00000026!important}.friendship-notification .friendship-request-card .MuiButton-root.MuiButton-outlined,.friendship-notification .friendship-request-card .MuiButton-root.MuiButton-outlined:hover{border-width:1.5px!important}.friendship-notification .MuiCollapse-root{transition:height .3s ease!important}@media (max-width: 768px){.friendship-notification{margin:12px 0}.friendship-notification .MuiCardContent-root{padding:12px!important}.friendship-notification .MuiTypography-h6{font-size:.9rem!important}.friendship-notification .friendship-request-card .MuiCardContent-root{padding:8px!important}.friendship-notification .friendship-request-card .MuiAvatar-root{width:32px!important;height:32px!important}.friendship-notification .friendship-request-card .MuiTypography-subtitle1{font-size:.85rem!important}.friendship-notification .friendship-request-card .MuiTypography-body2{font-size:.75rem!important}.friendship-notification .friendship-request-card .MuiButton-root{font-size:.75rem!important;padding:3px 8px!important;min-width:70px!important}}.home-page{min-height:100vh;background:#fff}.home-page .hero-section{margin-top:0;padding-top:0}section{padding:6rem 0;width:100%}section:first-of-type{padding-top:8rem}section:nth-child(2n){background:#f8f9fa}section:nth-child(odd){background:#fff}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:#014040;margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto 3rem;text-align:center}.features-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-card .feature-icon{font-size:3rem;margin-bottom:1.5rem;color:#014040}.feature-card h3{color:#014040;margin-bottom:1rem;font-weight:600}.feature-card p{color:#6c757d;line-height:1.6}.quick-actions-section{background:#fff}.actions-grid{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.action-card{text-align:center;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;height:100%;border:2px solid transparent}.action-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;border-color:#014040}.action-card .action-icon{font-size:2.5rem;margin-bottom:1.5rem;color:#014040}.action-card h3{color:#014040;margin-bottom:1rem;font-weight:600}.action-card p{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.action-card .action-link{display:inline-block;background:linear-gradient(135deg,#014040,#027373);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.action-card .action-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #01404066;color:#fff;text-decoration:none}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:0 2rem}.cta-content .cta-title{font-size:2.5rem;font-weight:700;color:#014040;margin-bottom:1rem}.cta-content .cta-description{font-size:1.2rem;color:#6c757d;margin-bottom:2rem;line-height:1.6}.cta-content .cta-button{display:inline-block;background:linear-gradient(135deg,#f27404,#e06600);color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:all .3s ease;box-shadow:0 8px 25px #f2740466}.cta-content .cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f2740499;color:#fff;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){section{padding:4rem 0}section:first-of-type{padding-top:6rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:2.5rem}.features-grid,.actions-grid,.cta-content{padding:0 1rem}.cta-content .cta-title{font-size:2rem}.cta-content .cta-description{font-size:1rem}}@media (max-width: 480px){section{padding:3rem 0}section:first-of-type{padding-top:5rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.9rem;margin-bottom:2rem}.feature-card,.action-card{padding:1.5rem}.cta-content .cta-title{font-size:1.8rem}.cta-content .cta-button{padding:.875rem 2rem;font-size:1.1rem}}.logged-in-home{min-height:100vh!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;margin:0!important}.logged-in-home .home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.logged-in-home .home-loading .loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #014040;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.logged-in-home .home-loading p{color:#64748b;font-size:1rem}.logged-in-home .home-hero{background:linear-gradient(135deg,#014040,#027373)!important;color:#fff!important;padding:3rem 2rem 4rem!important;text-align:center!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;margin:0!important;position:relative!important}@media (max-width: 768px){.logged-in-home .home-hero{padding:2rem 1rem 3rem!important}}.logged-in-home .home-hero .hero-content{max-width:800px;margin:0 auto;width:100%;margin-top:4rem}.logged-in-home .home-hero .hero-content .hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.logged-in-home .home-hero .hero-content .hero-title{font-size:2rem}}@media (max-width: 480px){.logged-in-home .home-hero .hero-content .hero-title{font-size:1.75rem;line-height:1.3}}.logged-in-home .home-hero .hero-content .hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.logged-in-home .home-hero .hero-content .hero-subtitle{font-size:1.125rem}}@media (max-width: 480px){.logged-in-home .home-hero .hero-content .hero-subtitle{font-size:1rem;line-height:1.4}}.logged-in-home .home-hero .hero-content .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%}.logged-in-home .home-hero .hero-content .hero-actions .btn{padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;min-width:120px;justify-content:center}@media (max-width: 480px){.logged-in-home .home-hero .hero-content .hero-actions .btn{padding:.75rem 1.5rem;font-size:.9rem;min-width:100px}}.logged-in-home .home-stats{padding:3rem 2rem;background:#fff;width:100%;max-width:100vw;box-sizing:border-box}.logged-in-home .home-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.logged-in-home .home-stats .stats-grid .stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;border:1px solid #e2e8f0}.logged-in-home .home-stats .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.logged-in-home .home-stats .stats-grid .stat-card .stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.logged-in-home .home-stats .stats-grid .stat-card .stat-content h3{font-size:2.5rem;font-weight:700;color:#014040;margin:0 0 .5rem}.logged-in-home .home-stats .stats-grid .stat-card .stat-content p{color:#64748b;font-size:1rem;font-weight:500;margin:0}.logged-in-home .home-routes,.logged-in-home .home-guides{padding:3rem 2rem}.logged-in-home .home-routes .section-header,.logged-in-home .home-guides .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.logged-in-home .home-routes .section-header h2,.logged-in-home .home-guides .section-header h2{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.logged-in-home .home-routes .section-header .section-link,.logged-in-home .home-guides .section-header .section-link{color:#027373;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.logged-in-home .home-routes .section-header .section-link:hover,.logged-in-home .home-guides .section-header .section-link:hover{background:#f0fdfa}.logged-in-home .home-routes .routes-grid,.logged-in-home .home-guides .routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.logged-in-home .home-routes .routes-grid .route-card,.logged-in-home .home-guides .routes-grid .route-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.logged-in-home .home-routes .routes-grid .route-card:hover,.logged-in-home .home-guides .routes-grid .route-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.logged-in-home .home-routes .routes-grid .route-card .route-image,.logged-in-home .home-guides .routes-grid .route-card .route-image{position:relative;height:200px;overflow:hidden}.logged-in-home .home-routes .routes-grid .route-card .route-image img,.logged-in-home .home-guides .routes-grid .route-card .route-image img{width:100%;height:100%;object-fit:cover}.logged-in-home .home-routes .routes-grid .route-card .route-image .favorite-btn,.logged-in-home .home-guides .routes-grid .route-card .route-image .favorite-btn{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;z-index:2}.logged-in-home .home-routes .routes-grid .route-card .route-image .favorite-btn:hover,.logged-in-home .home-guides .routes-grid .route-card .route-image .favorite-btn:hover{background:#fff;transform:scale(1.1)}.logged-in-home .home-routes .routes-grid .route-card .route-image .favorite-btn.favorited,.logged-in-home .home-guides .routes-grid .route-card .route-image .favorite-btn.favorited{color:#ef4444}.logged-in-home .home-routes .routes-grid .route-card .route-image .view-route-btn,.logged-in-home .home-guides .routes-grid .route-card .route-image .view-route-btn{position:absolute;top:1rem;left:1rem;background:#014040e6;color:#fff;border:none;border-radius:20px;padding:8px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;z-index:2;text-decoration:none;min-width:60px;box-shadow:0 2px 8px #0003}.logged-in-home .home-routes .routes-grid .route-card .route-image .view-route-btn:hover,.logged-in-home .home-guides .routes-grid .route-card .route-image .view-route-btn:hover{background:#014040;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;color:#fff}.logged-in-home .home-routes .routes-grid .route-card .route-content,.logged-in-home .home-guides .routes-grid .route-card .route-content{padding:1.5rem}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-title,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-description,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-meta,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-meta{display:flex;gap:1rem;margin-bottom:1rem}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-meta .route-level,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-meta .route-level{background:#f0fdfa;color:#027373;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-meta .route-location,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-meta .route-location{color:#64748b;font-size:.75rem}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-footer,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#94a3b8}.logged-in-home .home-routes .routes-grid .route-card .route-content .route-footer .route-category,.logged-in-home .home-guides .routes-grid .route-card .route-content .route-footer .route-category{font-weight:600}.logged-in-home .home-routes .guides-grid,.logged-in-home .home-guides .guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.logged-in-home .home-routes .guides-grid .guide-card,.logged-in-home .home-guides .guides-grid .guide-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.logged-in-home .home-routes .guides-grid .guide-card:hover,.logged-in-home .home-guides .guides-grid .guide-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.logged-in-home .home-routes .guides-grid .guide-card .guide-avatar,.logged-in-home .home-guides .guides-grid .guide-card .guide-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.logged-in-home .home-routes .guides-grid .guide-card .guide-avatar img,.logged-in-home .home-guides .guides-grid .guide-card .guide-avatar img{width:100%;height:100%;object-fit:cover}.logged-in-home .home-routes .guides-grid .guide-card .guide-avatar .avatar-placeholder,.logged-in-home .home-guides .guides-grid .guide-card .guide-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#014040,#027373);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.logged-in-home .home-routes .guides-grid .guide-card .guide-content,.logged-in-home .home-guides .guides-grid .guide-card .guide-content{flex:1}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-name,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-name{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-rating,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-rating .stars,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-rating .stars{font-size:.875rem}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-rating .rating-number,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-rating .rating-number{color:#64748b;font-size:.875rem;font-weight:600}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-specialties,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-specialties{display:flex;flex-wrap:wrap;gap:.25rem}.logged-in-home .home-routes .guides-grid .guide-card .guide-content .guide-specialties .specialty-tag,.logged-in-home .home-guides .guides-grid .guide-card .guide-content .guide-specialties .specialty-tag{background:#f0fdfa;color:#027373;padding:.125rem .5rem;border-radius:12px;font-size:.625rem;font-weight:600}.logged-in-home .home-cta{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:4rem 2rem;text-align:center}.logged-in-home .home-cta .cta-content{max-width:600px;margin:0 auto}.logged-in-home .home-cta .cta-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.logged-in-home .home-cta .cta-content h2{font-size:1.75rem}}.logged-in-home .home-cta .cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.logged-in-home .home-cta .cta-content .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.logged-in-home .home-cta .cta-content .cta-actions .btn{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.logged-in-home .home-cta .cta-content .cta-actions .btn.btn-outline{background:transparent;color:#fff;border:2px solid white}.logged-in-home .home-cta .cta-content .cta-actions .btn.btn-outline:hover{background:#fff;color:#1e293b}.logged-in-home .home-cta .cta-content .cta-actions .btn.btn-large{font-size:1.125rem}.auth-page{min-height:100vh;background:linear-gradient(135deg,#014040,#027373);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;overflow:hidden}.auth-header{text-align:center;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#014040,#027373);color:#fff}.auth-header .auth-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.auth-header .auth-logo .logo-icon{font-size:2rem}.auth-header .auth-logo h1{font-size:2rem;font-weight:700;margin:0}.auth-header h2{font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.auth-header p{font-size:.9rem;opacity:.9;margin:0;line-height:1.4}.auth-form-container{padding:2rem}.auth-footer{padding:1rem 2rem 2rem;text-align:center;border-top:1px solid #eee}.auth-footer p{margin:0;color:#666;font-size:.9rem}.auth-footer a{color:#014040;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.auth-page{padding:1rem .5rem}.auth-container{border-radius:12px;max-width:100%}.auth-header{padding:1.5rem 1.5rem 1rem}.auth-header .auth-logo .logo-icon,.auth-header .auth-logo h1{font-size:1.75rem}.auth-header h2{font-size:1.25rem}.auth-header p{font-size:.85rem}.auth-form-container{padding:1.5rem}.auth-footer{padding:1rem 1.5rem 1.5rem}.auth-footer p{font-size:.85rem}}@media (min-width: 481px) and (max-width: 768px){.auth-page{padding:1.5rem}.auth-container{max-width:450px}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.dashboard-loading p{color:#666;font-size:1.1rem}.dashboard-error{text-align:center;padding:3rem}.dashboard-error h2{color:#e74c3c;margin-bottom:1rem}.dashboard-error p{color:#666;margin-bottom:2rem}.dashboard-error button{background:#014040;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem}.dashboard-error button:hover{background:#027373}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.dashboard-header .dashboard-title h1{color:#014040;margin:3rem 0 .5rem;font-size:2rem}.dashboard-header .dashboard-title p{color:#666;margin:0;font-size:1.1rem}.dashboard-header .dashboard-actions{display:flex;gap:1rem}.dashboard-tabs{display:flex;background:#fff;border-radius:12px;padding:.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.dashboard-tabs .tab-button{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:1rem;color:#666;transition:all .3s ease}.dashboard-tabs .tab-button:hover{background:#f8f9fa}.dashboard-tabs .tab-button.active{background:#014040;color:#fff}.dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.dashboard-overview .recent-activity h2{color:#014040;margin-bottom:1rem}.dashboard-overview .recent-activity .activity-list .activity-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #eee}.dashboard-overview .recent-activity .activity-list .activity-item:last-child{border-bottom:none}.dashboard-overview .recent-activity .activity-list .activity-item .activity-icon{font-size:1.5rem;margin-right:1rem}.dashboard-overview .recent-activity .activity-list .activity-item .activity-content p{margin:0 0 .25rem;color:#333}.dashboard-overview .recent-activity .activity-list .activity-item .activity-content .activity-time{color:#666;font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{color:#014040;margin:0}.empty-state{text-align:center;padding:3rem}.empty-state h3{color:#014040;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:2rem}.my-routes .empty-state,.my-patches .empty-state,.my-favorites .empty-state{padding:2rem}.routes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.routes-grid .route-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.routes-grid .route-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.routes-grid .route-card .route-image{height:200px;overflow:hidden;position:relative}.routes-grid .route-card .route-image img{width:100%;height:100%;object-fit:cover}.routes-grid .route-card .route-content{padding:1.5rem}.routes-grid .route-card .route-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.routes-grid .route-card .route-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.routes-grid .route-card .route-content .route-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.routes-grid .route-card .route-content .route-meta .route-level{background:#014040;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.routes-grid .route-card .route-content .route-meta .route-location{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.routes-grid .route-card .route-content .route-actions{display:flex;gap:.75rem;flex-wrap:wrap}.routes-grid .route-card .route-content .route-actions .btn-primary,.routes-grid .route-card .route-content .route-actions .btn-secondary,.routes-grid .route-card .route-content .route-actions .btn-danger{flex:1;min-width:80px;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.routes-grid .route-card .route-content .route-actions .btn-primary:hover,.routes-grid .route-card .route-content .route-actions .btn-secondary:hover,.routes-grid .route-card .route-content .route-actions .btn-danger:hover{transform:translateY(-1px)}.routes-grid .route-card .route-content .route-actions .btn-primary{background:#014040;color:#fff}.routes-grid .route-card .route-content .route-actions .btn-primary:hover{background:#027373}.routes-grid .route-card .route-content .route-actions .btn-secondary{background:transparent;color:#014040;border:2px solid #014040}.routes-grid .route-card .route-content .route-actions .btn-secondary:hover{background:#014040;color:#fff}.routes-grid .route-card .route-content .route-actions .btn-danger{background:#dc2626;color:#fff}.routes-grid .route-card .route-content .route-actions .btn-danger:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d}.meetups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.meetups-grid .meetup-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb;margin-bottom:1.5rem}.meetups-grid .meetup-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.meetups-grid .meetup-card .meetup-image{height:200px;overflow:hidden;position:relative}.meetups-grid .meetup-card .meetup-image img{width:100%;height:100%;object-fit:cover}.meetups-grid .meetup-card .meetup-content{padding:1.5rem}.meetups-grid .meetup-card .meetup-content h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.meetups-grid .meetup-card .meetup-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meetups-grid .meetup-card .meetup-content .meetup-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meetups-grid .meetup-card .meetup-content .meetup-meta .meetup-date,.meetups-grid .meetup-card .meetup-content .meetup-meta .meetup-location,.meetups-grid .meetup-card .meetup-content .meetup-meta .meetup-participants{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.meetups-grid .meetup-card .meetup-content .meetup-actions{display:flex;gap:.75rem;flex-wrap:wrap}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-primary,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-secondary,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-danger{flex:1;min-width:80px;padding:.75rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-primary:hover,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-secondary:hover,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-danger:hover{transform:translateY(-1px)}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-primary{background:#014040;color:#fff}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-primary:hover{background:#027373}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-secondary{background:transparent;color:#014040;border:2px solid #014040}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-secondary:hover{background:#014040;color:#fff}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-danger{background:#dc2626;color:#fff}.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-danger:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d}@media (max-width: 480px){.dashboard-container{padding:.5rem;min-height:100vh;padding-bottom:80px}.dashboard-loading{min-height:60vh;padding:2rem 1rem}.dashboard-loading p{font-size:1rem}.dashboard-error{padding:2rem 1rem}.dashboard-error h2{font-size:1.5rem}.dashboard-error p{font-size:.9rem}.dashboard-error button{padding:.875rem 1.25rem;font-size:.9rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;margin-bottom:1rem;margin-top:3rem}.dashboard-header .dashboard-title h1{font-size:1.5rem;line-height:1.3;margin-top:3rem}.dashboard-header .dashboard-title p{font-size:.9rem;line-height:1.4}.dashboard-header .dashboard-actions{align-self:stretch}.dashboard-tabs{flex-direction:column;padding:.25rem;margin-bottom:1rem}.dashboard-tabs .tab-button{margin-bottom:.125rem;padding:.875rem;font-size:.9rem;border-radius:6px}.dashboard-content{padding:1.5rem;border-radius:8px;text-align:center}.recent-activity h2{font-size:1.25rem;margin-bottom:.75rem}.recent-activity .activity-list .activity-item{padding:.75rem}.recent-activity .activity-list .activity-item .activity-icon{font-size:1.25rem;margin-right:.75rem}.recent-activity .activity-list .activity-item .activity-content p{font-size:.9rem}.recent-activity .activity-list .activity-item .activity-content .activity-time{font-size:.8rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem}.empty-state{padding:2rem 1rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem;margin-bottom:1.5rem}.routes-grid,.meetups-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.routes-grid .route-card,.routes-grid .meetup-card,.meetups-grid .route-card,.meetups-grid .meetup-card{margin-bottom:1rem}.routes-grid .route-card .route-content,.routes-grid .route-card .meetup-content,.routes-grid .meetup-card .route-content,.routes-grid .meetup-card .meetup-content,.meetups-grid .route-card .route-content,.meetups-grid .route-card .meetup-content,.meetups-grid .meetup-card .route-content,.meetups-grid .meetup-card .meetup-content{padding:1rem}.routes-grid .route-card .route-content h3,.routes-grid .route-card .meetup-content h3,.routes-grid .meetup-card .route-content h3,.routes-grid .meetup-card .meetup-content h3,.meetups-grid .route-card .route-content h3,.meetups-grid .route-card .meetup-content h3,.meetups-grid .meetup-card .route-content h3,.meetups-grid .meetup-card .meetup-content h3{font-size:1.125rem}.routes-grid .route-card .route-content p,.routes-grid .route-card .meetup-content p,.routes-grid .meetup-card .route-content p,.routes-grid .meetup-card .meetup-content p,.meetups-grid .route-card .route-content p,.meetups-grid .route-card .meetup-content p,.meetups-grid .meetup-card .route-content p,.meetups-grid .meetup-card .meetup-content p{font-size:.8rem}.routes-grid .route-card .route-content .route-actions,.routes-grid .route-card .route-content .meetup-actions,.routes-grid .route-card .meetup-content .route-actions,.routes-grid .route-card .meetup-content .meetup-actions,.routes-grid .meetup-card .route-content .route-actions,.routes-grid .meetup-card .route-content .meetup-actions,.routes-grid .meetup-card .meetup-content .route-actions,.routes-grid .meetup-card .meetup-content .meetup-actions,.meetups-grid .route-card .route-content .route-actions,.meetups-grid .route-card .route-content .meetup-actions,.meetups-grid .route-card .meetup-content .route-actions,.meetups-grid .route-card .meetup-content .meetup-actions,.meetups-grid .meetup-card .route-content .route-actions,.meetups-grid .meetup-card .route-content .meetup-actions,.meetups-grid .meetup-card .meetup-content .route-actions,.meetups-grid .meetup-card .meetup-content .meetup-actions{flex-direction:column;gap:.5rem}.routes-grid .route-card .route-content .route-actions .btn-primary,.routes-grid .route-card .route-content .route-actions .btn-secondary,.routes-grid .route-card .route-content .route-actions .btn-danger,.routes-grid .route-card .route-content .meetup-actions .btn-primary,.routes-grid .route-card .route-content .meetup-actions .btn-secondary,.routes-grid .route-card .route-content .meetup-actions .btn-danger,.routes-grid .route-card .meetup-content .route-actions .btn-primary,.routes-grid .route-card .meetup-content .route-actions .btn-secondary,.routes-grid .route-card .meetup-content .route-actions .btn-danger,.routes-grid .route-card .meetup-content .meetup-actions .btn-primary,.routes-grid .route-card .meetup-content .meetup-actions .btn-secondary,.routes-grid .route-card .meetup-content .meetup-actions .btn-danger,.routes-grid .meetup-card .route-content .route-actions .btn-primary,.routes-grid .meetup-card .route-content .route-actions .btn-secondary,.routes-grid .meetup-card .route-content .route-actions .btn-danger,.routes-grid .meetup-card .route-content .meetup-actions .btn-primary,.routes-grid .meetup-card .route-content .meetup-actions .btn-secondary,.routes-grid .meetup-card .route-content .meetup-actions .btn-danger,.routes-grid .meetup-card .meetup-content .route-actions .btn-primary,.routes-grid .meetup-card .meetup-content .route-actions .btn-secondary,.routes-grid .meetup-card .meetup-content .route-actions .btn-danger,.routes-grid .meetup-card .meetup-content .meetup-actions .btn-primary,.routes-grid .meetup-card .meetup-content .meetup-actions .btn-secondary,.routes-grid .meetup-card .meetup-content .meetup-actions .btn-danger,.meetups-grid .route-card .route-content .route-actions .btn-primary,.meetups-grid .route-card .route-content .route-actions .btn-secondary,.meetups-grid .route-card .route-content .route-actions .btn-danger,.meetups-grid .route-card .route-content .meetup-actions .btn-primary,.meetups-grid .route-card .route-content .meetup-actions .btn-secondary,.meetups-grid .route-card .route-content .meetup-actions .btn-danger,.meetups-grid .route-card .meetup-content .route-actions .btn-primary,.meetups-grid .route-card .meetup-content .route-actions .btn-secondary,.meetups-grid .route-card .meetup-content .route-actions .btn-danger,.meetups-grid .route-card .meetup-content .meetup-actions .btn-primary,.meetups-grid .route-card .meetup-content .meetup-actions .btn-secondary,.meetups-grid .route-card .meetup-content .meetup-actions .btn-danger,.meetups-grid .meetup-card .route-content .route-actions .btn-primary,.meetups-grid .meetup-card .route-content .route-actions .btn-secondary,.meetups-grid .meetup-card .route-content .route-actions .btn-danger,.meetups-grid .meetup-card .route-content .meetup-actions .btn-primary,.meetups-grid .meetup-card .route-content .meetup-actions .btn-secondary,.meetups-grid .meetup-card .route-content .meetup-actions .btn-danger,.meetups-grid .meetup-card .meetup-content .route-actions .btn-primary,.meetups-grid .meetup-card .meetup-content .route-actions .btn-secondary,.meetups-grid .meetup-card .meetup-content .route-actions .btn-danger,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-primary,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-secondary,.meetups-grid .meetup-card .meetup-content .meetup-actions .btn-danger{width:100%;padding:.875rem 1rem;font-size:.8rem}}@media (min-width: 481px) and (max-width: 768px){.dashboard-container{padding:1rem;padding-bottom:80px}.dashboard-header{flex-direction:row;align-items:center;gap:1rem;padding:1.75rem}.dashboard-header .dashboard-title h1{font-size:1.75rem}.dashboard-header .dashboard-title p{font-size:1rem}.dashboard-header .dashboard-actions{display:flex;gap:1rem}.dashboard-tabs .tab-button{padding:1rem;font-size:.95rem}.section-header{flex-direction:row;align-items:center}}@media (min-width: 769px){.dashboard-container{padding:2rem;padding-bottom:0}}.quienes-somos-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hero-section{position:relative;height:100vh;min-height:500px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#014040,#027373,#014040);overflow:hidden}.hero-section .hero-overlay{position:absolute;inset:0;background:#0000004d;z-index:1}.hero-section .hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem;max-width:800px}.hero-section .hero-content .hero-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.hero-section .hero-content .hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section .hero-content .hero-subtitle{font-size:1.25rem;line-height:1.6;opacity:.95;max-width:600px;margin:0 auto}.hero-section .floating-element{position:absolute;font-size:2rem;opacity:.7;animation:float 4s ease-in-out infinite}.hero-section .floating-element.floating-tree{top:20%;left:10%;animation-delay:0s}.hero-section .floating-element.floating-mountain{top:30%;right:15%;animation-delay:1s}.hero-section .floating-element.floating-leaf{bottom:30%;left:20%;animation-delay:2s}.hero-section .floating-element.floating-camp{bottom:20%;right:10%;animation-delay:3s}.page-content{padding:4rem 2rem;max-width:1200px;margin:0 auto}.card-container{margin-bottom:3rem}.mission-card,.vision-card{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 25px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.mission-card .card-icon,.vision-card .card-icon{font-size:3rem;margin-bottom:1.5rem}.mission-card h2,.vision-card h2{color:#014040;font-size:2rem;margin-bottom:1rem}.mission-card p,.vision-card p{color:#666;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.values-section{margin-bottom:4rem}.values-section h2{text-align:center;color:#014040;font-size:2.5rem;margin-bottom:3rem}.values-section .values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.values-section .values-grid .value-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease}.values-section .values-grid .value-item:hover{transform:translateY(-3px)}.values-section .values-grid .value-item .value-icon{font-size:2.5rem;margin-bottom:1rem}.values-section .values-grid .value-item h3{color:#014040;font-size:1.5rem;margin-bottom:1rem}.values-section .values-grid .value-item p{color:#666;line-height:1.5}.team-section{margin-bottom:4rem}.team-section h2{text-align:center;color:#014040;font-size:2.5rem;margin-bottom:3rem}.team-section .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.team-section .team-grid .team-member{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 6px 20px #0000001a;text-align:center;transition:transform .3s ease}.team-section .team-grid .team-member:hover{transform:translateY(-5px)}.team-section .team-grid .team-member .member-avatar{font-size:4rem;margin-bottom:1.5rem}.team-section .team-grid .team-member h3{color:#014040;font-size:1.5rem;margin-bottom:.5rem}.team-section .team-grid .team-member p{color:#027373;font-weight:500;margin-bottom:1rem}.team-section .team-grid .team-member .member-description{color:#666;line-height:1.6;font-size:.95rem}.cta-section{background:linear-gradient(135deg,#014040,#027373);padding:4rem 2rem;border-radius:20px;text-align:center;color:#fff}.cta-section .cta-content{max-width:600px;margin:0 auto}.cta-section .cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-section .cta-content p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95}.cta-section .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-section .cta-content .cta-buttons .btn-primary{background:#f27404;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.cta-section .cta-content .cta-buttons .btn-primary:hover{background:#e06600;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 480px){.hero-section{height:100vh;min-height:400px}.hero-section .hero-content{padding:1rem}.hero-section .hero-content .hero-icon{font-size:3rem;margin-bottom:.75rem}.hero-section .hero-content .hero-title{font-size:2rem;margin-bottom:.75rem;line-height:1.2}.hero-section .hero-content .hero-subtitle{font-size:1rem;line-height:1.4}.hero-section .floating-element{font-size:1.5rem}.hero-section .floating-element.floating-tree{top:15%;left:5%}.hero-section .floating-element.floating-mountain{top:25%;right:10%}.hero-section .floating-element.floating-leaf{bottom:25%;left:15%}.hero-section .floating-element.floating-camp{bottom:15%;right:5%}.page-content{padding:2rem 1rem}.mission-card,.vision-card{padding:2rem 1.5rem;border-radius:12px}.mission-card .card-icon,.vision-card .card-icon{font-size:2.5rem;margin-bottom:1rem}.mission-card h2,.vision-card h2{font-size:1.5rem;margin-bottom:.75rem}.mission-card p,.vision-card p{font-size:1rem;line-height:1.5}.values-section{margin-bottom:3rem}.values-section h2{font-size:2rem;margin-bottom:2rem}.values-section .values-grid{grid-template-columns:1fr;gap:1.5rem}.values-section .values-grid .value-item{padding:1.5rem}.values-section .values-grid .value-item .value-icon{font-size:2rem}.values-section .values-grid .value-item h3{font-size:1.25rem}.values-section .values-grid .value-item p{font-size:.9rem}.team-section{margin-bottom:3rem}.team-section h2{font-size:2rem;margin-bottom:2rem}.team-section .team-grid{grid-template-columns:1fr;gap:1.5rem}.team-section .team-grid .team-member{padding:2rem 1.5rem}.team-section .team-grid .team-member .member-avatar{font-size:3rem}.team-section .team-grid .team-member h3{font-size:1.25rem}.team-section .team-grid .team-member p{font-size:.9rem}.team-section .team-grid .team-member .member-description{font-size:.85rem}.cta-section{padding:3rem 1.5rem;border-radius:16px}.cta-section .cta-content h2{font-size:2rem;margin-bottom:.75rem}.cta-section .cta-content p{font-size:1rem;margin-bottom:2rem}.cta-section .cta-content .cta-buttons{flex-direction:column;align-items:center}.cta-section .cta-content .cta-buttons .btn-primary{background:#f27404;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.cta-section .cta-content .cta-buttons .btn-primary:hover{background:#e06600;transform:translateY(-2px)}}@media (min-width: 481px) and (max-width: 768px){.hero-section .hero-content .hero-title{font-size:2.5rem}.hero-section .hero-content .hero-subtitle{font-size:1.1rem}.page-content{padding:3rem 1.5rem}.values-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons .btn-primary{background:#f27404;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.cta-buttons .btn-primary:hover{background:#e06600;transform:translateY(-2px)}}@media (min-width: 769px){.values-grid{grid-template-columns:repeat(4,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}.users-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.users-page .users-content{max-width:1200px;margin:0 auto;padding:0 1rem}.users-page .users-content .users-search{margin-bottom:2rem}.users-page .users-content .users-search .search-input{width:100%;max-width:500px;margin:0 auto;display:block;padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.users-page .users-content .users-search .search-input:focus{outline:none;border-color:#014040;box-shadow:0 0 0 3px #0140401a}.users-page .users-content .users-search .search-input::placeholder{color:#9ca3af}.users-page .users-content .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.users-page .users-content .users-grid{grid-template-columns:1fr;gap:1rem}}.users-page .users-content .user-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.users-page .users-content .user-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.users-page .users-content .user-card .user-avatar{position:relative;margin-bottom:1rem}.users-page .users-content .user-card .user-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb}.users-page .users-content .user-card .user-avatar .avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#014040,#027373);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;border:3px solid #e5e7eb}.users-page .users-content .user-card .user-avatar .online-indicator{position:absolute;bottom:5px;right:5px;width:16px;height:16px;background:#10b981;border:3px solid white;border-radius:50%}.users-page .users-content .user-card .user-info{margin-bottom:1.5rem;flex:1}.users-page .users-content .user-card .user-info .user-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.users-page .users-content .user-card .user-info .user-email{font-size:.875rem;color:#6b7280;margin:0 0 .75rem}.users-page .users-content .user-card .user-info .user-status{font-size:.75rem;color:#10b981;font-weight:600;text-transform:uppercase}.users-page .users-content .user-card .user-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.users-page .users-content .user-card .user-actions button{padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.users-page .users-content .user-card .user-actions button:disabled{opacity:.6;cursor:not-allowed}.users-page .users-content .user-card .user-actions button .btn-icon{font-size:1rem}.users-page .users-content .user-card .user-actions .btn-friend-request{background:#014040;color:#fff}.users-page .users-content .user-card .user-actions .btn-friend-request:hover:not(:disabled){background:#027373;transform:translateY(-1px)}.users-page .users-content .user-card .user-actions .btn-pending{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.users-page .users-content .user-card .user-actions .btn-chat{background:#10b981;color:#fff}.users-page .users-content .user-card .user-actions .btn-chat:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.users-page .users-content .user-card .user-actions .btn-friend{background:#3b82f6;color:#fff}.users-page .users-content .users-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.users-page .users-content .users-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.users-page .users-content .users-empty p{color:#6b7280;margin:0}.users-page .users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.users-page .users-loading p{color:#6b7280;font-size:1rem}.users-page .users-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.users-page .users-error h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.users-page .users-error p{color:#6b7280;margin:0 0 1.5rem}@media (max-width: 480px){.users-page{padding:1rem 0}.users-page .users-content{padding:0 .5rem}.users-page .users-content .users-grid{grid-template-columns:1fr}.users-page .users-content .user-card{padding:1rem}.users-page .users-content .user-card .user-avatar img,.users-page .users-content .user-card .user-avatar .avatar-placeholder{width:60px;height:60px}.users-page .users-content .user-card .user-actions{flex-direction:column;width:100%}.users-page .users-content .user-card .user-actions button{width:100%;justify-content:center}}.favoritos-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.favoritos-page .favoritos-content{max-width:1200px;margin:0 auto;padding:0 1rem}.favoritos-page .favoritos-content .favoritos-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.favoritos-page .favoritos-content .favoritos-filters .filter-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.favoritos-page .favoritos-content .favoritos-filters .filter-btn:hover{border-color:#014040;color:#014040}.favoritos-page .favoritos-content .favoritos-filters .filter-btn.active{background:#014040;color:#fff;border-color:#014040}.favoritos-page .favoritos-content .favoritos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.favoritos-page .favoritos-content .favoritos-grid{grid-template-columns:1fr;gap:1rem}}.favoritos-page .favoritos-content .favorito-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;position:relative}.favoritos-page .favoritos-content .favorito-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.favoritos-page .favoritos-content .favorito-card .favorito-image{position:relative;height:200px;overflow:hidden}.favoritos-page .favoritos-content .favorito-card .favorito-image img{width:100%;height:100%;object-fit:cover}.favoritos-page .favoritos-content .favorito-card .favorito-image .favorito-type{position:absolute;top:1rem;left:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.favoritos-page .favoritos-content .favorito-card .favorito-image .remove-favorite{position:absolute;top:1rem;right:1rem;background:#ef4444e6;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .3s ease}.favoritos-page .favoritos-content .favorito-card .favorito-image .remove-favorite:hover{background:#ef4444;transform:scale(1.1)}.favoritos-page .favoritos-content .favorito-card .favorito-content{padding:1.5rem}.favoritos-page .favoritos-content .favorito-card .favorito-content .favorito-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.favoritos-page .favoritos-content .favorito-card .favorito-content .favorito-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.favoritos-page .favoritos-content .favorito-card .favorito-content .favorito-location{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.favoritos-page .favoritos-content .favorito-card .favorito-content .favorito-rating{color:#f59e0b;font-size:.875rem;font-weight:600}.favoritos-page .favoritos-content .favorito-card .favorito-actions{padding:1rem 1.5rem;padding-top:0;display:flex;gap:.75rem;justify-content:center}.favoritos-page .favoritos-content .favorito-card .favorito-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.favoritos-page .favoritos-content .favorito-card .favorito-actions .btn.btn-primary{background:#014040;color:#fff}.favoritos-page .favoritos-content .favorito-card .favorito-actions .btn.btn-primary:hover{background:#027373;transform:translateY(-1px)}.favoritos-page .favoritos-content .favorito-card .favorito-actions .btn.btn-outline{background:transparent;color:#014040;border:2px solid #014040}.favoritos-page .favoritos-content .favorito-card .favorito-actions .btn.btn-outline:hover{background:#014040;color:#fff}.favoritos-page .favoritos-content .favoritos-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.favoritos-page .favoritos-content .favoritos-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.favoritos-page .favoritos-content .favoritos-empty p{color:#6b7280;margin:0 0 1.5rem}.favoritos-page .favoritos-content .favoritos-empty .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.favoritos-page .favoritos-content .favoritos-empty .btn:hover{background:#027373;transform:translateY(-1px)}.favoritos-page .favoritos-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.favoritos-page .favoritos-loading p{color:#6b7280;font-size:1rem}.favoritos-page .favoritos-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.favoritos-page .favoritos-error h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.favoritos-page .favoritos-error p{color:#6b7280;margin:0 0 1.5rem}.favoritos-page .favoritos-error .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.favoritos-page .favoritos-error .btn:hover{background:#027373;transform:translateY(-1px)}@media (max-width: 480px){.favoritos-page{padding:1rem 0}.favoritos-page .favoritos-content{padding:0 .5rem}.favoritos-page .favoritos-content .favoritos-filters{flex-direction:column;align-items:stretch}.favoritos-page .favoritos-content .favoritos-filters .filter-btn{text-align:center}.favoritos-page .favoritos-content .favoritos-grid{grid-template-columns:1fr}}.mis-rutas-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.mis-rutas-page .mis-rutas-content{max-width:1200px;margin:0 auto;padding:0 1rem}.mis-rutas-page .mis-rutas-content .rutas-header{margin-bottom:2rem;text-align:center}.mis-rutas-page .mis-rutas-content .rutas-header h3{font-size:1.5rem;color:#374151;margin:0;font-weight:600}.mis-rutas-page .mis-rutas-content .rutas-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.mis-rutas-page .mis-rutas-content .rutas-filters .filter-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.mis-rutas-page .mis-rutas-content .rutas-filters .filter-btn:hover{border-color:#014040;color:#014040}.mis-rutas-page .mis-rutas-content .rutas-filters .filter-btn.active{background:#014040;color:#fff;border-color:#014040}.mis-rutas-page .mis-rutas-content .rutas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 768px){.mis-rutas-page .mis-rutas-content .rutas-grid{grid-template-columns:1fr;gap:1rem}}.mis-rutas-page .mis-rutas-content .ruta-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.mis-rutas-page .mis-rutas-content .ruta-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-image{position:relative;height:200px;overflow:hidden}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-image img{width:100%;height:100%;object-fit:cover}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-image .ruta-status{position:absolute;top:1rem;right:1rem;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-image .image-count{position:absolute;top:1rem;left:1rem;background:#000000b3;color:#fff;padding:.5rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content{padding:1.5rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-details .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-details .detail-item .detail-icon{font-size:1rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-details .detail-item .level-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.025em}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-stats{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-stats .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-content .ruta-stats .stat-item .stat-icon{font-size:1rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions{padding:1rem 1.5rem;padding-top:0;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-primary{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-primary:hover{background:#027373;transform:translateY(-1px)}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-secondary{background:transparent;color:#014040;padding:.75rem 1.5rem;border:2px solid #014040;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-secondary:hover{background:#014040;color:#fff}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-danger{background:#dc2626;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;font-size:.875rem}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-danger:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-danger:active{transform:translateY(0)}.mis-rutas-page .mis-rutas-content .rutas-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.mis-rutas-page .mis-rutas-content .rutas-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.mis-rutas-page .mis-rutas-content .rutas-empty p{color:#6b7280;margin:0 0 1.5rem}.mis-rutas-page .mis-rutas-content .rutas-empty .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.mis-rutas-page .mis-rutas-content .rutas-empty .btn:hover{background:#027373;transform:translateY(-1px)}.mis-rutas-page .mis-rutas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.mis-rutas-page .mis-rutas-loading p{color:#6b7280;font-size:1rem}.mis-rutas-page .mis-rutas-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.mis-rutas-page .mis-rutas-error h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.mis-rutas-page .mis-rutas-error p{color:#6b7280;margin:0 0 1.5rem}.mis-rutas-page .mis-rutas-error .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.mis-rutas-page .mis-rutas-error .btn:hover{background:#027373;transform:translateY(-1px)}@media (max-width: 480px){.mis-rutas-page{padding:1rem 0}.mis-rutas-page .mis-rutas-content{padding:0 .5rem}.mis-rutas-page .mis-rutas-content .rutas-filters{flex-direction:column;align-items:stretch}.mis-rutas-page .mis-rutas-content .rutas-filters .filter-btn{text-align:center}.mis-rutas-page .mis-rutas-content .rutas-grid{grid-template-columns:1fr}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions{flex-direction:column;align-items:stretch}.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-primary,.mis-rutas-page .mis-rutas-content .ruta-card .ruta-actions .btn-secondary{width:100%;justify-content:center}}.mis-parches-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.mis-parches-page .mis-parches-content{max-width:1200px;margin:0 auto;padding:0 1rem}.mis-parches-page .mis-parches-content .parches-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.mis-parches-page .mis-parches-content .parches-filters .filter-btn{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.mis-parches-page .mis-parches-content .parches-filters .filter-btn:hover{border-color:#014040;color:#014040}.mis-parches-page .mis-parches-content .parches-filters .filter-btn.active{background:#014040;color:#fff;border-color:#014040}.mis-parches-page .mis-parches-content .parches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 768px){.mis-parches-page .mis-parches-content .parches-grid{grid-template-columns:1fr;gap:1rem}}.mis-parches-page .mis-parches-content .parche-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.mis-parches-page .mis-parches-content .parche-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026}.mis-parches-page .mis-parches-content .parche-card .parche-image{position:relative;height:200px;overflow:hidden}.mis-parches-page .mis-parches-content .parche-card .parche-image img{width:100%;height:100%;object-fit:cover}.mis-parches-page .mis-parches-content .parche-card .parche-image .parche-status{position:absolute;top:1rem;right:1rem;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.mis-parches-page .mis-parches-content .parche-card .parche-content{padding:1.5rem}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.3}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-details .detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-details .detail-item .detail-icon{font-size:1rem}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-stats{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-stats .stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.mis-parches-page .mis-parches-content .parche-card .parche-content .parche-stats .stat-item .stat-icon{font-size:1rem}.mis-parches-page .mis-parches-content .parche-card .parche-actions{padding:1rem 1.5rem;padding-top:0;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-primary{background:#014040;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-primary:hover{background:#027373;transform:translateY(-1px)}.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-danger{background:#ef4444;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.mis-parches-page .mis-parches-content .parches-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a}.mis-parches-page .mis-parches-content .parches-empty h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.mis-parches-page .mis-parches-content .parches-empty p{color:#6b7280;margin:0 0 1.5rem}.mis-parches-page .mis-parches-content .parches-empty .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.mis-parches-page .mis-parches-content .parches-empty .btn:hover{background:#027373;transform:translateY(-1px)}.mis-parches-page .mis-parches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.mis-parches-page .mis-parches-loading p{color:#6b7280;font-size:1rem}.mis-parches-page .mis-parches-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.mis-parches-page .mis-parches-error h3{font-size:1.5rem;color:#374151;margin:0 0 .5rem}.mis-parches-page .mis-parches-error p{color:#6b7280;margin:0 0 1.5rem}.mis-parches-page .mis-parches-error .btn{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.mis-parches-page .mis-parches-error .btn:hover{background:#027373;transform:translateY(-1px)}@media (max-width: 480px){.mis-parches-page{padding:1rem 0}.mis-parches-page .mis-parches-content{padding:0 .5rem}.mis-parches-page .mis-parches-content .parches-filters{flex-direction:column;align-items:stretch}.mis-parches-page .mis-parches-content .parches-filters .filter-btn{text-align:center}.mis-parches-page .mis-parches-content .parches-grid{grid-template-columns:1fr}.mis-parches-page .mis-parches-content .parche-card .parche-actions{flex-direction:column;align-items:stretch}.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-primary,.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-secondary,.mis-parches-page .mis-parches-content .parche-card .parche-actions .btn-danger{width:100%;text-align:center}}.meetup-detail-page{background-color:#fff;min-height:100vh;padding:20px 0}.meetup-detail-page .container{max-width:1200px;margin:0 auto;padding:0 15px;margin-top:5rem}.meetup-detail-page .meetup-detail-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;margin:0 auto;max-width:100%;margin-top:5rem}.meetup-detail-page .meetup-detail-content .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.meetup-detail-page .meetup-detail-content .meetup-header{margin-bottom:2rem}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-title{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.2}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-meta .meta-item .meta-icon{color:#f27404}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid transparent;transition:all .3s ease}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status.active{background-color:#e8f5e8;color:#2e7d32;border-color:#4caf50}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status.en_progreso{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00;border-color:#ff9800;box-shadow:0 2px 8px #ff980033}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status.cancelled{background-color:#ffebee;color:#c62828;border-color:#f44336}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status.completed{background-color:#e3f2fd;color:#1565c0;border-color:#2196f3}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-status.pending{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border-color:#9c27b0}.meetup-detail-page .meetup-detail-content .meetup-description{margin-bottom:2rem}.meetup-detail-page .meetup-detail-content .meetup-description .description-text{font-size:1.1rem;line-height:1.6;color:#333;white-space:pre-wrap}.meetup-detail-page .meetup-detail-content .meetup-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.meetup-detail-page .meetup-detail-content .meetup-info .info-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;border-left:4px solid #f27404}.meetup-detail-page .meetup-detail-content .meetup-info .info-card .info-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem}.meetup-detail-page .meetup-detail-content .meetup-info .info-card .info-content{color:#666;line-height:1.5}.meetup-detail-page .meetup-detail-content .participants-section{margin-bottom:2rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-header .participants-title{font-size:1.5rem;font-weight:600;color:#1a1a1a}.meetup-detail-page .meetup-detail-content .participants-section .participants-header .participants-count{background:#f27404;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.9rem;font-weight:600}.meetup-detail-page .meetup-detail-content .participants-section .participants-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-avatar img{width:100%;height:100%;object-fit:cover}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-info{flex:1;min-width:0}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-info .participant-name{font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-info .participant-status{font-size:.85rem;color:#666}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-status-badge.confirmed{background:#e8f5e8;color:#2e7d32}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-status-badge.pending{background:#fff3e0;color:#f57c00}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-status-badge.cancelled{background:#ffebee;color:#c62828}.meetup-detail-page .meetup-detail-content .meetup-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button{padding:.75rem 1.5rem;border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.primary{background:linear-gradient(135deg,#f27404,#ff8a00);color:#fff}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f274044d}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.secondary{background:transparent;color:#f27404;border:2px solid #f27404}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.secondary:hover{background:#f27404;color:#fff}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.danger{background:#dc3545;color:#fff}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button.danger:hover{background:#c82333;transform:translateY(-2px)}@media (max-width: 768px){.meetup-detail-page{padding:5px 0}.meetup-detail-page .meetup-detail-content{padding:12px 8px;margin:0 6px;border-radius:4px}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-title{font-size:2rem}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-meta{flex-direction:column;gap:.5rem}.meetup-detail-page .meetup-detail-content .meetup-info{grid-template-columns:1fr;gap:1rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-list{grid-template-columns:1fr}.meetup-detail-page .meetup-detail-content .meetup-actions{flex-direction:column}.meetup-detail-page .meetup-detail-content .meetup-actions .action-button{width:100%;justify-content:center}}@media (max-width: 480px){.meetup-detail-page{padding:0}.meetup-detail-page .meetup-detail-content{padding:8px 4px;margin:0 2px;border-radius:0;box-shadow:none;border:1px solid #e0e0e0}.meetup-detail-page .meetup-detail-content .meetup-header .meetup-title{font-size:1.75rem}.meetup-detail-page .meetup-detail-content .meetup-info .info-card{padding:1rem}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card{padding:.75rem;flex-direction:column;text-align:center}.meetup-detail-page .meetup-detail-content .participants-section .participants-list .participant-card .participant-avatar{width:60px;height:60px}}.explorar-page{width:100%;max-width:100vw;overflow-x:hidden;padding:0;margin:0;margin-top:3rem}.explorar-page *{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.explorar-page{margin-top:3rem}.explorar-page .MuiContainer-root{max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important;margin:0!important}.explorar-page .MuiGrid-container{margin:0!important;width:100%!important}.explorar-page .MuiGrid-item{padding:.5rem!important}.explorar-page .MuiCard-root{width:100%!important;max-width:100%!important;margin:0!important}.explorar-page .MuiTextField-root{width:100%!important;max-width:100%!important}.explorar-page .MuiTabs-root{width:100%!important;overflow-x:auto!important}.explorar-page .MuiTabs-root .MuiTabs-scroller{overflow-x:auto!important}.explorar-page .MuiTabs-root .MuiTab-root{min-width:auto!important;padding:.5rem .75rem!important;font-size:.875rem!important}}.explorar-content{width:100%;max-width:100vw;overflow-x:hidden}.explorar-content img{max-width:100%;height:auto}.explorar-content *{word-wrap:break-word;overflow-wrap:break-word}.explorar-grid{width:100%;max-width:100%;margin:0;padding:0}.explorar-grid .explorar-card{width:100%;max-width:100%;margin:0}.explorar-grid .explorar-card .card-image{width:100%;height:auto;max-width:100%}.explorar-grid .explorar-card .card-content{width:100%;max-width:100%;padding:1rem}.explorar-grid .explorar-card .card-content .card-title,.explorar-grid .explorar-card .card-content .card-description{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 480px){.explorar-page{margin-top:3rem}.explorar-page .MuiContainer-root{padding-left:.5rem!important;padding-right:.5rem!important}.explorar-page .MuiGrid-item{padding:.25rem!important}.explorar-page .MuiCard-root{margin:.25rem!important}}.friends-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem;box-sizing:border-box}.friends-page .friends-header{text-align:center;margin-bottom:2rem;padding:2rem 0}.friends-page .friends-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.friends-page .friends-header p{font-size:1.125rem;color:#64748b;margin:0}.friends-page .friends-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;background:#fff;border-radius:12px 12px 0 0;overflow:hidden}.friends-page .friends-tabs .tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#64748b;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.friends-page .friends-tabs .tab:hover{background:#f8fafc;color:#1e293b}.friends-page .friends-tabs .tab.active{background:#f0fdfa;color:#027373;border-bottom-color:#027373}.friends-page .friends-content{background:#fff;border-radius:0 0 12px 12px;padding:2rem;min-height:400px}.friends-page .friends-content .loading{text-align:center;padding:2rem;color:#64748b;font-size:1.125rem}.friends-page .friends-content .empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.friends-page .friends-content .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.friends-page .friends-content .empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#1e293b}.friends-page .friends-content .empty-state p{font-size:1rem;margin:0}.friends-page .friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.friends-page .friends-grid .friend-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.friends-page .friends-grid .friend-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#027373}.friends-page .friends-grid .friend-card .friend-avatar{position:relative;width:60px;height:60px;margin:0 auto}.friends-page .friends-grid .friend-card .friend-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friends-page .friends-grid .friend-card .friend-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#014040,#027373);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem}.friends-page .friends-grid .friend-card .friend-avatar .online-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#10b981;border:2px solid white;border-radius:50%}.friends-page .friends-grid .friend-card .friend-info{text-align:center}.friends-page .friends-grid .friend-card .friend-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.friends-page .friends-grid .friend-card .friend-info p{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.friends-page .friends-grid .friend-card .friend-info .last-seen{font-size:.75rem;color:#94a3b8}.friends-page .friends-grid .friend-card .friend-actions{display:flex;gap:.5rem;justify-content:center}.friends-page .friends-grid .friend-card .friend-actions .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.friends-page .friends-grid .friend-card .friend-actions .btn.btn-primary{background:#027373;color:#fff}.friends-page .friends-grid .friend-card .friend-actions .btn.btn-primary:hover{background:#014040}.friends-page .friends-grid .friend-card .friend-actions .btn.btn-danger{background:#ef4444;color:#fff}.friends-page .friends-grid .friend-card .friend-actions .btn.btn-danger:hover{background:#dc2626}.friends-page .requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.friends-page .requests-grid .request-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.friends-page .requests-grid .request-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#027373}.friends-page .requests-grid .request-card .request-avatar{width:60px;height:60px;margin:0 auto}.friends-page .requests-grid .request-card .request-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friends-page .requests-grid .request-card .request-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#014040,#027373);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem}.friends-page .requests-grid .request-card .request-info{text-align:center}.friends-page .requests-grid .request-card .request-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.friends-page .requests-grid .request-card .request-info p{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.friends-page .requests-grid .request-card .request-info .request-message{background:#f0fdfa;border:1px solid #a7f3d0;border-radius:6px;padding:.75rem;margin:.5rem 0;font-size:.875rem;color:#065f46}.friends-page .requests-grid .request-card .request-info .request-message strong{color:#047857}.friends-page .requests-grid .request-card .request-info .request-date{font-size:.75rem;color:#94a3b8}.friends-page .requests-grid .request-card .request-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.friends-page .requests-grid .request-card .request-actions .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.friends-page .requests-grid .request-card .request-actions .btn.btn-success{background:#10b981;color:#fff}.friends-page .requests-grid .request-card .request-actions .btn.btn-success:hover{background:#059669}.friends-page .requests-grid .request-card .request-actions .btn.btn-secondary{background:#6b7280;color:#fff}.friends-page .requests-grid .request-card .request-actions .btn.btn-secondary:hover{background:#4b5563}.friends-page .requests-grid .request-card .request-actions .btn.btn-danger{background:#ef4444;color:#fff}.friends-page .requests-grid .request-card .request-actions .btn.btn-danger:hover{background:#dc2626}.friends-page .search-section .search-box{margin-bottom:2rem}.friends-page .search-section .search-box .search-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.friends-page .search-section .search-box .search-input:focus{outline:none;border-color:#027373;box-shadow:0 0 0 3px #0273731a}.friends-page .search-section .search-results h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.friends-page .search-section .search-results .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.friends-page .search-section .search-results .results-grid .user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.friends-page .search-section .search-results .results-grid .user-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#027373}.friends-page .search-section .search-results .results-grid .user-card .user-avatar{width:60px;height:60px;margin:0 auto}.friends-page .search-section .search-results .results-grid .user-card .user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friends-page .search-section .search-results .results-grid .user-card .user-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#014040,#027373);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.5rem}.friends-page .search-section .search-results .results-grid .user-card .user-info{text-align:center}.friends-page .search-section .search-results .results-grid .user-card .user-info h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.friends-page .search-section .search-results .results-grid .user-card .user-info p{font-size:.875rem;color:#64748b;margin:0}.friends-page .search-section .search-results .results-grid .user-card .user-actions{display:flex;justify-content:center}.friends-page .search-section .search-results .results-grid .user-card .user-actions .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.friends-page .search-section .search-results .results-grid .user-card .user-actions .btn.btn-primary{background:#027373;color:#fff}.friends-page .search-section .search-results .results-grid .user-card .user-actions .btn.btn-primary:hover{background:#014040}@media (max-width: 768px){.friends-page{padding:1rem}.friends-page .friends-header{padding:1rem 0}.friends-page .friends-header h1{font-size:2rem}.friends-page .friends-header p{font-size:1rem}.friends-page .friends-tabs .tab{padding:.75rem 1rem;font-size:.875rem}.friends-page .friends-content{padding:1rem}.friends-page .friends-grid,.friends-page .requests-grid,.friends-page .results-grid{grid-template-columns:1fr}.friends-page .friend-card,.friends-page .request-card,.friends-page .user-card{padding:1rem}.friends-page .friend-actions,.friends-page .request-actions{flex-direction:column}.friends-page .friend-actions .btn,.friends-page .request-actions .btn{width:100%}}.grid{display:grid;gap:1rem}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (min-width: 640px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:1fr}}@media (min-width: 768px){.grid.grid-2,.grid.grid-3,.grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-center{place-items:center}.grid-start{place-items:start}.grid-end{place-items:end}.grid-stretch{place-items:stretch}@media (max-width: 767px){.container{padding:0 1rem;max-width:100%}.header .header-container{padding:1rem}.header .header-container .header-nav,.header .header-container .header-actions .btn-login{display:none}.sidebar{width:100vw;height:100vh;position:fixed;top:0;left:-100%;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.menu-toggle{display:flex!important;position:fixed;top:1rem;left:1rem;z-index:1002}.footer-desktop-only{display:none!important}.footer-mobile-only{display:block!important}.footer-mobile-container{padding:2rem 1rem 1rem;text-align:center}.form-container{margin:1rem;padding:1.5rem;border-radius:8px}.form-header .form-title{font-size:1.5rem}.form-header .form-subtitle{font-size:.875rem}.form-actions .btn-primary{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;width:100%}.form-actions .btn-primary:hover{background:#027373;transform:translateY(-1px)}.home-page .hero-section{padding:2rem 1rem}.home-page .hero-section .hero-content .hero-title{font-size:2rem;line-height:1.2}.home-page .hero-section .hero-content .hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.home-page .features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem}.home-page .actions-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:2rem 1rem}.explore-page .filters-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem}.explore-page .content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem}.explore-page .explore-tabs .tab-button{min-width:80px;font-size:.875rem;padding:.5rem 1rem}.feature-card,.action-card{padding:1.5rem}.btn{padding:.75rem 1.5rem;font-size:1rem;width:100%;margin-bottom:.5rem}.menu-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #e5e7eb;padding:.5rem 0}.menu-bottom .menu-bottom-nav{display:flex;justify-content:space-around;width:100%}.menu-bottom .menu-bottom-nav .menu-bottom-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;text-decoration:none;color:#6b7280;font-size:.75rem;transition:color .2s ease}.menu-bottom .menu-bottom-nav .menu-bottom-item:hover,.menu-bottom .menu-bottom-nav .menu-bottom-item.active{color:#3b82f6}.menu-bottom .menu-bottom-nav .menu-bottom-item .menu-bottom-icon{font-size:1.25rem;margin-bottom:.25rem}.quienes-somos-page{padding:0!important;margin:0!important;max-width:100vw;overflow-x:hidden}.quienes-somos-page .hero-section{height:100vh;min-height:400px;padding:0;margin:0}.quienes-somos-page .hero-section .hero-content{padding:1rem;max-width:100%}.quienes-somos-page .hero-section .hero-content .hero-icon{font-size:3rem;margin-bottom:.75rem}.quienes-somos-page .hero-section .hero-content .hero-title{font-size:2rem;margin-bottom:.75rem;line-height:1.2}.quienes-somos-page .hero-section .hero-content .hero-subtitle{font-size:1rem;line-height:1.4}.quienes-somos-page .page-content{padding:2rem 1rem!important;margin:0!important;max-width:100%}.quienes-somos-page .page-content .card-container{margin-bottom:2rem;padding:0}.quienes-somos-page .page-content .card-container .mission-card,.quienes-somos-page .page-content .card-container .values-card,.quienes-somos-page .page-content .card-container .team-card{padding:1.5rem;margin:0 0 1rem;border-radius:12px}.quienes-somos-page .page-content .card-container .mission-card h2,.quienes-somos-page .page-content .card-container .values-card h2,.quienes-somos-page .page-content .card-container .team-card h2{font-size:1.5rem;margin-bottom:1rem}.quienes-somos-page .page-content .card-container .mission-card p,.quienes-somos-page .page-content .card-container .values-card p,.quienes-somos-page .page-content .card-container .team-card p{font-size:.9rem;line-height:1.5}.quienes-somos-page .page-content .values-section .values-grid{grid-template-columns:1fr;gap:1rem}.quienes-somos-page .page-content .values-section .values-grid .value-item{padding:1rem;text-align:center}.quienes-somos-page .page-content .values-section .values-grid .value-item .value-icon{font-size:2rem;margin-bottom:.5rem}.quienes-somos-page .page-content .values-section .values-grid .value-item h3{font-size:1.1rem;margin-bottom:.5rem}.quienes-somos-page .page-content .values-section .values-grid .value-item p{font-size:.85rem}.quienes-somos-page .page-content .team-section .team-grid{grid-template-columns:1fr;gap:1rem}.quienes-somos-page .page-content .team-section .team-grid .team-member{padding:1.5rem;text-align:center}.quienes-somos-page .page-content .team-section .team-grid .team-member .member-avatar{font-size:2.5rem;margin-bottom:1rem}.quienes-somos-page .page-content .team-section .team-grid .team-member h3{font-size:1.2rem;margin-bottom:.5rem}.quienes-somos-page .page-content .team-section .team-grid .team-member p{font-size:.9rem;margin-bottom:.5rem}.quienes-somos-page .page-content .team-section .team-grid .team-member .member-description{font-size:.8rem;line-height:1.4}.quienes-somos-page .page-content .cta-section{padding:2rem 1rem;text-align:center}.quienes-somos-page .page-content .cta-section .cta-content h2{font-size:1.5rem;margin-bottom:1rem}.quienes-somos-page .page-content .cta-section .cta-content p{font-size:.9rem;margin-bottom:1.5rem}.quienes-somos-page .page-content .cta-section .cta-content .cta-buttons{flex-direction:column;gap:1rem}.quienes-somos-page .page-content .cta-section .cta-content .cta-buttons .btn-primary{padding:.75rem 1.5rem;font-size:.9rem;width:100%;max-width:200px}}@media (min-width: 768px) and (max-width: 1023px){.home-page .hero-section .hero-content .hero-title{font-size:3.5rem}.home-page .hero-section .hero-content .hero-subtitle{font-size:1.5rem}.home-page .features-grid,.home-page .actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.explore-page .filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.explore-page .content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.explore-page .explore-tabs .tab-button{min-width:120px}.container{max-width:768px}.section-header .section-title{font-size:2.5rem}.section-header .section-subtitle{font-size:1.25rem}.feature-card,.action-card{padding:2rem}.header .header-container .header-nav{display:flex}.header .header-container .header-actions .btn-login{display:inline-flex}.sidebar{width:320px}.form-container{max-width:500px;padding:2.5rem}.form-header .form-title{font-size:2rem}.form-actions{flex-direction:row;justify-content:space-between}.form-actions .btn-primary{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.form-actions .btn-primary:hover{background:#027373;transform:translateY(-1px)}.footer-container .footer-content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header .header-container{padding:1rem 2rem}.header .header-container .header-nav{display:flex;align-items:center;gap:2rem}.header .header-container .header-nav .nav-link{color:#374151;text-decoration:none;font-weight:500;transition:color .2s ease}.header .header-container .header-nav .nav-link:hover{color:#3b82f6}.header .header-container .header-actions{display:flex;align-items:center;gap:1rem}.header .header-container .header-actions .btn-login{display:inline-flex;align-items:center;padding:.5rem 1rem;background:transparent;color:#374151;border:1px solid #d1d5db;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.header .header-container .header-actions .btn-login:hover{background:#f9fafb;border-color:#9ca3af}.header .header-container .header-actions .btn-register{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.header .header-container .header-actions .btn-register:hover{background:#2563eb}.sidebar{width:280px;position:fixed;top:0;left:-280px;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.menu-toggle{display:none}.footer-desktop-only{display:block!important}.footer-mobile-only{display:none!important}.footer-container .footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-container .footer-content .footer-section .footer-section-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.footer-container .footer-content .footer-section .footer-section-links{display:flex;flex-direction:column;gap:.5rem}.footer-container .footer-content .footer-section .footer-section-links .footer-section-link{color:#fffc;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-container .footer-content .footer-section .footer-section-links .footer-section-link:hover{color:#fff}.footer-container .footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding:1.5rem 0;margin-top:2rem;text-align:center}.footer-container .footer-bottom .footer-copyright{color:#ffffffb3;font-size:.875rem;margin-bottom:.5rem}.footer-container .footer-bottom .footer-legal{display:flex;justify-content:center;gap:2rem}.footer-container .footer-bottom .footer-legal .footer-legal-link{color:#fff9;text-decoration:none;font-size:.875rem}.footer-container .footer-bottom .footer-legal .footer-legal-link:hover{color:#fffc}.form-container{max-width:600px;padding:3rem}.form-header .form-title{font-size:2.25rem}.form-header .form-subtitle{font-size:1rem}.form-actions{flex-direction:row;justify-content:space-between}.form-actions .btn-primary{background:#014040;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.form-actions .btn-primary:hover{background:#027373;transform:translateY(-1px)}.home-page .hero-section{padding:4rem 2rem}.home-page .hero-section .hero-content .hero-title{font-size:4rem;line-height:1.1}.home-page .hero-section .hero-content .hero-subtitle{font-size:1.5rem;margin-bottom:2rem}.home-page .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 2rem}.home-page .actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:4rem 2rem}.explore-page .filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem}.explore-page .content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem}.explore-page .explore-tabs .tab-button{min-width:120px;font-size:1rem;padding:.75rem 1.5rem}.feature-card,.action-card{padding:2rem}.btn{padding:.75rem 1.5rem;font-size:1rem;width:auto;margin-bottom:0}.menu-bottom{display:none}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.text-center-desktop{text-align:center}.flex-desktop{display:flex}.hidden-desktop{display:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.menu-toggle-container,.menu-toggle-container.mobile-only,div[class*=menu-toggle]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;top:-9999px!important;left:-9999px!important;width:0!important;height:0!important;overflow:hidden!important}.route-detail-page{max-width:1200px;margin:20px auto 0;padding:20px}.route-detail-page .route-detail-header{margin-bottom:30px}.route-detail-page .route-detail-header .btn-back{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .2s}.route-detail-page .route-detail-header .btn-back:hover{color:#374151}.route-detail-page .route-detail-header h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:16px}.route-detail-page .route-detail-header .route-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.route-detail-page .route-detail-header .route-meta .route-location{color:#6b7280;font-size:16px}.route-detail-page .route-detail-header .route-meta .route-level{padding:4px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:500}.route-detail-page .route-detail-content{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 768px){.route-detail-page .route-detail-content{grid-template-columns:1fr 1fr}}.route-detail-page .route-gallery .gallery-main{position:relative;border-radius:12px;overflow:hidden;background:#f9fafb;aspect-ratio:16/9}.route-detail-page .route-gallery .gallery-main .gallery-image{width:100%;height:100%;object-fit:cover}.route-detail-page .route-gallery .gallery-main .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .2s}.route-detail-page .route-gallery .gallery-main .gallery-nav:hover{background:#000000e6}.route-detail-page .route-gallery .gallery-main .gallery-nav.gallery-prev{left:16px}.route-detail-page .route-gallery .gallery-main .gallery-nav.gallery-next{right:16px}.route-detail-page .route-gallery .gallery-main .gallery-counter{position:absolute;bottom:16px;right:16px;background:#000000b3;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}.route-detail-page .route-gallery .gallery-thumbnails{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding:8px 0}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail{width:80px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail.active{border-color:#3b82f6}.route-detail-page .route-gallery .gallery-thumbnails .thumbnail:hover{border-color:#93c5fd}.route-detail-page .route-info .route-description{margin-bottom:30px}.route-detail-page .route-info .route-description h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:12px}.route-detail-page .route-info .route-description p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.route-detail-page .route-info .route-details-grid .detail-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.route-detail-page .route-info .route-details-grid .detail-card .detail-icon{font-size:24px}.route-detail-page .route-info .route-details-grid .detail-card .detail-content h3{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.route-detail-page .route-info .route-details-grid .detail-card .detail-content p{font-size:16px;font-weight:600;color:#111827;margin:0}.route-detail-page .route-info .route-section{margin-bottom:30px}.route-detail-page .route-info .route-section h2{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:12px}.route-detail-page .route-info .route-section p{color:#6b7280;line-height:1.6}.route-detail-page .route-info .route-section .route-map{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;color:#6b7280}.route-detail-page .route-detail-loading,.route-detail-page .route-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.route-detail-page .route-detail-loading .loading-spinner,.route-detail-page .route-detail-error .loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.route-detail-page .route-detail-loading .error-icon,.route-detail-page .route-detail-error .error-icon{font-size:48px;margin-bottom:16px}.route-detail-page .route-detail-loading h3,.route-detail-page .route-detail-error h3{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px}.route-detail-page .route-detail-loading p,.route-detail-page .route-detail-error p{color:#6b7280;margin-bottom:20px}.route-detail-page .route-detail-loading .btn-primary,.route-detail-page .route-detail-error .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.route-detail-page .route-detail-loading .btn-primary:hover,.route-detail-page .route-detail-error .btn-primary:hover{background:#2563eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content[data-astro-cid-sckkx6r4]{margin-left:0;transition:margin-left .3s ease}.main-content-with-sidebar[data-astro-cid-sckkx6r4]{margin-left:300px}@media (max-width: 768px){.main-content-with-sidebar[data-astro-cid-sckkx6r4]{margin-left:0}}body{padding-top:0}.main-content[data-astro-cid-sckkx6r4]{padding-top:64px}@media (max-width: 768px){.main-content[data-astro-cid-sckkx6r4]{padding-top:56px}}