/* Obrena — página SEO (/seo/). Só o que é desta página; o compartilhado das internas vive em interna.css.
   Material real: as páginas de serviço da Vicmar (título, descrição e endereço como estão no site). */

/* ===== Hero: copy + as seis páginas ===== */
.se-hero{position:relative;overflow:hidden;padding:64px 0 88px;background:radial-gradient(55% 60% at 85% 25%,rgba(31,59,255,.10),transparent 70%),var(--bg)}
.se-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:56px;max-width:var(--max);margin:auto;padding:0 26px}
.se-hero-copy{padding-top:20px}
.se-hero-copy h1{margin:0;font-size:clamp(38px,4.3vw,62px);line-height:1.02;letter-spacing:-.04em}
.se-hero-copy h1 span{color:var(--accent)}
.se-hero-text{max-width:520px;margin:22px 0 0;color:#4c515b;font-size:17px;line-height:1.7}
.se-hero-text a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(14,18,32,.3)}
.se-hero-text a:hover{text-decoration-color:var(--ink)}
.se-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.se-paginas{padding:22px 22px 18px;border-radius:24px;background:#fff;border:1.5px solid var(--line);box-shadow:0 30px 60px -48px rgba(14,18,32,.55)}
.se-paginas-titulo{margin:0 0 14px;color:#666c77;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.se-servicos{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:4px 18px;margin:0;padding:0;list-style:none}
.se-servico{display:contents}
.se-servico-btn{position:relative;grid-column:1;display:block;width:100%;padding:9px 14px 9px 30px;border:1.5px solid transparent;border-radius:12px;background:transparent;font:inherit;color:#4c515b;font-size:15px;font-weight:750;letter-spacing:-.01em;line-height:1.2;text-align:left;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.se-servico-btn::before{content:"";position:absolute;left:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;background:var(--line);transition:background .2s}
.se-servico-btn:hover,.se-servico-btn:focus-visible{background:var(--bg);color:var(--ink)}
.se-servico-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.se-servico-btn[aria-expanded="true"]{border-color:var(--line);background:var(--bg);color:var(--ink)}
.se-servico-btn[aria-expanded="true"]::before{background:var(--accent)}
.se-servico-pg{grid-column:2;grid-row:1/span 8;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px 24px;border-radius:18px;background:var(--bg);border:1.5px solid var(--line)}
.se-paginas.js .se-servico-pg{display:none}
.se-paginas.js .se-servico-pg.is-on{display:flex;animation:se-entra .3s ease-out}
@keyframes se-entra{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.se-pg-site{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;color:var(--ink);font-size:13.5px;font-weight:700}
.se-pg-site img{grid-row:1/span 2;width:28px;height:28px;padding:4px;border-radius:50%;background:#fff;border:1px solid var(--line);box-sizing:border-box}
.se-pg-site i{display:block;color:#666c77;font-size:12.5px;font-style:normal;font-weight:500;overflow-wrap:anywhere}
.se-pg-titulo{color:#1a3cc7;font-size:19px;font-weight:600;line-height:1.3;text-decoration:none;letter-spacing:-.01em}
.se-pg-titulo:hover,.se-pg-titulo:focus-visible{text-decoration:underline}
.se-pg-desc{margin:0;color:#3f4553;font-size:14.5px;line-height:1.55}
.se-pg-h1{margin:6px 0 0;padding-top:10px;border-top:1px dashed var(--line);color:#666c77;font-size:12.5px}
.se-pg-h1 b{color:var(--ink);font-weight:750}
.se-paginas-nota{margin:16px 0 0;color:#666c77;font-size:13px;line-height:1.55}

/* Sem JS: as seis páginas empilhadas, cada uma abaixo do seu nome */
.se-paginas:not(.js) .se-servicos{grid-template-columns:1fr}
.se-paginas:not(.js) .se-servico{display:block}
.se-paginas:not(.js) .se-servico+.se-servico{margin-top:10px}
.se-paginas:not(.js) .se-servico-btn{display:none}
.se-paginas:not(.js) .se-servico-pg{grid-column:auto;grid-row:auto}

/* ===== Na busca de verdade: a captura do Google ===== */
.se-busca{padding:104px 0 96px;background:var(--ink);color:#fff}
.se-busca-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:64px}
.se-busca-copy .eyebrow{color:rgba(255,255,255,.7)}
.se-busca-copy .eyebrow::before{background:var(--accent-2)}
.se-busca-copy h2{margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.06;letter-spacing:-.035em}
.se-busca-copy h2 span{color:var(--accent-2)}
.se-busca-copy p{max-width:560px;margin:18px 0 0;color:rgba(255,255,255,.82);font-size:16.5px;line-height:1.7}
.se-busca-copy p b{color:#fff}
.se-busca-fig{margin:0;justify-self:center;width:100%;max-width:360px}
.se-busca-fig img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.se-busca-fig figcaption{margin-top:12px;color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.5;text-align:center}

/* ===== Por baixo de uma página real ===== */
.se-raiox{padding:104px 0 96px;background:#fff}
.se-raiox-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:64px}
.se-raiox-tela{margin:0;justify-self:center;width:100%;max-width:330px}
.se-raiox-tela img{display:block;width:100%;height:auto;border-radius:22px;border:1.5px solid var(--line);box-shadow:0 34px 60px -40px rgba(14,18,32,.55)}
.se-raiox-tela figcaption{margin-top:12px;color:#666c77;font-size:12.5px;font-weight:700;text-align:center}
.se-raiox-copy h2{margin:0;font-size:clamp(32px,3.2vw,46px);line-height:1.06;letter-spacing:-.035em}
.se-raiox-copy h2 span{color:var(--accent)}
.se-raiox-copy>p{max-width:600px;margin:18px 0 0;color:#4c515b;font-size:16.5px;line-height:1.7}
.se-declara{display:grid;gap:0;margin:26px 0 0;border-top:1.5px solid var(--ink)}
.se-declara>div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.se-declara dt{margin:0;color:var(--ink);font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:-.01em}
.se-declara dd{margin:0;color:#3f4553;font-size:15px;line-height:1.6}
.se-raiox-copy .se-raiox-nota{max-width:600px;margin:14px 0 0;color:#666c77;font-size:13px;line-height:1.55}
.se-raiox-copy .se-raiox-ficha{max-width:600px;margin:22px 0 0;padding:16px 20px;border-radius:14px;background:var(--bg);border:1.5px solid var(--line);color:#3f4553;font-size:15px;line-height:1.6}
.se-raiox-ficha b{color:var(--ink)}

/* ===== O que não prometemos ===== */
.se-nao{padding:96px 0;background:var(--ink);color:#fff}
.se-nao-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.se-nao .eyebrow{color:rgba(255,255,255,.7)}
.se-nao .eyebrow::before{background:var(--accent-2)}
.se-nao h2{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.035em}
.se-nao h2 span{color:var(--accent-2)}
.se-nao-texto p{margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.7}
.se-nao-texto p+p{margin-top:18px}

/* ===== Larguras ===== */
@media (max-width:1180px){
  .se-hero-inner{grid-template-columns:1fr;gap:40px}
  .se-hero-copy{padding-top:0}
  .se-hero-text{max-width:640px}
  .se-raiox-grid{gap:40px}
  .se-busca-grid{gap:40px}
  .se-nao-grid{gap:36px}
}
@media (max-width:960px){
  .se-hero{padding:48px 0 72px}
  .se-raiox{padding:84px 0 80px}
  .se-busca{padding:84px 0 80px}
  .se-busca-grid{grid-template-columns:1fr;gap:32px}
  .se-busca-fig{max-width:320px}
  .se-raiox-grid{grid-template-columns:1fr;gap:36px}
  .se-raiox-copy{order:-1}
  .se-raiox-tela{max-width:300px}
  .se-nao{padding:80px 0}
  .se-nao-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  .se-hero-inner{padding-inline:18px}
  .se-hero-copy h1{font-size:clamp(33px,9.6vw,46px)}
  .se-hero-text{font-size:15.5px}
  .se-paginas{padding:16px 14px 14px}
  /* celular: cada nome é uma linha, e a página escolhida abre logo abaixo dela */
  .se-servicos{grid-template-columns:1fr;gap:6px}
  .se-servico{display:block}
  .se-servico-btn{padding:12px 14px 12px 30px;font-size:14.5px}
  .se-servico-pg{grid-column:auto;grid-row:auto;margin:4px 0 8px;padding:16px 16px}
  .se-pg-titulo{font-size:17px}
  .se-declara>div{grid-template-columns:1fr;gap:4px;padding:12px 0}
  .se-nao-texto p{font-size:15.5px}
}
@media (max-width:390px){
  .se-hero-actions .button{width:100%;min-height:48px;padding:12px 18px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .se-paginas.js .se-servico-pg.is-on{animation:none}
}