
:root{--red:#E83939;--dark:#141414}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--dark);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.dv-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 7%;background:#fff}
.dv-wordmark{font-weight:900;font-size:28px;letter-spacing:-2px;white-space:nowrap}
.dv-wordmark span{color:var(--red)}
.dv-header nav{display:flex;gap:25px;font-size:13px;font-weight:bold;flex-wrap:wrap}
.dv-header nav a:hover,.dv-header [aria-current]{color:var(--red)}
.dv-hero{background:var(--dark);color:white;padding:115px 7%;position:relative;overflow:hidden}
.dv-kicker{color:var(--red);font-size:12px;letter-spacing:2.5px;font-weight:900}
h1,h2{font-weight:900;line-height:1.04;letter-spacing:-3px}
h1{font-size:clamp(45px,7vw,100px);margin:25px 0}
h2{font-size:clamp(36px,5vw,65px);margin:18px 0 30px}
h1 em,h2 em{font-style:normal;color:var(--red)}
.dv-lead{max-width:700px;color:#ccc;font-size:18px;line-height:1.8}
.dv-button{display:inline-block;background:var(--red);color:#fff;padding:18px 25px;font-size:13px;font-weight:900;margin-top:22px;border-radius:4px}
.dv-button:hover{background:#c52c34}
.dv-hero-number{position:absolute;right:7%;bottom:35px;color:#777}
.dv-section{padding:95px 7%}
.dv-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.dv-intro p:not(.dv-kicker){color:#555;line-height:1.9;font-size:18px}
.dv-work{background:#f4f4f4}
.dv-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.dv-heading>p{max-width:350px;line-height:1.8;color:#555}
.dv-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}
.dv-foto{position:relative;display:block;width:100%;aspect-ratio:3/4;border:0;background:#e3e3e3;overflow:hidden;cursor:pointer;padding:0;text-align:left}
.dv-foto img{width:100%;height:100%;object-fit:cover;display:none;transition:transform .5s}
.dv-foto.has-photo img{display:block}
.dv-foto.has-photo:hover img{transform:scale(1.055)}
.dv-sem-foto{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;color:#777;text-align:center;padding:16px}
.dv-sem-foto strong{font-size:45px;letter-spacing:-3px;color:#bbb}
.dv-sem-foto small{font-size:13px}
.dv-foto.has-photo .dv-sem-foto{display:none}
.dv-foto-label{position:absolute;bottom:0;left:0;right:0;padding:22px 18px;background:linear-gradient(transparent,#000a);color:#fff;font-weight:bold;font-size:13px;display:none}
.dv-foto.has-photo .dv-foto-label{display:block}
.dv-foto:not(.has-photo){cursor:default}
.dv-disclaimer{font-size:12px;color:#777;margin-top:20px}
.dv-method{background:#fff}
.dv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.dv-step{border-top:2px solid #ddd;padding:25px 4px;transition:border-color .2s,transform .2s}
.dv-step:hover{border-color:var(--red);transform:translateY(-5px)}
.dv-step span{font-weight:900;color:var(--red)}
.dv-step h3{font-size:25px;letter-spacing:-1px}
.dv-step p{color:#666;line-height:1.7;font-size:15px}
.dv-contact{background:var(--dark);color:#fff;padding:95px 7%}
.dv-contact>p:not(.dv-kicker){color:#aaa;font-size:18px}
.dv-footer{background:#0b0b0b;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding:35px 7%}
.dv-footer p{color:#aaa;font-size:13px}
.dv-footer>a:last-child{font-size:13px;color:#ddd}
.reveal{transition:opacity .65s,transform .65s}
.reveal.pending{opacity:0;transform:translateY(25px)}
.dv-lightbox{border:0;padding:50px 20px 20px;background:#151515;color:#fff;max-width:min(900px,95vw);max-height:95vh}
.dv-lightbox::backdrop{background:#000d}
.dv-lightbox img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:auto}
.dv-lightbox-caption{text-align:center;font-size:13px}
.dv-close{position:absolute;right:12px;top:5px;background:none;border:0;color:white;font-size:34px;cursor:pointer}
@media(max-width:900px){.dv-intro{grid-template-columns:1fr;gap:0}.dv-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.dv-header{padding:20px 5%;display:block}.dv-header nav{gap:16px;margin-top:18px}.dv-hero,.dv-section,.dv-contact{padding:75px 5%}.dv-gallery{grid-template-columns:1fr}.dv-foto{aspect-ratio:4/3}.dv-steps{grid-template-columns:1fr}.dv-heading{display:block}h1,h2{letter-spacing:-2px}.dv-footer{padding:30px 5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.dv-step,.dv-foto img{transition:none!important}}


/* DEVOLUA SOBRE V2 INICIO */
.sobre-v2 {
  background:#141414;
  color:#fff;
  padding:105px 7%;
}

.sobre-v2-label {
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  color:#E83939;
}

.sobre-v2-heading {
  max-width:850px;
  margin-bottom:50px;
}

.sobre-v2 h2,
.sobre-v2-faq h2 {
  font-size:clamp(36px,5.5vw,74px);
  line-height:1.05;
  letter-spacing:-3px;
  margin:20px 0;
  font-weight:900;
}

.sobre-v2 h2 em,
.sobre-v2-faq h2 em {
  color:#E83939;
  font-style:normal;
}

.sobre-v2-heading p {
  color:#aaa;
  font-size:18px;
  line-height:1.7;
}

.sobre-v2-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}

.sobre-v2-card {
  border:1px solid #383838;
  padding:35px;
  min-height:285px;
  position:relative;
  background:#1b1b1b;
  transition:transform .35s,border-color .35s,background .35s;
}

.sobre-v2-card:hover {
  transform:translateY(-9px);
  border-color:#E83939;
  background:#242424;
}

.sobre-v2-card>span {
  color:#E83939;
  font-size:11px;
  letter-spacing:1.4px;
  font-weight:800;
}

.sobre-v2-card h3 {
  font-size:25px;
  margin-top:28px;
}

.sobre-v2-card p {
  font-size:15px;
  line-height:1.8;
  color:#aaa;
}

.sobre-v2-card strong {
  position:absolute;
  right:30px;
  bottom:20px;
  color:#E83939;
  font-size:25px;
}

.sobre-v2-faq {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  padding:105px 7%;
  background:#f5f5f5;
}

.sobre-v2-faq-intro p {
  max-width:360px;
  line-height:1.8;
  color:#666;
}

.sobre-v2-faq-items details {
  border-bottom:1px solid #d5d5d5;
  padding:23px 0;
}

.sobre-v2-faq-items summary {
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-size:16px;
  font-weight:800;
}

.sobre-v2-faq-items summary::-webkit-details-marker {
  display:none;
}

.sobre-v2-faq-items summary span {
  color:#E83939;
  font-size:23px;
  transition:transform .25s;
}

.sobre-v2-faq-items details[open] summary span {
  transform:rotate(45deg);
}

.sobre-v2-faq-items details p {
  color:#666;
  line-height:1.8;
  margin:18px 0 0;
  font-size:15px;
}

@media(max-width:900px) {
  .sobre-v2-grid {
    grid-template-columns:1fr;
  }
  .sobre-v2-card {
    min-height:220px;
  }
  .sobre-v2-faq {
    grid-template-columns:1fr;
    gap:25px;
  }
}

@media(max-width:600px) {
  .sobre-v2,.sobre-v2-faq {
    padding:70px 5%;
  }
  .sobre-v2-card {
    padding:26px;
  }
}
/* DEVOLUA SOBRE V2 FIM */

/* AJUSTE PARA NAO CORTAR ROSTO NA IMAGEM DO HERO */
.hero-media,
.sobre-hero-media,
.page-hero-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  overflow: hidden;
}

.hero-media img,
.sobre-hero-media img,
.page-hero-image img {
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
  object-position: center top;
  display: block;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .hero-media img,
  .sobre-hero-media img,
  .page-hero-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}
CSS,cd /var/www/devolua/site || exit 1

cp sobre.css "/var/backups/sobre-css-$(date +%Y%m%d-%H%M%S).bak"

cat >> sobre.css <<'CSS'

/* AJUSTE PARA NAO CORTAR ROSTO NA IMAGEM DO HERO */
.hero-media,
.sobre-hero-media,
.page-hero-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  overflow: hidden;
}

.hero-media img,
.sobre-hero-media img,
.page-hero-image img {
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
  object-position: center top;
  display: block;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .hero-media img,
  .sobre-hero-media img,
  .page-hero-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}

/* AJUSTE PARA NAO CORTAR ROSTO NA IMAGEM DO HERO */
.hero-media,
.sobre-hero-media,
.page-hero-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  overflow: hidden;
}

.hero-media img,
.sobre-hero-media img,
.page-hero-image img {
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
  object-position: center top;
  display: block;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .hero-media img,
  .sobre-hero-media img,
  .page-hero-image img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
}
