:root{--green:#005b43;--deep:#004735;--orange:#d96a00;--gold:#e3aa48;--cream:#fff9f0;--ink:#102e27;--muted:#61766f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.top{height:74px;display:flex;align-items:center;gap:28px;padding:8px 4.5%;background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 8px #0000000c}.brand{text-decoration:none;color:var(--green);min-width:185px}.brand b,.fbrand b{display:block;font-size:30px;line-height:.9;letter-spacing:-1px}.brand small,.fbrand small{font-size:10px}.top nav{display:flex;gap:24px;flex:1;justify-content:center}.top nav a,footer a{text-decoration:none;font-size:13px}.top nav a:hover,.top nav a.active{font-weight:700;color:var(--deep)}.top nav a.active{border-bottom:2px solid var(--orange);padding-bottom:8px}.actions{display:flex;gap:10px;align-items:center}.btn,.actions a,.search button,.side a,.cta{border:0;border-radius:24px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.round{width:42px;height:42px;border-radius:50%;background:var(--deep);color:#fff;padding:0!important;font-size:20px}.outline{background:#fff;border:1px solid var(--green)!important;color:var(--green)}.orange{background:var(--orange)!important;color:#fff}.hero{height:390px;background:url('assets/hero-san-pedro.jpg') center/cover no-repeat;position:relative}.seo-hero{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.search{width:88%;margin:-28px auto 24px;min-height:72px;background:#fff;border-radius:38px;position:relative;z-index:5;box-shadow:0 8px 24px #0002;display:flex;align-items:center;padding:8px 14px 8px 28px;gap:18px}.glass{font-size:32px;color:var(--green)}.search .query{flex:1;border:0;outline:0;font-size:17px;min-width:180px}.search .query::placeholder{color:#6f7d79}.search select{border:0;background:#f5f7f6;border-radius:22px;padding:13px 20px}.search button{background:var(--green);color:#fff;min-width:190px;cursor:pointer}.cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;padding:0 2% 18px}.cats a{min-height:155px;border-radius:10px;text-decoration:none;color:#17342c;text-align:center;overflow:hidden;box-shadow:0 2px 10px #0001;background:#fff}.catphoto{height:78px;background-size:cover;background-position:center}.cats .ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;margin:-20px auto 4px;position:relative;font-size:22px;color:var(--green);box-shadow:0 1px 5px #0001}.cats b{font-size:13px;display:block;padding:3px 4px 10px}.c1{background:#fff3ec!important}.c2{background:#eaf3ff!important}.c3{background:#ecf8ef!important}.c4{background:#fff2e7!important}.c5{background:#efebff!important}.c6{background:#ffecef!important}.c7{background:#fff3d8!important}.c8{background:#e7f7f1!important}.p1{background-image:url('assets/hero-san-pedro.jpg');background-position:10% 70%}.p2{background-image:url('assets/territoire-san-pedro.jpg');background-position:50% 10%}.p3{background-image:linear-gradient(135deg,#ddd,#fff)}.p4{background-image:linear-gradient(135deg,#f5a94c,#74351c)}.p5{background-image:linear-gradient(135deg,#8a9d86,#34433d)}.p6{background-image:linear-gradient(135deg,#d99a6c,#7b4f37)}.p7{background-image:linear-gradient(135deg,#98a4a2,#dd8f3e)}.p8{background-image:url('assets/territoire-san-pedro.jpg');background-position:center 15%}.featuregrid{display:grid;grid-template-columns:28% 40% 32%;gap:14px;padding:0 2%}.territory{min-height:390px;background:url('assets/territoire-san-pedro.jpg') center/cover no-repeat;border-radius:12px;position:relative}.territory a{position:absolute;inset:0;border-radius:12px}.mapcard{min-height:390px;background:#f7faf9;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 2px 10px #0001}.mapcard img{display:block;width:100%;height:100%;object-fit:cover}.mapcard a{position:absolute;left:25%;right:25%;bottom:16px;height:48px;border-radius:26px}.side{display:grid;gap:12px}.side article{background:#fffaf4;padding:24px;box-shadow:0 2px 10px #0001;border-radius:12px;min-height:189px}.side h3{font-size:21px;margin:0 0 8px;color:var(--green)}.side p{margin:0 0 12px;line-height:1.45}.side a{background:var(--green);color:#fff;width:100%;font-size:13px}.side ul{padding-left:22px;line-height:1.6;font-size:13px;margin-bottom:0}.side li::marker{color:var(--orange)}.news{padding:20px 2%}.sectiontitle{display:flex;align-items:center;justify-content:space-between}.sectiontitle h2{font-size:30px;color:var(--green);margin:0 0 14px}.sectiontitle a{color:var(--green);text-decoration:none}.newgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.newgrid article{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0001;padding-bottom:14px;background:#fff}.ph{height:120px;background-size:cover;background-position:center}.port{background-image:url('assets/hero-san-pedro.jpg');background-position:center 50%}.beach{background-image:url('assets/territoire-san-pedro.jpg');background-position:center 10%}.culture{background-image:linear-gradient(140deg,#c55b16,#51200b)}.green{background-image:linear-gradient(140deg,#344629,#a2cb70)}.newgrid small,.newgrid h3,.newgrid time{margin-left:14px;margin-right:14px}.newgrid small{display:inline-block;margin-top:10px;background:var(--green);color:#fff;padding:3px 7px;border-radius:3px}.newgrid h3{font-size:15px}.newgrid time{font-size:11px;color:#999}.stats{background:linear-gradient(90deg,#fff8ed,#fff);display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;align-items:center;padding:26px 4%;gap:20px}.stats b,.stats span{display:block}.stats b{font-size:18px;color:var(--green)}.stats span{font-size:12px;margin-top:5px}.stats em{text-align:right;font:italic 22px Georgia;color:var(--green)}footer{background:var(--deep);color:#fff;padding:30px 4% 18px;display:grid;grid-template-columns:180px 1fr 150px;align-items:center;gap:25px}.fbrand b{font-size:28px}.fbrand small{display:block}footer nav{display:flex;justify-content:center;gap:22px}footer nav a{color:#fff}.social{text-align:right;font-size:20px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:16px;font-size:11px}.copyright span{float:right}.pagehero{padding:62px 6%;background:linear-gradient(110deg,#005b43,#0d8062);color:#fff}.pagehero h1{font-size:42px;margin:0 0 10px}.pagehero p{max-width:720px;font-size:18px;line-height:1.5}.content{max-width:1180px;margin:0 auto;padding:40px 24px 70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:22px;border-radius:14px;background:#fff;box-shadow:0 4px 20px #00000010}.card h2,.card h3{color:var(--green)}.card a{color:var(--green);font-weight:700}.listing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing .card{min-height:180px}.empty-note{padding:24px;border-radius:12px;background:#f7faf9;border:1px solid #dce9e4}.mobilemenu{display:none}.publish{position:fixed;right:20px;bottom:20px;background:var(--orange);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;z-index:99;box-shadow:0 5px 18px #0003}
@media(max-width:1000px){.top nav{display:none}.actions .outline{display:none}.hero{height:340px}.cats{grid-template-columns:repeat(4,1fr)}.featuregrid{grid-template-columns:1fr}.territory,.mapcard{min-height:360px}.side{grid-template-columns:1fr 1fr}.newgrid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stats em{display:none}.cards,.listing{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;text-align:center}footer nav{flex-wrap:wrap}.social{text-align:center}.copyright span{float:none;display:block;margin-top:8px}}@media(max-width:600px){.top{height:66px;padding:8px 3%}.brand{min-width:130px}.brand b{font-size:25px}.actions .orange{display:none}.hero{height:255px;background-position:center}.search{width:94%;margin-top:-22px;border-radius:22px;flex-wrap:wrap;padding:12px 16px}.search select{display:none}.search button{min-width:130px;flex:1}.cats{grid-template-columns:repeat(2,1fr)}.side,.newgrid,.cards,.listing{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}footer nav{gap:12px}.copyright span{display:block}.publish{right:12px;bottom:12px}}