.gap-3 {gap: 3px !important;}
.gap-5 {gap: 5px !important;}
.gap-10 {gap: 10px !important;}
.gap-20 {gap: 20px !important;}
.gap-30 {gap: 30px !important;}
.mb-6 {margin-bottom: 4rem !important;}
.mb-7 {margin-bottom: 5rem !important;}
.mb-8 {margin-bottom: 6rem !important;}
.mt-6 {margin-top: 4rem !important;}
.mt-7 {margin-top: 5rem !important;}
.mt-8 {margin-top: 6rem !important;}
.w-100 {width: 100%;}
.texto-azul {color: var(--morado)}
.redondo {border-radius: 50%;}
.no-margin {margin: unset;}
.width-auto {width: auto !important;}
.no-boxshadow {box-shadow: none;}
.texto-morado {color: var(--morado) !important;}
.color-negro {color: var(--negro);}
.bg-rojo {background-color: rgb(204, 0, 0);}
.bg-negro {background-color: var(--negro);}
.bg-blanco {background-color: var(--blanco);}
.alerta{transition:all .3s ease;text-align:center;border-radius:5px;border:none;color: #252433;padding:15px 20px;margin:30px 0;color: white;width:max-content;margin:0 auto;max-width:100%;margin-top:15px;margin-bottom: 15px;}
.alerta span{color: #252433;/* opacity:.5; */margin-right: 5px;transition:all .3s ease;}
.alerta span:hover{opacity:1}
.alerta.error{background:#E75D52;}
.alerta.exito{background: green;}
.alerta.exito a {color: #fff;font-weight:700;}
.font-size-11 {font-size: 11px;}
.font-size-12 {font-size: 12px;}
.font-size-13 {font-size: 13px;}
.font-size-14 {font-size: 14px;}
.font-size-15 {font-size: 15px;}
.cursor-pointer {cursor: pointer;}
/* width */
::-webkit-scrollbar {
    width: 7px;
}
.f-uppercase {
    text-transform: uppercase;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--linea-separador);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--negro); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--negro); 
}

.breadcrumb {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.breadcrumb img {
    height: 12px;
}
.breadcrumb a {
    padding: 5px 10px;
    border-radius: 20px;
    background-color: var(--negro);
    color: var(--blanco);
    font-size: 14px;
    font-weight: 700;
}
.breadcrumb.gris a {
    background-color: var(--gris-oscuro-1);
}
.boton-morado {
    background-color: var(--morado);
    color: var(--blanco);
    font-weight: 700;
    transition: ease .5s all;
}
button.boton-morado {
    display: block;
    width: 100%;
    border: none;
}
.boton-morado:hover {
    border-radius: 20px;
    background: var(--azul-cta-hover);
}
.boton-morado.deshabilitado {
    background: var(--azul-cta-deshabilitado);
}
.boton-blanco {
    background-color: var(--blanco);
    color: var(--negro);
    font-weight: 700;
    transition: ease .5s all;
}
.boton-blanco:hover {
    background: var(--gris-medio-1);
}
.boton-blanco.deshabilitado {
    background: var(--gris-claro-1);
}
.boton-grande {
    padding: 25px;
}
.boton-redondo,
.boton-morado.boton-redondo:hover {
    border-radius: 50px;
}
.boton-sm {
    font-size: 14px;
}
.borde-bottom,
.sec-perfil-publico .navegacion .contenedor-1 .barra,
.sec-perfil-publico .sec-filtro-home #accordionFiltro {
    position: relative;
}
.sec-perfil ul.nav-tabs,
.sec-perfil-publico ul.nav-tabs {
    border-bottom: none;
}
.sec-perfil .arriba::before,
.borde-bottom::before,
.sec-publicar .arriba::before,
.sec-perfil-publico .sec-filtro-home::before,
.sec-perfil-publico .sec-filtro-home::after {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    border-bottom: 2px solid #e9ecef;
}
.sec-perfil .arriba::before,
.sec-publicar .arriba::before,
.sec-perfil-publico .sec-filtro-home::before,
.sec-perfil-publico .sec-filtro-home::after {
    width: unset;
    left: 0;
    right: 0;
    bottom: 0;
}
.sec-perfil-publico .sec-filtro-home::after {
    bottom: unset;
    top: 0;
}
a {text-decoration: none !important;text-align: center;}
label { margin-bottom: 0 !important;}
p {margin-bottom: 0 !important;}
textarea {resize: none !important;}
button {cursor: pointer;}
li {list-style-type: none !important;}
h1, h2, h3, h4, h5 {margin-bottom: 0 !important;}
input:focus, button:focus, textarea:focus, select:focus {outline: none !important;}
dl, ol, ul {margin-bottom: 0% !important;}
.flex {display: flex;}
.grid {display: grid;}
input,select,textarea {
    border-radius: 20px;
    border: 1px solid var(--gris-oscuro-1);
    background: var(--blanco);
    padding: 10px 20px;
}
input.sm,
select.sm,
textarea.sm {
    padding: 5px 20px;
}
input:hover,
select:hover,
textarea:hover {
    border: 1px solid var(--negro);
}
input:focus,
select:focus,
textarea:focus {
    border: 2px solid var(--azul-cta-default);
}
select.deshabilitado,
textarea.deshabilitado,
input.deshabilitado {
    cursor: not-allowed;
    background-color: var(--gris-claro-1);
}
.hover-underline-blanco {
    position: relative;
    padding-bottom: 3px;
}
.hover-underline-blanco::before {
    position: absolute;
    content: '';
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--blanco);
    opacity: 0;
    transition: ease .5s all;
}
.hover-underline-blanco:hover::before {
    opacity: 1;
}
.campo-check {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.campo-check input[type="checkbox"] {
    display: none;
    position: relative;
}
.campo-check input[type="checkbox"] + label {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid var(--negro);
    height: 20px;
    width: 20px;
    position: relative;
    margin-bottom: 0 !important;
}
.campo-check input[type="checkbox"]:checked + label::after {
    content: '';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/icono-check-negro.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 65%;
    height: 65%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* pretty radio */
.campo-radio label > input[type="radio"] {
    display: none;
}
.campo-radio label > input[type="radio"] + *::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 1rem;
    height: 1rem;
    margin-right: 0.3rem;
    border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
}
.campo-radio label > input[type="radio"].md + *::before {
    width: 20px;
    height: 20px;
}
.campo-radio label > input[type="radio"]:checked + *::before {
    background: radial-gradient(var(--negro) 0%, var(--negro) 40%, transparent 50%, transparent);
    border-color: var(--negro);
}
.campo-radio label span {
    font-size: 16px;
    font-weight: 400;
    text-transform: initial;
}
select:focus option {
    border: 1px solid var(--gris-medio-1);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../img/icono-flecha-select.svg);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;
    padding-right: 40px;
}
label {
    color: var(--negro);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
.campo.borde-abajo {
    border-bottom: 1px solid var(--linea-separador);
    padding-bottom: 20px;
}
.campo.dos,
.campo.tres {
    display: flex;
    flex-direction: row !important;
    column-gap: 20px;
}
.campo.dos > div,
.campo.tres > div {
    display: flex;
    flex-direction: column !important;
}
.campo.dos > div {
    width: 50% !important;
}
.campo.tres > div {
    width: 33% !important;
}
.cont-switches {
    display: flex;
    justify-content: center;
}
.cont-switches .switches {
    display: flex;
    border-radius: 20px;
    background: var(--gris-medio-2);
    transition: ease .5s all;
    position: relative;
    min-width: 250px;
    overflow: hidden;
}
.cont-switches .switches .fondo {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--morado);
    height: 100%;
    width: 50%;
    border-radius: 20px;
    z-index: 1;
    transition: ease .5s all;
}
.cont-switches .switches a {
    padding: 7px 0;
    color: var(--blanco);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    z-index: 2;
    width: 50%;
    overflow-wrap: break-word;
    transition: ease .5s all;
}

