.botonoes_caja {
    max-width: 1444px;
    margin: auto;
     padding: 0px 30px;
    margin-top: -500px;
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}
.botoncaja {
top: 445px;
left: 238px;
max-width: 260px;
width: 260px;
min-height:80px;
height: 100%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display:flex;
  flex-wrap:wrap;
  text-align:center;
  align-items:center;
  color: #EC1D25;
  font-size:16px;
  font-weight: bold;
  padding: 0px 20px;
}
.botoncaja:hover {
background: #EC1D25 !important;
color: #ffff !important;
}

.botoncaja_v2{
/*   max-width:568px; */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 80px;
  background:#ffff;
  border-radius: 10px;
  display:flex;
  align-items: center;
  justify-content: center;
  
/*   @media(max-width:1455px){
    max-width:548px;
  width: 100%;
  }
  @media(max-width:1436px){
    max-width:528px;
  width: 100%;
  }
  @media(max-width:1416px){
    max-width:508px;
  width: 100%;
  } */
}
.text_logo {
font-size:16px !important;
  
}

.text_logo_titulo {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.botoncaja .text_logo:hover {
color: #ffff !important;
}
.input-group-text:focus {
   
    outline: none; /* Quita el borde azul predeterminado en algunos navegadores */
}

.botoncaja_v2 p {
  background: #ffff;
}
.botonoes_caja h2 {
 font-size: 32px;
    left: 238px;
    margin-bottom: 30px;
    top: 308px;
    width: 100%;
    max-width: 672px;
}
.botonoes_caja .botones_array a.botoncaja img {
      height: auto;
      max-width: 161px;
      width: 100%;
}
.botonoes_caja .botones_array a.botoncaja:hover img {
    filter: grayscale(1) brightness(111);
}
.botonoes_caja .botones_array a.botoncaja {
    display: block;
    max-height:80px;
      height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
  justify-content: center;
}
.botonoes_caja .botones_array {
    display: flex;
/*     flex-wrap: wrap; */
    align-items: center;
    grid-gap: 16px;
}
.botones_array{
  margin-top: 20px;
  
}



.input-group-text{
    max-width: 350px;
    width:100%;
    text-align:center;
    padding: 0 10px;
  
}

@media (max-width: 520px) {
  .input-group-text{
      font-size: 15px;
  }
}


.search_container {
  width: 100%;
  position: relative;
  max-width: 535px;
}

.suggestions {
    position:absolute;
    margin-top: -7px;

    z-index: 1;
    background: #ffff; /* o cualquier otro color de fondo que necesites */
    border: none; /* Añadir borde si es necesario */
    width: 100%; /* Asegúrate de que las sugerencias tengan el mismo ancho que el input */
    max-height: 200px; /* Limitar la altura máxima si hay muchas sugerencias */
    overflow-y: auto; /* Añadir scroll vertical si hay muchas sugerencias */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
  
/*      @media(max-width:1500px){
      right: 70px;
    }
     @media(max-width:1490px){
      right: calc(65px - 5px);
    }
    @media(max-width:1455px){
    max-width: 545px;
    width:100%;
    right: 50px;
  }
  @media(max-width:1436px){
    max-width:530px;
    width: 100%;
    right: 42px;
  }
  @media(max-width:1416px){
    max-width:515px;
    width: 100%;
    right: 50px;
  }
   */
}

.suggestions div {
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
   
}

.suggestions div:last-child {
    border-bottom: none;
}

.suggestions div:hover {
    background-color: #f5f5f5;
}

/* Estilo específico para productos y artículos del blog */
.suggestions .product, .suggestions .blog-article {
    padding: 10px;
}

.suggestions .product:hover, .suggestions .blog-article:hover {
    background-color: #f5f5f5;
}

.suggestions .product {
    font-weight: bold;
}

.suggestions .blog-article {
    font-style: italic;
}
.suggestion-category {
color: #EC1D25;
font-weight: bold;
  cursor: default !important;
}


@media (max-width: 1285px) {
  .botonoes_caja {
    margin-top: -460px;
  }
}


@media(max-width: 850px){
  .botones_array {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .botonoes_caja {
    margin-top:-600px;
  }
}


@media(max-width:700px){
 .botonoes_caja h2 {
 font-size: 28px;
   
}
  @media(max-width:700px){
 .botonoes_caja h2 {
 font-size: 22px;
   
}
}