/* dist/styles-2023.css */
:root {
    --bs-font-sans-serif: 'Montserrat' !important;
}

body{
    max-height: 100% !important;
}

body a {
    text-decoration: none;
    color: #DE5571;
}
.legacy-content > .container {
    padding: 10px !important;
}
.navbar img.img-responsive {
    width: 150px;
}
.navbar a.nav-link {
    font-size: 14px;
    color: #373737;
    border-radius: 20px;
}
.footer-1 a.nav-link > i,
.footer-1 a.nav-link > span,
.navbar a.nav-link > i,
.navbar a.nav-link > span {
    vertical-align: middle;
    line-height: 1.6;
}
.navbar a.nav-link > i {
    line-height: 1;
}

.notification-nav {
    margin-left: -5px;
    position: relative;
}
span.notifitacion-num {
    background-color: #DE5571;
    padding: 2px;
    font-size: 10px;
    border-radius: 100px;
    color: #fff;
    min-width: 1.4em;
    text-align: center;
}

.link-cat {
    font-weight: bold;
}
a.btn-vender {
    background-color: #DE5571;
    border-radius: 100px;
    color: #fff;
    font-size: 15px;
    padding: 3px 15px 5px 5px;
    margin-left: 20px;
}
a.btn-vender svg{
    margin-right: 10px;
}
a.btn-vender:hover {
    opacity: 0.8 !important;
    background-color: #DE5571 !important;
    color: #fff !important;
}
a.btn-login {
    color: #DE5571;
    background-color: #FFF;
    border-width: 0;
}
a.btn-login i {
    color: #DE5571;
}
a.btn-login:hover i {
    color: #FFF;
}


a.nav-link.link-cat {
    font-weight: bold;

}

.navbar .avatar {
    width: 30px;
    height: 30px;
    background-color: white;
    display: inline-flex;
    border-radius: 100px;
    border: 2px solid #DE5571;
    float: left;
    margin-right: 7px;
    background-size: cover;
    background-position: center center;
    top: -2px !important;
    position: relative;
}

.navbar button.btn.dropdown-toggle {
    padding: 6px 10px 2px 4px;
    border-radius: 100px;
    border: none;
}

.navbar button.btn.dropdown-toggle:focus {
    border: none;
}

.exit a {
    color: #DE5571 !important;
    font-weight: bold;
}

.navbar a.dropdown-item {
    font-size: 14px;
    padding: 8px 12px;
}

.navbar .dropdown-menu {
    border-radius: 12px;
}
a.nav-link:hover {
    background-color: #eee;
}
span.notifitacion-num {
    background-color: #DE5571;
    font-size: 10px;
    border-radius: 100px;
    color: #fff;
    text-decoration: initial;
    padding: 0 4px;
    position: absolute;
    right: -6px;
}

.notification-nav svg:hover path  {
    fill: #DE5571;
}

.search-group {
    row-gap: 10px;
}

.btn-search button.btn {
    background-color: #909090;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    width: 106px;
    margin-left: 5px;
    padding: 5px;
}

input#txt_buscar {
    border-radius: 100px 0 0 100px;
    margin-right: 5px;
    padding: 0 20px 0 36px;
    font-size: 14px;
    line-height: 30px;
    flex: 1 0 180px;
}

select#subcategoria {
    border-radius: 0px 100px 100px 0px;
    margin-right: 5px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 16px;
    padding-left: 40px;
    width: 250px;
}
#search-desktop .input-group-addon.select-cat{
    width: 250px;
}
.input-group-addon.select-cat svg{
    margin-left: 20px !important;
    position: absolute;
}

 select#localidad_buscador {
    margin-right: 5px;
    border-radius:  0 100px 100px 0;
    font-size: 14px;
    padding-left: 36px;
    width: 230px;
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 16px;
    padding-right: 30px;    
}

.select-cat {
    margin-right: 5px;
    flex: 0 1 170px;
}

.search-icon svg {
    position: absolute;
    z-index: 9;
    width: 20px;
    height: 20px;
    top: 8px;
    left: 10px;
}

.search-icon i {
    vertical-align: middle;
    line-height: 1.8em;
    left: 0.5em;
    position: absolute;
    z-index: 6;
    color: #5E5E5E;
    top: 2px;
}

.input-group-addon.select-loc {
    position: relative;
}

header#header {
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
    padding-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0);  
    transition: all 1s ease-out;
    position: sticky;
}
header#header.active {
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

a.dropdown-item:active {
    background-color: #f8f9fa !important;
}
.space-header{
    height: 120px;
}

.footer-1 a.nav-link {
    font-size: 14px;
    color: #373737;
    border-radius: 20px;
}
.credit {
    font-size: 14px;
}

.credit svg {
    margin: 0 16px 0 5px;
}
.footer-1 .logo img {
    width: 160px;
}

a.nav-link.tyc {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 14px;
    color: #444;
    font-weight: bold;
}

.nav-link.tyc {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 14px;
    color: #444;
}

.footer-1 {
    margin-bottom: 20px;
}

.medium-line {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.footer-2 {
    color: #444;
    font-size: 14px;
}


.credit {
    font-size: 12px;
    color: #444;
}

.list-unstyled li a {
    padding: 10px 10px;
    text-decoration: none;
    color: #373737;
    width: 100%;
    font-size: 14px;
    transition: all 0.4s ease-out;
}

.list-unstyled li a:hover {
    background-color: #eee;
    transition: all 0.4s ease-out;
}

.svg-menu svg {
    height: 17px;
    position: relative;
    top: -2px;
    max-width: 18px;
}

a.bd-links-link.d-inline-block.rounded.active {
    background-color: #DE5571;
    color: #ffffff !important;
}

a.bd-links-link.d-inline-block.rounded.active svg path{
    fill: #ffffff;
}

.row.breadcrumbs {
    color: #373737;
    font-size: 14px;
    margin-bottom: 22px;
    margin-top: 4px;
}

.row.breadcrumbs a {
    color: #373737;
    font-size: 14px;
    margin-bottom: 22px;
    margin-top: 4px;
    text-decoration: none;
    font-weight: 700;
}

.user-menu .avatar {
    width: 70px;
    height: 70px;
    background-color: white;
    display: inline-flex;
    border-radius: 100px;
    border: 2px solid #DE5571;
    float: left;
    margin-right: 7px;
    background-size: cover;
    background-position: center center;
    top: -8px !important;
    position: relative;
}

.user-menu {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 8px;
}

.none {
    display: none;
}

.svg-menu {
    width: 34px;
    float: left;
    text-align: center;
}

#header .svg-menu {
    width: 24px;
    text-align: left;
}

.box-cont {
    border: #B6B6B6 1px solid;
    border-radius: 8px;
    padding: 20px 30px;
    min-height: 500px;
    margin-bottom: 30px;
}

.bandeja-btn {
    background-color: #fafafa;
    border-radius: 9px;
    text-align: center;
    padding: 20px;
}

.bandeja-btn p {
    margin-bottom: 0 !important;
}
span.item-free {
    text-decoration: line-through;
}
.selectorBandeja {
    border: 1px solid #dedede;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    height: 320px;
    max-width: 238px;
    margin: 15px auto;
    border-radius: 8px;
}
.selectorBandeja:hover {
    -webkit-box-shadow: 10px 10px 10px -6px #c7c5c7;
    box-shadow: 10px 10px 10px -6px #c7c5c7;
    opacity: 1;
    transform: scale(1.05);
}
.selectorBandeja.sb-tipo-1 {
    background-image: url(/imagenes/selector-tipo-1.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.selectorBandeja.sb-tipo-2 {
    background-image: url(/imagenes/selector-tipo-2.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.selectorBandeja.sb-tipo-3 {
    background-image: url(/imagenes/selector-tipo-3.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.selectorBandeja.sb-tipo-4 {
    background-image: url(/imagenes/selector-tipo-4.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.selectorBandeja a {
    height: 100%;
    outline: 0px;
}
.bandeja-btn {
    border: solid 1px #ddd;
    padding: 10px;
    height: 220px;
}
.bandeja-btn p {
    text-align: center;
    color: black;
    display: table-cell;
    vertical-align: middle;
    height: 65px;
    line-height: 18px;
    width: 230px;
}
.sb-tipo-articulo {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f9b609;
    margin-left: -15px;
}
.sb-gratis {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin: 0;
    padding: 0 0 4px 0;
}
.sb-cant-disponibles {
    text-align: center;
    font-size: 14px;
    color: black;
    margin: 0;
}
.sb-info {
    padding: 10px;
}
.sb-valor {
    background-color: #ffc622;
    padding: 20px 5px;
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: 20px;
    min-height: 125px;
    border-radius: 0 0 8px 8px;
}
.sb-center-block {
    height: 127px;
}
.sb-nombre-producto {
    color: black;
    text-align: center;
    margin: 10px 0 -10px 0;
    font-size: 13px;
}

#confirmBox {
    display: none;
    background-color: #FFF;
    border-radius: 1px;
    border: 1px solid #aaa;
    position: fixed;
    width: 360px;
    left: 50%;
    margin-left: -150px;
    padding: 36px 8px 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
    margin-top: 100px;
    z-index: 1;
}

#confirmBox .button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 1px;
    border: 1px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}

#confirmBox .button:hover {
    background-color: #ddd;
}

#confirmBox .message {
    margin-bottom: 20px;
}

.titulo_popup_preguntas {
    float: left;
    width: 100%;
    color: #55aaee;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 4px;
}

.subtitulo_popup_preguntas {
    float: left;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 4px 8px 0;
}

#preguntasResp {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

#preguntasResp li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    font-size: 14px;
}

#preguntasResp li.respuesta {
    background-color: #F9F9F9;
    width: 100%;
    padding: 10px;
}

#preguntasResp li p.fecha {
    float: left;
    font-weight: bold;
    width: 100%;
}

#preguntasResp li p.pregunta {
    /* float: left; */
    width: 100%;
}

#preguntasResp li .text_preguntas {
    float: left;
    width: 100%;
}

#preguntasResp li p.boton {
    float: right;
    font-weight: bold;
    text-align: center;
    padding-right: 5px;
}

#popup_preguntas ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#preguntasRespDetalle {
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

#preguntasRespDetalle li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    padding: 5px 0 10px 0;
    font-size: 12px;
}

#preguntasRespDetalle li.pregunta {
    background-color: #CCCCCC;
}

#preguntasRespDetalle li.respuesta {
    background-color: #fef7d6;
}

#preguntasRespDetalle li p.fecha {
    float: left;
    font-weight: bold;
    padding: 0 15px;
}

#preguntasRespDetalle li p.pregunta {
    float: left;
    width: 370px;
}

#preguntasRespDetalle li p.autor {
    float: left;
    font-weight: bold;
    text-align: center;
    width: 83px;
}
.row.top-avisos {
    padding-bottom: 10px;
}

.row.top-avisos {
    margin-bottom: 10px;
}
.text-top-mg {
    margin-top: 8px !important;
}

a.sec-ads {
    background-color: #909090;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    width: 106px;
    margin-right: 15px;
    padding: 8px 20px;
    text-decoration: none;
    transition: all 0.4s ease-out;
}

.est-1 {
    background-color: #3EACB2 !important;
}

input#buscador_mr {
    border-radius: 100px 0 0 100px;
}

select#tipo_aviso {
    border-radius: 0 100px 100px 0;
}

a.sec-ads:hover {
    opacity: 0.6;
    transition: all 0.4s ease-out;
}

.acciones_avisos {
    padding: 6px 0;
    align-self: center;
}
.txt-item {
    padding: 6px 0;
    align-self: center;
}


 #caducarMasivo a{
    color: #DE5571;
    text-decoration: none;
    margin: 0 10px;
    background-color: #FFFFFF;
    padding: 4px 10px;
    border-radius: 100px;
    border: 2px #DE5571 solid;
}

.acciones-por-lote label {
    font-size: 14px;
    color: #666;
}

.row.acciones-por-lote {
    margin-bottom: 10px;
    margin-top: 10px;
}

.mr-headlist a {
    color: #333;
    text-decoration: none;
}

#caducarMasivo a {
    color: #DE5571;
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 2px 10px;
    border-radius: 100px;
    border: 2px #DE5571 solid;
    font-size: 14px;
    margin-left: 0 !important;
}

#caducarMasivo a:hover {
    opacity: 0.8;
}
.item-listado {
    border: #B6B6B6 1px solid;
    border-radius: 8px;
    margin-bottom: 12px !important;
    padding: 15px;
}
@media (min-width: 992px){
    .mi-consultas {
        height: 75vh;
        min-height: 500px;
    }
}
.mi-consultas-left-side {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0!important;
}
.items-consultas {
    overflow: auto;
    flex: 0 2 100%;
    padding: 0;
}
.item-consulta {
    border: #B6B6B6 1px solid;
    border-radius: 8px;
    margin-bottom: 12px !important;
    padding: 12px 8px;
    display: flex;
}
.item-consulta .titulo {
    color: #DE5571;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
}
.item-consulta-link.con-pendientes-responder .titulo {
    font-weight: 700;
}
.item-consulta p {
    margin-bottom: 0;
}
.mr-headlist {
    margin-bottom: 10px;
}

.sinpadding {
    padding: 0 !important;
}

.aviso-item {
    padding: 0 12px;
}

.checkbox-img {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 8px 10px;
}
.img-responsive {
    width: 100%;
    height: auto;
}
img.img-thumbnail {
    padding: 0;
    border: none;
    border-radius: 8px 0 0 8px;
}
.item-listado .titulo {
    color: #DE5571;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

a.item-consulta:hover {
    background-color: #909090;
}

p.detalle-item {
    font-size: 12px;
    margin-bottom: 8px;
}

p.finaliza-item {
    font-size: 14px;
}

.txt-item {
    padding-top: 20px;
}

@media (min-width: 1100px) {
    .detalle-item {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px 6px;
        border-top-right-radius: 7px;
        border-bottom-left-radius: 8px;
    }
}

.checkbox-img input {
    border: 1px solid #909090 !important;
}
.acciones_avisos i {
    width: 18px;
}

.item-consulta-left {
    flex: 0 0 50px;
    text-align: center;
    padding-right: 6px;
}
@media (min-width: 992px) and (max-width: 1400px) {
    .item-consulta-left {
        display: none;
    }
}
.items-consultas .avatar {
    width: 40px;
    height: 40px;
    background-color: white;
    display: inline-flex;
    border-radius: 100px;
    border: 2px solid #DE5571;
    background-size: cover;
    background-position: center center;
    top: 4px !important;
    position: relative;
}
.mi-chat-side {
    height: 100%;
}
.item-consulta-right {
    flex: 2 2 100%;
}

a.item-consulta-link {
    text-decoration: none;
}

a.item-consulta-link {
    opacity: 0.7;
}
a.item-consulta-link.articulo-estado-1 {
    opacity: 1;
}

a.item-consulta-link > div {
    transition: transform 0.3s;
    transform: scale(1);
}
a.item-consulta-link.chat-added > div {
    transform: scale(0.1);
}

a.item-consulta-link.active .item-consulta {
    border: #DE5571 3px solid;
    padding: 9px 6px;
}

a.item-consulta-link strong {
    color: #333;
    font-size: 14px;
}
a.item-consulta-link .chat-consultas-sin-leer,
a.item-consulta-link .chat-consultas-sin-responder {
    padding: 0.3em 0.6em;
    background: #6e6e6e;
    color: #FFF;
    border-radius: 50%;
    float: right;
    line-height: 1em;
    display: none;
/* Circulito: */
    font-size: 0;
    width: 10px;
    height: 10px;
    margin-top: 14px;
}

a.item-consulta-link.articulo-estado-1 .chat-consultas-sin-leer,
a.item-consulta-link.articulo-estado-1 .chat-consultas-sin-responder {
    background: #DE5571;
}
a.item-consulta-link.con-pendientes-leer .chat-consultas-sin-leer,
a.item-consulta-link.con-pendientes-responder .chat-consultas-sin-responder {
    display: inline-block;
}

.item-consulta:hover {
    background-color: #eee;
    transition: background-color 0.2s ease-out;
}
.item-consulta {
    background-color: #fff;
    transition: background-color 0.2s ease-out;
}

.btn.mi-consultas-load-more {
    display: block;
    border-radius: 6px;
}

.item-chat {
    background-color: #fff;
    border: #B6B6B6 1px solid;
    border-radius: 8px;
    min-height: 500px;
    height: 100%;
    padding: 8px 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-chat .titulo {
    color: #DE5571;
    font-size: 22px;
    text-decoration: none;
    font-weight: bold;
    line-height: 34px;
}
.chat-msg {
    display: block;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    transform: scale(1);
    transition: transform 0.3s ease-out;
    width: 420px;
    max-width: 90%;
}
.chat-msg .msg-actions{
    text-align: right;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s linear 0.4s;
}
.chat-msg:focus .msg-actions {
    display: block;
    max-height: 40px;
    padding-top: 8px;
    transition: all 0.3s;
}
.msg-added {
    transform: scale(0.1);
}


.yo-comprador .own-chat,
.user-chat {
    margin-right: auto;
    margin-left: 0;
    background-color: #eee;
    transform-origin: top left;
}

.yo-comprador .user-chat,
.own-chat {
    margin-left: auto;
    margin-right: 0;
    background-color: #ddd;
    transform-origin: top right;
}

.yo-comprador .js-mi-consultas-pregunta-responder {
    display: none !important;
}

#dropdown-pendientes {
    display: none;
}
.inbox-vendiendo #dropdown-pendientes {
    display: block;
}

