/* Vasconcellos Forense — Hero section */

html {
    scroll-behavior: smooth;
}

/*
  Hero background: assets/img/areas/hero.jpg, with a subtle red glow on top
  and an opaque dark gradient underneath as fallback if the photo is missing.
  CSS paints background-image layers top-to-bottom in listed order, so the
  photo must be listed above the opaque fallback or it would hide it.
*/
.hero__bg {
    background-color: #121212;
    background-image:
        radial-gradient(ellipse at 78% 55%, rgba(139, 30, 35, 0.16), transparent 55%),
        url('../assets/img/areas/hero.jpg'),
        linear-gradient(160deg, #1a1a1a 0%, #0d0d0d 55%, #000000 100%);
    background-size: cover, cover, cover;
    background-position: center, center 30%, center;
    background-repeat: no-repeat;
}

.hero {
    background-color: #000;
}

/*
  "Áreas de Atuação" cards.
  The photo is listed first (top layer) so it's visible when present; the
  opaque gradient sits behind it as a fallback for when the file is missing
  (a failed background-image is skipped, letting the layer below show).
*/
.area-bg-1,
.area-bg-2,
.area-bg-3,
.area-bg-4,
.area-bg-5,
.area-bg-6,
.area-bg-7,
.area-bg-8 {
    background-color: #1c1c1c;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.area-bg-1 {
    background-image: url('../assets/img/areas/contratos-eletronicos.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-2 {
    background-image: url('../assets/img/areas/fraudes.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-3 {
    background-image: url('../assets/img/areas/sistemas-corporativos.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-4 {
    background-image: url('../assets/img/areas/emails.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-5 {
    background-image: url('../assets/img/areas/celulares-notebooks.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-6 {
    background-image: url('../assets/img/areas/documentos-digitais.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-7 {
    background-image: url('../assets/img/areas/grafoscopia.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

.area-bg-8 {
    background-image: url('../assets/img/areas/logs.jpg'), linear-gradient(160deg, #232323 0%, #141414 100%);
}

/*
  "O Perito" section backdrop.
  Drop a photo at assets/img/perito-bg.jpg (office / bookshelf, softly out
  of focus) to replace the placeholder gradient — no markup changes needed.
*/
.perito-bg {
    background-color: #0a0a0a;
    background-image:
        radial-gradient(ellipse at 85% 30%, rgba(139, 30, 35, 0.12), transparent 55%),
        url('../assets/img/perito-bg.jpg'),
        linear-gradient(120deg, #161616 0%, #0a0a0a 60%, #000000 100%);
    background-size: cover, cover, cover;
    background-position: center, center, center;
    background-repeat: no-repeat;
}

.logo img {
    width: 260px;
}

.logo-footer img {
    width: 260px;
}