@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');

* {
  font-family: 'Josefin Sans', sans-serif;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
 
}

body {
  cursor:url(../image/img-inicio/cursorHelado.png), auto;
  background: linear-gradient(to top, #FDE1B9, #FCFCEC);
  cursor:url(../image/img-inicio/cursorHelado.png), auto;
}



.productos-inicio:hover {
  transform: scale(1.4); 
   transition: transform .5s;
}

/* loading  */
.loader{
  background-image: url('../image/img-inicio/loader.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 200px;
  height: 200px;
}

.loader-wrapper {
  background-color: #FCFCEC;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; 
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}

.loader-hidden{
  opacity: 0;
  visibility: hidden;
}


.titulos {
  font-weight: 700;
}

.contenedor-imagen {
  margin: 80px 0 80px 0;
  background-image: url(../image/imgs-pagina-acercade/1-banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 750px;
  border-radius: 10px;

  display: flex;
  justify-content: flex-start;
  align-content: flex-end;
  align-items: flex-end;

}

@media only screen and (max-width: 768px) {
  .contenedor-imagen {
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 500px;
  }

  .texto-imagen {
    width: 300px;
  }
}

.texto-imagen {
  border-radius: 10px;
  width: 500px;
  text-align: center;
  padding: 30px;
  color: #000000;
  background-color: #FAB9D1;

}

#fondo {
  height: 350px;
  background-position: center;
  background-size: cover;
  text-align: justify;
}

.imagen-1 {
  width: 190px;
  height: 120px;
  margin-left: 95px;
}

.imagen-2 {
  width: 190px;
  height: 120px;
  margin-left: 95px;
}

.contenedor {
  display: flex;
}

.txt-1 {
  margin: 0px 205px;
  text-align: center;
}


.btn {
  text-decoration: none;
  padding: 15px 40px;
}

.btn-1 {
  background: #CAFFD7;
  color: black;
  border-radius: 45px;
  transition: transform 0.1s ease;
}

.p style {
  background: #ccc;
  height: 250px;
  width: 300px;
  margin: 2rem auto;
  text-align: center;
}

footer {
  background: rgb(190, 242, 255);
  background: linear-gradient(0deg, rgba(190, 242, 255, 1) 65%, rgba(233, 250, 254, 1) 93%);
}

.paneles {
  border-radius: 10px;
  background: rgb(190, 242, 255);
  background: linear-gradient(0deg, rgba(233, 250, 254, 1) 65%, #FAB9D1 90%);
}

/* Aqui comienza el estilo del carousel */
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  padding: 10px;
  max-width: 480px;
  border: none;
  border-radius: 10px;
  text-align: center;
  background-image: linear-gradient(180deg, #FAB9D1 50%, #FFFFFF 50%);
}

.carousel-control-prev-icon {
  border-radius: 50%;
  background-color: #000000;
}

.carousel-control-next-icon {
  border-radius: 50%;
  background-color: #000000;
}

.carousel-indicators {
  position: relative !important;
}

.inidicators-carousel {
  height: 1rem !important;
  width: 1rem !important;
  border-radius: 50%;
  background-color: #000000 !important;
}

@media (min-width: 768px) {
  .card img {
    height: 11em;
  }

  .card-full {
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    padding: 10px;
    margin: 0 0.5em;
    width: calc(100%/3);
    border: none;
    border-radius: 10px;
    text-align: center;
    background-image: linear-gradient(180deg, #FAB9D1 50%, #FFFFFF 50%);
  }
}

/* Aquí termina el estilo del carousel */
#imagen-contacto {
  border-radius: 10px;
}

/*Aqui empiza log in*/
.imagen-form{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.logo-icon-page{
  width: 200px;
 
}

.container-round {
  border-radius: 10px;
  background: #fcfcec;
}

.anchor-text {
  color: #da0f7e;
}

.form-check-input[type="checkbox"]:checked {
  background-color: #da0f7e;
  border-color: #da0f7e;
}

.form-check-input[type="checkbox"]:not(:checked) {
  border-color: #da0f7e;
}

#container4 {
  border-radius: 10px;
  background: #fcfcec;
}


/* STYLE DE PRODUCTOS */
.link-no-underline,
.link-no-underline-2 {
  color: inherit;
  /* Mantener el color del texto heredado */
  text-decoration: none;
  /* Quitar la subrayado */
}

/*Arreglar que cursor sea pointer en imagenes*/
.image-container-products {
  cursor:pointer;
}

.link-no-underline,
.link-no-underline-2 {
  color: inherit;
  /* Mantener el color del texto heredado */
  text-decoration: none;
  /* Quitar la subrayado */
}

.link-no-underline:hover {
  color: #AD7C68;
  /* Mantener el color del texto heredado al pasar el cursor */
  text-decoration: none;
  /* Quitar la subrayado al pasar el cursor */
}

.link-no-underline-2:hover {
  color: #FFFFFF;
  /* Mantener el color del texto heredado al pasar el cursor */
  text-decoration: none;
  /* Quitar la subrayado al pasar el cursor */
}

.contenedor-productos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nombre-producto {
  font-size: 1.5em;
  font-weight: 600;
}

.precio-producto {
  font-size: 33px;
  font-weight: 500;
}

.boton-agregar {
  color: #FFFFFF;
  background-color: black;
  padding: 10px 20px;
  border-radius: 15px;
}

.boton-agregar:hover {
  transform: scale(1.1);
  background-color: #AD7C68;
}

.titulo-productos {
  font-weight: 600;
}

#titulo-categorias {
  font-weight: 600;
}

#links-productos {
  font-size: 20px;
}

#categoria-responsive {
  display: none;
}


