@charset "utf-8";
/* CSS Document */
:root {
	--bs-dark-rgb: 0,0,0!important;
	--bs-body-font-family: 'Montserrat', sans-serif!important;
}
::selection {
    color: darkslategrey!important;
    background-color: rgba(0,0,0,0.1);
}
a:hover {
    color: lightseagreen!important;
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #20b2aa;
    --bs-btn-hover-border-color: #2c64cc;
    --bs-btn-focus-shadow-rgb: 85,145,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c64cc;
    --bs-btn-active-border-color: #295ebf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}
.form-check-input:checked {
    background-color: lightseagreen;
    border-color: lightseagreen;
}
.form-check-input[type=checkbox] {
    border-radius: 1px;
}
.pagination {
    --bs-pagination-border-radius: 1px;
}
.btn {
    --bs-btn-border-radius: 1px;
}

.badge {
    --bs-badge-border-radius: 1px;	
}
.card {
    --bs-card-inner-border-radius: 1px;
	--bs-card-border-radius: 1px;
}
.bg-primary {
    background-color: black!important;
}
.bg-success {
    background-color: lightseagreen!important;
}
.form-control {
    border-radius: 1px;
}
.form-select-sm {
    border-radius: 1px;
}
.form-select {
    border-radius: 1px;
}
.input-group-merge {
	border-radius: 1px;
}
.input-group-home {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

.navbar-brand-logo-1 {
    width: 100%;
    min-width: 8.5rem;
    max-width: 11.5rem;
}

.bg-bikestore{
    background: #ebf2ff;
}

.btn-whatsapp {
    background-color: #25d366 !important;
    color: #ffffff !important;
}

.texto_home {
   height: 17vh;
}
.active>.page-link,.page-link.active {
    background-color: black;
    border-color: black;
}
.page-link {
    border-radius: 1px;
}
.text-primary { 
	color: lightseagreen!important;
}
.navbar-brand-logo {
	max-width: 12.5rem
}
.mt-11 {
	margin-top: 6.5rem !important;
}		
		

@media (min-width: 768px){ /* md */
    .texto_home {
       height: 22vh;
    }
}

@media (min-width: 992px){ /* md */
    .texto_home {
       height: 30vh;
    }
}

/* Estilos generales para dispositivos móviles */
@media only screen and (max-width: 992px) {
  /* Estilos que se aplicarán solo en dispositivos con ancho máximo de 767px (móviles) */
  
  /* Agrega estilos específicos para dispositivos en posición horizontal (paisaje) */
  @media only screen and (orientation: landscape) {
    /* Estilos que se aplicarán solo cuando el dispositivo esté en posición horizontal */
    /* Por ejemplo, puedes cambiar el color de fondo o el tamaño del texto */
    .texto_home {
       height: 45vh;
    }
  }
}