#dropdown-unreads {
    display: none;
}
.inbox-comprando #dropdown-unreads {
    display: block;
}

.js-msg-tipo-pregunta.mi-pregunta-respondiendo {
    background: #dbf9ed;
}

.js-msg-tipo-pregunta.mi-pregunta-respondiendo::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: -35px;
    background-color: #dbf9ed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.9 98.9' xml:space='preserve'%3E%3Cpath d='M0 49.4 49 99V74.2c30.9-6.4 55.3.7 73.9 24.2-3.2-48.4-36.3-71.7-74-73.3V0L0 49.4z'/%3E%3C/svg%3E");
}
li.dropdown-emojis {
    padding: 0 10px;
}
.caja-mensajes {
    min-height: 200px;
    overflow: auto;
    flex: 2 2 calc(70vh - 100px);
    padding: 10px;
    background: #fbfbfb;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
}
.dropdown-emojis a {
    text-decoration: none;
    font-size: 30px;
    margin: 0 3px;
}
.dropdown-emojis a:hover {
    opacity: 0.5;
}

i.fa.fa-paper-plane {
    margin-right: 8px;
}
.txt-input {
    margin:14px 0 14px;
    width: 100%;
}

.txt-input.cont-btn-consultas .btn.btn-secondary{
    background-color: rgba(62, 172, 178, 1);
    border: none;
}
.txt-input.cont-btn-consultas .btn.btn-secondary:hover{
    background-color: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
.txt-input.cont-btn-consultas .btn.btn-secondary:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}

.txt-input input.form-control {
    border-radius: 100px;

}

span.time-chat {
    display: block;
    color: #878787;
    font-size: 12px;
    text-align: right;
    margin-bottom: -4px;
    margin-right: -8px;
}
.yo-comprador .user-chat span.time-chat,
.yo-vendedor .own-chat span.time-chat {
    background-size: 16px;
    background-repeat: no-repeat;
    padding-right: 23px;
    background-position: right;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.5 12'%3E%3Cpath fill='%23444' d='m.3725 7.5129 5.2894 4.037 8.4933-9.7067L12.4757.3756 5.3563 8.5121 1.724 5.7397z'/%3E%3Cpath fill='%23444' d='M22.024 1.8786 20.3445.411l-7.1027 8.1175-.8397-.6714-1.394 1.742 2.5058 2.005z'/%3E%3C/svg%3E");
}
.yo-comprador .user-chat.sending span.time-chat,
.yo-vendedor .own-chat.sending span.time-chat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.5 12'%3E%3Cpath fill='%23444' d='m.3725 7.5129 5.2894 4.037 8.4933-9.7067L12.4757.3756 5.3563 8.5121 1.724 5.7397z'/%3E%3C/svg%3E");
}
.yo-comprador .user-chat.read span.time-chat,
.yo-vendedor .own-chat.read span.time-chat {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.5 12'%3E%3Cpath fill='%233eacb2' d='m.3725 7.5129 5.2894 4.037 8.4933-9.7067L12.4757.3756 5.3563 8.5121 1.724 5.7397z'/%3E%3Cpath fill='%233eacb2' d='M22.024 1.8786 20.3445.411l-7.1027 8.1175-.8397-.6714-1.394 1.742 2.5058 2.005z'/%3E%3C/svg%3E");
}
.chat-msg.read-unset span.time-chat {
    background-image: none;
    padding-right: 0;
}
.is-new {
    font-weight: bold;
}

.user-tit a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.add-link a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
a.user-tit {
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.txt-input.mi-loading .consulta-responder-send {
    flex: 2;
}
.txt-input.mi-loading .consulta-responder-send i {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0;
    animation: leftToRight 3s infinite;
}
.txt-input.mi-loading .consulta-responder-send span {
    visibility: hidden;
}
.txt-input.mi-loading .mi-consulta-js-respuesta {
    display: none;
}
.txt-input.mi-loading .dropdown-toggle-split {
    display: none;
}

@keyframes leftToRight {
    0% {
        left: 0;
    }
    40% {
        left: calc(100% - 1em);
        transform: rotate(0deg);
    }
    45% {
        transform: rotate(180deg);
        left: calc(100% - 1em);
    }
    90% {
        transform: rotate(180deg);
        left: 0;
    }
    100% {
        transform: rotate(0deg);
    }
}

@media (max-width: 800px) {
    .box-cont {
        padding: 20px 15px;
    }
}














body .mi-hidden {
    display: none!important;
}
.rounded-pill-box {
    list-style: none;
}
.rounded-pill-box .badge {
    background: #B6B6B6;
    color: #FFF;
    text-decoration: none;
}
.rounded-pill-box .badge:hover,
.rounded-pill-box .badge:focus {
    background: rgba(62, 172, 178, 1) !important;
    color: white;
}
body .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DE5571;
    --bs-btn-border-color: #DE5571;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d35b75;
    --bs-btn-hover-border-color: #d35b75;
    --bs-btn-focus-shadow-rgb: 211,91,117;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D73F5EFF;
    --bs-btn-active-border-color: #D73F5EFF;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9a4154;
    --bs-btn-disabled-border-color: #9a4154;
}
body .btn-outline-primary {
    --bs-btn-color: #DE5571;
    --bs-btn-border-color: #DE5571;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DE5571;
    --bs-btn-hover-border-color: #DE5571;
    --bs-btn-focus-shadow-rgb: 211,91,117;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DE5571;
    --bs-btn-active-border-color: #DE5571;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9a4154;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9a4154;
    --bs-gradient: none;
}
body .btn {
    --bs-btn-padding-x: 1.4rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: "Encode Sans", sans-serif;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.3;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-radius: 38px;
}
body .btn-icon-circle {
    --bs-btn-bg: #ffffff;
    --bs-btn-color: #DE5571;
    --bs-btn-border-color: #ffffff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #DE5571;
    --bs-btn-hover-border-color: #DE5571;
    --bs-btn-focus-shadow-rgb: 211,91,117;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #DE5571;
    --bs-btn-active-border-color: #DE5571;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #9a4154;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9a4154;
    --bs-gradient: none;
    --bs-btn-padding-x: 0.1rem;
    --bs-btn-padding-y: 0.1rem;
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
body .btn-icon-circle i.frg{
    margin-right: 0;
    top: 0;
}
.btn.btn-icon-circle.mi-loading::before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -1.15em;
    right: -0.15em;
    width: 2.2em;
    height: 2.2em;
    border-radius: 1.1em;
    border: 0.25em solid;
    border-top-color: #e093a2;
    animation: rotate 2s linear infinite;
}
body .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #CA451B;
    --bs-btn-border-color: #CA451B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #CA451B;
    --bs-btn-disabled-border-color: #CA451B;
}
body .btn-info {
    color: #ffffff;
    background-color: rgba(62, 172, 178, 1);
    margin-bottom: 3px;
    transition: all 0.2s ease-in-out;
    padding: 8px 10px;
    border: none;
}
body .btn-info:hover,
body .btn-info:focus,
body .btn-info.focus,
body .btn-info:active,
body .btn-info.active {
    color: #ffffff;
    background-color:rgba(44, 118, 122, 1);
}
body .btn-group-sm>.btn,
body .btn-sm {
    --bs-btn-padding-y: 0.3rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-font-size: 0.875rem;
    /*--bs-btn-border-radius: var(--bs-border-radius-sm);*/
}
body .dropdown-menu {
    --bs-dropdown-link-active-color: #DE5571;
    --bs-dropdown-link-active-bg: #ffffff;
}
body {
    --bs-border-radius: 0.75rem;
}

body .dropdown-toggle::after {
    vertical-align: 0.18em;
    margin-left: 0.5em;
    margin-right: 0.6em;
}
body .dropdown-toggle {
    padding-right: 0.2em;
}
body .btn-group .dropdown-toggle-split {
    padding-left: 0;
    padding-right: 0.2em;
}
body .btn-group .btn:first-child {
    padding-right: 0.6em;
}
body .btn-group-primary button.btn.btn-primary.dropdown-toggle:focus,
body .btn-group-primary button.btn.btn-primary.dropdown-toggle.show {
    background-color: #DE5571;
    opacity: 0.7;
}
.btn-group-primary .dropdown-menu.show {
    background-color: #e093a2;
    border: none;
}
body .dropdown-toggle::after {
    vertical-align: 0.18em;
    margin-left: 0.5em;
    margin-right: 0.6em;
}
body .dropdown-toggle {
    padding-right: 0.2em;
}
body .btn-group .dropdown-toggle-split {
    padding-left: 0;
    padding-right: 0.2em;
}
body .btn-group .btn:first-child {
    padding-right: 0.6em;
}
body .btn-group-primary button.btn.btn-primary.dropdown-toggle:focus,
body .btn-group-primary button.btn.btn-primary.dropdown-toggle.show {
    background-color: #DE5571;
    opacity: 0.7;
}
.btn-group-primary .dropdown-menu.show {
    background-color: #e093a2;
    border: none;
}
.dropdown-menu .icon {
    margin-right: 0.5em;
}
.btn-group-primary .dropdown-menu .dropdown-item {
    font-family: "Encode Sans", sans-serif;
    color: #FFF;
    font-weight: 600;
}
.btn-group-primary .dropdown-menu .dropdown-item:focus,
.btn-group-primary .dropdown-menu .dropdown-item:hover {
    background-color: rgba(255,255,255,0.5) ;
    color: #0f0f0f;
}
body .btn-outline-secondary.dropdown-toggle {
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.btn svg {
    height: 1.14em;
    vertical-align: top;
    margin-right: 0.2em;
    margin-left: -0.2em;
}
.dropdown-item > span,
.dropdown-item > a > span,
.btn:has(svg) > span,
.btn:has(.fa) > span,
.btn:has(.frg) > span {
    vertical-align: middle;
}
.mi-menu .frg,
.dropdown-item .frg,
.btn > .frg {
    vertical-align: middle;
    margin-right: 0.3em;
    font-size: 1.25em;
    top: -0.025em;
    position: relative;
}

.dropdown-toggle.custom-icon::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: 0;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: 0;
    border-left: none;
    height: 0.8em;
    width: 0.8em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233 407c13 12 33 12 46 0l192-192a32 32 0 0 0-46-46L256 339 87 169a32 32 0 0 0-46 46l192 192z'/%3E%3C/svg%3E");
}

body .btn.btn-icon-number {
    padding: 6px 18px 5px 13px !important;
    display: inline-flex;
    align-items: center;
}
body .btn-icon-number.mi-loading {
    padding-right: 1.6em !important;
}
body .btn.btn-icon-number .frg {
    font-size: 1em;
}
.mi-menu .frg {
    margin-left: 0.5em;
}
.mi-menu li a > span {
    vertical-align: middle;
}
.mi-region-container .mi-menu .badge {
    padding: 0.3em 0.4em 0.25em 0.4em;
    font-size: 1em;
    line-height: 1em;
    vertical-align: baseline;
    float: right;
    background-color: #B6B6B6;
}
.mi-region-container .mi-menu .active .badge {
    background-color: #f68ca2;
}
.frg-edit {
    position: relative;
    top: -0.07em !important;
}
.frg-lg {
    font-size: 1.2em;
}
.frg-xl {
    font-size: 1em;
}
.frg-sm {
    font-size: 0.8em;
}
.frg-xs {
    font-size: 0.6em;
}
.btn-sm > i {
    margin-right: 0.3em;
}
body .btn.btn-rounded-left-icon {
    padding: 8px 15px 8px 8px!important;
    display: inline-flex;
    align-items: center;
}
body .btn.btn-rounded-left-icon svg {
    margin-right: 10px;
    margin-left: 0;
    height: 1.3em;
    width: 1.3em;
}
body .btn.btn-rounded-left-icon.mi-loading {
    padding-right: 1.6em !important;
}
body .text-bg-success {
    color: #fff!important;
    background-color: #2C906C!important;
    border-color: #2C906C!important;
}
body .text-bg-warning {
    color: #fff!important;
    background-color: #F19049!important;
    border-color: #F19049!important;
}
body .text-bg-danger {
    color: #fff!important;
    background-color: #CA451B!important;
    border-color: #CA451B!important;
}
body .text-bg-secondary {
    color: #fff!important;
    background-color: #C2C2C2!important;
    border-color: #C2C2C2!important;
}
.mi-region-container {
    font-family: 'Montserrat';
}
.mi-region .btn {
    white-space: nowrap;
}
.mi-region-container .badge {
    padding: 0.35em 1.8em 0.38em;
    font-size: 1.2em;
    line-height: 1.3em;
    font-family: "Encode Sans", sans-serif;
    font-weight: 600;
}
@media (max-width: 600px) {
    .mi-articulo-badge-state {
        position: absolute;
        top: -50px;
        right: 10px;
    }
    .mi-articulo-botones{
        width: 100%;
        text-align: right;
        margin: 5px 0 7px;
    }
}
.mis-favoritos .articulo-thumbnail,
.mis-metricas .articulo-thumbnail,
.mis-articulos .articulo-thumbnail {
    width: 200px;
    height: 140px;
    object-fit: cover;
    background: #dee2e6;
    min-height: 100%;
}
.mis-favoritos .articulo-left,
.mis-metricas .articulo-left,
.mis-articulos .articulo-left {
    border-radius: 0 8px 8px 0;
    border: solid 1px #909090;
    border-left-width: 0;
    width: calc(100% - 200px);
    position: relative;
    background: white;
}
.mis-favoritos .mi-articulo-img,
.mis-metricas .mi-articulo-img,
.mis-articulos .mi-articulo-img {
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    position: relative;
    border: solid 1px #909090;
}
.mis-favoritos .articulo-precio,
.mis-metricas .articulo-precio,
.mis-articulos .articulo-precio {
    color: #DE5571;
    font-size: 22px;
    font-weight: 500;
    display: block;
}

.pagination-wrapper .pagination {
    margin: 0;
}

.pagination-wrapper-bottom {
    border-top: 1px solid rgba(160,160,160,.25);
    margin-top: 1rem;
    padding-top: 1rem;
}

.pagination {
    justify-content: center;
    margin-top: 1rem;
}

.pagination .page-list {
    margin-bottom: 0;
    padding: 0;
}

.pagination .page-list li {
    display: inline-block;
    margin: 0 .05rem 0.3rem;
    transition: all .2s cubic-bezier(.7,0,.3,1);
    border: none;
    background-color: #B6B6B6;
    color: #FFF;
    border-radius: 3px;
    padding: 0 3px;
}
.pagination .page-list li a {
    color: #FFF;
    font-weight: 600;
}
.pagination .page-list li.spacer,
.pagination .page-list li a.disabled {
    pointer-events: none;
    user-select: none;
}

.pagination .page-list li.spacer {
    border: 0;
}

.pagination .page-list li.spacer {
    padding: .4rem .8rem;
}

.pagination .page-list a {
    display: block;
    padding: .4rem .8rem;
    text-decoration: none;
}

.pagination .page-list li.current {
    background-color: #DE5571;
}

.mi-js-articulo-precio-valor::after {
    content: "\e91b";
    margin-left: 0.3em;
    font-size: 0.8em;
    font-family: 'Region-20' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.mi-js-articulo-precio-valor.mi-loading::after,
.mi-js-articulo-precio-valor:focus::after {
    content: '';
}

.mi-chat-side.mi-loading,
.mi-js-articulo-precio-valor.mi-loading,
.mi-responder-js-data.mi-loading,
.mi-loading .modal-body,
.mi-loading .mis-articulos,
.mi-loading .mis-favoritos,
.mi-loading .mis-usuarios,
.mi-loading .mis-metricas,
.mi-loading .mi-consultas {
    position: relative;
    min-height: 100px;
}
.mi-js-articulo-precio-valor.mi-loading {
    opacity: 0.7;
}
.mi-chat-side.mi-loading::after,
.mi-responder-js-data.mi-loading::after,
.mi-loading .modal-body::after,
.mi-loading .mis-articulos::after,
.mi-loading .mis-favoritos::after,
.mi-loading .mis-usuarios::after,
.mi-loading .mis-metricas::after,
.mi-loading .mi-consultas::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    animation: 2s linear infinite backgroundLoading;
    background: linear-gradient(to right, #ffffff 0%, #dedede 8%,  #ffffff 16%, #ffffff 50%, #e6e6e6 58%, #ffffff 66%);
    opacity: 0.8;
    background-size: 200%;
}
.mi-chat-side.mi-loading::before,
.mi-responder-js-data.mi-loading::before,
.mi-loading .modal-body::before,
.mi-loading .mis-articulos::before,
.mi-loading .mis-favoritos::before,
.mi-loading .mis-usuarios::before,
.mi-loading .mis-metricas::before,
.mi-loading .mi-consultas::before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 50%;
    margin-left: -30px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 5px solid #ffe193;
    border-top-color: #f9b609;
    animation: rotate 2s linear infinite;
}
.mi-js-articulo-precio-valor.mi-loading::before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 0.1em;
    right: -1.2em;
    margin-left: -30px;
    width: 1em;
    height: 1em;
    border-radius: 50px;
    border: 5px solid #ffe193;
    border-top-color: #f9b609;
    animation: rotate 2s linear infinite;
}

