body {
   font-family: 'Tenor Sans', sans-serif;
   background-color: #f8f9fa;

   margin: 0;
   padding: 0;
   text-align: center;

   font-weight: 400;
  font-style: normal;
}

/* --- Estilos Carrusel Tipo "Nini Chang" --- */
.carousel-item {
   height: 100vh; /* Altura considerable para impacto visual */
   min-height: 350px;
   background: no-repeat center center scroll;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.carousel-caption {
   bottom: 220px; /* Ajuste de posición */
}

.carousel-caption h5 {
   font-size: 45px;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-top: 25px;
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.carousel-caption p {
   width: 75%;
   margin: auto;
   font-size: 18px;
   line-height: 1.9;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

/* --- Estilos Sección Productos (La "Tabla") --- */
.products-section {
   padding: 60px 0;
}

/* Hacemos que las tarjetas se parezcan al carrusel: limpias y con imagen protagonista */
.product-card {
   border: none;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   overflow: hidden;
   border-radius: 8px;
   background: #fff;
   height: 100%;
}

.product-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.product-img-container {
   height: 250px;
   overflow: hidden;
   position: relative;
}

.product-img-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}

.product-card:hover .product-img-container img {
   transform: scale(1.1);
}

.card-body {
   padding: 25px;
   text-align: center;
}

.card-title {
   font-weight: 600;
   text-transform: uppercase;
   font-size: 1.1rem;
   margin-bottom: 15px;
}

.btn-custom {
   background-color: #333;
   color: #fff;
   border-radius: 50px;
   padding: 8px 25px;
   text-transform: uppercase;
   font-size: 12px;
   letter-spacing: 1px;
   transition: background 0.3s;
}

.btn-custom:hover {
   background-color: #555;
   color: #fff;
   text-decoration: none;
}






/* Titulo ---------------------------------

.homeTitulo
{



}



-------------------------------------------- */