/* css de brian */

:root {
  --bs-green: #28b463;
  --bs-orange: #d89a28;
  --bs-black: #03071e;
  --bs-gray: #2c3e50;
  --bs-blue: #0063c7;
  --bs-white: #dfdfdf;
  --yellow: #ffc107;
  --white: #ffffff;
}

html {
  background-color: var(--bs-black);
  scroll-behavior: smooth;
}

body {
  font-family: "Prompt", sans-serif;
  margin: 0 auto;
}

.header {
  display: flex;
  max-width: 100vw;
  justify-content: space-between;
  background-color: #03071e;
}
/* css de jorge */
.container-nav {
  background-color: var(--black) !important;
}
.hamburguer-icon {
  background-color: var(--yellow) !important;
  justify-content: end;
}

.header-logo img {
  height: auto;
  width: 92px;
  justify-content: start;
}
.btn-icon {
  margin: 2px;
  padding: 2px;
  height: 2.5rem;
  width: 5.6rem;
  border-radius: 17px;
  font-size: 0.8rem;
  font-weight: bold;
}

.header-nav-item a {
  text-decoration: none;
  color: white;
  text-transform: uppercase;
}

.main {
  background-color: white;
  /* height: 100vh !important; */
  max-width: 100vw;
}
.main h1 {
  border: 2px solid black;
  background-color: #ffc107;
  font-size: 1.6;
}

.Scrum-title {
  border: 2px solid black;
  background-color: #ffc107;
  font-size: 1.4rem;
}

.developer-image img {
  height: auto;
  width: 100px;
}
.scrum-master-image img {
  height: auto;
  width: 100px;
}
.Brian-image img {
  border-radius: 49px;
  width: 79px;
}
.devs-title {
  border: 1px solid black;
  background-color: #ffc107;
  font-size: 1.4rem;
}
.gaspar img {
  height: auto;
  width: 97px;
  border-radius: 49px;
}
.jorge-image img {
  height: auto;
  width: 104px;
  border-radius: 49px;
}
.vani-image img {
  height: 100px;
  width: 65px;
  border-radius: 49px;
  margin-top: 3px;
}
.container-avatar {
  background-color: var(--white) !important;
}
.Logo-footer img {
  height: auto;
  width: 80px;
  justify-content: start;
}
.footer-text-logo {
  font-size: 18px;
}

.aboutus-title {
  margin-top: 4rem;
  border: 2px solid black;
  background-color: #ffc107;
}
/* CSS DE BRIAN */
.row {
  --bs-gutter-x: 0;
}

.card .product {
  height: 100%;
}

.card-body {
  background-color: var(--bs-orange);
  text-align: center;
}

.card-title {
  padding-top: 30px;
  height: 30%;
}

.card-text {
  height: 20%;
}

.card-price {
  height: 15%;
}

.card .btn {
  margin-bottom: 30%;
}

.offer .card-body {
  background-color: var(--bs-white);
}

.offer .card-text,
.offer .card-title,
.offer .card-price {
  color: black;
  text-align: center;
}

.prod-info .card-body,
.review .card-body {
  background-color: #dfdfdf;
}

.prod-info-desc li {
  padding-bottom: 2%;
}

.review {
  font-size: 20px;
}
.container-product {
  margin-top: 2rem !important;
}
.container-carrousel div {
  margin-top: 3.8rem;
}
.container-details {
  padding-top: 9rem !important;
}