.btn.mi-loading {
    position: relative;
}
.btn.mi-loading::before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -0.5em;
    right: 0.2em;
    width: 1em;
    height: 1em;
    border-radius: 50px;
    border: 5px solid;
    border-top-color: #e093a2;
    animation: rotate 2s linear infinite;
}
.btn.btn-secondary.mi-loading::before {
    border-top-color: #dfdfdf;
}
.star-rating {
    position: relative;
    display: inline-block;
    height: 1.4em;
    vertical-align: middle;
}
.star-rating .star-rating-font,
.star-rating .star-rating-back {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    left: 0;
    top: 0;
}
.star-rating .star-rating-font {
    position: absolute;
}
.star-rating .star-rating-font > i {
    color: #DE5571;
}
.star-rating .star-rating-font.green > i {
    color: #3EACB2;
}

.star-rating .star-rating-back > i {
    color: #CCC;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes backgroundLoading {
    0%   { background-position:  100%; }
    100% { background-position: -100%; }
}

.hidden {
    display: none !important;
}

.dropdown-menu a {
    cursor: pointer;
}

@media (max-width: 767px) {
    .mis-favoritos .mi-articulo-img,
    .mis-metricas .mi-articulo-img,
    .mis-articulos .mi-articulo-img {
        border-radius: 8px 8px 0 0 !important;
    }
    .mis-favoritos .articulo-thumbnail,
    .mis-metricas .articulo-thumbnail,
    .mis-articulos .articulo-thumbnail {
        width: 100%;
        height: auto;
        min-height: 100px;
    }
    .mis-favoritos .articulo-left,
    .mis-metricas .articulo-left,
    .mis-articulos .articulo-left {
        width: 100%;
        border-width: 0 1px 1px 1px !important;
        border-radius: 0 0 8px 8px !important;
    }
}




#notifications {
    margin-top: 20px;
}

#notifications .alert-titulo {
    display: block;
    font-weight: 700;
}

.alert.alert-info a {
    color: #373737;
}

/*********************************************************
*                   AJAX MI REGION PREGUNTAS
*********************************************************/
.mi-ajax-respuestas-aviso {
    background: #fff;
    margin: -16px -16px 0 -16px;
    border-bottom: solid 2px #DE5571;
}
.mi-ajax-respuestas-aviso img {
    width: 100px;
    margin-right: 10px;
    height: 100px;
    object-fit: cover;
}
.mi-ajax-pregunta-wrapper {
    border-bottom: solid 3px #CCC;
    margin: 0 -16px;
    padding: 0 16px 16px;
}
.mi-ajax-pregunta-wrapper:last-child {
    border-bottom: none;
}
.mi-ajax-pregunta-user {
    margin: 0 -16px 16px;
    padding: 16px;
    background: aliceblue;
}
.globo-chat {
    padding: 0.5em  0.5em 1.2em 0.8em;
    border-radius: 8px;
    margin-bottom: 1em;
    position: relative;
    width: 90%;
    background-color: #eee;
    font-size: 14px;
    color: #333;
}
.mi-ajax-respuesta {
    background: #ddd;
    margin-right: 0;
    margin-left: auto;
}
.globo-chat-fecha {
    position: absolute;
    font-size: 0.8em;
    padding: 0.3em 0.7em;
    color: #656565;
    right: 0;
    bottom: 0;
}
.mi-ajax-pregunta-content .btn {
    position: absolute;
    right: -3em;
    top: 0;
    font-size: 14px;
    padding: 0;
    width: 35px;
    text-align: center;
    height: 35px;
    display: block;
}
.mi-ajax-pregunta-content .btn i {
    margin: 0!important;
}

.banner-principal-home{
    padding: 30px 0px;
}
.banner-principal-home .cont-banner img{
    max-width: 100%; 
}
main{
    height: auto;
    padding-bottom: 50px;
}

.cont-categorias .cont-card{
    padding: 5px;
}
.cont-categorias .card-categoria{
    height: 170px;
    border-radius: 30px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: 0.3s ease-in;
}
.cont-categorias .card-categoria:hover{
    background-color: rgb(223, 223, 223);
    transition: 0.3s ease-in;
}
.cont-categorias .card-categoria svg{
    height: 44.75px;
}
.cont-categorias a{
    color: rgba(55, 55, 55, 1);
}
.cont-categorias .card-categoria h3{
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
}
.carrusel-publicaciones .titulo,
.carrusel-articulos .titulo {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}
.carrusel-publicaciones .titulo span.linea,
.carrusel-articulos .titulo span.linea {
    height: 7px;
    background-color: rgba(217, 217, 217, 1);
    margin: 0px 10px;
}
.carrusel-publicaciones.destacados .titulo span.linea,
.carrusel-articulos.destacados .titulo span.linea {
    margin: 0px 10px;
}
.carrusel-publicaciones .titulo h3,
.carrusel-articulos .titulo h3,
.seccion-titulo {
    font-size: 22px !important;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(55, 55, 55, 1);
    margin: 0;
    font-family: 'Montserrat';
}
.carrusel-publicaciones .titulo h3 span,
.carrusel-articulos .titulo h3 span {
    font-weight: 700;
    background: none;
}
.carrusel-publicaciones.destacados,
.carrusel-articulos.destacados
{
    margin: 0px;
    padding: 0px;
    margin-top: 60px;
}
.carrusel-publicaciones.destacados h3,
.carrusel-articulos.destacados h3{
    margin: 0px;
    font-size: 22px !important;
}



section.info-region{
    padding: 40px 0px;
    background: rgba(255, 255, 255, 1);
}
.carrusel-publicaciones.info-region .titulo h3{
    text-transform: none;
}
.carrusel-publicaciones.info-region h3{
    margin: 0px 20px;
}
.carrusel-publicaciones.info-region .titulo span{
    width: 23%;
}
.info-region .cont-carrusel .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    margin-top: 30px;
}
.info-region .cont-carrusel .item .cont-icono{
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin-bottom: 20px;
}
.info-region .cont-carrusel .item .cont-icono img{
    height: 50px;
    margin-left: 10px;
    margin-top: -5px;
}
.info-region .cont-carrusel .item .cont-texto h5{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.info-region .cont-carrusel .item .cont-texto p{
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}
.info-region .cont-carrusel .item.ventas .cont-icono{
    background-color: rgba(222, 85, 113, 1);
}
.info-region .cont-carrusel .item.ofertas .cont-icono{
    background-color: rgba(255, 209, 102, 0.98);
}
.info-region .cont-carrusel .item.ofertas .cont-icono img{
    height: 60px;
    margin-left: 5px;
}
.info-region .cont-carrusel .item.contacto .cont-icono{
    background-color: rgba(62, 172, 178, 1);
}

section.carrusel-vendedores-posts{
    padding: 40px 0px;
    font-family: 'Montserrat';
    background-color: rgba(238, 238, 238, 1);
}
.main-home{
    background-color: rgba(238, 238, 238, 1) !important;
}
section.carrusel-vendedores-posts .vendedor{
    margin-top: 20px;
    margin-bottom: 50px;
}
section.carrusel-vendedores-posts .vendedor:not(:first-child){
    margin-top: 50px;
}
section.carrusel-vendedores-posts .cont-img-vendedor img{
    height: 70px;
    width: 70px;
    border-radius: 100%;
}
section.carrusel-vendedores-posts .cont-info-vendedor{
    padding-left: 30px;
}
section.carrusel-vendedores-posts .cont-info-vendedor h5{
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}
section.carrusel-vendedores-posts .cont-info-vendedor p{
    font-size: 14px;
    font-weight: 500;
    margin-top: -5px;
}
section.carrusel-vendedores-posts .estrellas{
    padding-left: 30px;
    margin-top: 0px;
}
section.carrusel-vendedores-posts .estrellas{
    margin-top: 12px;
}
section.carrusel-vendedores-posts .estrellas i.active{
    color: rgba(62, 172, 178, 1);
    margin-right: 5px;
}
section.carrusel-vendedores-posts .estrellas i.inactive{
    color: rgba(204, 204, 204, 1);
    margin-right: 5px;
}
section.carrusel-vendedores-posts .btn-ver-avisos{
    margin-top: 15px;
    padding: 7px;
    border-radius: 38px;
    color: #fff;
    font-weight: 700;
    background-color: rgba(62, 172, 178, 1);
    text-align: center;
    transition: 0.3s ease-in;
}
section.carrusel-vendedores-posts .btn-ver-avisos:hover{
    background-color: rgb(48, 135, 140);
    transition: 0.3s ease-in;
}
section.carrusel-vendedores-posts .btn-ver-avisos span{
    font-weight: 500;
}
.cont-carrusel .card{
    height: 397px;
    font-family: 'Montserrat';
    border: none;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.cont-carrusel .card img{
    height: 258px;
    object-fit: cover;
}
.cont-carrusel .card .card-title{
    color: rgba(222, 85, 113, 1);
    font-size: 24px;
    font-weight: 500;
    transition: 0.3s ease-in;
}
.cont-carrusel .card .card-title:hover{
    color: rgb(190, 74, 97);
    transition: 0.3s ease-in;
}
.cont-carrusel .card .card-text{
    color: rgba(107, 107, 107, 1);
    font-size: 16px;
    text-transform: none;
}
.cont-carrusel .carousel-inner{
    height: 450px;
    background: none !important;
}
.legacy-content .active{
    background: none;
}

.carousel-control-prev, .carousel-control-next{
    width: 57px !important;
    height: 57px !important;
    background: rgba(62, 172, 178, 0.8) !important;
    margin-top: 15% !important;
    border-radius: 100% !important;
}
.carousel-control-prev{
    left: -30 !important;
}
.carousel-control-next{
    right: -30 !important;
}
.carousel-control-prev-icon{
    height: 20px !important;
    background-image: url('../../assets/images/iconos/prev-icon.svg') !important;
}
.carousel-control-next-icon{
    height: 20px !important;
    background-image: url('../../assets/images/iconos/next-icon.svg') !important;
}

.carrusel-publicaciones .cont-carrusel.mobile{
    display: none;
}

.container.vendedor div#cardCarouselClienteCinco, .container.vendedor div#cardCarouselClienteUno{
    width: 100% !important;
}
.cards-categorias-mobile{
    display: none;
}
.container.vendedor div#cardCarouselClienteUnoMobile.mobile, .container.vendedor div#cardCarouselClienteCincoMobile.mobile{
    display: none;
}
.navbar button.btn.dropdown-toggle{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    padding: 0px;
    padding:  0px 10px;
}
li.nav-item.dropdown.categorias{
    border-radius: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
li.nav-item.dropdown.categorias:hover{
    background-color: #eee;
    transition: 0.3s ease-in;
}

footer{
    padding: 30px 0px 30px 0px !important;
}
footer .nav-item a.nav-link:hover{
    background: none !important;
    color: #000 !important;
}

.navbar-expand-sm .navbar-nav{
    align-items: center !important;
}
a.nav-link.link-cat, .nav-item.dropdown.categorias{
    height: 37px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
}
a.nav-link.link-cat i, .nav-item.dropdown.categorias i{
    margin-right: 5px !important;
}

.container.vendedor .cont-titulo.d-flex #mobile-nombre-vendedor{
    display: none !important;
}

.ac_results { background: #fff; z-index: 99999; box-shadow: 0 3px 4px #ccc; border-radius: 8px; }
.ac_results ul { list-style: none; padding: 0; margin: 0; }
.ac_results ul li { cursor: pointer; padding: 4px 35px; }
.ac_results ul li.ac_over { background: #de5571; color: white; }

.search-group.input-group select.form-control{
    padding-right: 10px !important;
}

.botonera-menu-mobile{
    display: none !important;
}

.search-mobile{
    display: none !important;
}

.carrusel-publicaciones.info-region .titulo h3{
    font-size: 18px !important;
}
.carrusel-publicaciones.info-region .titulo span{
    width: 25% !important;
}

#mynavbar #botonera-menu-mobile{
    display: none !important;
}

.cont-datos-perfil .cont-whatsapp{
    display: flex;
    justify-content: end !important;
}
.cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta i{
    font-size: 20px;
    margin-right: 5px;
}
.cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta{
    background-color: #fff !important;
    border: none !important;
    color: #008E6E;
    display: flex;
}
#informacion-contacto #editar-datos{
    color: #ffffff;
    height: 35px !important;
    width: 190px;
    font-family: "Encode Sans", sans-serif;
    background-color: rgba(62, 172, 178, 1);
    border: none;
    margin-bottom: 3px;
    transition: all 0.2sease -in-out;
    padding: 5px;
    font-weight: 600;
    border-radius: 38px;
}
#informacion-contacto #btn-seguimiento{
    color: #fff;
    border: none;
    background-color: rgba(222, 85, 113, 1);
}
#informacion-contacto #btn-seguimiento:hover{
    color: #fff;
    background-color: rgba(196, 55, 84, 1);
}
#informacion-contacto #btn-seguimiento:focus{
    color: #fff;
    background-color: rgba(235, 141, 160, 1);
}
#informacion-contacto #editar-datos:hover{
    background-color: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
#informacion-contacto #editar-datos:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}

#foto-perfil .form-control[type=file]:not(:disabled):not([readonly]){
    margin-top: 15px;
}

.row.item-listado .col-xs-9.col-md-10 .col-xs-6.col-sm-3.col-md-2.sinpadding.inline{
    display: flex;
    align-items: center;
    width: 180px;
}

.row.item-listado .btn.btn-info.btn-md{
    background: rgba(62, 172, 178, 1);
    border: none;
    color: #fff;
    font-weight: 600;
}
.row.item-listado .btn.btn-info.btn-md:hover{
    background: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
.row.item-listado .btn.btn-info.btn-md:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}
.modal-content.modal-actualizar-avisos{
    width: 600px;
}
.modal-content.modal-actualizar-avisos .btn_importar_publicar{
    background: rgba(62, 172, 178, 1) !important;
    border: none;
    color: #fff;
    font-weight: 600;
}
.modal-content.modal-actualizar-avisos .btn_importar_publicar:hover{
    background: rgba(44, 118, 122, 1) !important;
    transition: 0.3s ease-in;
}
.modal-content.modal-actualizar-avisos .btn_importar_publicar:focus{
    background-color: rgba(129, 209, 214, 1) !important;
    transition: 0.3s ease-in;
}
.main-home button.carousel-control-prev{
    left: -30px
}
.main-home button.carousel-control-next{
    right: -30px;
}

.carrusel-encabezado {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 26px;
    margin-bottom: 15px;
}

.carrusel-encabezado .carrusel-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
}

