:root{--navy:#061d3a;--blue:#009ee3;--sky:#b9eefb;--ink:#092445;--line:#d6e4ec;--orange:#ffb000}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f9fc}a{color:inherit}img{max-width:100%;display:block}.topbar{background:#061d3a;color:white;min-height:34px;display:flex;align-items:center;gap:24px;padding:0 4%;font-size:14px;flex-wrap:wrap}.topbar a{text-decoration:none;color:white}.topbar .top-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.topbar .langs{margin-left:auto;display:flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.02em}.topbar .langs a{opacity:.95}.topbar .langs span{opacity:.55}.mast{background:linear-gradient(180deg,#0fb5ec,#88e7fa);box-shadow:0 3px 10px #0002}.mast-inner{max-width:1280px;margin:auto;padding:16px 22px;display:grid;grid-template-columns:360px 1fr 320px;gap:28px;align-items:center}.brand{font-size:34px;font-weight:900;letter-spacing:.02em;text-decoration:none;color:#fff;text-transform:uppercase;line-height:1;text-shadow:0 3px 0 #0002;white-space:nowrap}.brand .brand-nerja{color:#06325b}.brand .brand-beach{color:#fff}.guide-title{font-size:28px;font-weight:800;line-height:1.05;color:white;text-shadow:0 2px 2px #076b92}.guide-title .fish{color:inherit}.guide-sub,.webcams small{color:white}.webcams{color:white;font-weight:800;font-size:26px;line-height:1.1}.webcams small{display:block;font-weight:400;font-size:14px}.navrow{border-top:1px solid #ffffff66;max-width:1280px;margin:auto;padding:10px 22px;display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}.search{background:white;display:flex;align-items:center;border-radius:3px;overflow:hidden;height:36px}.search input{border:0;flex:1;padding:0 12px}.search span{padding:0 12px;color:#0078a8}.menu{display:flex;justify-content:space-around;gap:10px;text-transform:uppercase;font-weight:800;font-size:14px}.menu a{text-decoration:none;color:#05304f}.layout{max-width:1280px;margin:16px auto;padding:0 22px}.dashboard{display:grid;grid-template-columns:1.3fr .9fr 1.25fr 1fr;gap:14px;margin-bottom:16px}.panel{background:#e7eef2;border-radius:3px;overflow:hidden}.panel h3{background:#00a7e1;color:white;margin:0;padding:7px 10px;text-transform:uppercase;font-size:14px}.mapbox{min-height:238px;background:linear-gradient(135deg,#e8f5fb,#b5dfea);position:relative;padding:20px;font-weight:bold}.adbox{min-height:238px;background:#102944;color:white;display:flex;align-items:center;justify-content:center;text-align:center;font-size:38px;font-weight:900;padding:22px;text-shadow:0 3px 0 #0006}.stats{display:grid;grid-template-columns:1fr 1fr}.stat{min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d6e4ec;background:#edf4f7;text-align:center;font-weight:800}.stat .ico{font-size:32px}.events{background:#dff2fb;min-height:238px}.events p{padding:10px;margin:0}.hero{position:relative;min-height:420px;border-bottom:4px solid #08a7df;background:#123;overflow:hidden}.hero img{width:100%;height:420px;object-fit:cover;filter:saturate(1.06)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04294e99,#04294e22,#04294e66)}.hero-content{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:30px}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:.96;margin:0;text-shadow:0 3px 12px #001a}.hero p{font-size:22px;margin:16px 0 24px}.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;border-radius:5px;padding:13px 20px;font-weight:800;background:#00aee8;color:white}.btn.alt{background:#ffb000;color:#092445}.btn.dark{background:#092445;color:white}.toolstrip{background:#061d3a;color:white;margin-top:-1px}.toolstrip .tools{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(13,1fr)}.tool{padding:12px 8px;text-align:center;border-left:1px solid #ffffff22;text-decoration:none}.tool span{display:block;font-size:24px}.tool small{display:block;font-size:11px;margin-top:4px}.section{background:white;border:1px solid var(--line);border-radius:5px;padding:22px;margin:16px 0}.section h2{margin-top:0;text-transform:uppercase;color:#09335f;font-size:23px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #dde8ef;border-radius:6px;overflow:hidden;text-decoration:none;box-shadow:0 2px 6px #0000000c}.card img{height:145px;width:100%;object-fit:cover}.card div{padding:10px}.card strong{display:block}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:20px}.article{font-size:17px;line-height:1.72}.article h2{font-size:28px;text-transform:none}.article h3{font-size:22px;color:#07335e}.info-table{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.infobox{background:#eef8fc;border-left:5px solid #00aee8;padding:12px;border-radius:4px}.sidebox{position:sticky;top:10px;background:#eef8fc;border:1px solid #cfe5ee;border-radius:6px;padding:16px}.external{display:grid;gap:8px}.external a{padding:10px;border-radius:4px;background:white;border:1px solid #d5e5ee;text-decoration:none;font-weight:700}.credit{font-size:12px;color:#64748b;margin-top:5px}.credit a{color:#64748b}.footer{background:#061d3a;color:white;margin-top:30px;padding:30px 4%;font-size:14px}.footer .footgrid{max-width:1280px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer a{color:white;text-decoration:none;display:block;margin:6px 0}.notice{background:#fff8d7;border:1px solid #f4d77b;padding:12px;border-radius:4px}.weather-live{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.livebox{background:#f6fbfe;border:1px solid #d5e5ee;padding:12px;border-radius:4px;text-align:center}.livebox b{display:block;font-size:22px}@media(max-width:900px){.mast-inner,.dashboard,.grid2,.footer .footgrid{grid-template-columns:1fr}.brand{font-size:30px}.menu{flex-wrap:wrap;justify-content:flex-start}.navrow{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.toolstrip .tools{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:42px}.weather-live{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.topbar{overflow:auto}.mast-inner{padding:12px}.hero{min-height:360px}.hero img{height:360px}.hero h1{font-size:34px}.dashboard{display:none}}
@media(max-width:720px){.topbar .langs{width:100%;margin-left:0;padding-bottom:8px}.mast-inner{gap:14px}.brand{font-size:28px}.webcams{font-size:22px}}