*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Segoe UI',sans-serif;line-height:1.7;background:#f5f9ff;color:#333;font-size:16px}
h1,h2,h3,h4,h5,h6{color:#003366;margin:15px 0;font-weight:700}
a{color:#0066cc;text-decoration:none}
a:hover{color:#ff6b35}

.main-menu{background:#003366;padding:12px 0;box-shadow:0 4px 15px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}
.main-menu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;overflow-x:auto;white-space:nowrap}
.main-menu a{color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.95em;transition:all .3s}
.main-menu a:hover,.main-menu a.active{background:#ff6b35;color:#fff;transform:scale(1.05)}

.hero-section{
    background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('img/hero-marin.webp') center/cover no-repeat;
    color:#fff;text-align:center;padding:90px 20px 70px;
}
.hero-content h1{font-size:2.9em;margin:0 0 12px;color:#fff;text-shadow:0 0 15px rgba(0,0,0,.7)}
.hero-content p{font-size:1.25em;margin:0 0 25px;color:#ddd}
.cta-button{
    background:#ff6b35;color:#fff;padding:16px 36px;border-radius:30px;font-weight:bold;
    font-size:1.15em;transition:.3s;box-shadow:0 6px 20px rgba(255,107,53,.4);
    display:inline-block;
}
.cta-button:hover{background:#e55a2b;transform:scale(1.07);box-shadow:0 8px 25px rgba(255,107,53,.6)}

/* LOGO SLAYT */
.brand-logos-container{
    overflow:hidden;background:#fff;padding:20px 0;margin:20px auto;max-width:95%;border-radius:18px;
    box-shadow:0 6px 20px rgba(0,0,0,.08);border:1px solid #e0e0e0;
}
.logo-track{display:flex;gap:40px;align-items:center;padding:0 20px;}
.logo-track img{height:80px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));transition:.3s;padding:8px;border-radius:12px;background:#f8f9fa;}
.logo-track img:hover{transform:scale(1.18);background:#ff6b35;filter:drop-shadow(0 4px 12px rgba(255,107,53,.5));}

@keyframes scroll-desktop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scroll-mobile{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:768px){
    .logo-track{gap:20px;padding:0 10px;}
    .logo-track img{height:50px;padding:6px;}
    .brand-logos-container{padding:15px 0;border-radius:14px;}
}

.page-section{max-width:1200px;margin:40px auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:25px;color:#003366;font-size:2em;position:relative}
.section-title::after{content:'';width:80px;height:4px;background:#ff6b35;display:block;margin:12px auto 0;border-radius:2px}

.cities-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:0 15px}
.city-item{max-width:340px;width:100%}
.city-button{display:block;width:100%;padding:22px 24px;background:#0066cc;color:#fff;font-weight:600;
    font-size:1.25rem;border-radius:16px;text-align:center;box-shadow:0 6px 18px rgba(0,102,204,.3);transition:all .3s}
.city-button:hover{background:#0052a3;transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,102,204,.4)}

.back-link{display:inline-block;margin-top:25px;color:#ff6b35;font-weight:bold;font-size:1.05em}
.back-link:hover{color:#e55a2b;text-decoration:underline}

.scroll-top-btn{
    position:fixed;bottom:20px;right:20px;width:54px;height:54px;background:#ff6b35;border:none;
    border-radius:50%;cursor:pointer;box-shadow:0 5px 15px rgba(255,107,53,.4);opacity:0;visibility:hidden;
    transition:all .3s;z-index:999;display:flex;align-items:center;justify-content:center;
}
.scroll-top-btn.show{opacity:1;visibility:visible}
.scroll-top-btn:hover{background:#e55a2b;transform:scale(1.12)}
.scroll-top-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:3}

@media (max-width:768px){
    .hero-content h1{font-size:2.1em}
    .main-menu a{font-size:.88em;padding:8px 12px}
    .cities-grid{gap:18px;flex-direction:column}
    .scroll-top-btn{width:48px;height:48px}
    .scroll-top-btn svg{width:18px;height:18px}
}

footer{background:#003366;color:#ccc;text-align:center;padding:25px;margin-top:50px}
footer a{color:#ff6b35;text-decoration:none;font-weight:600}
footer a:hover{color:#fff}

.fixed-photos-section{max-width:1200px;margin:40px auto;padding:0 20px}
.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.photo-item{text-align:center;background:#fff;border:3px solid #0066cc;border-radius:16px;overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.3s}
.photo-item:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.15);border-color:#ff6b35}
.photo-item img{width:100%;height:250px;object-fit:cover;opacity:0;transition:opacity .4s}
.photo-item img.loaded{opacity:1}
.photo-caption{margin:14px 0 18px;font-size:1.15rem;font-weight:600;color:#003366;padding:0 14px}

#breadcrumbs a{color:#0066cc}
#breadcrumbs a:hover{text-decoration:underline}
#breadcrumbs span{color:#ff6b35}

noscript *{all:revert!important;display:block!important;visibility:visible!important;opacity:1!important}