.carrusel-encabezado .carrusel-links {
    flex-grow: 1;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.carousel-home .carrusel-encabezado .carrusel-titulo {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 600;
    position: relative;
    margin: auto !important;
    display: block;
    text-transform: uppercase;
}
.carousel-home .carrusel-encabezado .carrusel-titulo span {
    font-weight: 700;
}
.carousel-home h3.carrusel-titulo::after {
    background: rgba(217, 217, 217, 1);
    content: '';
    width: calc(600px - 50%);
    max-width: calc(45vw - 50%);
    height: 7px;
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(35px, -3px);
}
.carousel-home h3.carrusel-titulo::before {
    background: rgba(217, 217, 217, 1);
    content: '';
    width: calc(600px - 50%);
    max-width: calc(45vw - 50%);
    height: 7px;
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(-35px, -3px);
}
.carousel-similares.carrusel-articulos.card-template-clear .articulo-item:hover,
.carousel-similares.carrusel-articulos.card-template-clear .articulo-item:has(a:focus),
.carousel-home.carrusel-articulos.card-template-clear .articulo-item:hover,
.carousel-home.carrusel-articulos.card-template-clear .articulo-item:has(a:focus) {
    background-color: #F5F5F5 !important;
}
.tienda-encabezado-concesionaria {
    --category-color: #0C5DAB;
    --category-overlay-color: #4A94EEB2;
}
@media (max-width: 780px) {
    .carousel-home .carrusel-encabezado .carrusel-titulo {
        font-size: 24px;
    }
    .carousel-home h3.carrusel-titulo::before {
        transform: translate(-15px, -3px);
    }
    .carousel-home h3.carrusel-titulo::after {
        transform: translate(15px, -3px);
    }
}
@media (max-width: 780px){
    .carrusel-encabezado .carrusel-titulo {
        font-size: 24px;
    }
    .d-flex.container.banner-principal-home, .carrusel-vendedores-posts .cont-titulo.d-flex{
        flex-direction: column;
    }
    .cont-categorias .cont-card.col-2, .d-flex.container.banner-principal-home .col-6.cont-banner{
        width: 100% !important;
    }
    .d-flex.container.banner-principal-home{
        margin-top: 0px;
        padding: 0px 10px;
    }


    .carrusel-vendedores-posts .cont-titulo.d-flex .col-9.d-flex{
        width: 100% !important;
        padding: 10px;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-2.cont-img-vendedor{
        width: 20% !important;
        margin: 0px;
        padding: 0px;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-7.d-block.cont-info-vendedor{
        width: 50% !important;
        margin: 0px;
        padding: 0px;
        margin-left: 8px;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-3{
        width: 100%;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-3.estrellas.d-flex{
        width: 20% !important;
        margin: 0px;
        padding: 0px;
    }
    section.carrusel-vendedores-posts .cont-info-vendedor{
        padding-left: 20px !important;
    }
    section.carrusel-vendedores-posts .estrellas{
        padding-left: 0px !important;
        margin-top: 0px;
    }
    section.carrusel-vendedores-posts .cont-titulo p {
        padding-left: 20px !important;
        margin-top: 5px;
    }
    section.carrusel-vendedores-posts .cont-info-vendedor h5{
        font-size: 15px;
        margin-top: 0px;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-3.estrellas.d-flex i{
        font-size: 14px;
    }
    .carrusel-vendedores-posts .cont-titulo.d-flex .col-3.estrellas.d-flex i{
        margin: 0px;
        margin-right: 5px !important;
    }
    
    section.carrusel-vendedores-posts .vendedor{
        margin-bottom: 40px;
    }

    section.carrusel-vendedores-posts{
        padding: 0px;
    }

    .carrusel-publicaciones .cont-carrusel.mobile{
        display: flex;
        width: 100%;
    }

    .carrusel-publicaciones .cont-carrusel.desktop{
        display: none;
    }
    .carrusel-publicaciones.destacados{
        padding: 0px;
        margin: 0px;
        margin-top: 30px;
    }
    .carousel-control-prev, .carousel-control-next{
        margin-top: 25% !important;
        height: 40px !important;
        width: 40px !important;
    }
    .carousel.pointer-event{
        width: 100%;
    }

    div#cardCarousel-destacados-mobile, #cardCarousel-ultimos-mobile{
        width: 100%;
    }
    
    .container.vendedor div#cardCarouselClienteUnoMobile.mobile, .container.vendedor div#cardCarouselClienteCincoMobile.mobile{
        display: flex;
        width: 100% !important;
    }
    .container.vendedor div#cardCarouselClienteUno.desktop, .container.vendedor div#cardCarouselClienteCinco.desktop, .container.cont-categorias.desktop{
        display: none !important;
    }
    .container.cont-categorias.mobile{
        display: block;
        padding: 0px;
        padding-top: 30px !important;
        margin-bottom: 20px !important;
    }
    .cont-categorias .card-categoria img{
        height: 35px;
    }
    .cont-categorias .cont-card{
        padding: 10px;
    }
    .cont-categorias .card-categoria{
        height: 110px;
    }
    .cont-categorias .card-categoria h3{
        font-size: 14px;
        margin-top: 7px;
    }
    .container.cont-categorias.mobile .titulo{
        margin-bottom: 10px;
        justify-content: center;
    }
    
    .cont-carrusel.container.d-flex{
        align-items: flex-start;
        margin-top: 0px !important;
    }
    .info-region .cont-carrusel .item .cont-texto h5{
        font-size: 14px;
    }
    .info-region .cont-carrusel .item .cont-texto p{
        font-size: 12px;
    }
    .carrusel-publicaciones .titulo h3,
    .carrusel-articulos .titulo h3,
    .seccion-titulo {
        font-size: 18px !important;
    }
    .carrusel-publicaciones.destacados h3,
    .carrusel-articulos.destacados h3{
        font-size: 18px !important;
    }
    .carrusel-publicaciones.info-region .titulo h3,
    .carrusel-articulos.info-region .titulo h3{
        font-size: 17px !important;
    }
    section.carrusel-vendedores-posts .cont-img-vendedor img{
        padding-right: 5px;
        object-fit: contain;
    }
    .cont-carrusel .carousel-inner{
        height: auto;
    }
    .cont-carrusel .card{
        height: 250px;
        width: 100%;
    }
    .cont-carrusel .card img{
        height: 60%;
        padding: 0px;
    }
    .cont-carrusel .card .card-body{
        height: 40%;
        padding: 0px;
    }
    .cont-carrusel .card .card-title{
        font-size: 16px;
        padding-left: 5px;
    }
    .cont-carrusel .card .card-text{
        font-size: 12px;
        padding-left: 5px !important;
    }
    .cont-carrusel .card img{
        object-fit: cover;
        margin-bottom: 10px;
    }

    .container.cont-categorias.mobile .titulo h3{
        text-transform: uppercase;
    }

    .container.cont-categorias.mobile{
        padding-top: 5px !important;
    }

    li.nav-item.dropdown.categorias{
        display: none;
    }

     select#subcategoria{
        margin: 0px !important;
    }

    .navbar button.btn.dropdown-toggle, .notification-nav{
        padding: 0px !important;
        margin: 10px 0px !important;
    }

    a.btn-vender{
        margin: 0px !important;
    }

    .carousel-control-prev{
        left: -10 !important;
    }
    .carousel-control-next{
        right: -10 !important;
    }

    .carrusel-publicaciones .titulo span.col-4.linea, .carrusel-publicaciones .titulo span.col-3.linea{
        margin: 0px 10px !important;
        width: 70px;
    }
    .carrusel-publicaciones .titulo h3.col-3, .carrusel-publicaciones.destacados h3.col-4{
        width: 150px;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon{
        height: 15px !important;
        margin-right: 3px;
    }
    .carousel-control-next-icon{
        margin-right: 0px;
        margin-left: 3px;
    }

    .container.vendedor .cont-titulo.d-flex #mobile-nombre-vendedor{
        display: flex !important;
    }
    .col-9.d-flex.desktop-nombre-vendedor{
        display: none !important;
    }


    .container.vendedor .cont-titulo.d-flex .mobile-nombre-vendedor .col-9.d-block{
        width: 80% !important;
    }


    footer .col-xs-12.col-md-3{
        display: flex;
        justify-content: center;
    }
    footer ul.nav.justify-content-end{
        display: flex;
        justify-content: center !important;
    }
    footer .col-xs-12.col-md-6.text-md-end.text-sm-center.credit{
        display: flex;
        justify-content: space-around;
        margin-top: 20px !important;
    }

    .navbar-expand-sm .navbar-nav{
        align-items: flex-start !important;
    }

    #botonera-menu-desktop{
        display: none !important;
    }
    .botonera-menu-mobile{
        display: block !important;
        padding-bottom: 20px;
        border-bottom: 1px solid #909090;
        margin-bottom: 10px;
    }
    #search-desktop{
        display: none;
    }
    .search-mobile{
        display: block !important;
    }
    .search-mobile .input-group-addon.select-cat, .search-mobile .input-group-addon.select-loc{
        margin: 0px;
        padding: 0px;
    }
    .search-mobile .input-group-addon.btn-search{
        padding: 0px;
        margin: 0px !important;
        z-index: 999;
    }
    .search-mobile .btn-search.col-3{
        display: flex;
        align-items: center;
        height: 38px;
    }
    .search-mobile .btn-search button.btn{
        padding: 5px 15px;
        margin: 0px;
        width: 100%;
        height: 38px;
    }
    select#localidad{
        width: 97% !important;
    }
    select#subcategoria{
        border-radius: 100px 0px 0px 100px;
    }
    input#txt_buscar{
        padding: 3px;
        padding-left: 30px;
        margin: 0px;
        border-radius: 100px;
    }
    .search-mobile .search-icon svg{
        margin-left: 5px;
    }
    .search-mobile .input-group-addon.btn-search{
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
    }

    footer ul.nav{
        display: flex;
        justify-content: center;
    }
    footer .credit svg{
        margin: 0px;
    }

    .carrusel-publicaciones.info-region .titulo span.linea{
        display: none;
    }
    .carrusel-publicaciones.info-region .titulo h3{
        width: 100%;
        margin: 0px;
    }
    select#localidad_buscador{
        width: 170px !important;
    }
    div.search.search-mobile .search-icon i.frg.frg-search{
        margin-left: 12px !important;
        margin-top: 3px !important;
    }
    #mynavbar #botonera-menu-mobile{
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #mynavbar #botonera-menu-mobile .btn.btn-vender.btn-primary.btn-rounded-left-icon{
        margin-left: 35px !important;
    }
    div.cont-botonera-menu-mobile{
        padding: 10px 0px !important;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
        margin: 10px 0px;
        width: 100%;
    }
    .row.mi-region-container .mi-menu.list-unstyled{
        display: none;
    }
    #mi_content .bandeja-btn.selectorBandeja .img-responsive{
        height: 100px;
        object-fit: contain;
    }
    .lo-ultimo.carrusel-publicaciones .titulo h3{
        width: 40%;
    }

    .search-mobile select#subcategoria, .search-mobile select#localidad_buscador{
        height: 38px;
        width: 100% !important;
        border-radius: 100px;
    }
    .search.search-mobile .search-group.input-group.col-12{
        justify-content: space-between;
    }

    .modal-content.modal-actualizar-avisos{
        width: 100% !important;
    }
    .modal-content.modal-actualizar-avisos input#file_csv{
        font-size: 12px;
    }

    .body-mi-cuenta .mi-filtros-js-estados-desktop{
        display: flex !important;
        flex-direction: row !important;
        justify-content: center;
    }
    .body-mi-cuenta .mi-filtros-js-estados-desktop li{
        width: 45% !important;
    }
    .body-mi-cuenta .mi-filtros-js-estados-desktop .badge{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 15px;
    }
    .body-mi-cuenta .mi-filtros-js-estados-desktop .badge label{
        margin-left: 5px;
    }

    .cont-carrusel-home-categorias{
        margin-top: 30px;
    }

    #inner-wrapper #foto-perfil img#img-perfil-usuario{
        height: 100px;
        width: 100px;
    }
    #banner-perfil #banner-perfil-cantidad-avisos-publicados{
        margin-left: 110px !important;
    }

    #foto-perfil .form-control[type=file]:not(:disabled):not([readonly]){
        margin-top: 15px;
    }

    .cont-datos-perfil .cont-whatsapp{
        justify-content: start !important;
    }
    .cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta span{
        display: none;
    }
    .cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta{
        padding: 0px;
        height: 40px;
        width: 40px;
        border-radius: 100%;
    }
    .cont-datos-perfil .cont-whatsapp .btn.btn-info.btn-md.btn-cta i{
        margin: 0px;
        font-size: 25px;
    }
    #banner-perfil{
        height: 100px !important;
    }
    #mynavbar li.nav-item.dropdown{
        width: 90%;
    }
    .navbar a.nav-link{
        padding-left: 10px !important;
    }
    .col-md-12.col-sm-12.header-vertical.text-center h1{
        margin-top: 40px;
    }
} 

@media (min-width: 780px){
    ul.navbar-nav .dropdown:hover>.dropdown-menu { display: block; }
}

.botones-nombre-recomendacion {
    display: flex;
    justify-content: space-around;
}

#div-nombres-usuario {
    text-align: center;
}

.img-perfil-usuario {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    display:inline-block;
    vertical-align:middle;
    border: 2px solid #373737;
}

.img-perfil-usuario img{
    width:100%;
}

#img-perfil-usuario-preview {
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: auto;
    border-radius: 50%;
}

#informacion-contacto {
    margin-top: 15px;
    margin-left: 18px;
}

span.boton-editar-campo-perfil {
    background: url(../../assets/icons/pencil.svg) no-repeat;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
}

#banner-perfil {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    justify-content: center; /* Alinea horizontalmente */
    height: 70px; /* Asegúrate de que el contenedor tenga una altura definida */
}


.btn-wsp {
    background-color: #FFFFFF !important;
    font-size: 15px !important;
    color: #373737;

}

.iconWsp {
    color: #008E6E !important;
}

#banner-perfil-cantidad-avisos-publicados {
    color: white;
    display: flex !important;
    align-items: center !important;
}
#banner-perfil-cantidad-avisos-publicados span{
    margin-right: 5px;
}
.cantidad-avisos-publicados {
    font-weight: bold;
}

#nombre-empresa {
    font-size: 25px;
    font-weight: 400;
}

#login {
    font-size: 18px;
    font-weight: 400;
}

#btn-seguimiento {
    display: block;
}

#cantidad-seguidores,
#cantidad-seguidos {
    font-weight: 600;
}
.siguiendo-item {
    border-bottom: solid 1px #FAFAFA;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.siguiendo-item:last-child {
    border-bottom: none;
}
.siguiendo-item .avatar {
    width: 64px;
    height: 64px;
    display: inline-flex;
    border-radius: 100px;
    border: 2px solid #DE5571;
    background-size: cover;
    background-position: center center;
    position: relative;
    object-fit: cover;
}
.siguiendo-item-info {
    flex: 2 2;
    padding: 10px;
}
.siguiendo-item-seguir .btn {
    padding-left: 40px;
    padding-right: 40px;
}

.search-group.input-group .btn-search button.btn, .btn.btn-vender.btn-primary.btn-rounded-left-icon{
    height: 35px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-search button.btn{
    background: rgba(62, 172, 178, 1);
}
.btn-search button.btn:hover{
    background: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
.btn-search button.btn:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}

.body-mi-cuenta #main-page-content{
    background: #fff !important;
}
.body-mi-cuenta .breadcrumbs div.col-md-12{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
}
.body-mi-cuenta .breadcrumbs div.col-md-12 a{
    font-weight: 500 !important;
}
.body-mi-cuenta .user-menu .info-user span.user-name{
    font-size: 14px;
    font-weight: 600;
}
.body-mi-cuenta .user-menu .info-user{
    margin-left: 0px !important;
    padding-left: 0px !important;
}
.body-mi-cuenta .user-menu .info-user span.user-rating{
    font-weight: 500;
    margin-right: 5px;
}
.body-mi-cuenta .cont-filtros div, .body-mi-cuenta .cont-filtros a{
    margin: 0px !important;
    padding: 0px !important;
    font-size: 14px;
}
.body-mi-cuenta .cont-filtros .input-buscar{
    width: 85%;
}
.body-mi-cuenta .cont-filtros .input-buscar input#buscador_mr, .body-mi-cuenta .cont-filtros .input-buscar .btn.btn-outline-secondary.dropdown-toggle{
    font-size: 14px !important;
    color: rgba(55, 55, 55, 1) !important;
    font-weight: 500;
    border-color: rgba(182, 182, 182, 1) !important;
}
.body-mi-cuenta .cont-filtros .input-buscar .btn.btn-outline-secondary.dropdown-toggle:hover{
    color: #fff !important;
}
.body-mi-cuenta .cont-btn-exportar a{
    padding: 5px 10px !important;
    margin-right: 5px !important;
    border-color: rgba(182, 182, 182, 1) !important;
}
.body-mi-cuenta .cont-btn-exportar a span{
    color: rgba(55, 55, 55, 1) !important;
    font-weight: 500;
}
.body-mi-cuenta .cont-filtros a:hover span{
    color: #fff !important;
}
.body-mi-cuenta .cont-filtros .avisos-btn-vender{
    height: 35px !important;
    width: 190px !important;
    padding: 5px !important;
}

