/* modules/busquedasporcatylibres/views/css/estilos.css */

.tabs-content {
  	width: 100%;
	border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}

.bpc-tabs {
	padding: 30px 120px;
	text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
  font-family: Arial, sans-serif;
}

/* contenedor del buscador */
.bpc-tabs .tabs-content .tab-pane {
  display: flex;
  align-items: center;
  gap: .5rem;
  animation: fadeInUp 0.5s ease-out;
}

/* SELECTS */
.bpc-tabs .tab-pane select {
	padding: 14px 26px 14px 24px;
    border-radius: 8px;
    border-color: #DBDFE1;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--text-color);
    outline: none !important;
}

/* SELECT deshabilitado */
.bpc-tabs .tab-pane select:disabled {
  padding: 14px 26px 14px 24px;
  background-color: #e0e0e0; /* Gris clarito pero opaco */
  color: #666;               /* Texto gris oscuro */
  border-color: #ccc;
	
}

#select_marca,
#select_modelo,
#select_anio,
#select_motor,
#select_subcategoria,
#select_subsubcategoria {
    height: auto !important;
}



.bpc-tabs .btn-buscar {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  border-radius: 8px;
  padding: 18px 20px;
  border: 2px solid transparent;
  /* Gradiente que se moverá */
  background-image: linear-gradient(
    to right,
    #fdd013 0%,
    #292829 50%,
    #fdd013 100%
  );
  background-size: 200% auto;
  background-position: left center;
  transition: all 0.5s ease;
  cursor: pointer;
}

/* Hover: mueve el gradiente a la derecha */
.bpc-tabs .btn-buscar:hover {
  background-position: right center;
  color: #fff; /* texto blanco encima del fondo */
}


/* Animación */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .bpc-tabs {
    width: 95%;
	padding: 29px 18px;
  }

  .bpc-tabs .tabs-content .tab-pane {
    flex-direction: column;
    align-items: stretch;
  }

  .bpc-tabs .tab-pane select {
    width: 100%;
    padding: 10px 20px;
    font-size: 1rem;
    background-position: right 15px center;
  }

  .bpc-tabs .btn-buscar {
    width: 100%;
    text-align: center;
  }
}