/* ============================================================
   Arøra — novo layout (piloto)
   Homepage seccionada + fundo creme + Poppins + logo header.
   Camada aditiva sobre o tema Claymax; nada aqui altera o
   comportamento das páginas de loja — só aspeto.
   ============================================================ */

/* ---- Poppins (auto-hospedada no tema) ---- */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/poppins-400.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/poppins-500.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/poppins-600.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/poppins-700.woff2') format('woff2');}

:root{
  --arora-cream:#fffdf5;
  --arora-ink:#1b1b1b;
}

/* ---- Fundo creme + tipografia em todo o site (pedido da cliente) ---- */
body{background-color:var(--arora-cream)!important;
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif;}
#wrapper,.l-header,#header,header#header,.header-nav,.header-top,.header-bottom{
  background-color:var(--arora-cream)!important;}

/* ============================================================
   HOMEPAGE
   ============================================================ */
.arora-home{max-width:1180px;margin:0 auto;padding:0 24px;overflow:visible;}
.arora-home img{max-width:100%;height:auto;display:block;}
/* home agora passa pelo ramo normal do layout: limpar breadcrumb e paddings */
.page-home .breadcrumb,#index .breadcrumb,.page-index .breadcrumb{display:none!important;}
#index #wrapper > .container{max-width:none;padding-left:0;padding-right:0;}
/* sem o padding do .container, as margens negativas da .row do Bootstrap
   transbordavam e criavam scroll horizontal — neutralizar */
#index #wrapper > .container > .row{margin-left:0;margin-right:0;}
#index #content-wrapper{padding:0!important;}
#index #wrapper{overflow-x:hidden;}
/* rede de segurança contra transbordo horizontal na home (body tem id="index") */
body#index{overflow-x:hidden;}

.arora-sec{padding:clamp(34px,5.5vw,80px) 0;}
.arora-sec--first{padding-top:clamp(24px,3.5vw,50px);}
.arora-sec > img{width:100%;}

/* revelação em scroll */
.arora-reveal{opacity:0;transform:translateY(34px);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
.arora-reveal.is-in{opacity:1;transform:none;}

/* ---- secções com vídeo (2 colunas) ---- */
.arora-split{display:grid;gap:clamp(12px,1.6vw,20px);align-items:stretch;}
.arora-split--37{grid-template-columns:37fr 63fr;}   /* secção 3 */
.arora-split--50{grid-template-columns:1fr 1fr;}      /* secção 6 */
.arora-media{position:relative;overflow:hidden;
  border-radius:clamp(14px,2vw,26px);min-height:100%;}
.arora-media video,.arora-media img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;}
.arora-split .arora-still{position:relative;}
.arora-split .arora-still img{position:relative;inset:auto;width:100%;height:auto;
  border-radius:clamp(14px,2vw,26px);}
.arora-play{position:absolute;left:14px;bottom:14px;z-index:2;pointer-events:none;
  width:44px;height:44px;border-radius:50%;background:rgba(255,253,245,.85);
  display:flex;align-items:center;justify-content:center;color:var(--arora-ink);
  font-size:15px;padding-left:3px;box-shadow:0 6px 24px rgba(0,0,0,.18);}

/* ---- rodapé redesenhado (secção 10) só na home ---- */
.arora-footer{background:var(--arora-cream);padding:clamp(34px,5vw,70px) 0 56px;}
.arora-footer__wrap{max-width:1180px;margin:0 auto;padding:0 24px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
.arora-footer__main{flex:1 1 520px;}
.arora-footer__logo img{height:clamp(52px,7vw,84px);width:auto;display:block;}
.arora-footer__cols{display:flex;gap:clamp(36px,7vw,90px);margin-top:clamp(22px,3vw,36px);flex-wrap:wrap;}
.arora-footer__col{display:flex;flex-direction:column;}
.arora-footer__col h4{font-size:16px;font-weight:600;color:var(--arora-ink);
  text-decoration:underline;text-underline-offset:3px;margin-bottom:12px;}
.arora-footer__col a{color:#6a6a6a;font-size:16px;line-height:1.35;padding:5px 0;
  text-decoration:none;transition:color .2s;width:fit-content;}
.arora-footer__col a:hover{color:var(--arora-ink);}
.arora-footer__social{display:flex;gap:14px;margin-top:clamp(24px,3vw,34px);}
.arora-footer__social a{color:#5f5f5f;display:inline-flex;transition:color .2s;}
.arora-footer__social a:hover{color:var(--arora-ink);}
.arora-footer__social svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;}
.arora-footer__badges{flex:0 0 auto;max-width:320px;}
.arora-footer__badges img{width:100%;height:auto;display:block;}
@media(max-width:760px){
  .arora-footer__wrap{flex-direction:column;gap:34px;}
  .arora-footer__badges{max-width:260px;}
}

@media(max-width:760px){
  .arora-split--37,.arora-split--50{grid-template-columns:1fr;}
  .arora-media{min-height:62vw;}
}