.body-mi-cuenta .rounded-pill-box a{
    font-size: 14px !important;
    color: rgba(55, 55, 55, 1);
    font-weight: 500;
    border: 1px solid rgba(182, 182, 182, 1) !important;
    transition: .2s ease-in-out all;
}
.body-mi-cuenta .rounded-pill-box .badge{
    background: rgba(239, 239, 239, 1);
}
.body-mi-cuenta .rounded-pill-box .badge.active{
    background: rgba(62, 172, 178, 0.3);
    border: 1px solid rgba(62, 172, 178, 1);
}
.body-mi-cuenta .cont-filtro-todos label{
    font-size: 14px;
    color: rgba(55, 55, 55, 1);
    margin-left: 5px;
}
.body-mi-cuenta .cont-filtro-todos .btn.btn-secondary{
    height: 35px;
    font-size: 14px;
    background: none;
    color: rgba(55, 55, 55, 1);
    border-color: rgba(182, 182, 182, 1);
}
.body-mi-cuenta .mis-articulos .articulo p.detalle-item{
    padding: 5px 15px;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-badge-state span{
    font-size: 14px;
    border-radius: 8px !important;
    font-weight: 500;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones .btn-primary{
    font-size: 14px !important;
    background: none !important;
    border: 1px solid rgba(182, 182, 182, 1) !important;
    border-radius: 61px;
    color: rgba(55, 55, 55, 1) !important;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px !important;
    margin-right: 5px !important;
    margin-left: -30px;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones .btn-group.btn-group-primary{
    display: flex;
    align-items: center;
}
.body-mi-cuenta .mis-articulos .articulo a i.frg{
    font-size: 20px !important;
    margin: 0px 2px !important;
    border: 1px solid rgba(182, 182, 182, 1) !important;
    border-radius: 100% !important;
    padding: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones .btn-primary i{
    color: rgba(29, 143, 149, 1) !important;
    border: none !important;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones i.icon.frg-pause, .body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones i.icon.frg-repeat, .body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones i.icon.frg-check-circle{
    color: rgba(29, 143, 149, 1) !important;
}
.body-mi-cuenta .mis-articulos .articulo .articulo-precio{
    font-size: 20px !important;
}
.body-mi-cuenta .mis-articulos .articulo .mi-js-articulo-precio-valor::after{
    color: rgba(125, 125, 125, 1) !important;
}
.body-mi-cuenta .mis-articulos .articulo .text-body-secondary, .body-mi-cuenta .mis-articulos .articulo .finaliza-item{
    font-size: 12px !important;
    color: rgba(55, 55, 55, 1) !important;
}
.body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones{
    margin-top: 10px;
}
.body-mi-cuenta ul#dropdown-tipo{
    padding: 10px;
}
.body-mi-cuenta ul#dropdown-tipo li{
    margin-bottom: 5px;
}
.body-mi-cuenta .row.mi-consultas-filters button{
    font-size: 14px !important;
    color: rgba(55, 55, 55, 1);
    font-weight: 500;
    background: rgba(239, 239, 239, 1) !important;
    border: 1px solid rgba(182, 182, 182, 1) !important;
}
.body-mi-cuenta .btn.mi-consultas-load-more, .body-mi-cuenta .btn-secondary.consulta-responder-send, .body-mi-cuenta .form-control.mi-consulta-js-respuesta{
    font-size: 14px;
}
body.body-mi-cuenta .legacy-content .form-control{
    display: block;
    width: 100%;
    height: 38px;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1;
    color: var(--bs-body-color);
    background-color: #ffffff;
    background-image: none;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 100px;
}
body.body-mi-cuenta .legacy-content .btn-info{
    color: #ffffff;
    height: 35px !important;
    width: 190px;
    font-family: "Encode Sans", sans-serif;
    background-color: rgba(62, 172, 178, 1);
    border: none;
    margin-bottom: 3px;
    transition: all 0.2sease-in-out;
    padding: 5px;
    font-weight: 600;
    border-radius: 38px;
}
body.body-mi-cuenta .legacy-content .btn-info:hover{
    background-color: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
body.body-mi-cuenta .legacy-content .btn-info:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}
body.body-mi-cuenta .legacy-content .alert-social-login{
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.body-mi-cuenta .legacy-content .col-md-offset-4 {
    margin-left: 0px !important;
    display: flex;
    padding: 0px;
}
body.body-mi-cuenta .legacy-content .btn.btn-info.path {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.body-mi-cuenta .legacy-content .checkbox-whatsapp + label {
    display: inline;
    font-weight: 400;
}
body.body-mi-cuenta .legacy-content .checkbox-whatsapp:checked + label:after{
    top: 0 !important; 
}
body.body-vertical section#wrapper{
    font-family: 'Montserrat' !important;
}
body.body-vertical form ul select{
    border-radius: 100px !important;
    padding: 0px !important;
    padding-left: 20px !important;
}
body.body-vertical .legacy-content .btn{
    height: 34px !important;
    border-radius: 100px;
    border: none;
    background-color: rgba(62, 172, 178, 1);
    color: #fff;
    font-weight: 600;
}
body.body-vertical .legacy-content .btn:hover{
    background-color: rgba(44, 118, 122, 1);
    transition: 0.3s ease-in;
}
body.body-vertical .legacy-content .btn:focus{
    background-color: rgba(129, 209, 214, 1);
    transition: 0.3s ease-in;
}
body.body-vertical .link-directos, body.body-vertical .link-directos a{
    color: #212529;
}
body.body-vertical .link-directos a:hover{
    color: #5E5E5E;
    transition: 0.3s ease-in;
}
body.body-vertical .owl-item{
    background: none !important;
}
body.body-vertical .owl-item .item{
    background-color: #fff !important;
    height: 400px;
    font-family: 'Montserrat';
    border: none;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08)
}
body.body-vertical .owl-item .item .caja-imagen{
    height: 258px;
}
body.body-vertical .owl-item .item .caja-imagen a img{
    height: 258px;
    width: 100% !important;
    object-fit: cover !important;
}
body.body-vertical .owl-item .item p.price{
    color: rgba(222, 85, 113, 1);
    font-size: 24px;
    font-weight: 500 !important;
    transition: 0.3s ease-in;
    padding: 0px !important;
    margin: 5px 10px !important;
    margin-top: 10px !important;
}
body.body-vertical .owl-item .item h4{
    padding: 0px !important;
    margin: 0px !important;
    padding: 3px 10px !important;
    height: auto;
    margin-bottom: 10px !important;
    color: rgba(107, 107, 107, 1) !important;
}
body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next, body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-prev{
    width: 57px !important;
    height: 57px !important;
    background: rgba(62, 172, 178, 0.8) !important;
    border-radius: 100% !important;
}
body.body-vertical .carousel-tiendas .owl-nav button.owl-next, body.body-vertical .carousel-tiendas .owl-nav button.owl-prev{
    top: 33%;
}
body.body-vertical .carousel-tiendas .owl-nav button.owl-next{
    left: 98%;
}
body.body-vertical .carousel-tiendas .owl-nav button.owl-prev{
    left: -30px !important;
}
body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next span{
    display: flex;
    color: rgba(62, 172, 178, 0.8);
    height: 20px !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../assets/images/iconos/prev-icon.svg') !important;
    margin-right: 20px !important;
    transform: rotate(180deg);
}
body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-prev span{
    display: flex;
    color: rgba(62, 172, 178, 0.8);
    height: 20px !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../assets/images/iconos/prev-icon.svg') !important;
    margin-left: 20px !important;
}
body.body-vertical .legacy-content .carousel-estrellas{
    margin: 0px;
    width: 100%;
    padding-left: 10px;
}
body.body-vertical .owl-carousel.carousel-tiendas .item{
    height: 110px !important;
}
body.body-vertical .owl-carousel.carousel-tiendas .item img{
    object-fit: contain !important;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border: 2px solid #373737;
}
body.body-vertical .col-md-12.col-sm-12.header-vertical.header-vehiculos.text-center select#subcategoria{
    width: 100% !important;
    font-size: 16px;
    color: #666666;
}
body.body-vertical .carousel-tiendas .owl-item .item {
    box-shadow: none;
}

.body-mi-cuenta #importModal .modal-content{
    width: 500px !important;
}
.body-mi-cuenta #importModal .modal-content .mt-4.text-end{
    display: flex;
    justify-content: center;
}
.cont-octagon-icon {
    margin: 0px 2px !important;
    border: 1px solid rgba(182, 182, 182, 1) !important;
    border-radius: 100%;
    padding: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.octagon-icon {
    /*width: 20px;
    height: 20px;
    background-color: #DE5571;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    display: inline-block;*/

    display: inline-block;
    width: 20px; /* Adjust based on your needs */
    height: 20px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%201.65906C5.39606%201.65906%201.65912%205.396%201.65912%209.99997C1.65912%2014.6039%205.39606%2018.3409%2010%2018.3409V19.8409C4.56763%2019.8409%200.159119%2015.4324%200.159119%209.99997C0.159119%204.56757%204.56763%200.159058%2010%200.159058C15.4324%200.159058%2019.8409%204.56757%2019.8409%209.99997H18.3409C18.3409%205.396%2014.604%201.65906%2010%201.65906Z%22%20fill%3D%22%23DE5571%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.25005%209.68926V3.33325H10.75V9.99992C10.75%2010.1988%2010.671%2010.3896%2010.5304%2010.5302L6.28796%2014.7727L5.22729%2013.712L9.25005%209.68926Z%22%20fill%3D%22%23DE5571%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.1121%2017.1302L17.7364%2011.506L18.797%2012.5666L13.1728%2018.1909L12.1121%2017.1302Z%22%20fill%3D%22%23DE5571%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1728%2011.506L18.797%2017.1302L17.7364%2018.1909L12.1121%2012.5666L13.1728%2011.506Z%22%20fill%3D%22%23DE5571%22/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;

}

.disabled-link .octagon-icon {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%201.65906C5.39606%201.65906%201.65912%205.396%201.65912%209.99997C1.65912%2014.6039%205.39606%2018.3409%2010%2018.3409V19.8409C4.56763%2019.8409%200.159119%2015.4324%200.159119%209.99997C0.159119%204.56757%204.56763%200.159058%2010%200.159058C15.4324%200.159058%2019.8409%204.56757%2019.8409%209.99997H18.3409C18.3409%205.396%2014.604%201.65906%2010%201.65906Z%22%20fill%3D%22%23b6b6b6%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.25005%209.68926V3.33325H10.75V9.99992C10.75%2010.1988%2010.671%2010.3896%2010.5304%2010.5302L6.28796%2014.7727L5.22729%2013.712L9.25005%209.68926Z%22%20fill%3D%22%23b6b6b6%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.1121%2017.1302L17.7364%2011.506L18.797%2012.5666L13.1728%2018.1909L12.1121%2017.1302Z%22%20fill%3D%22%23b6b6b6%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.1728%2011.506L18.797%2017.1302L17.7364%2018.1909L12.1121%2012.5666L13.1728%2011.506Z%22%20fill%3D%22%23b6b6b6%22/%3E%3C/svg%3E');

}



.tippy-box[data-theme~='custom-green'] {
    background-color: rgba(44, 118, 122, 1); /* Verde personalizado */
    color: white;
    border-radius: 6px;
    padding: 0px;
    font-size: 14px;
  }
.tippy-box[data-theme~='custom-green'][data-placement^='top'] .tippy-arrow {
    border-top-color: rgba(44, 118, 122, 1);
    background-color: rgba(44, 118, 122, 1);
    color: rgba(44, 118, 122, 1);
}
.tippy-box[data-theme~='custom-green'][data-placement^='bottom'] .tippy-arrow {
    border-bottom-color: rgba(44, 118, 122, 1);
    background-color: rgba(44, 118, 122, 1);
    color: rgba(44, 118, 122, 1);
}

.mis-metricas .mi-articulo-img, .mis-metricas .mi-articulo-img img{
    height: 100px;
}
.mis-metricas .articulo-precio a{
    font-size: 17px !important;
}
.mis-metricas .mi-articulo-img .mi-articulo-badge-state span.badge{
    font-size: 12px !important;
}

.mis-metricas .articulo-left.d-flex{
    height: 100px;
}
.mis-metricas .mi-articulo-metrics.d-flex{
    margin-top: 0px !important;
}

@media (max-width: 767px) {
    .body-mi-cuenta .cont-filtros div, .body-mi-cuenta .cont-filtros a{
        margin: 0px !important;
    }
    .body-mi-cuenta .cont-filtros .avisos-btn-vender{
        margin-left: 5px !important;
    }
    .body-mi-cuenta .cont-filtros .col-9.row.mb-3.mt-1{
        width: 100% !important;
        margin: 0px !important;
    }
    .body-mi-cuenta .cont-filtros .input-buscar{
        width: 100% !important;
        margin: 0px !important;
        padding: 10px !important;
    }
    .body-mi-cuenta .rounded-pill-box {
        display: flex;
        flex-direction: column;
    }
    .body-mi-cuenta div#dropdown-ordenar{
        display: flex;
        margin-top: 7px;
    }
    .body-mi-cuenta .mis-articulos .articulo p.detalle-item{
        padding: 0px;
    }
    .body-mi-cuenta .mis-articulos .articulo .mi-articulo-botones .btn-primary{
        margin: 0px !important;
        padding: 0px !important;
        padding-right: 5px !important;
    }
    .body-mi-cuenta .cont-btn-exportar-mobile{
        display: inline-flex !important;
    }
    .body-mi-cuenta .col-12.cont-btn-exportar.cont-btn-exportar-mobile{
        display: flex;
        justify-content: center;
    }
    .body-mi-cuenta .col-12.cont-btn-exportar.cont-btn-exportar-mobile a{
        padding: 0px;
        margin: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .body-mi-cuenta .col-12.cont-btn-exportar.cont-btn-exportar-mobile a i{
        margin: 0px;
    }
    .body-mi-cuenta .col-12.cont-btn-exportar.cont-btn-exportar-mobile a span{
        margin-left: 3px;
        color: #fff !important;
    }
    body.body-vertical .legacy-content .header-vertical h1{
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }
    body.body-vertical .legacy-content select{
        font-size: 15px !important;
        width: 100% !important;
        text-align: center;
        padding: 0px !important;
    }
    body.body-vertical .legacy-content .header-vertical li{
        display: flex;
        width: 100% !important;
        justify-content: center;
    }
    body.body-vertical .legacy-content .header-vertical strong{
        width: 100%;
    }
    body.body-vertical .link-directos, body.body-vertical .link-directos a{
        text-align: left;
        margin: 0px;
        margin-bottom: 15px !important;
    }
    body.body-vertical .legacy-content .btn{
        width: 100%;
    }
    body.body-vertical .owl-stage{
        display: flex !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-stage-outer{
        width: 125% !important;
    }
    body.body-vertical .legacy-content .owl-carousel.owl-loaded{
        padding: 0px !important;
        margin: 0px !important;
        width: 100% !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next{
        margin-right: -60px;
    }
    body.body-vertical .legacy-content .caja-imagen ~ h4 a{
        font-size: 12px !important;
        line-height: 0px;
    }
    body.body-vertical .owl-item .item p.price{
        font-size: 16px !important;
    }
    body.body-vertical .owl-item{
        width: 250px !important;
        margin: 0px 10px !important;
    }
    body.body-vertical .legacy-content .item{
        height: 350px !important;
        width: 100%;
    }
    body.body-vertical .owl-item .item .caja-imagen{
        height: 60% !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next, body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-prev{
        height: 40px !important;
        width: 40px !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next span, body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-prev span{
        height: 12px !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-next span{
        margin-right: 15px !important;
    }
    body.body-vertical .legacy-content .owl-carousel .owl-nav button.owl-prev span{
        margin-left: 13px !important;
    }
    body.body-vertical .legacy-content h3{
        font-size: 17px !important;
    }
    body.body-vertical .link-directos, body.body-vertical .link-directos a{
        font-size: 14px;
    }
    .body-mi-cuenta .cont-filtros div .btn span{
        display: none;
    }
    .body-mi-cuenta .cont-filtros div .btn{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .body-mi-cuenta .cont-filtros div .btn i{
        margin: 0px !important;
    }
    .body-mi-cuenta .cont-filtros div .btn.exportar{
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .body-mi-cuenta .cont-filtros .avisos-btn-vender{
        position: absolute;
        margin-top: 55px !important;
        margin-left: 105px !important;
    }
    .body-mi-cuenta #importModal .modal-content{
        width: 100% !important;
    }
    .body-mi-cuenta #importModal .modal-content input#file_csv{
        font-size: 12px;
    }
    body.body-vertical .carousel-tiendas .owl-nav button.owl-next, body.body-vertical .carousel-tiendas .owl-nav button.owl-prev{
        top: 33%;
    }
    body.body-vertical .carousel-tiendas .owl-nav button.owl-next{
        left: 112%;
    }
    body.body-vertical .carousel-tiendas .owl-nav button.owl-prev{
        left: 0px !important;
    }
    .row.mi-region-container .col-xs-12.col-sm-5.text-end.mb-3.d-flex.align-items-center.cont-btn-exportar{
        display: flex;
        justify-content: center;
    }
    .row.mi-region-container .cont-btn-exportar{
        margin-left: -100px !important;
    }
    .row.mi-region-container .justify-content-between{
        justify-content: center !important;
    }
}

/* FIX ANCHOR LINKS AND FIXED HEADER */
:target {
    scroll-margin-top: 130px;
}

.breadcrumb-item a {
    color: #373737;
}

body .breadcrumb-item+.breadcrumb-item::before {
    content: "\e905";
    font-family: 'Region-20';
    font-size: 0.7em;
    vertical-align: middle;
    margin-top: 0.4em;
    color: #373737;
}

.rg20-swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.carrusel-generic .swiper-button-next:after,
.carrusel-generic .swiper-button-prev:after,
.carrusel-articulos .swiper-button-next:after,
.carrusel-articulos .swiper-button-prev:after,
.rg20-swiper .swiper-button-next:after,
.rg20-swiper .swiper-button-prev:after {
    font-family: 'Region-20';
    background: #3EACB2CC;
    border-radius: 50%;
    color: #FFF;
    font-size: 26px;
    box-shadow: 0 4px 9px #00000030;
}

.carrusel-generic .swiper-button-prev:after,
.carrusel-articulos .swiper-button-prev:after,
.rg20-swiper .swiper-button-prev:after {
    content: "\e90d";
    padding: 0.5em 0.6em 0.5em 0.4em;
}

.carrusel-generic .swiper-button-next:after,
.carrusel-articulos .swiper-button-next:after,
.rg20-swiper .swiper-button-next:after {
    content: "\e90c";
    padding: 0.5em 0.4em 0.5em 0.6em;
}

.carrusel-generic .swiper-button-prev,
.carrusel-articulos .swiper-button-prev,
.rg20-swiper .swiper-button-prev {
    left: -10px;
}

.carrusel-generic .swiper-button-next,
.carrusel-articulos .swiper-button-next,
.rg20-swiper .swiper-button-next {
    right: -10px;
}

.carrusel-generic .swiper-button-disabled,
.carrusel-articulos .swiper-button-disabled,
.rg20-swiper .swiper-button-disabled {
    opacity: 0!important;
}

.rg20-swiper .swiper-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.product-images .swiper-slide {
    width: auto;
    height: 100%;
}

.thumb-container {
    height: 100%;
    border-radius: 10px;
}

.product-images .swiper-slide img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.carrusel-generic {
    --swiper-navigation-top-offset: 37%;
}

@media (max-width: 767px) {
    .rg20-swiper {
        height: 200px;
    }

    .carrusel-generic .swiper-button-next:after,
    .carrusel-generic .swiper-button-prev:after,
    .carrusel-articulos .swiper-button-next:after,
    .carrusel-articulos .swiper-button-prev:after,
    .rg20-swiper .swiper-button-next:after,
    .rg20-swiper .swiper-button-prev:after {
        font-size: 18px;
    }

    .carrusel-generic .swiper-button-prev,
    .carrusel-articulos .swiper-button-prev,
    .rg20-swiper .swiper-button-prev {
        left: -5px;
    }

    .carrusel-generic .swiper-button-next,
    .carrusel-articulos .swiper-button-next,
    .rg20-swiper .swiper-button-next {
        right: -5px;
    }

    .carrusel-generic .articulo-item .btn-seguir {
        top: 15px;
        left: 15px;
    }
    .carrusel-generic .articulo-item .publicacion-tipo {
        top: 15px;
        right: 15px;
    }
}


/* #####################################################
                ARTICULO
##################################################### */
.articulo-titulo {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2em;
}
.articulo-aside .btn-whatsapp{
    display: flex !important;
    align-items: center !important;
    font-size: 16px;
}
.articulo-aside button.btn.btn-info.btn-md.btn-cta{
    font-size: 16px;
}
.articulo-precio {
    font-family: Montserrat, sans-serif;
    color: #DE5571;
    font-size: 34px;
    line-height: 1.2em;
 }
.articulo-contenido .div-equipamiento h3{
    font-size: 20px;
}
 
@media (max-width: 767px) {
    .articulo-contenido .div-equipamiento{
        flex-direction: column !important;
    }
    .articulo-aside .btn-whatsapp, .articulo-aside .btn-whatsapp span, .articulo-aside .btn.btn-info.btn-md.btn-cta{
        font-size: 13px !important;
    }
    .articulo-aside .btn.btn-info.btn-md.btn-cta{
        padding: 0px;
        padding: 7px;
    }
    .articulo-aside .user-header a{
        font-size: 17px;
    }
    .carrusel-articulos.full-width, .cont-carrusel-detalle{
        padding: 0px !important;
        padding: 8px !important;
    }
    section.cont-carrusel-detalle{
        padding: 30px !important;
    }
    section.cont-carrusel-home{
        padding: 20px !important;
    }

    .mis-metricas .articulo-left.d-flex{
        height: 170px;
    }
}

main {
    background-color: rgba(255, 255, 255, 1) !important;
}

.user-header {
    display: flex;
    align-items: center;
    font-family: Montserrat, sans-serif;
}
.user-header .avatar {
    width: 70px;
    height: 70px;
    background-color: white;
    border-radius: 100px;
    border: 2px solid #5E5E5E;
    margin-right: 7px;
    background-size: cover;
    background-position: center center;
    position: relative;
    object-fit: cover;
}
.user-header a {
    color: #373737;
    font-weight: 600;
    font-size: 20px;
}
.btn-whatsapp {
    background: #008E6E !important;
    border-color: #008E6E !important;
}
.btn-whatsapp:hover {
    background: #007d5e !important;
    border-color: #007d5e !important;
}

.lh-1 {
    line-height: 1em;
}
.lh-2 {
    line-height: 1.1;
}
.lh-3 {
    line-height: 1.2;
}
.lh-4 {
    line-height: 1.3;
}
.lh-5 {
    line-height: 1.4;
}
.lh-6 {
    line-height: 1.5;
}

.articulo-contenido {
    flex: 1 1 60%;
}
.articulo-user-box {
    flex: 0 0 460px;
}

.articulo-banner-box{
    max-width: 460px;
    width: 100%;
}

.line-boxed {
    border: #B6B6B6 1px solid;
    border-radius: 8px;
    padding: 24px 20px;
}

.info-block {
    position: relative;
    margin-bottom: 20px;
}

.title-lined {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5em;
    border-bottom: solid 7px #DE5571;
    display: inline-block;
    text-transform: uppercase;
    color: #373737;
}

.title-lined::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #ADADAD;
    margin-top: 7px;
    position: absolute;
}

.info-block dt {
    display: inline-block;
    font-weight: 700;
}

.info-block dd {
    display: inline-block;
}

.carrusel-articulos .swiper-slide {
    width: 25%;
    height: auto;
}
.carrusel-articulos-container {
    position: relative;
}
.carrusel-articulos .swiper-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 15px 0;
}
.carrusel-articulos .swiper-slide > a.slide-link {
    height: min-content;
    display: flex;
    flex-direction: column;
}
.carrusel-articulos .swiper-container,
.carrusel-articulos .swiper-slide,
.carrusel-articulos .swiper-wrapper {
    height: min-content; /* firefox fix */
}
.carrusel-articulos img.card-img-top {
    border-radius: 8px 8px 0 0;
    height: 258px;
    min-height: 258px;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}
.carrusel-articulos .card-title {
    color: rgba(222, 85, 113, 1);
    font-size: 24px;
    font-weight: 500;
    transition: 0.3s ease-in;
    margin-bottom: 8px;
}
.carrusel-articulos .card-body {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #6B6B6B;
    padding: 15px 20px 6px;
    background: #FFF;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.07);
    min-height: 120px;
    z-index: 1;
}
.carrusel-articulos .footer-data {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
    margin-top: 6px;
}
.carrusel-articulos:not(:has(.item-con-info)) .footer-data {
    display: none;
}
.carrusel-articulos .footer-data i {
    margin-right: 3px;
    font-size: 1.2em;
}
.carrusel-articulos .footer-data > span span,
.carrusel-articulos .footer-data > span i {
      vertical-align: middle;
}


.carrusel-articulos .footer-data-3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    gap: 0;
}
.carrusel-articulos .footer-data-3 > span {
    display: inline-block;
    align-items: center;
    font-size: 14px;
    color: #373737;
}
.carrusel-articulos .footer-data-3 > span:not(:first-child)::before {
    content: '';
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    background-color: #373737;
    border-radius: 50%;
    margin: 0.2em 0.5em 0.2em 0.25em;
}
@media (max-width: 767px) {
    .carrusel-articulos .footer-data-3 > span {
        font-size: 12px;
    }
}

.carrusel-articulos.card-template-clear .articulo-item {
    background: #FFF !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease-in;
}

.carrusel-articulos.card-template-clear .articulo-item:hover,
.carrusel-articulos.card-template-clear .articulo-item:has(a:focus) {
    background: #efefef !important;
}
/*
.carrusel-articulos.card-template-clear .publicacion-tipo {
    right: 17px;
    top: 17px;
}
.carrusel-articulos.card-template-clear .articulo-item {
    padding: 8px;
}
.carrusel-articulos.card-template-clear .card-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: #373737;
}
.carrusel-articulos.card-template-clear .card-price {
    color: rgba(222, 85, 113, 1);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
}
.carrusel-articulos.card-template-clear .card-body {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #6B6B6B;
    padding: 20px 0;
    background: #FFF;
    border-radius: 0 0 8px 8px;
    min-height: 120px;
    z-index: 1;
    box-shadow: none;
}*/
@media (max-width: 530px ) {
    .carrusel-articulos img.card-img-top {
        height: 144px;
        min-height: 144px;
    }
    .carrusel-articulos .card-body {
        padding: 18px 10px 10px;
        font-size: 13px;
    }

    .carrusel-articulos .card-title {
        font-size: 18px;
    }

    .legacy-content .header-vertical {
        height: 420px !important;
    }

    .header-servicios .container {
        padding: 20px 0px;
    }
}
#contactaVendedor .item-chat {
    min-height: 320px;
    height: 320px;
}



/*****************************************
        FIXS OLD MODAL
 *****************************************/
#old_modal .modal-header button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
    margin-top: -2px;
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    zoom: 1;
    opacity: 0.2;
}

#old_modal .modal-header {
    display: block;
}




