:root{--turicanje-black:#0a0a0a;--turicanje-dark:#1a1a2e;--turicanje-magenta:#d1007d;--turicanje-magenta-light:#ff006e;--turicanje-purple:#6b3fa0;--turicanje-white:#fff}.contacto-container{background-color:var(--turicanje-black);width:100%;min-height:100vh;color:var(--turicanje-white)}.contacto-container .contacto-header{z-index:1000;background:linear-gradient(#00000080,#0000);padding:.75rem 2rem;position:fixed;top:0;left:0;right:0}.contacto-container .header-container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex}.contacto-container .header-logo img{width:auto;height:50px}.contacto-container .header-nav{align-items:center;gap:0;display:flex}.contacto-container .nav-link{color:#fff;letter-spacing:.5px;background-color:#6b3fa04d;border:1px solid #6b3fa080;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.contacto-container .nav-link:first-child{border-radius:8px 0 0 8px}.contacto-container .nav-link:last-child{border-radius:0 8px 8px 0}.contacto-container .nav-link:hover{background-color:#6b3fa099}.contacto-container .nav-link.active{background-color:#6b3fa099;border-color:#6b3fa0cc}.contacto-container .header-user-menu{position:relative}.contacto-container .btn-login{color:#fff;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:opacity .2s;display:flex}.contacto-container .btn-login:hover{opacity:.8}.contacto-container .user-menu-btn{cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:all .2s;display:flex}.contacto-container .user-menu-btn:hover{background:#ffffff40}.contacto-container .user-avatar-header{color:#fff;background:linear-gradient(135deg,#d1007d 0%,#6b3fa0 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.contacto-container .user-name-header{color:#fff;font-size:14px;font-weight:500}.contacto-container .menu-arrow{color:#ffffffb3;font-size:10px;transition:transform .2s}.contacto-container .menu-arrow.open{transform:rotate(180deg)}.contacto-container .user-dropdown{z-index:1000;border-radius:12px;min-width:220px;animation:.2s contacto-dropdownFade;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 25px #00000026;background:#fff!important}@keyframes contacto-dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contacto-container .dropdown-header{padding:16px;background:#f9f9f9!important}.contacto-container .dropdown-name{font-size:14px;font-weight:600;display:block;color:#333!important}.contacto-container .dropdown-email{margin-top:2px;font-size:12px;display:block;color:#666!important}.contacto-container .dropdown-divider{background:#eee;height:1px}.contacto-container .dropdown-item{cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;transition:background .2s;display:flex;color:#333!important;background:#fff!important}.contacto-container .dropdown-item:hover{background:#f5f5f5!important}.contacto-container .dropdown-item.logout{color:#c62828!important}.contacto-container .dropdown-item.logout:hover{background:#ffebee!important}.contacto-hero{text-align:center;background:linear-gradient(135deg,var(--turicanje-magenta)0%,var(--turicanje-purple)100%);padding:160px 5% 80px;position:relative;overflow:hidden}.contacto-hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.contacto-hero .hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.contacto-title{color:var(--turicanje-white);margin-bottom:1rem;font-size:3.5rem;font-weight:700}.contacto-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.3rem}.contacto-main{background:var(--turicanje-dark);padding:5rem 5%}.contacto-grid{grid-template-columns:1fr 1.5fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.contacto-info{padding:2rem}.contacto-info h2{color:var(--turicanje-white);margin-bottom:2rem;font-size:1.75rem;font-weight:600}.info-item{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.info-icon{background:linear-gradient(135deg,#d1007d33 0%,#6b3fa033 100%);border:1px solid #d1007d4d;border-radius:12px;justify-content:center;align-items:center;min-width:50px;height:50px;font-size:1.5rem;display:flex}.info-item h3{color:var(--turicanje-white);margin-bottom:.25rem;font-size:1rem;font-weight:600}.info-item p,.info-item a{color:#ffffffb3;font-size:.95rem;text-decoration:none}.info-item a:hover{color:var(--turicanje-magenta-light)}.social-links{border-top:1px solid #ffffff1a;margin-top:2.5rem;padding-top:2rem}.social-links h3{color:var(--turicanje-white);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.social-icons{gap:12px;display:flex}.social-icons a{width:48px;height:48px;color:var(--turicanje-white);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 8px 20px #0000004d}.social-icons a.instagram:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#0000}.social-icons a.tiktok:hover{background:#000;border-color:#00f2ea;box-shadow:0 8px 20px #00f2ea4d}.social-icons a.whatsapp:hover{background:#25d366;border-color:#0000}.social-icons a.facebook:hover{background:#1877f2;border-color:#0000}.social-icons a.twitter:hover{background:#000;border-color:#fff}.social-icons a svg{fill:currentColor;width:22px;height:22px}.contacto-form-container{background:var(--turicanje-black);border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem}.contacto-form-container h2{color:var(--turicanje-white);margin-bottom:2rem;font-size:1.75rem;font-weight:600}.contacto-form .form-group{margin-bottom:1.5rem}.contacto-form label{color:var(--turicanje-white);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.contacto-form input,.contacto-form select,.contacto-form textarea{background:var(--turicanje-dark);width:100%;color:var(--turicanje-white);border:2px solid #ffffff1a;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}.contacto-form input:focus,.contacto-form select:focus,.contacto-form textarea:focus{border-color:var(--turicanje-magenta);outline:none;box-shadow:0 0 0 4px #d1007d26}.contacto-form input::placeholder,.contacto-form textarea::placeholder{color:#fff6}.contacto-form select option{background:var(--turicanje-dark);color:var(--turicanje-white)}.contacto-form textarea{resize:vertical;min-height:140px}.contacto-form .submit-btn{width:100%;color:var(--turicanje-white);background:linear-gradient(135deg,var(--turicanje-magenta),var(--turicanje-purple));cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1.1rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #d1007d4d}.contacto-form .submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #d1007d66}.contacto-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#fca5a5;background:#b91c1c33;border:1px solid #b91c1c66;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem}.success-message{text-align:center;padding:3rem 2rem}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:1.75rem;display:inline-flex;box-shadow:0 8px 25px #10b9814d}.success-message h3{color:var(--turicanje-white);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.success-message p{color:#ffffffb3;margin-bottom:2rem}.new-message-btn{color:var(--turicanje-magenta);border:2px solid var(--turicanje-magenta);cursor:pointer;background:0 0;border-radius:10px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.new-message-btn:hover{background:var(--turicanje-magenta);color:var(--turicanje-white);transform:translateY(-2px)}.contacto-footer{background:var(--turicanje-black);border-top:1px solid #ffffff1a;padding:2rem 5%}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-logo img{width:auto;height:35px}.contacto-footer p{color:#ffffff80;margin:0;font-size:.9rem}@media (max-width:1024px){.contacto-grid{grid-template-columns:1fr;gap:2rem}.contacto-info{order:2}.contacto-form-container{order:1}}@media (max-width:768px){.contacto-container .contacto-header{padding:.5rem 1rem}.contacto-container .header-container{height:60px}.contacto-container .header-logo img{height:36px}.contacto-container .header-nav,.contacto-container .user-name-header{display:none}.contacto-container .user-menu-btn{padding:4px}.contacto-container .menu-arrow{display:none}.contacto-hero{padding:120px 5% 60px}.contacto-title{font-size:2.25rem}.contacto-subtitle{font-size:1.1rem}.contacto-main{padding:3rem 5%}.contacto-form-container{padding:1.5rem}.social-icons{flex-wrap:wrap;justify-content:center}.social-icons a{width:44px;height:44px}.footer-content{text-align:center;flex-direction:column;gap:1rem}}