/*
Theme Name: ASCEC
Author: ASCEC
Description: Tema da Associação Comercial e Empresarial de Caravelas
Version: 1.0
*/
:root{--azul:#0B2A5B;--royal:#1A4A8F;--ouro:#D4A437;--ouro2:#F2D27A;--fundo:#071C3F;--gelo:#F4F6FA}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--gelo);color:#222;line-height:1.6}
a{color:var(--royal);text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.titulo{color:var(--azul);text-align:center;margin:40px 0 24px;position:relative}
.titulo:after{content:"";display:block;width:70px;height:4px;background:var(--ouro);margin:10px auto 0;border-radius:2px}
/* Topo */
.topo{background:var(--azul);border-bottom:4px solid var(--ouro);position:sticky;top:0;z-index:50}
.topo-in{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;min-height:80px;gap:20px}
.marca{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;text-decoration:none!important}
.marca img{height:64px;width:auto;display:block;border-radius:6px}
.marca-txt{display:flex!important;flex-direction:column;line-height:1.2}
.marca-txt strong{display:block;color:var(--ouro)!important;font-size:1.4rem;font-weight:800;letter-spacing:1px}
.marca-txt small{display:block;color:var(--ouro2)!important;font-size:.85rem}
.menu ul{list-style:none;display:flex;gap:28px;margin:0;padding:0}
.menu a{color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:.95rem}
.menu a:hover,.menu .current-menu-item a{color:var(--ouro2)}
.burger{display:none;color:#fff;font-size:28px;cursor:pointer}
/* Grade de cards */
.grade{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}
.card{background:#fff;border:2px solid var(--ouro);border-radius:14px;overflow:hidden;transition:.25s;display:block}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(11,42,91,.18)}
.card-img{aspect-ratio:4/3;background:#e5e9f2 center/cover no-repeat}
.card h3{margin:0;padding:14px;text-align:center;color:var(--azul);font-size:1.05rem}
.card p{padding:0 14px;margin:0 0 10px;font-size:.9rem;color:#555}
.card .data{color:var(--ouro);font-weight:700}
.card .btn{margin:0 14px 16px}
/* Botões */
.btn{display:inline-block;background:var(--ouro);color:var(--azul);font-weight:800;padding:10px 24px;border-radius:30px;border:0;cursor:pointer;font-size:1rem}
.btn:hover{background:var(--ouro2)}
.btn-azul{background:var(--azul);color:#fff}
.btn-azul:hover{background:var(--royal)}
.btn-wpp,.btn-insta{display:inline-flex;align-items:center;gap:8px;color:#fff}
.btn-wpp{background:#25D366}
.btn-wpp:hover{background:#1EBE5A}
.btn-insta{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4)}
.btn-insta:hover{filter:brightness(1.1)}
.ico{width:20px;height:20px;flex-shrink:0}
/* Página do comércio */
.comercio{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;padding:30px;border-radius:16px;margin:40px auto;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.comercio img{border-radius:12px;width:100%;object-fit:cover}
.comercio h1{color:var(--azul);margin-top:0}
.info{list-style:none;padding:0}
.info li{padding:8px 0;border-bottom:1px solid #eee}
.botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tags a{background:var(--gelo);border:1px solid var(--ouro);padding:3px 12px;border-radius:20px;font-size:.85rem;margin-right:6px}
/* Páginas */
.conteudo{background:#fff;padding:30px;border-radius:16px;margin-bottom:50px}
.diretoria{width:100%;border-radius:12px;border:4px solid var(--ouro);margin-bottom:24px}
.contato{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}
.form input,.form textarea{width:100%;padding:12px;border:1px solid #ccd;border-radius:8px;margin-bottom:12px;font:inherit}
.alerta{padding:12px;border-radius:8px;margin-bottom:12px}
.ok{background:#e3f6e8;color:#1b6b35}.erro{background:#fde8e8;color:#9b1c1c}
.mapa{width:100%;height:350px;border:0;border-radius:12px}
/* Rodapé */
.rodape{background:var(--fundo);color:#fff;border-top:4px solid var(--ouro);padding:40px 0 0}
.rodape-in{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.rodape h4{color:var(--ouro);margin-top:0}
.rodape a{color:#fff}.rodape a:hover{color:var(--ouro2)}
.copy{text-align:center;color:var(--ouro2);font-size:.85rem;padding:16px;margin-top:30px;border-top:1px solid rgba(255,255,255,.1)}
/* Responsivo */
@media(max-width:1024px){.grade{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
 .burger{display:block}
 .marca-txt small{display:none}
 .marca-txt strong{font-size:1.2rem}
 .menu{display:none;position:absolute;top:84px;left:0;right:0;background:var(--azul);padding:20px}
 .menu ul{flex-direction:column;gap:16px}
 #mt:checked~.menu{display:block}
 .comercio,.contato,.rodape-in{grid-template-columns:1fr}
}
@media(max-width:600px){.grade{grid-template-columns:1fr}}