/*****************************************
                RATINGS
 *****************************************/
.ratingbar_wrapper {
    width: 200px;
    height: 12px;
    background-color: #e2e2e2;
    border-radius: 10px;
    overflow: hidden;
}

.ratingbar_inner {
    width: 0;
    height: 15px;
    border: 5px white;
    background-color: #6e6e6e;
}

.ratingbar_text {
    color: white;
    font-size: 0;
    padding-left: 5px;
    padding-top: 5px;
}


/*****************************************
           Viejas CALIFIACIONES
 *****************************************/
#old_modal .puntuacion {
    cursor: pointer;
    clear: both;
    display: block;
    overflow: visible;
    margin:5px 0px 25px 10px;
    float: none;
}
#old_modal .puntuacion:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}
#old_modal .puntuacion .texto_calificar {
    float: left;
    font-size: 18px;
    padding-right: 5px;
    padding-top: 4px;
}
#old_modal .puntuacion #nombre_calificacion {
    float:left;
    padding-left: 5px;
    padding-top: 4px
}
#old_modal .estrella {
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
    opacity: 0.5;
}
#old_modal .estrella.hover {
    opacity: 1;
}
#old_modal .estrella_izq,
#old_modal .estrella_der {
    width: 15px;
}
#old_modal .estrella a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768'%3E%3Cg stroke='%23449FDB'%3E%3Cpath d='M16 0v768'/%3E%3Cpath d='M32 0v768'/%3E%3Cpath d='M48 0v768'/%3E%3Cpath d='M64 0v768'/%3E%3Cpath d='M80 0v768'/%3E%3Cpath d='M96 0v768'/%3E%3Cpath d='M112 0v768'/%3E%3Cpath d='M128 0v768'/%3E%3Cpath d='M144 0v768'/%3E%3Cpath d='M160 0v768'/%3E%3Cpath d='M176 0v768'/%3E%3Cpath d='M192 0v768'/%3E%3Cpath d='M208 0v768'/%3E%3Cpath d='M224 0v768'/%3E%3Cpath d='M240 0v768'/%3E%3Cpath d='M256 0v768'/%3E%3Cpath d='M272 0v768'/%3E%3Cpath d='M288 0v768'/%3E%3Cpath d='M304 0v768'/%3E%3Cpath d='M320 0v768'/%3E%3Cpath d='M336 0v768'/%3E%3Cpath d='M352 0v768'/%3E%3Cpath d='M368 0v768'/%3E%3Cpath d='M384 0v768'/%3E%3Cpath d='M400 0v768'/%3E%3Cpath d='M416 0v768'/%3E%3Cpath d='M432 0v768'/%3E%3Cpath d='M448 0v768'/%3E%3Cpath d='M464 0v768'/%3E%3Cpath d='M480 0v768'/%3E%3Cpath d='M496 0v768'/%3E%3Cpath d='M512 0v768'/%3E%3Cpath d='M528 0v768'/%3E%3Cpath d='M544 0v768'/%3E%3Cpath d='M560 0v768'/%3E%3Cpath d='M576 0v768'/%3E%3Cpath d='M592 0v768'/%3E%3Cpath d='M608 0v768'/%3E%3Cpath d='M624 0v768'/%3E%3Cpath d='M640 0v768'/%3E%3Cpath d='M656 0v768'/%3E%3Cpath d='M672 0v768'/%3E%3Cpath d='M688 0v768'/%3E%3Cpath d='M704 0v768'/%3E%3Cpath d='M720 0v768'/%3E%3Cpath d='M736 0v768'/%3E%3Cpath d='M752 0v768M0 16h768'/%3E%3Cpath d='M0 32h768'/%3E%3Cpath d='M0 48h768'/%3E%3Cpath d='M0 64h768'/%3E%3Cpath d='M0 80h768'/%3E%3Cpath d='M0 96h768'/%3E%3Cpath d='M0 112h768'/%3E%3Cpath d='M0 128h768'/%3E%3Cpath d='M0 144h768'/%3E%3Cpath d='M0 160h768'/%3E%3Cpath d='M0 176h768'/%3E%3Cpath d='M0 192h768'/%3E%3Cpath d='M0 208h768'/%3E%3Cpath d='M0 224h768'/%3E%3Cpath d='M0 240h768'/%3E%3Cpath d='M0 256h768'/%3E%3Cpath d='M0 272h768'/%3E%3Cpath d='M0 288h768'/%3E%3Cpath d='M0 304h768'/%3E%3Cpath d='M0 320h768'/%3E%3Cpath d='M0 336h768'/%3E%3Cpath d='M0 352h768'/%3E%3Cpath d='M0 368h768'/%3E%3Cpath d='M0 384h768'/%3E%3Cpath d='M0 400h768'/%3E%3Cpath d='M0 416h768'/%3E%3Cpath d='M0 432h768'/%3E%3Cpath d='M0 448h768'/%3E%3Cpath d='M0 464h768'/%3E%3Cpath d='M0 480h768'/%3E%3Cpath d='M0 496h768'/%3E%3Cpath d='M0 512h768'/%3E%3Cpath d='M0 528h768'/%3E%3Cpath d='M0 544h768'/%3E%3Cpath d='M0 560h768'/%3E%3Cpath d='M0 576h768'/%3E%3Cpath d='M0 592h768'/%3E%3Cpath d='M0 608h768'/%3E%3Cpath d='M0 624h768'/%3E%3Cpath d='M0 640h768'/%3E%3Cpath d='M0 656h768'/%3E%3Cpath d='M0 672h768'/%3E%3Cpath d='M0 688h768'/%3E%3Cpath d='M0 704h768'/%3E%3Cpath d='M0 720h768'/%3E%3Cpath d='M0 736h768'/%3E%3Cpath d='M0 752h768'/%3E%3C/g%3E%3Cpath d='m262.8 253.4-242 26.8a23.3 23.3 0 0 0-19.3 15.6v.2a22.7 22.7 0 0 0 6.4 24l180 164-49.3 238.4a22.8 22.8 0 0 0 33.8 24.5C257 698.8 384 626.3 384 626.3L595.5 747a22.8 22.8 0 0 0 25-1.3h-.1a23 23 0 0 0 8.9-23.4v.2A303361 303361 0 0 0 580.1 484l180-163.8a22.9 22.9 0 0 0-12.7-39.8h-.1l-242.1-27L404.9 31.6a23 23 0 0 0-41.7-.2v.2L262.7 253.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
    height: 100%;
}
#old_modal .estrella_izq a {
    background-position: left;
    background-size:200%;
}
#old_modal .estrella_der a {
    background-position: right;
    background-size:200%;
}



/*****************************************
          OLD PROGRESS BAR (on old popup)
 *****************************************/
@keyframes old-progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

#old_modal .progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 0px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 0;
}

#old_modal .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #46b8da;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

#old_modal .progress-striped .progress-bar,
#old_modal .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

#old_modal .progress.active .progress-bar,
#old_modal .progress-bar.active {
     animation: old-progress-bar-stripes 2s linear infinite;
}

#old_modal .progress-bar-success {
    background-color: #5cb85c;
}

#old_modal .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

#old_modal .progress-bar-info {
    background-color: #5bc0de;
}

#old_modal .progress-striped .progress-bar-info {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

#old_modal .progress-bar-warning {
    background-color: #f0ad4e;
}

#old_modal .progress-striped .progress-bar-warning {
     background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.content-wrapper.categorias-all {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 2rem;
}

