/* CSS RESET */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body, center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li,
meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, button, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
  background: transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
  outline: none;
}

a {
  text-decoration: none;
}

*:focus {
  outline: none;
}

strong {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: lighter;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}

/************ ############################## INICIO */
body {
  font-family: "Inter", sans-serif;
  scroll-behavior: smooth;
}

.nav-link {
  @apply px-3 py-2 text-slate-700 hover:text-sky-600 rounded-md text-sm font-medium transition-colors;
}

.nav-link.active {
  @apply text-sky-700 bg-sky-100;
}

.content-section {
  @apply py-12 md:py-16 px-4 sm:px-6 lg:px-8;
}

.card {
  @apply bg-white shadow-lg rounded-xl overflow-hidden transition-all duration-300 hover:shadow-2xl;
}

.modal {
  @apply fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center p-4 z-50 transition-opacity duration-300;
}

.modal-content {
  @apply bg-white rounded-lg shadow-xl p-6 md:p-8 w-full max-w-3xl max-h-[90vh] overflow-y-auto;
}

.tab-button {
  @apply px-4 py-2 font-medium text-sm rounded-md;
}

.tab-button.active {
  @apply bg-sky-600 text-white;
}

.tab-button:not(.active) {
  @apply text-slate-600 hover:bg-slate-200;
}

.tab-content {
  @apply p-4 border border-slate-200 rounded-b-md;
}

.chart-container {
  display: none;
} /* Not used in this specific SPA design */
.full-width-video-container {
  @apply w-full max-w-4xl mx-auto aspect-video rounded-lg overflow-hidden shadow-xl; /* max-w-4xl for better viewing on large screens */
}

.bg-sky-600 {
  background-color: #0054ff !important;
}

.text-sky-600 {
  color: #0054ff !important;
}

header {
  background: #11141c;
  padding: 10px 0;
}

.logotipo {
  width: 400px;
}

.logotipo a {
  display: flex;
}

.logotipo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

nav .nav-link {
  color: white;
  padding: 4px 15px;
}

nav .active {
  color: white;
  background-color: #0054ff;
  border-radius: 18px;
}

#sobre {
  padding: 80px 0;
}

#sobre .sobre-nos {
  margin-top: 60px;
}

#servicos {
  padding: 80px 0;
}

#portfolio {
  padding: 80px 0;
}

#diferenciais {
  background: #11141c;
  padding: 80px 0;
}

#blog {
  padding: 80px 0;
}

#contato {
  padding: 80px 0;
}

#service-tabs-buttons .tab-button {
  background: #f4f4f4;
  padding: 15px 35px;
  border-radius: 10px;
}

#service-tabs-buttons .active {
  background: #0054ff;
  color: white;
}

.modal {
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  padding: 100px;
}

.modal-content {
  border: 1px solid red;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-content .row {
  border: 1px solid blue;
}

#modalVideoContainer {
  max-height: 500px;
}/*# sourceMappingURL=style.css.map */