:root {
  /* Cores principais */
  --color-blue: #2c7da0;
  --color-blue-rgb: 44, 125, 160;

  --color-bluedark: #1e4a6b;
  --color-bluedark-rgb: 30, 74, 107;

  --color-dark: #2A2A2A;
  --color-offwhite: #F5F5F5;
  --color-greenlight: #2a9d8f;
  --color-greendark: #1e8074;
  --color-gray: #efefef;
  --color-coral: #e76f51;
}

.text-blue          { color: var(--color-blue); }
.text-bluedark      { color: var(--color-bluedark); }
.text-dark          { color: var(--color-dark); }
.text-offwhite      { color: var(--color-offwhite); }
.text-greenlight    { color: var(--color-greenlight); }
.text-greendark     { color: var(--color-greendark); }
.text-gray          { color: var(--color-gray); }
.text-coral         { color: var(--color-coral); }

.bg-blue            { background-color: var(--color-blue); }
.bg-blue-opacity-50 { background-color: rgba(var(--color-blue-rgb), 0.5); }

.bg-bluedark            { background-color: var(--color-bluedark); }
.bg-bluedark-opacity-50 { background-color: rgba(var(--color-bluedark-rgb), 0.5); }

.bg-dark            { background-color: var(--color-dark); }
.bg-offwhite        { background-color: var(--color-offwhite); }
.bg-greenlight      { background-color: var(--color-greenlight); }
.bg-greendark       { background-color: var(--color-greendark); }
.bg-gray            { background-color: var(--color-gray); }
.bg-coral           { background-color: var(--color-coral); }

.border-blue        { border-color: var(--color-blue) !important; }
.border-bluedark    { border-color: var(--color-bluedark) !important; }
.border-dark        { border-color: var(--color-dark) !important; }
.border-offwhite    { border-color: var(--color-offwhite) !important; }
.border-greenlight  { border-color: var(--color-greenlight) !important; }
.border-greendark   { border-color: var(--color-greendark) !important; }
.border-gray        { border-color: var(--color-gray) !important; }
.border-coral       { border-color: var(--color-coral) !important; }

.text-shadow {
  text-shadow: 2px 2px 4px #000000;
}

.swiper-nav-lr {
  width: 50px;
  height: 50px;
}

.text-uppercase {
  text-transform: uppercase;
}

#home,
#servicos,
#comofunciona,
#portfolio {
  scroll-margin-top: 70px;
}

#portfolio {
  background-color: var(--color-bluedark);
}

.table-santini-1,
.table-santini-2 {
  min-width: 350px;
  overflow-x: auto;
}
/* .table-santini-1 table tbody tr th:nth-child(1) { width: 300px; } */
/* .table-santini-1 table tbody tr td:nth-child(2) { min-width: 300px; } */
/* .table-santini-1 table tbody tr td:nth-child(3) { width: 300px; } */

.table-santini-1 table tbody tr th,
.table-santini-1 table tbody tr td,
.table-santini-2 table tbody tr th,
.table-santini-2 table tbody tr td {
  vertical-align: middle;
  background-color: rgba(255,255,255,0.2) !important;
}

.table-santini-2 table tbody tr th:nth-child(1) { width: 100%; }
.table-santini-2 table tbody tr td:nth-child(2) { min-width: 100%; }
.table-santini-2 table tbody tr td:nth-child(3) { min-width: 100%; }

#portfolio {
  background-image: url('../../assets/images/otimizadas/bg-player.webp');
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: center;
  /* min-height: 400px; */
}

.w-75-custom {
  width: 75%;
}

.table-santini-1 table tbody tr th:nth-child(1) { width: 100%; }
.table-santini-1 table tbody tr td:nth-child(2) { min-width: 100%; }
.table-santini-1 table tbody tr td:nth-child(3) { width: 100%; }
.w-75-custom {
  width: 50%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  body {
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  body {
  }
  .d-md-table-header-group {
    display: table-header-group !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .table-santini-1 table tbody tr th:nth-child(1) { width: 300px; }
  .table-santini-1 table tbody tr td:nth-child(2) { min-width: 300px; }
  .table-santini-1 table tbody tr td:nth-child(3) { width: 150px; }

  .table-santini-2 table tbody tr th:nth-child(1) { width: 300px; }
  .table-santini-2 table tbody tr td:nth-child(2) { min-width: 300px; }
  .table-santini-2 table tbody tr td:nth-child(3) { min-width: 300px; }
  .w-75-custom {
    width: 50%;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  body {
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  body {
  }
}