@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/* Tokens de marca compartidos por todas las paginas publicas de CyShops
   (home, login, registro). carrito.css define los mismos valores para
   carrito/checkout/mis compras; se repiten aca porque login/registro no
   cargan carrito.css. */
:root{
  --cp-accent:#303198;
  --cp-accent-dark:#242572;
  --cp-canvas:#f5f8fc;
  --cp-text:#26263b;
  --cp-text-muted:#6b7086;
  --cp-danger:#c0392b;
  --cp-danger-soft:#fdeceb;
}

body, html{
    margin: 0px;
    padding: 0px;
    background-color: #ebeded !important;
    caret-color: transparent;

}


  
  input, textarea {
    caret-color: auto;
  }
*{
    font-family: 'Montserrat', sans-serif;
}

/* El diseño de login/registro (antes acá) ahora vive en css/auth.css —
   ver templates/GEN_formlogin.tpl y GEN_formRegistro.tpl. */

 .vendedor{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vendedor > label {
    margin: 0px;
  
    padding: 0px;
}


.vendedor > input{
    margin-right: 0.5rem;
    width: 20px;
    height: 20px;
}

.logout{
    background-color: rgba(0, 0, 0, 0.17);
    border-radius: 4px;
    color: #3e3e3e;
    padding: 0.2rem 0.4rem;
    font-size: 16px;
    margin-left: 0.5rem;
}


.container2 {
    margin-top: 1rem;
    display: flex;
}


.content2 {
    flex-grow: 1;
    padding: 0px 20px;

    box-sizing: border-box;
}


.content2 h2 {
    font-size: 22px;
    color: #545454;
    margin: 0;
}



.header-product{
    margin:  0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-product a{
   
}
.header-product a:hover{
   
}
.header-product hr{
    width: 70%;
}






.padder{
    width: 100%;
    padding-right: 4rem !important;
    padding-left: 4rem !important;
    margin-right: auto;
    margin-left: auto;
}




@media (max-width> 767px) {
    .container2 {
        flex-direction: column; /* Cambia la dirección de la columna en pantallas pequeñas */
    }

    .menu2 {
        width: 100%; /* Ocupa todo el ancho en pantallas pequeñas */
        box-sizing: border-box;
        margin-bottom: 10px; /* Agrega espacio entre el menú y el contenido en pantallas pequeñas */
    }

 
}









.hr-horizontal{
    width: 100%;
   
}



.more-productos-button{
    margin: 1rem;
    padding: 0.3rem;
    min-width: calc(100% - 2rem);
    border-radius: 5px;
    border: none;
    background-color: #f0f0f0;

}



.more-productos-button:hover{
   background-color: #bababa;
    
}

.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0px;
    
      
      
}







.emprendedores-main-container-banner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.emprendedores-main-container-banner h3 {
    font-weight: bold;
    margin-bottom: 1rem;
}

@media (max-width: 768px) { 
    .emprendedores-main-container-banner h3 {
        font-size: 1rem; /* Ajusta el tamaño según lo que necesites */
    }
}








/* Contenedor principal del dropdown */


.ap-dropdown-toggle:hover {

}

/* Lista del dropdown */
.ap-dropdown-menu {
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 180px;
    padding: 0;
    margin: 5px 0;
}

.ap-hidden {
    display: none;
}

/* Elementos del dropdown */
.ap-dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.ap-dropdown-item:hover {
    background-color: #f1f1f1;
}

/* Iconos */
.ap-dropdown-icon {
    margin-left: auto;
    color: #666;
}

/* Texto dentro de los elementos */
.ap-dropdown-text {
    font-size: 14px;
}

/* Estilo de botón peligro (salir) */
.ap-text-danger {
    color: #dc3545;
}

.ap-text-danger:hover {
}