/*Libreria de fuentes*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300&display=swap');

/*Variables*/
/*INICIO DE CONTENIDO BASICO*/
* {
    font-family: 'Nunito Sans', sans-serif;
}

:root {
    --main-bg-color: #009AA0;
    --sencond-color: #2B2926;

}

.nav-edit {
    margin                 : auto;
    width                  : 95%;
    display                : flex !important;
    display                : -webkit-flex;
    display                : -moz-flex;
    justify-content        : end;
    -webkit-justify-content: flex-end;
    align-items            : flex-end;
    -webkit-align-items    : flex-end;
}

.text-active-edit {
    font-weight        : bold;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: var(--main-bg-color);
}

body {
    padding-top: 70px;
}


.info {
    height          : 100vh;
    background-color: white;
    margin          : 0px;
}

.contact-edit {
    height             : 350px;
    background-image   : linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../media/img/contact.jpg");
    background-position: 0px -200px;
    overflow           : hidden;
}

.btn-edit {
    background-color: var(--main-bg-color) !important;
    color           : white;
    font-weight     : bold;

}

.copyrigth-edit {
    background-color: var(--main-bg-color);
    overflow        : hidden;
    height          : 50px;
}


a {
    text-decoration: none;
}

.btn-edit-catalogo {
    background-color: rgb(0, 154, 160, 1) !important;
}

.btn-edit-catalogo:hover {
    background-color: rgb(2, 144, 149) !important;
    transform       : scale(1.02);
}

.dropdown-xl {
    position          : absolute !important;
    right             : 0 !important;
    left              : 0 !important;
    width             : 105%;
    transform         : translate(0px, -10px);
    border-radius     : 0px;
    background-color  : rgb(255, 255, 255) !important;
    -webkit-box-shadow: 0px 23px 38px -32px rgba(87, 87, 87, 1);
    -moz-box-shadow   : 0px 23px 38px -32px rgba(87, 87, 87, 1);
    box-shadow        : 0px 23px 38px -32px rgba(87, 87, 87, 1);
    border: 0px;
    padding: 20px;
}

.title-dropdown{
    font-size: 16px;
    font-weight: bold;
    width: 95%;
    border-bottom: 1px solid rgb(232, 232, 232);
    padding-bottom: 13px;

}

.icon-dropdown{

    color: var(--main-bg-color);
    font-size: 18px;
    transform: translate(0px,-10px);
    
}

.subcategoria-title{
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    cursor:default;
}

.contenedor-list > *{
    list-style: none;
    font-size: 12px;
    text-transform: capitalize;
    padding-top: 0px;
    color: rgb(0, 0, 0);
    padding: 15px;
    padding-left: 30px;
    border-radius: 2px;
    margin-left: 0px;
    padding-top: 0px;
}

.contenedor-list > * > *{
    list-style: none;
    padding-top: 1px;
    letter-spacing: .5px;
    cursor: pointer;
}

.contenedor-list > * > *> *{
    list-style: none;
    padding-top: 4px;
    cursor: pointer;
}

.contenedor-list > li {
    font-weight: bold !important;
}

.contenedor-list > * > *> * > *{
    list-style: none;
    padding-top: 4px;
}

.contenedor-list > * > *> * > * > *{
    list-style: none;
    padding-top: 4px;
}

button[disabled] {
    cursor: not-allowed;
}

.text-footer{
    font-size: 13px;
}

.copyrigth-edit {
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.text-p{
    font-size: 14px;
}