/*
Theme Name: Escoteiros do Mar 5AL
Author: Mocosoft Sistemas
Author URI: https://www.mocosoft.com.br
Description: Tema institucional do Grupo Escoteiro do Mar Almirante Soares Dutra, com notícias e álbuns de fotos.
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: escoteiros-mar-5al
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#faf9f5;color:#162c3c;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e5aa41;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.topline{background:#12364b;color:#e4ecec;font-size:11px;letter-spacing:1.4px;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}header{background:#fffefb;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e8e5}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;line-height:1.3}.brand img{width:63px;height:67px;object-fit:contain}.brand strong{font-size:15px;display:block}.brand small{font-size:10px;letter-spacing:1px;text-transform:uppercase}nav{display:flex;gap:26px;font-size:13px;font-weight:bold;align-items:center}.btn{display:inline-flex;align-items:center;gap:24px;background:#e8b552;color:#122e40;padding:14px 22px;font-weight:bold;font-size:13px;border:0;border-radius:3px}.btn.dark{background:#173d52;color:white}.btn.ghost{background:transparent;color:white;border:1px solid #ffffff65}.menu{display:none}.hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#153a4e;color:white}.hero>img{position:absolute;width:68%;height:100%;right:0;object-fit:cover;object-position:50% 60%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102f43 3%,#102f43ed 29%,#102f4390 52%,#102f4310 80%)}.hero .wrap{position:relative;z-index:1;width:100%;padding-top:70px;padding-bottom:80px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:2.2px;color:#337a7d;margin:0 0 19px}.hero .eyebrow{color:#eed197}.hero h1{font-family:Georgia,serif;font-weight:normal;font-size:68px;line-height:1.06;letter-spacing:-2px;margin:0 0 25px;max-width:620px}.hero h1 em{color:#f0c56c;font-style:normal}.hero p{max-width:440px;font-size:16px;color:#e0e6e8;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-caption{position:absolute;z-index:2;right:32px;bottom:20px;font-size:10px;color:#fff;letter-spacing:1px}.ribbon{background:#e9efeb;border-bottom:1px solid #dbe3de}.ribbon .wrap{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:12px;font-weight:bold;gap:15px}.ribbon span b{color:#307e80;margin-right:12px}section{padding:85px 0}h2{font-family:Georgia,serif;font-size:44px;line-height:1.15;letter-spacing:-1px;font-weight:normal;margin:0 0 23px}h3{line-height:1.3}p{color:#586976}.intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.intro-image{position:relative}.intro-image>img{height:440px;width:100%;object-fit:cover;border-radius:3px}.photo-note{position:absolute;bottom:-20px;right:-20px;background:#163c50;color:white;padding:23px 30px;font-family:Georgia,serif;font-size:24px;border-radius:2px}.intro .copy p{font-size:15px}.textlink{font-size:13px;font-weight:bold;display:inline-block;border-bottom:1px solid #99b3b4;padding-bottom:5px;margin-top:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #dce2df;margin-top:65px;padding-top:35px}.benefits h3{font-size:16px;margin:0 0 9px}.benefits p{font-size:13px;margin:0}.num{font-size:12px;letter-spacing:2px;color:#368b8b;display:block;margin-bottom:10px}.sea{background:#153a4e;color:white}.sea p{color:#cad8dd}.sea-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sea .eyebrow{color:#e5b85e}.sea-photo{height:400px;object-fit:cover;width:100%;border-radius:3px}.sea-list{list-style:none;padding:0;font-size:14px}.sea-list li{padding:11px 0;border-bottom:1px solid #ffffff26}.sea-list li:before{content:'↗';color:#e7bd6b;margin-right:15px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head p{max-width:390px;font-size:14px}.section-head h2{margin:0}.branches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.branch{padding:29px 25px;background:white;border:1px solid #dfe4df;border-top:4px solid var(--accent);display:flex;flex-direction:column;align-items:start}.branch .symbol{font-size:30px;color:var(--accent);margin-bottom:20px}.branch h3{font-family:Georgia,serif;font-size:27px;margin:12px 0}.branch .age{font-size:11px;font-weight:bold;letter-spacing:1px;color:var(--accent)}.branch p{font-size:13px;flex:1}.branch button{background:none;border:0;padding:0;color:#153a4e;font-size:12px;font-weight:bold}.small-note{font-size:12px;color:#6e7d83;margin-top:20px}.news-section{background:#f0f2ed}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news{background:white;border:1px solid #e0e5df}.news img{width:100%;height:220px;object-fit:cover}.news-copy{padding:25px}.tag{color:#348286;text-transform:uppercase;font-size:10px;font-weight:bold;letter-spacing:1.3px}.news h3{font-family:Georgia,serif;font-weight:normal;font-size:24px;margin:13px 0}.news p{font-size:13px}.news .textlink{margin-top:5px}.news .acervo{font-size:10px;color:#819099}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filterbar button{padding:8px 19px;border:1px solid #cddbd6;border-radius:30px;background:transparent;font-size:12px;color:#26495a}.filterbar button.active{background:#173c50;color:white;border-color:#173c50}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery button{border:0;padding:0;background:#e8eeeb;position:relative;overflow:hidden}.gallery img{width:100%;height:210px;object-fit:cover;transition:transform .3s}.gallery button:hover img{transform:scale(1.05)}.gallery button span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#062234cc);color:white;text-align:left;padding:30px 15px 12px;font-size:11px}.history{display:flex;gap:25px;align-items:center;background:#eef1eb;padding:28px;margin-top:35px}.history img{height:115px;width:90px;object-fit:cover}.history h3{font-family:Georgia,serif;font-weight:normal;font-size:24px;margin:0 0 8px}.history p{margin:0;font-size:13px;max-width:750px}.visit-section{background:#e8eeea}.visit{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.visit>img{width:100%;height:430px;object-fit:cover}.steps{counter-reset:steps;list-style:none;padding:0}.steps li{position:relative;padding:0 0 17px 42px;font-size:13px;color:#5b6b73}.steps li:before{counter-increment:steps;content:'0' counter(steps);position:absolute;left:0;top:0;font-weight:bold;color:#3d7e7d}.steps strong{display:block;color:#16384a;font-size:14px}.visit-note{font-size:12px;border-left:2px solid #bc944b;padding-left:14px}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}details{border-bottom:1px solid #d9e0db;padding:17px 0}summary{cursor:pointer;font-size:14px;font-weight:bold;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#378183;font-size:20px}details[open] summary:after{content:'−'}details p{font-size:14px;padding-right:20px}.join{background:#193e50;padding:42px;border-radius:3px;margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:white}.join h3{font-family:Georgia,serif;font-weight:normal;font-size:28px;margin:0 0 8px}.join p{color:#d0dce0;font-size:14px;margin:0;max-width:650px}footer{background:#0e2b3d;color:#d5e0e4;padding:48px 0 24px;font-size:12px}footer .foot{display:flex;justify-content:space-between;gap:40px}footer h3{margin-top:0;color:white}footer p{color:#afc1ca}.sources{display:flex;gap:17px;flex-wrap:wrap;margin-top:30px;border-top:1px solid #ffffff20;padding-top:20px;font-size:10px}.copyright{margin-top:24px;font-size:10px;color:#8fa6b2}dialog{max-width:760px;width:calc(100% - 36px);max-height:90vh;padding:35px;border:0;border-radius:5px;background:#fffef9;color:#173b4e;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#082738c9}dialog h2{font-size:34px;margin-top:20px}dialog p{font-size:15px}dialog img{max-height:65vh;margin:auto;object-fit:contain}.close{float:right;border:1px solid #cddbd6;background:white;border-radius:50%;width:34px;height:34px;font-size:21px}.skip{position:fixed;left:20px;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero>img{width:64%}.hero{min-height:720px}}@media(max-width:950px){nav{gap:14px}nav>a:not(.btn){font-size:11px}.brand strong{font-size:12px}.hero h1{font-size:57px}.intro,.sea-layout,.visit{gap:35px}.branches{grid-template-columns:repeat(2,1fr)}.faq-layout{gap:35px}.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{padding:0 22px}.topline{font-size:9px}.topline span:last-child{display:none}.nav{height:78px}.brand strong{font-size:13px}.brand img{width:48px;height:55px}.brand small{font-size:8px}.menu{display:block;background:none;border:1px solid #bdcecf;padding:6px 12px;font-size:20px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fffefb;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav>a:not(.btn){font-size:14px}.hero{min-height:650px;align-items:end}.hero>img{width:100%;object-position:60% 40%;height:100%}.hero:after{background:linear-gradient(0deg,#102f43 1%,#102f43dc 40%,#102f4340 100%)}.hero .wrap{padding-top:200px;padding-bottom:60px}.hero h1{font-size:48px;max-width:400px}.hero p{font-size:14px;max-width:360px}.hero-caption{font-size:8px;right:22px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding-top:18px;padding-bottom:18px}.ribbon span b{margin-right:6px}section{padding:55px 0}h2{font-size:35px}.intro,.sea-layout,.visit,.faq-layout{grid-template-columns:1fr;gap:35px}.intro-image>img{height:330px}.photo-note{right:0;font-size:21px}.benefits{grid-template-columns:1fr;gap:25px;margin-top:45px}.sea-photo{height:300px}.section-head{display:block}.section-head p{margin-bottom:0}.branches{gap:12px}.branch{padding:22px 16px}.branch h3{font-size:23px}.branch .symbol{margin-bottom:8px}.news-grid{grid-template-columns:1fr}.news img{height:240px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:170px}.history{padding:20px;gap:18px;align-items:start}.history img{width:65px;height:90px}.history h3{font-size:21px}.visit>img{height:310px}.join{display:block;padding:26px}.join .btn{margin-top:25px}footer .foot{display:block}footer .foot>div{margin-bottom:25px}.actions .btn{padding:13px 17px;font-size:12px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.archive-title{font-family:Georgia,serif;font-weight:normal;font-size:48px;line-height:1.15;margin:20px 0 30px}.article-body{max-width:900px}.entry-content{font-size:17px}.entry-content a{color:#237a7c;text-decoration:underline}.entry-content img{height:auto}.article-cover{width:100%;height:auto;margin:30px 0}.pagination{margin:35px 0}.page-numbers{display:inline-block;padding:8px 14px;background:#e9eeea;margin:3px}.page-numbers.current{background:#173c50;color:white}.screen-reader-text{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.wp-block-gallery{gap:15px}.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}.archive-title{font-size:36px}}