.content-wrapper.categorias-all .categoria-titulo a { color: black; font-size: 15px; }
.content-wrapper.categorias-all p a { color: #2f2f2f; font-size: 14px; }

a.badge.rounded-pill.disabled { pointer-events: none; opacity: 0.5; cursor: not-allowed; }

a.badge.rounded-pill label { background: #b6b6b6; color: white; font-size: 13px; font-weight: 300; cursor: pointer; padding: 0 8px; border-radius: 50rem; }
a.badge.rounded-pill.active label { background: #3eacb2; color: white; }
a.badge.rounded-pill.disabled label { background: #dadada; color: white; }

.cont-carrusel-detalle, .carrusel-articulos.full-width, .cont-carrusel-home{
    background-color: rgba(238, 238, 238, 1);
}

.cont-carrusel-detalle {
    padding: 20px 100px !important;
}
.cont-carrusel-detalle .pb-3, .carrusel-articulos .pb-3{
    padding: 0px !important;
}
.carrusel-articulos{
    font-family: Montserrat, sans-serif;
}
.carrusel-articulos h3{
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
}
.finalizar-lote svg {
    fill: #DE5571;
}

a.finalizar-lote:hover svg {
    fill: #ffffff; 
  }

  .header-vertical .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    background: rgba(50, 50, 50, 0.6);
    z-index: 1;
    max-width: inherit;
} 

 
.banner-principal-home img {
    border-radius: 20px;
}

div#botonera-menu-desktop{
    margin-left: -5px;
}

.cont-vista-grid .card{
    height: 360px;
    font-family: 'Montserrat';
    border: none;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}
.cont-vista-lista .articulo-left.d-flex.flex-wrap.flex-row.gap-2.align-items-start.align-items-lg-center.px-3.py-2{
    font-family: 'Montserrat';
    border: none;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.cont-vista-grid .card .card-title{
    color: rgba(222, 85, 113, 1);
    font-size: 20px;
    font-weight: 500;
    transition: 0.3s ease-in;
}
.cont-vista-grid .card .card-text{
    color: rgba(107, 107, 107, 1);
    font-size: 16px;
    text-transform: none;
}
.cont-vista-grid .card img{
    height: 50%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .cont-vista-grid .card .card-title{
        font-size: 13px;
    }
    .cont-vista-grid .card{
        height: 240px;
    }
    .cont-vista-grid .card .card-text{
        font-size: 12px;
    }
    .cont-vista-grid .card .finaliza-item{
        margin-top: -10px;
    }
}

.estado_publicacion {
    padding: 8px 16px;
    display: inline-block;
    align-items: center;
    background: #de5571;
    border-radius: 38px;
    color: white;
    margin-top: 20px;
}
.estado_publicacion i {
    margin-right: 4px;
}

.cta-secondary { font-size: 14px; color: #fff; border-radius: 100px; margin-left: 5px; padding: 5px; background: rgba(62, 172, 178, 1); font-weight: 600; height: 35px; width: 120px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.cta-secondary:hover { background: rgba(44, 118, 122, 1); transition: 0.3s ease-in; }

.back-top { position: fixed; right: 25px; bottom: 40px; overflow: hidden; z-index: 9999; }
.back-top a { background: rgba(249, 182, 9, 0.8); color: white; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; display: block; text-align: center; text-decoration: none; transition: all 500ms ease-in-out; }
.back-top a:after { content: "\f077"; font-family: "Font Awesome 5"; font-weight: 900; font-size: 18px; }

#perfil-usuario #wrapper { background: #EEE; padding-bottom: 35px; }

.modal-content .msj_publicacion_exitosa { padding: 35px; }


.btn-login-facebook,
.btn-login-google {
    margin: 5px auto;
}
.btn-login-facebook a,
.btn-login-google a {
    padding: 10px 40px;
    color: black;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    border: 1px solid #c5c5c6;
    display: inline-flex;
    width: 320px;
    font-size: 14px;
}
.btn-login-facebook a:hover,
.btn-login-google a:hover {
    border-color: #3eacb2;
}
.btn-login-facebook a img,
.btn-login-google a img {
    width: 20px;
    margin-right: 40px;
}
.perfil-antiguedad {
    color: gray;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4; 
    margin-top: 10px;
}
.perfil-antiguedad span {
    display: block; 
    margin-top: 5px; 
}


/*define colores oro, plata y bronce*/
:root {
    --color-oro: #e29e1f;
    --color-oro-2: #FFF;
    --color-oro-hover: #b67f32;
    --color-plata: #78a1cf;
    --color-plata-2: #FFF;
    --color-plata-hover: #4f7b9c;
    --color-bronce: #e26136;
    --color-bronce-2: #FFF;
    --color-bronce-hover: #b14624;
    --color-publicacion-tipo: #DE5571;
    --color-publicacion-tipo-2: #FFF;
    --color-publicacion-tipo-hover: #c84762;
}

.text-oro {
    color: var(--color-oro);
}
.text-plata {
    color: var(--color-plata);
}
.text-bronce {
    color: var(--color-bronce);
}
.text-oro-inv {
    color: var(--color-oro-2);
    background: var(--color-oro);
}
.text-plata-inv {
    color: var(--color-plata-2);
    background: var(--color-plata);
}
.text-bronce-inv {
    color: var(--color-bronce-2);
    background: var(--color-bronce);
}

/* Set bonificada color */
.selector-tipo-2,
.publicacion-tipo-2 {
    --color-publicacion-tipo: var(--color-oro);
    --color-publicacion-tipo-2: var(--color-oro-2);
    --color-publicacion-tipo-hover: var(--color-oro-hover);
}
.selector-tipo-1,
.publicacion-tipo-1 {
    --color-publicacion-tipo: var(--color-plata);
    --color-publicacion-tipo-2: var(--color-plata-2);
    --color-publicacion-tipo-hover: var(--color-plata-hover);
}
.selector-tipo-0,
.publicacion-tipo-0 {
    --color-publicacion-tipo: var(--color-bronce);
    --color-publicacion-tipo-2: var(--color-bronce-2);
    --color-publicacion-tipo-hover: var(--color-bronce-hover);
}


.tipo-publicacion-icon {
    background: var(--color-publicacion-tipo);
    color: var(--color-publicacion-tipo-2);
    width: 2em;
    height: 2em;
    line-height: 2em !important;
    border-radius: 1em;
    text-align: center;
    display: inline-block;
    transform: rotate(339deg) translateY(-0.1em);
}
.tipo-publicacion-icon::before {
    font-size: 1em !important;
    line-height: 2em !important;
    margin-left: -0.1em;
}
.tipo-publicacion-icon.small {
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em !important;
    border-radius: 1em;
}
.tipo-publicacion-icon.small::before {
    font-size: 0.85em !important;
    line-height: 1.6em !important;
}
.tipo-publicacion-icon.xsmall {
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em !important;
    border-radius: 1em;
}
.tipo-publicacion-icon.xsmall::before {
    font-size: 0.7em !important;
    line-height: 1.75em !important;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}



.bonificadas-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.bonificadas-tipo-container {
    flex: 1 1 240px;
    border: solid 1px #CCC;
    border-radius: 8px;
    padding: 20px 15px;
}
.bonificadas-tipo-container h2 {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 20px;
    color: var(--color-publicacion-tipo);
}
.bonificadas-tipo-container h2 i {
     display: block;
     margin-bottom: 10px;
}
.bonificada-link {
    display: block;
    padding: 7px 10px;
    background: var(--color-publicacion-tipo);
    color: var(--color-publicacion-tipo-2);
    border-radius: 5px;
    margin-bottom: 8px;
    overflow: hidden;
}
.bonificada-link:hover {
    background: var(--color-publicacion-tipo-hover);
}
a.bonificada-link > * {
    vertical-align: middle;
}
.bonificada-link .disp-cant {
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background: var(--color-publicacion-tipo-2);
    color: var(--color-publicacion-tipo);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 0 4px;
    margin-right: 5px;
}
.disp-cant i {
    font-size: 12px;
}
.bonificada-link i:last-child {
    float: right;
    line-height: 24px;
}
.bonificada-link i:last-child::after {
    content: "";
    display: block;
    clear: both;
}
.fixed-buttons {
    position: fixed;
    bottom: 0px;
    right: 70px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    z-index: 1000;
}
@media screen and (max-width: 768px) {
    .fixed-buttons {
        right: 10px;
    }

}
.fixed-buttons .btn {
    padding: 10px 20px 5px 20px;
    border: none;
    border-radius: 20px 20px 0px 0px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}
.btn-help-fixed{
    background-color: #FFF!important;
    color: #000!important;
}
.btn-help-fixed:hover {
    background-color: #e5778d!important;
    color: #FFF!important;
}
.btn-contact-fixed {
    background-color: #de5571!important;
    color: #FFF!important;
}
.btn-contact-fixed:hover {
    background-color: #e5778d!important;
}
.btn i {
    margin-right: 8px;
}



div#dZUpload {
    z-index: 1;
    position: relative;
}
.dz-image > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    background: #ebebeb;
}
.dz-rotate-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
    position: relative;
    background: #FFF !important;
    border: solid 1px #B6B6B6 !important;
    border-radius: 15px;
    width: min-content;
    margin: auto;
    margin-top: -10px;
}

.dz-rotate-buttons button {
    flex: 0 0 26px;
    cursor: pointer;
    background: transparent;
    color: #555555 !important;
    vertical-align: middle;
    line-height: 26px !important;
    font-size: 18px !important;
    border: none;
    border-right: solid 1px #B6B6B6;
}

.dz-rotate-buttons button:last-child {
    border-right: none;
}

.dz-rotate-buttons button:hover {
    background: #ededed !important;
    color: #000 !important;
}

.dz-rotate-buttons .frg:before {
    vertical-align: middle;
    line-height: 26px !important;
    display: block;
    font-size: 12px;
}

#dZUpload.thumbs-1 .move-left,
#dZUpload.thumbs-1 .move-right {
    display: none;
}

.dz-preview:nth-child(3) .move-left {
    color: #CCC !important;
}
.dz-preview:last-child .move-right {
    color: #CCC !important;
}

#dZUpload.thumbs-1 .dz-message,
#dZUpload.thumbs-multi .dz-message {
    display: none;
}

/* Rejected images containers */
.rejected-images-container {
    border-radius: 4px;
    overflow: hidden;
}

.rejected-images-container .alert {
    margin-bottom: 0 !important;
    border-radius: 4px 4px 0 0;
}

.rejected-images-list {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    min-height: 60px;
    border-radius: 0 0 4px 4px;
}

.rejected-image-item {
    transition: transform 0.2s, box-shadow 0.2s;
}

.rejected-image-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.rejected-image-item[draggable="true"]:hover {
    border-color: #5bc0de !important;
}

.rejected-image-item .remove-rejected:hover {
    background-color: #d32f2f !important;
    transform: scale(1.1);
}



.rg-mt-n1 {
    margin-top: -0.25rem;
}

.rg-me-n1 {
    margin-right: -0.25rem;
}

.rg-mb-n1 {
    margin-bottom: -0.25rem;
}

.rg-ms-n1 {
    margin-left: -0.25rem;
}

.rg-mx-n1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.rg-my-n1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
}

.rg-mt-n2 {
    margin-top: -0.5rem;
}

.rg-me-n2 {
    margin-right: -0.5rem;
}

.rg-mb-n2 {
    margin-bottom: -0.5rem;
}

.rg-ms-n2 {
    margin-left: -0.5rem;
}

.rg-mx-n2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.rg-my-n2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.rg-mt-n3 {
    margin-top: -1rem;
}

.rg-me-n3 {
    margin-right: -1rem;
}

.rg-mb-n3 {
    margin-bottom: -1rem;
}

.rg-ms-n3 {
    margin-left: -1rem;
}

.rg-mx-n3 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.rg-my-n3 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.rg-mt-n4 {
    margin-top: -1.5rem;
}

.rg-me-n4 {
    margin-right: -1.5rem;
}

.rg-mb-n4 {
    margin-bottom: -1.5rem;
}

.rg-ms-n4 {
    margin-left: -1.5rem;
}

.rg-mx-n4 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.rg-my-n4 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}

.rg-mt-n5 {
    margin-top: -3rem;
}

.rg-me-n5 {
    margin-right: -3rem;
}

.rg-mb-n5 {
    margin-bottom: -3rem;
}

.rg-ms-n5 {
    margin-left: -3rem;
}

.rg-mx-n5 {
    margin-left: -3rem;
    margin-right: -3rem;
}

.rg-my-n5 {
    margin-top: -3rem;
    margin-bottom: -3rem;
}

.mi-region-container .whatsapp-help-img{
    width: 100px;
}
.mi-region-container .whatsapp-help {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 40px;
    right: 60px;
    width: auto;
    max-width: 400px;
    background-color: white;
    z-index: 1000;
    border-radius: 50%;
    padding: 3px;
    transition: all 0.3s ease-in-out;
    transform: scale(0);
    animation: zoomIn 1s ease-in forwards;
}

@keyframes zoomIn {
  to {
    transform: scale(1);
  }
}

@media (max-width: 767px) {
    .mi-region-container .whatsapp-help{
        display:flex;
        flex-direction: row;
        justify-content: end;
    }
    .mi-region-container .whatsapp-help-img{
        width: 70px;
        right: 60px;
    }
}


.colored-text {
    color: #DE5571 !important;
}
#header .navbar>.container {
    flex-wrap: wrap;
}
#mynavbar {
    flex-wrap: wrap;
    justify-content: end;
}
.navbar a.nav-link,
.navbar a.dropdown-item {
    font-size: 13px;
}
@media (max-width: 1400px) {
    .navbar a.nav-link,
    .navbar a.dropdown-item {
        font-size: 12px;
    }
    #header .container {
        max-width: 100% !important;
    }
}

@media (max-width: 980px) {
    #mynavbar .navbar-nav {
        max-height: 55vh;
        overflow: auto;
    }
}

.hide-0-equal-0,
.hide-1-equal-1,
.hide-2-equal-2 {
    display: none;
}





body .btn.view-mode {
    margin-left: auto;
}
body .btn.view-mode-button {
    background: #e6e6e6;
    color: #000;
    fill: #000;
    border: none !important;
    height: 2.5em;
    width: 2.5em;
    padding: 0.5em;
    text-align: center;
}
body .btn.view-mode-button.active {
    background-color: #3eacb2;
    color: white;
    fill: white;
}
body .btn.view-mode-button:hover,
body .btn.view-mode-button:focus {
    box-shadow: 0 0 0 2px rgba(185, 185, 185, 0.75);
}
body .btn.view-mode-button svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: auto!important;
}


.btn.rg-btn-border {
    --bs-btn-color: rgba(55, 55, 55, 1);
    color: rgba(55, 55, 55, 1);
    font-weight: 500;
    background: #FFF;
    border: 1px solid rgba(182, 182, 182, 1);
}

.btn.show.rg-btn-border,
.btn.rg-btn-border:hover,
.btn.rg-btn-border:active,
.btn.rg-btn-border:first-child:active,
.btn.rg-btn-border:focus {
    background: rgba(239, 239, 239, 1);
    --bs-btn-color: rgba(55, 55, 55, 1);
    color: rgba(55, 55, 55, 1);
}
.listado-filtros .filter,
.more-filters {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.listado-filtros .filter small {
    opacity: 0.6;
}
.listado-filtros .filter[data-filter="orden"] .dropdown-toggle {
    background: #f1f1f1;
}
.listado-filtros .filter.filtering > .btn {
    background: rgba(62, 172, 178, 0.2);
    border: 1px solid rgba(62, 172, 178, 1);
    color: #219097;
    fill: #219097;
}
.listado-filtros .filter.filtering > .btn::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23219097' d='M233 407c13 12 33 12 46 0l192-192a32 32 0 0 0-46-46L256 339 87 169a32 32 0 0 0-46 46l192 192z'/%3E%3C/svg%3E");
}
.listado-filtros .list-group {
    overflow: hidden;
    overflow-y: auto;
    max-height: 250px;
    max-height: min(50vh, 250px);
    margin-top: calc(-1 * var(--bs-dropdown-padding-y));
    margin-bottom: calc(-1 * var(--bs-dropdown-padding-y));
}
.listado-filtros .dropdown-menu {
    overflow: hidden;
}
.listado-filtros  a.list-group-item.list-group-item-action {
    white-space: nowrap;
}
.listado-filtros .filter .on-filtering,
.listado-filtros .filter .on-changed {
    display: none;
}
.listado-filtros .filter.filtering .on-filtering {
    display: block;
}
.listado-filtros .filter.changed .on-changed {
    display: block;
}
.listado-filtros .filter input[type=radio],
.listado-filtros .filter input[type=checkbox] {
    display: none;
}
.listado-filtros .filter-option input[type="checkbox"] + .filter-option-text {
    padding-left: 1.8em;
    position: relative;
    display: block;
}
.listado-filtros .filter-option input[type="checkbox"] + .filter-option-text::after {
    content: "";
    font-family: "Font Awesome 5";
    font-weight: 900;
    font-size: 0.7em;
    padding: 0.1em 0.3em;
    position: absolute;
    left: 0.1em;
    top: 50%;
    transform: translateY(-50%);
    color: #FFF;
    background: rgb(204, 204, 204);
    border-radius: 50%;
    width: 1.6em;
    height: 1.6em;
    text-align: center;
    vertical-align: 0;
}
.listado-filtros .filter-option input[type="checkbox"]:checked + .filter-option-text::after {
    content: "\f00c";
    background: #DE5571;
}
.listado-filtros .filter-option input[type="radio"]:checked + .filter-option-text {
    font-weight: 700;
}
.listado-filtros .right-separated {
    margin-right: 1.45rem;
    position: relative;
}
.listado-filtros .right-separated::after {
    content: "";
    position: absolute;
    top: 17%;
    right: -0.85rem;
    width: 1px;
    height: 70%;
    background-color: #b8b8b8;
}
.listado-filtros .left-separated {
    margin-left: 1.45rem;
    position: relative;
}
.listado-filtros .left-separated::before {
    content: "";
    position: absolute;
    top: 17%;
    left: -0.85rem;
    width: 1px;
    height: 70%;
    background-color: #b8b8b8;
}


.no-left-separator .left-separated {
    margin-left: 0!important;
    position: relative;
}
.no-left-separator .left-separated::before {
    content: none!important;
}

.more-filters svg {
    margin: 0.1em -0.5em -0.25em 0.5em;
}

.filtros-expandido .more-filters .btn {
    background: rgba(62, 172, 178, 0.2);
    border: 1px solid rgba(62, 172, 178, 1);
    color: #219097;
    fill: #219097;
}

.more-filters .btn span {
    line-height: 1.1em;
}

@media (max-width: 768px) {
    .more-filters span {
        display: none;
    }
    .more-filters svg {
        margin: 0;
    }
    .listado-filtros .right-separated {
        margin-right: 0!important;
        position: relative;
    }
    .listado-filtros .left-separated {
        margin-left: 0!important;
        position: relative;
    }
    .listado-filtros .right-separated::after,
    .listado-filtros .left-separated::before {
        content: none!important;
    }
}