.cont-switches .switches.switch-1 .fondo {
    left: 0;
    right: unset;
}

.cont-switches .switches.switch-2 .fondo {
    left: 50%;
    width: 60%;
}
.texto-sm {
    font-size: 14px;
}
.texto-12 {
    font-size: 12px;
}
.texto-14 {
    font-size: 14px;
}
.texto-20 {
    font-size: var(--px20);
}
.texto-22 {
    font-size: var(--px22);
    line-height: 1.2;
}
.texto-40 {
    font-size: var(--px40);
    line-height: 1.2;
}
.texto-gris-oscuro-1 {
    color: var(--gris-oscuro-1);
}
.texto-negro {
    color: var(--negro);
}
.texto-rojo {
    color: red;
}
.color-deshabilitado {
    color: var(--azul-cta-deshabilitado);
}
.f-300 {
    font-weight: 300;
}
.f-700 {
    font-weight: 700;
}
.fuente-bold {
    font-family: var(--fuente-bold);
}

.dropdown.no-arrow .dropdown-toggle::after,
.dropdown.no-arrow .dropdown-toggle::before {
    display: none;
}

.sombreado-negro {
    box-shadow: 4px 4px 0px 0px #000;
}
.accordion-2 .accordion-item {
    border: none;
    border-radius: 0 !important;
}
.accordion-2 .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--negro);
}
.accordion-2 .accordion-header span {
    font-size: var(--px22);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--fuente-bold);
}
.texto-naranjo {
    color: var(--naranja-aviso-default);
}
.paginacion-sitio {
    margin-top: 20px;
}
.paginacion-sitio ul.pagination {
    column-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.paginacion-sitio li {
    transition: ease .5s all;
}
.paginacion-sitio li a {
    color: var(--negro, #000);
    text-align: center;
    font-size: var(--px20);
    font-weight: 700;
    padding: 5px 10px;
}

.paginacion-sitio li.active,
.paginacion-sitio li:hover {
    border-bottom: 4px solid var(--negro);
}


/* RESPONSIVIDAD */
@media (max-width: 800px) {
    .campo.tres {
        flex-direction: column !important;
    }
    .campo.tres > div {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .campo.tres > div:last-of-type {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .sec-perfil .abajo .izq {
        flex-direction: column;
    }
}

/* CELULAR */
@media (max-width: 468px) {
    .campo.dos {
        flex-direction: column !important;
    }
    .campo.dos > div {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .campo.dos > div:last-of-type {
        margin-bottom: 0;
    }
}