body { background:#f7f3ee; color:#263238; }
#top { background:#24313a; border:0; }
#top .container { min-height:34px; }
#top-links a, #top-links span { color:#f6f1e9; }
header { background:#fff; border-bottom:1px solid #eadfd2; }
#logo img { max-height:64px; width:auto; }
#menu { margin-bottom:0; border:0; border-radius:0; background:#fff; }
#menu .navbar-nav > li > a { color:#39474d; font-size:13px; font-weight:600; transition:color .2s ease, background .2s ease; }
#menu .navbar-nav > li > a:hover, #menu .navbar-nav > li.open > a, #menu .navbar-nav > li.galeria-menu-home > a { color:#a9702e; background:#fbf7f1; }
#menu .navbar-toggle { border-color:#d8c2a4; background:#fbf7f1; }
#menu .navbar-toggle .fa { color:#a9702e; }
.galeria-hero { position:relative; height:470px; overflow:hidden; background:#17212b; }
.galeria-hero-slide { position:absolute; inset:0; display:flex; align-items:center; background-position:center; background-size:cover; opacity:0; transform:scale(1.04); transition:opacity .8s ease, transform 7s ease; }
.galeria-hero-slide.is-active { opacity:1; transform:scale(1); z-index:1; }
.galeria-hero-content { color:#fff; max-width:760px; padding:40px 20px; text-shadow:0 2px 14px rgba(0,0,0,.3); }
.galeria-kicker { display:inline-block; margin-bottom:12px; color:#e6b566; font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.galeria-hero h1,.galeria-hero h2 { margin:0 0 18px; color:#fff; font-size:42px; font-weight:700; line-height:1.12; }
.galeria-hero p { max-width:570px; margin:0 0 25px; color:#f4f4f4; font-size:17px; line-height:1.7; }
.galeria-hero-button { display:inline-block; padding:13px 20px; border-radius:4px; background:#c78d43; color:#fff !important; font-weight:700; text-decoration:none !important; transition:background .2s ease, transform .2s ease; }
.galeria-hero-button:hover { background:#a9702e; transform:translateY(-2px); }
.galeria-hero-dots { position:absolute; bottom:22px; left:0; right:0; z-index:3; text-align:center; }
.galeria-hero-dots button { width:10px; height:10px; margin:0 4px; padding:0; border:1px solid #fff; border-radius:50%; background:transparent; }
.galeria-hero-dots button.is-active { background:#e6b566; border-color:#e6b566; }
.galeria-welcome { display:flex; align-items:center; gap:45px; padding-top:48px; padding-bottom:38px; }
.galeria-welcome-copy { flex:1; }
.galeria-welcome h2 { margin:0 0 12px; color:#263238; font-size:30px; line-height:1.2; }
.galeria-welcome p { color:#68747b; font-size:15px; line-height:1.7; }
.galeria-feature-grid { display:flex !important; flex-wrap:nowrap !important; align-items:stretch; gap:12px; flex:1; width:100%; }
.galeria-feature-card { display:flex; min-width:0; min-height:125px; padding:15px 10px; flex:1 1 0; flex-direction:column; align-items:center; justify-content:center; border:1px solid #eadfd2; border-radius:5px; background:#fff; text-align:center; text-decoration:none !important; transition:transform .2s ease, box-shadow .2s ease; }
.galeria-feature-card:hover { transform:translateY(-4px); box-shadow:0 8px 22px rgba(75,55,35,.12); }
.galeria-feature-card img { width:54px; height:54px; margin-bottom:8px; object-fit:contain; }
.galeria-feature-card strong { color:#263238; font-size:13px; }
.galeria-feature-card span { margin-top:3px; color:#8a969b; font-size:11px; }
.galeria-demo-products { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding-bottom:42px; }
.galeria-category-showcase { padding:20px; border:1px solid #eadfd2; border-radius:6px; background:#fff; }
.galeria-category-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; }
.galeria-category-title .galeria-kicker { margin:0; color:#a9702e; letter-spacing:1px; }
.galeria-category-title a { color:#a9702e; font-size:11px; text-decoration:none; white-space:nowrap; }
.galeria-product-mini-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.galeria-product-mini-grid a { display:flex; min-width:0; flex-direction:column; color:#39474d; font-size:11px; line-height:1.35; text-decoration:none; }
.galeria-product-mini-grid img { width:100%; height:105px; margin-bottom:8px; object-fit:cover; border-radius:4px; }
.galeria-product-mini-grid a:hover span { color:#a9702e; }
.galeria-store-content { padding-bottom:35px; }
@media (max-width:1100px) { .galeria-welcome { display:block; } .galeria-feature-grid { margin-top:25px; width:100%; } }
@media (max-width:991px) { .galeria-demo-products { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .galeria-category-showcase { padding:14px; } }
@media (max-width:767px) { .galeria-hero { height:430px; } .galeria-hero h1,.galeria-hero h2 { font-size:30px; } .galeria-hero p { font-size:15px; } .galeria-welcome { display:block; padding-top:32px; } .galeria-feature-grid { margin-top:25px; } }

/* Ajuste final de layout: três cards no desktop, coluna única no celular. */
html, body { overflow-x:hidden; }
.galeria-welcome { display:grid; grid-template-columns:minmax(260px, .9fr) minmax(0, 1.5fr); align-items:center; }
.galeria-feature-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); width:100%; }
.galeria-feature-card { width:100%; min-width:0; }
.galeria-hero img { max-width:100%; }
@media (max-width:1100px) {
  .galeria-welcome { display:block; }
  .galeria-feature-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); margin-top:25px; }
}
@media (max-width:767px) {
  .galeria-hero { height:400px; }
  .galeria-hero-content { padding:30px 25px; }
  .galeria-hero h1, .galeria-hero h2 { font-size:28px; }
  .galeria-hero p { font-size:14px; line-height:1.55; }
  .galeria-feature-grid { grid-template-columns:1fr; gap:10px; }
  .galeria-feature-card { min-height:100px; flex-direction:row; justify-content:flex-start; gap:12px; padding:12px 16px; text-align:left; }
  .galeria-feature-card img { width:44px; height:44px; margin:0; }
  .galeria-feature-card strong, .galeria-feature-card span { display:block; }
  .galeria-feature-card span { margin-left:0; }
  .galeria-demo-products { grid-template-columns:1fr; gap:14px; padding-left:15px; padding-right:15px; }
  .galeria-category-showcase { padding:15px; }
  .galeria-welcome { padding-left:15px; padding-right:15px; }
  #menu .navbar-nav { margin:0; }
  #menu .navbar-nav > li > a { padding:12px 15px; }
}