.listado-articulos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.333%;
    width: 100%;
}
.articulo-item {
    width: 24%;
    padding: 15px 15px 3px;
    border-radius: 15px;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.link-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.articulo-item.articulo-destacado-2 {
    background: #f4f1ea;
}
.articulo-item.articulo-destacado-1 {
    background: #f2fcff;
}
.articulo-item:hover {
    box-shadow: 0 0 15px #9e9e9e;
}
.articulo-item .item-img {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    flex: 0 0;
    z-index: 0;
}
.articulo-item .item-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.articulo-item .btn-seguir {
    position: absolute;
    left: 25px;
    top: 25px;
    background: rgba(239, 239, 239, 0.7);
    border: rgba(239, 239, 239, 0.7);
    z-index: 1;
}
.articulo-item .publicacion-tipo {
    position: absolute;
    right: 25px;
    top: 25px;
}
.articulo-item .publicacion-tipo img {
    background: var(--color-publicacion-tipo);
    color: var(--color-publicacion-tipo-2);
    fill: var(--color-publicacion-tipo-2);
    padding: 0;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}
.articulo-item .publicacion-tipo b {
    display: none;
}
.articulo-item .item-info {
    padding: 10px 0 4px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.articulo-item .item-titulo {
    font-size: 14px;
    color: #373737;
    margin: 0;
}
.card-template-clear .articulo-item .item-titulo {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
    line-height: 1.5em;
}
.articulo-item .item-precio {
    font-size: 20px;
    color: #DE5571;
    font-weight: 600;
    margin: 0;
    display: block;
}
.articulo-item .item-localidad {
    color: #6b6b6b;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.articulo-item .item-descripcion {
    font-size: 12px;
    color: #6b6b6b;
    margin-top: 10px;
    display: none;
}
.articulo-item .item-info-datos {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 10px;
    justify-content: space-between;
}
.articulo-item .item-vendedor {
    width: 36px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.articulo-item .item-vendedor img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    background-color: #ebebeb;
}


.listado-articulos-container[data-view-mode="list"] .listado-articulos {
    flex-direction: column;
}
.listado-articulos-container[data-view-mode="list"] .listado-articulos .articulo-item {
    width: 100%;
    flex-direction: row;
    padding: 15px;
}

.listado-articulos-container[data-view-mode="list"] .listado-articulos .articulo-item .item-img {
    width: 200px;
    flex: 0 0 200px;
    height: 200px;
    padding: 0;
}
.listado-articulos-container[data-view-mode="list"] .articulo-item .publicacion-tipo {
    top: 10px;
    right: 10px;
}
.listado-articulos-container[data-view-mode="list"] .item-titulo {
    font-size: 24px;
    padding-right: 20px;
}
.listado-articulos-container[data-view-mode="list"] .item-info {
    padding: 15px;
}
.listado-articulos-container[data-view-mode="list"] .item-info-datos {
    flex: 1 1;
}
.listado-articulos-container[data-view-mode="list"] .item-vendedor {
    align-self: end;
    margin-bottom: -15px;
    margin-right: -15px;
}
.listado-articulos-container[data-view-mode="list"] .item-descripcion {
    font-size: 14px;
    color: #6b6b6b;
    margin-top: 10px;
    display: block;
}
.listado-articulos-container[data-view-mode="list"] .articulo-item .item-precio {
    font-size: 24px;
}


.list-loading .listado-filtros {
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}
.list-loading .listado-articulos,
.list-loading .pagination-container {
    opacity: 0.3;
    pointer-events: none;
    animation: animating-opacity 1s infinite alternate;
}
/*animating opacity*/
@keyframes animating-opacity {
    0% { opacity: 0.1; }
    100% { opacity: 0.4; }
}

@media (max-width: 991px) {
    .articulo-item {
        width: 32%;
    }
    .listado-articulos {
        gap: 2%;
    }
}

@media (max-width: 767px) {
    .articulo-item {
        width: 49%;
        padding: 10px 10px 3px;
    }
    .listado-articulos {
        gap: 2%;
    }
    .articulo-item .item-titulo {
        font-size: 12px;
    }
    .card-template-clear .articulo-item .item-titulo {
        font-size: 14px;
    }
    .carrusel-articulos .footer-data {
        font-size: 10px;
    }
    .articulo-item .item-precio {
        font-size: 16px;
    }
    .articulo-item .item-localidad {
        font-size: 12px;
    }

    .listado-articulos-container[data-view-mode="list"] .item-titulo {
        font-size: 16px;
    }
    .listado-articulos-container[data-view-mode="list"] .item-descripcion {
        font-size: 12px;
    }
    .listado-articulos-container[data-view-mode="list"] .item-info {
        padding: 0 7px 7px 15px;
    }
    .listado-articulos-container[data-view-mode="list"] .listado-articulos .articulo-item .item-img {
        width: 150px;
        flex: 0 0 150px;
        height: 150px;
    }
}

@media (max-width: 575px) {
    .listado-articulos-container[data-view-mode="list"] .listado-articulos .articulo-item .item-img {
        width: 100px;
        flex: 0 0 100px;
        height: 100px;
    }
}

.share-container {
  position: relative;
  display: inline-block;
}

.share-options {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px;
  display: flex;
  gap: 10px;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  border-radius: 6px;
}

.share-options.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Opciones: ahora son <a> en vez de button */
.share-options a {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, transform 0.15s;
  color: #3EACB2; /* color base igual a btn-info */
}

.share-options a:hover,
.share-options a:focus {
  background: rgba(62, 172, 178, 0.1); /* btn-info color con transparencia */
  transform: scale(1.2);
  color: #2c767a; /* color hover btn-info */
}

.share-options svg {
  display: block;
}

/* Botón principal: usa btn-info y share-btn para detalles */
.share-btn {
  /* Hereda de .btn-info */
  /* Si querés cambiar el tamaño o el padding, lo hacés acá */
  padding: 8px 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, box-shadow 0.2s;
}

.share-btn:hover,
.share-btn:focus {
  background: rgba(44, 118, 122, 1); /* btn-info hover */
  color: #fff;
  box-shadow: 0 2px 8px rgba(62, 172, 178, 0.15);
}

.share-btn svg {
  display: block;
}



/*define category colors vars*/
:root {
    --category-color: #725217;
    --category-overlay-color: #E29E1FB2;
    --category-background-image: url("/assets/icons/fondo-inmuebles.jpg");
}

body.home-vehiculos {
    --category-color: #0C5DAB;
    --category-overlay-color: #4A94EEB2;
    --category-background-image: url("/assets/icons/fondo-vehiculos.jpg");
}
body .home-servicios {
    --category-color: #477c5c;
    --category-overlay-color: #477c5cB2;
    --category-background-image: url("/assets/icons/fondo-servicios.jpg");
}

.banner-categoria-home {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #FFF;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
}

.banner-categoria-home > .contenido {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    padding: 0;
}

.banner-categoria-home h1 {
    font-weight: 700;
    margin-bottom: 15px;
}

.banner-categoria-home .subtext {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
}

.banner-categoria-home .btn {
    background: rgba(42, 42, 42, 1);
    color: #FFF;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Encode Sans", Helvetica, Arial, sans-serif;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.banner-categoria-home.top-banner-filtros .btn.dropdown-toggle {
    background: white;
    color: #000;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Encode Sans", Helvetica, Arial, sans-serif;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.banner-categoria-home.tandil,
.banner-categoria-home.ultimos{
    --category-background-image: url("/assets/icons/fondoTandil-1.jpg");
}
.banner-categoria-home.azul{
    --category-background-image: url("/assets/icons/fondoAzul-1.jpg");
}
.banner-categoria-home.mardelplata{
    --category-background-image: url("/assets/icons/fondoMardelplata-1.jpg");
}
.banner-categoria-home.bolivar{
    --category-background-image: url("/assets/icons/fondoBolivar-1.jpg");
}
.banner-categoria-home.rauch{
    --category-background-image: url("/assets/icons/fondoRauch-1.jpg");
}
.banner-categoria-home.balcarce{
    --category-background-image: url("/assets/icons/fondoBalcarce-1.jpg");
}
.banner-categoria-home.necochea{
    --category-background-image: url("/assets/icons/fondoNecochea-1.jpg");
}
.banner-categoria-home.olavarria{
    --category-background-image: url("/assets/icons/fondoOlavarria-1.jpg");
}
.banner-categoria-home.ayacucho{
    --category-background-image: url("/assets/icons/fondoAyacucho-1.jpg");
}

.banner-title {
    background-image: var(--category-background-image);
    background-size: cover;
    background-position: center;
    padding: 30px 30px 15px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 18px;
}
.banner-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 0;
    background: var(--category-overlay-color);
}
.banner-title h1 {
    z-index: 1;
    position: relative;
    text-align: center;
}

.banner-categoria-home select {
    font-weight: 500;
    padding: 0.62em 2em 0.62em 1.3em!important;
}
.banner-categoria-home .btn {
    padding: 0.62em 1.3em 0.62em 1.3em!important;
}
@media (max-width: 786px) {
    .banner-categoria-home select {
        background-color: rgba(244, 244, 244, 1) !important;
    }
    .banner-categoria-home .btn {
        background-color: #3EACB2;
        padding: 15px;
        border-radius: 20px;
    }
    .banner-categoria-home > .contenido {
        width: 100%
    }
}
@media (min-width: 787px) {
    .banner-title {
        padding: 0;
        background-image: none;
        margin-bottom: 0;
    }
    .banner-title::before {
        content: none;
    }
    .banner-categoria-home {
        border-radius: 20px;
        position: relative;
        background-image: var(--category-background-image);
        background-size: cover;
        background-position: center;
    }
    .banner-categoria-home::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        z-index: 0;
        background: var(--category-overlay-color);
    }
    .banner-categoria-home > .contenido {
        padding: 20px 30px;
        min-height: 250px;
    }
}

@media (min-width: 1000px) {
    .banner-categoria-home > .contenido {
        min-height: 300px;
        padding: 20px 50px 20px 50px;
    }
}

@media (min-width: 1400px) {
    .banner-categoria-home h1 {
        font-size: 36px;
        margin-bottom: 20px;
        text-align: left;
    }

    .banner-categoria-home > .contenido {
        min-height: 320px;
        padding: 20px 100px 20px 100px;
    }
}

select.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0.5em 2em 0.5em 1.2em;
    border-radius: 2em;
    border: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.85em center;
    background-size: 1em;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233 407c13 12 33 12 46 0l192-192a32 32 0 0 0-46-46L256 339 87 169a32 32 0 0 0-46 46l192 192z'/%3E%3C/svg%3E");
}
.tarjeta-categoria-container {
    margin-bottom: 30px;
}

.tarjeta-categoria-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 20px;
}
.tarjeta-categoria,
.swiper-slide.tarjeta-categoria {
    height: 170px;
    background-color: #D3D3D336;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 30px;
    padding: 10px;
    transition: 0.2s;
    flex-grow: 1;
    flex-shrink: 1;
    width: 20%;
}
.tarjeta-categoria:hover,
.tarjeta-categoria:focus {
    background-color: rgba(147, 147, 147, 0.21);
    transform: translateY(-5px);
}
.tarjeta-categoria:hover svg,
.tarjeta-categoria:hover img,
.tarjeta-categoria:hover i,
.tarjeta-categoria:focus svg,
.tarjeta-categoria:focus img,
.tarjeta-categoria:focus i {
    color: #0f0f0f;
    fill: #0f0f0f;
}
.tarjeta-categoria:hover h3,
.tarjeta-categoria:focus h3 {
    fill: var(--category-color);
    color: var(--category-color);
}
@media (max-width: 768px) {
    .tarjeta-categoria-wrapper {
        gap: 0;
    }
    .tarjeta-categoria,
    .swiper-slide.tarjeta-categoria  {
        width: 160px;
        min-width: unset;
        max-width: unset;
        flex-grow: 0;
        flex-shrink: 0;
        margin-right: 16px;
    }
}

.tarjeta-categoria img,
.tarjeta-categoria svg,
.tarjeta-categoria i {
    height: 60px;
    max-width: 76px;
    font-size: 60px;
    fill: var(--category-color);
    color: var(--category-color);
}
.tarjeta-categoria h3 {
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #373737;
}


.carrusel-links a {
    color: var(--category-color);
    font-weight: 600;
    font-family: "Encode Sans", Helvetica, Arial, sans-serif;
    font-size: 19px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.carrusel-links a.btn {
    background-color: var(--category-color);
    border-color: var(--category-color);
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    text-decoration: none;
}
.carrusel-links a:hover,
.carrusel-links a:focus {
    color: #0f0f0f;
}
.carrusel-links a.btn:hover,
.carrusel-links a.btn:focus {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media ( max-width: 768px ) {
    .carrusel-links a {
        font-size: 15px;
    }
    .carrusel-links a.btn {
        padding: 0.5em 1em;
        font-size: 13px;
    }
    .carrusel-encabezado {
        gap: 10px;
    }
}

/*************************************************
 CAROUSEL TIENDAS
 */

.carrusel-tiendas .swiper-slide {
    width: 20%;
    height: auto;
}
.carrusel-tiendas-container {
    position: relative;
}
.carrusel-tiendas .swiper-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 15px 0;
}
.carrusel-tiendas .swiper-slide > a.slide-link {
    height: min-content;
    display: flex;
    flex-direction: column;
    transition: all 0.2s;
}
.carrusel-tiendas .swiper-slide > a.slide-link:focus,
.carrusel-tiendas .swiper-slide > a.slide-link:hover {
    background: #f8f8f8;
    padding-top: 10px;
    border-radius: 10px;
    margin-bottom: -10px;
}
.carrusel-tiendas .swiper-container,
.carrusel-tiendas .swiper-slide,
.carrusel-tiendas .swiper-wrapper {
    height: min-content; /* firefox fix */
}
.carrusel-tiendas img.card-img-top {
    border-radius: 8px;
    height: 140px;
    min-height: 140px;
    width: auto;
    max-width: 80%;
    object-fit: cover;
    object-position: center;
    align-self: center;
}
.carrusel-tiendas  .card-title {
    color: rgb(78, 78, 78);
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s ease-in;
    margin-bottom: 8px;
}
.carrusel-tiendas .card-body {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: #6B6B6B;
    padding: 15px 2px 6px;
    min-height: 60px;
    z-index: 1;
    text-align: center;
}
@media (max-width: 530px ) {
    .carrusel-tiendas img.card-img-top {
        height: 80px;
        min-height: 80px;
    }
    .carrusel-tiendas .card-body {
        padding: 18px 10px 10px;
        font-size: 13px;
    }

    .carrusel-tiendas .card-title {
        font-size: 14px;
    }
}
.form-desc-tel{
    font-size: 14px;
    color: #6B6B6B;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}
.form-icon-text-alert{
  display: inline-flex;
  gap: 10px;
  padding-left: 5px;
}

.form-icon-text-alert i {
  color: rgba(62, 172, 178, 1);
}



.btn[data-provider="facebook"] {
    background-color: #0a3e84;
    border-color: #0a3e84;
    color: #FFF;
}
.btn[data-provider="facebook"]:hover,
.btn[data-provider="facebook"]:focus {
    background-color: #062e5c;
    border-color: #062e5c;
    color: #FFF;
}

.btn[data-provider="google"] {
    background-color: #de5246;
    border-color: #de5246;
    color: #FFF;
}
.btn[data-provider="google"]:hover,
.btn[data-provider="google"]:focus {
    background-color: #a7372c;
    border-color: #a7372c;
    color: #FFF;
}

.btns-filter {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.btns-filter a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 33%;
    max-width: 33%;
    padding: 0.62em 1.3em;
    border-radius: 38px;
    text-decoration: none;
    color: #2a2a2a!important;
    font-weight: 600;
    border: 0;
    background-color: white!important;
    transition: background-color .15s ease, opacity .15s ease;
    box-sizing: border-box;
}

.btns-filter a:hover,
.btns-filter a:focus {
    background-color: #2a2a2a!important; 
    color: white!important;
    text-decoration: none;
}
.btns-filter a strong {
    font-weight: 600;
}

@media (max-width: 768px) {
    .btns-filter {
        gap: 8px;
        flex-wrap: wrap;
    }
    .btns-filter a {
        flex: 1 1 calc(33% - 8px);
        max-width: calc(33% - 8px);
        font-size: 14px;
        background-color: rgba(62, 172, 178, 1)!important;
        color: white!important;
    }
    .btns-filter a:hover,
    .btns-filter a:focus {
        background: rgba(44, 118, 122, 1)!important;
        transition: 0.3s ease-in;
    }
    .btns-filter strong {
        display: none;
    }
    .ultimos-subtext{
        display: none;
    }
}

.listado-ultimos-banner-container {
  visibility: hidden;
}
.listado-ultimos-banner-container.ready {
  visibility: visible;
}

.services-localidad + .carrusel-articulos-container .card-title {
    display: none!important;
}

/* Register modal: Inmobiliaria / Concesionaria buttons */
.register-modal-inm-or-cons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.register-modal-inm-or-cons-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.register-modal-inm-or-cons-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.register-modal-inm-or-cons-btn:hover {
    border-color: #86b7fe;
}

.register-modal-inm-or-cons-input:focus-visible + .register-modal-inm-or-cons-btn {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.register-modal-inm-or-cons-input:checked + .register-modal-inm-or-cons-btn {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    font-weight: 600;
}

@media (max-width: 576px) {
    .register-modal-inm-or-cons {
        grid-template-columns: 1fr;
    }
}