@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

.padding-section {
  padding: 2rem 0;
}

header, footer {
  background-color: #1B263B;
}

header {
  display: flex;
  justify-content: start;
}
header div {
  display: flex;
  align-items: center;
}
header div img {
  width: 150px;
}
header div li {
  list-style: none;
}

a {
  color: #F6F6F6;
  text-decoration: none;
}

.link-header {
  color: white;
}

.link-header:hover {
  color: #ffdd57; /* efecto al pasar el mouse */
}

.section-custom {
  background-color: #f0f4f8; /* fondo claro */
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-s {
  background-color: #D4A373;
  width: 100%;
  border-radius: 10px;
  border: none;
  color: white;
  padding: 1rem;
}

.btn-s:hover {
  background-color: #4A5D73;
}

.precio {
  color: #A7A9AC;
}

.btn-custom {
  background-color: #2575fc; /* azul sólido */
  color: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-custom:hover {
  background-color: #1a5ed6; /* azul más oscuro al hover */
  color: white;
}

.input-custom {
  border-radius: 8px;
}

.btn-main {
  background-color: #2575fc; /* azul sólido */
  color: white;
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  height: 10vh;
}

.btn-main:hover {
  background-color: #1a5ed6;
}

.offcanvas-custom {
  border-radius: 15px 0 0 15px;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
}

.btn-buy {
  background-color: #ff512f; /* rojo sólido */
  color: white;
  border-radius: 50px;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-buy:hover {
  background-color: #e04329;
}

.product-description {
  background-color: #f9f9f9; /* fondo claro */
  border-radius: 15px; /* esquinas redondeadas */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* sombra suave */
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center; /* centra verticalmente */
  align-items: flex-start; /* alinea a la izquierda, puedes cambiar a center */
  gap: 1rem;
}

.product-description .text-content {
  width: 100%; /* asegura que el contenido use todo el ancho */
}

.btn-buy {
  background-color: #2575fc;
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 50px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}

.btn-buy:hover {
  background-color: #1a5ed6;
  transform: translateY(-2px);
}

.maniqui {
  width: 180px; /* tamaño del maniquí */
  position: relative;
}

.maniqui .prenda {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.maniqui .gorro {
  margin-bottom: -20px; /* ajusta para que encaje */
}

.maniqui .camisa {
  margin-bottom: -10px;
}

.maniqui .pantalon {
  margin-bottom: -15px;
}

.maniqui .zapatos {
  margin-top: -10px;
}

.img-mini {
  max-width: 80px;
  margin-left: -30px; /* mueve solo las imágenes a la izquierda */
}

.bordesito {
  border: 1px solid red;
}/*# sourceMappingURL=style.css.map */