.image-container-products {
  display: inline-block;
  /* Asegura el wrap de la imagen unicamente */
}

.image-container-products img {
  opacity: .66;
  transition: transform 0.3s;
  /* Transición*/
}

.image-container-products img:hover {
  opacity: 1;
  transform: scale(1.4);
}

/*ESTILO DE CARRITO*/
.boton-standard{
  color: #FFFFFF;
  background-color: black;
  padding: 15px 50px;
  border-radius: 10px;
  border: 0px;
  width: auto;
}

.texto-labels{
  font-size: 1.5em;
}

ul.resumen-compra li {
  list-style-type: none;
}

.icon-carrito{
  width: auto;
  height: 25px;
}
.boton-quitar{
  color: #FFFFFF;
  background-color: black;
  padding: 10px 20px;
  border-radius: 10px;
  border: 0px;
  width: 100px;
}

.img-producto-card{
  width: 150px;
}

.img-producto{
  width: 250px;
}

.titulos-principal{
  font-weight: 700;
  font-size: 2.5em;
}
.sub-titulos{
  font-weight: 700;
  font-size: 2.0em;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.input-wrapper {
  width: 150px;
  height: 40px;
  display: flex;
  border-radius: 10px;
  border: 1px solid #000000;
}

input[type="number"] {
  padding: 10px;
  text-align: center;
}

.input-wrapper * {
  border: none;
  width: 50px;
  flex: 1;
}

.input-wrapper button {
  cursor: pointer;
}

.input-wrapper button:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #ffffff;
  background-color: #000000;
}

.input-wrapper button:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #ffffff;
  background-color: #000000;
}

@media only screen and (min-width: 768px) and (max-width:1300px) {

  #carrito-container-responsive{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    
  }
  .content-car{
    width: 100% !important;

  }
}

/*TERMINA CARRITO*/


.modal-header {
  background-color: pink;
  /* Set the header background color to pink */
  border-bottom: none;
  /* Remove the border at the bottom of the header */
  background-color: rgba(255, 192, 203, 0.5);
}

.modal-body {
  background-color: #fcfcec;
}

#cantidades .col {
  gap: 0.5rem !important;
  /* Adjust the gap as needed */
}

@media screen and (max-width: 980px) {
  #contenedor-categoria {
    display: none;
  }

  .titulo-productos {
    text-align: center;
  }

  #categoria-responsive {
    display: block;
    font-size: 100px;
  }

  .boton-categoria {
    color: #FFFFFF !important;
    background-color: #AD7C68 !important;
  }
}

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

.qty .count {
  color: #000;
  display: inline-block;
  vertical-align: top;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  padding: 0 2px;
  min-width: 35px;
  text-align: center;
}

.qty .plus {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  color: white;
  width: 30px;
  height: 30px;
  font: 30px/1 Arial, sans-serif;
  text-align: center;
  border-radius: 50%;
}

.qty .minus {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  color: white;
  width: 30px;
  height: 30px;
  font: 30px/1 Arial, sans-serif;
  text-align: center;
  border-radius: 50%;
  background-clip: padding-box;
}

.minus:hover {
  background-color: #717fe0 !important;
}

.plus:hover {
  background-color: #717fe0 !important;
}

/* STYLE PRINCIPAL*/

.cont-mas img{
  /* max-height:1599px;
  max-width: 932px;  */
  border-radius:10px;
 
 
  
}

/* .cont-mas {

  height: 500px!important; 
  width: 200px;
  border:5px solid red; 
  
}   */

.img-mas-vendido{
 max-width:300px; 
 border-radius: 10px;
 height:300px;
 object-fit:fill;
}

.cont-mas-vendido {
  background-color: #ffbed7;
}

.titulos-index h2 {
  font-weight: 700;
  font-size: 2.5em;
}

@media only screen and (min-width: 768px) and (max-width:1300px) {
  .img-mas-vendido{
    width: 150px;
    height: 150px;
  }

 }

 /* .car-descuentos{
  height: auto;
 
 } */



 /*BOTNO CAMION COMPRA*/