@font-face {
    font-family: 'DINPro';
    src: url(../fonts/DINPro.ttf);
}
@font-face {
    font-family: 'DINPro-Bold';
    src: url(../fonts/DINPro-Bold.ttf);
}

:root {
    --blanco: #fff;
    --negro: #000000;
    --morado: #3E5BF0;
    --gris-oscuro-1: #7B7B7B;
    --gris-medio-1: #CECECE;
    --gris-medio-2: #B2B2B2;
    --gris-claro-1: #F5F5F5;
    --gris-claro-2: #ECECEC;
    --multimedia-input: #F0F0F0;
    --linea-separador: #E3E3E3;
    --azul-cta-hover: #003DDA;
    --azul-cta-deshabilitado: #AEB9F2;
    --azul-cta-default: #3E5BF0;
    --naranja-aviso-default: #FF3D00;
    --fuente-bold: 'DINPro-Bold',sans-serif;
    --cafe-1: #F6EADF;
    --cafe-2: #FFF4EB;
    --cafe-3: #FFD79C;
    --px14: 0.9rem;
    --px17: 1rem; 
    --px19: 1.2rem; 
    --px20: 1.25rem; 
    --px22: 1.5rem; 
    --px30: 2rem; 
    --px40: 2.5rem;
    --text-shadow-black: 2px 2px black;
}
.mt-n1 {
    margin-top: -.25rem!important;
}
.mt-n2 {
    margin-top: -.5rem!important;
}
.mt-n3 {
    margin-top: -1rem!important;
}
.mt-n4 {
    margin-top: -1.5rem!important;
}
.mt-n5 {
    margin-top: -3rem!important;
}

.mb-n1 {
    margin-bottom: -.25rem!important;
}
.mb-n2 {
    margin-bottom: -.5rem!important;
}
.mb-n3 {
    margin-bottom: -1rem!important;
}
.mb-n4 {
    margin-bottom: -1.5rem!important;
}
.mb-n5 {
    margin-bottom: -3rem!important;
}

.me-n1 {
    margin-right: -.25rem!important;
}
.me-n2 {
    margin-right: -.5rem!important;
}
.me-n3 {
    margin-right: -1rem!important;
}
.me-n4 {
    margin-right: -1.5rem!important;
}
.me-n5 {
    margin-right: -3rem!important;
}

.ms-n1 {
    margin-left: -.25rem!important;
}
.ms-n2 {
    margin-left: -.5rem!important;
}
.ms-n3 {
    margin-left: -1rem!important;
}
.ms-n4 {
    margin-left: -1.5rem!important;
}
.ms-n5 {
    margin-left: -3rem!important;
}

.f-8 {
    font-size: .3em;
}

.f-9 {
    font-size: .4em;
}

.f-10 {
    font-size: .5em;
}

.f-11 {
    font-size: .6em;
}

.f-12 {
    font-size: .7em;
}

.f-13 {
    font-size: .8em;
}

.f-14 {
    font-size: .9em;
}

.f-15 {
    font-size: 1em;
}

.f-16 {
    font-size: 1.1em;
}

.f-17 {
    font-size: 1.2em;
}

.f-18 {
    font-size: 1.3em;
}
.fb-reset {
    border-radius: 50px;
}
.g_id_signin  {
    width: 100% !important;
}

.text-shadow {
    text-shadow: var(--text-shadow-black);
}
#Sec_Login .izq p.titulo,
#Sec_Login .izq p.subtitulo,
#Sec_Login .izq p.creditos,
#Sec_Login .izq .fr-tag,
#Sec_Registro .izq p.titulo,
#Sec_Registro .izq p.subtitulo,
#Sec_Registro .izq p.creditos,
#Sec_Registro .izq .fr-tag {
    text-shadow: var(--text-shadow-black);
}
.boton-redondeado {
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: 4px 4px 0px 0px #000;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 auto;
}
* {
    margin: 0;
    padding: 0;
    font-family: 'DINPro',sans-serif;
}

input[type="number"].no-arrows::-webkit-inner-spin-button, 
 input[type="number"].no-arrows::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* HEADER */
header {
    background-color: var(--negro);
    padding: 15px 0px;
}
header .barra {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .izq {
    width: 10%;
}
header .izq a.btn-menu {
    display: none;
}
header .centro,
header .centro #navegacion {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
header .centro {
    width: 60%;
}
header .der {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: 15%;
}
header .der span.cantidad {
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: red;
    color: var(--blanco);
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 3px;
    width: 20px;
    height: 20px;
}
header .der a.opcion {
    font-size: 14px;
}
header .centro a {
    color: var(--gris-medio-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
header .centro a.dropdown-explorar {
    column-gap: 5px;
}
header .dropdown .dropdown-toggle::after {
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
    vertical-align: 0.2em;
    display: none;
}
header .dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    color: var(--negro);
}
header .dropdown li:hover {
    background-color: var(--gris-claro-1);
}
header .dropdown li a {
    color: var(--negro);
}
header .dropdown.publicar li a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 700;
}
header .campoBusqueda,
header .dropdown.chat .busqueda,
.sec-filtro-home .campo-busqueda .busqueda,
.sec-ubicacion-home .campo-busqueda .busqueda,
header .campo-busqueda .busqueda,
.sec-mensajes .campo-busqueda .busqueda,
#modal_nuevo_mensaje .campo-busqueda .busqueda {
    border-radius: 34px;
    border: 1px solid var(--gris-oscuro-1);
    background: var(--blanco);
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

header .campoBusqueda.focus {
    border: 2px solid var(--azul-cta-default);
}

header .campoBusqueda input,
header .campoBusqueda input::placeholder,
.sec-mensajes .campo-busqueda .busqueda,
.sec-mensajes .campo-busqueda .busqueda::placeholder,
#modal_nuevo_mensaje .campo-busqueda .busqueda,
#modal_nuevo_mensaje .campo-busqueda .busqueda::placeholder {
    padding: 0;
    border-radius: 0;
    border: none;
    background: unset;
    color: var(--gris-oscuro-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}
header .campoBusqueda button[type="submit"] {
    background-color: transparent;
    border: none;
}
header #navegacion-celular,
header #categorias-celular,
header #subcategorias-celular,
header #buscador-celular {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 350px;
    left: -100%;
    z-index: 99;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--negro);
    transition: ease .5s all;
    overflow-y: scroll;
}
header #buscador-celular {
    width: 100%;
    right: 0;
    left: 0;
    top: -100%;
    bottom: unset;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    padding: 15px 20px;
    overflow-y: unset;
}
header #buscador-celular .campo-busqueda {
    width: 100%;
}
header #navegacion-celular::-webkit-scrollbar,
header #categorias-celular::-webkit-scrollbar,
header #subcategorias-celular::-webkit-scrollbar {
    width: 7px;
}
header #navegacion-celular::-webkit-scrollbar-track,
header #categorias-celular::-webkit-scrollbar-track,
header #subcategorias-celular::-webkit-scrollbar-track {
    background-color: #393939;
}

header #navegacion-celular::-webkit-scrollbar-thumb,
header #categorias-celular::-webkit-scrollbar-thumb,
header #subcategorias-celular::-webkit-scrollbar-thumb {
    background: #565656; 
}
header #navegacion-celular .sector {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
}
header #navegacion-celular p.titulo {
    color: var(--gris-medio-2);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
header .dropdown.publicar p.titulo,
header #navegacion-celular .dropdown.publicar p.titulo {
    font-size: var(--px17);
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: inherit;
    color: var(--negro);
    margin-bottom: 0 !important;
    white-space: normal;
}
header #navegacion-celular .sector:last-of-type {
    margin-bottom: 0px;
}
header #navegacion-celular a:not(.dropdown-item,.opcion,.cerrar),
header #categorias-celular a:not(.dropdown-item,.opcion,.cerrar),
header #subcategorias-celular a:not(.dropdown-item,.opcion,.cerrar) {
    font-size: 16px;
    font-weight: 700;
    color: var(--gris-medio-1);
    padding: 7px 0;
    transition: ease .5s;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

header #navegacion-celular a:not(.dropdown-item,.opcion,.cerrar,.logo) img {
    height: 25px;
}

header #navegacion-celular .contenedor-cerrar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    width: 100%;
}

header #navegacion-celular a.opcion {
    width: 150px;
    margin: 0;
}

header #navegacion-celular a.opcion:first-of-type {
    margin-bottom: 5px;
}
header #navegacion-celular .dropdown a.dropdown-item {
    color: var(--negro);
}
header #navegacion-celular a:not(.dropdown-toggle):hover {
    border-bottom: 2px solid var(--blanco);
}
header .dropdown.notificaciones .dropdown-menu.show,
header .dropdown.chat .dropdown-menu.show {
    width: 400px;
    padding: 20px 0;
}
header .dropdown.notificaciones .dropdown-menu.show .contenedor-notificaciones {
    max-height: 400px;
    overflow-y: scroll;
}
header .dropdown.notificaciones .notificacion {
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 10px 20px;
    transition: ease .5s all;
}
header .dropdown.notificaciones .notificacion:hover {
    border-bottom: 1px solid var(--linea-separador);
    background: var(--gris-claro-1);
}
header .dropdown.notificacion .notificacion p.titulo,
header .dropdown.notificacion .notificacion p.fecha {
    font-size: 14px;
    font-weight: 700;
}
header .dropdown.notificaciones .imagen {
    height: 65px;
    width: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}
header .dropdown.notificaciones .notificacion div:not(.imagen) {
    width: 90%;
}
header .dropdown.notificacion .notificacion p.fecha {
    color: var(--gris-oscuro-1);
    font-weight: 400;
}

header .dropdown .final {
    padding: 20px 5px;
    padding-bottom: 0;
    border-top: 1px solid var(--gris-medio-1);
    margin-top: 10px;
}

header .dropdown .final a {
    display: inline-block;
    font-weight: 700;
}

header .dropdown.chat .campo-busqueda {
    padding: 0 20px;
}

header .dropdown.chat .busqueda,
.sec-filtro-home .campo-busqueda .busqueda,
.sec-ubicacion-home .campo-busqueda .busqueda {
    padding: 5px 15px;
}

header .dropdown.chat .busqueda input,
.sec-filtro-home .campo-busqueda .busqueda input,
.sec-ubicacion-home .campo-busqueda .busqueda input,
header .campo-busqueda .busqueda input {
    border: none;
    padding: 0;
    border-radius: 0;
}

header .dropdown.chat #Chat_Header {
    padding: 0 20px;
}

header .dropdown.chat .chat {
    margin-top: 20px;
}

header .dropdown.chat .chat,
header .dropdown.chat .chat .cont-perfil {
    display: flex;
    column-gap: 10px;
    align-items: center;
    color: var(--negro);
}

header .dropdown.chat .chat {
    justify-content: space-between;
}

header .dropdown.chat .chat a {
    color: var(--azul-cta-default);
    font-size: 14px;
    font-weight: 700;
}

header .dropdown.chat .chat .imagen {
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

header .dropdown.chat .final a {
    text-transform: initial;
}
header .dropdown.perfil .dropdown-menu {
    width: 200px !important;
    padding: 20px 0;
}
header .dropdown.perfil .opcion,
header .dropdown.perfil .final a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-bottom: 15px;
    padding: 0 20px;
}
header .dropdown.perfil .final a {
    justify-content: center;
    margin-bottom: 0;
}
header .dropdown.perfil .opcion .imagen {
    height: 25px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    transition: ease .5s all;
}
header .dropdown.perfil .opcion:hover .imagen.me-gusta {
    background-image: url(../img/icono-megusta-negro-relleno.svg) !important;
}
header .dropdown.perfil .opcion:hover .imagen.guardar {
    background-image: url(../img/icono-guardar-negro-relleno.svg) !important;
}
header .dropdown.perfil .opcion span,
header .dropdown.perfil .final a {
    font-size: 16px;
    font-weight: 700;
    color: var(--negro) !important;
}
header .dropdown.perfil .foto-perfil {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
header .dropdown.explorar {
    position: initial;
}
header .dropdown.explorar .dropdown-menu {
    top: 25px !important;
    transform: translate(0px, 52px);
    left: 0 !important;
    right: 0 !important;
    background-color: var(--negro);
    padding: 40px 50px;
    border: none;
    border-radius: 0;
    transition: ease .5s all;
}
header .dropdown.explorar .dropdown-menu.show li {
    background-color: transparent;
    padding-right: 150px;
}
header .dropdown.explorar .dropdown-menu.show a {
    color: #C6C6C6;
    font-weight: 400;
    font-size: var(--px22);
    position: relative;
    padding-bottom: 10px;
}
header .dropdown.explorar .dropdown-menu.show .padres a::after {
    position: absolute;
    content: '>';
    top: 2px;
    color: var(--blanco);
    right: -25px;
    opacity: 0;
    transition: ease .5s all;
}
header .dropdown.explorar .dropdown-menu.show .padres a.activo,
header .dropdown.explorar .dropdown-menu.show a:hover,
header .dropdown.explorar .contenedor-categorias .padres li.activo a,
header .dropdown.explorar .contenedor-categorias .hijas li.activo a {
    color: var(--blanco);
    font-weight: 700;
}
header .dropdown.explorar .dropdown-menu.show .padres a.activo::after,
header .dropdown.explorar .dropdown-menu.show .padres a:hover::after {
    opacity: 1;
}
header .dropdown.explorar .contenedor-categorias,
header .dropdown.explorar .contenedor-categorias .categorias {
    display: flex;
    column-gap: 50px;
    justify-content: space-between;
}
header .dropdown.explorar .contenedor-categorias .padres li {
    margin-bottom: 30px;
}
header .dropdown.explorar .contenedor-categorias .padres,
header .dropdown.explorar .contenedor-categorias .hijas {
    max-height: 550px;
    overflow-y: scroll;
}
header .dropdown.explorar .contenedor-categorias .hijas li {
    margin-bottom: 15px;
}
header .dropdown.explorar .contenedor-categorias .hijas li a {
    font-size: 16px;
    text-transform: uppercase;
}
header .dropdown.explorar .contenedor-categorias .hijas li a span.publicaciones {
    color: var(--naranja-aviso-default);
    font-size: 13px;
}
header .dropdown.explorar .contenedor-categorias .padres::-webkit-scrollbar {
    width: 2px;
}
header .dropdown.explorar .contenedor-categorias .hijas::-webkit-scrollbar {
    width: 7px;
}
header .dropdown.explorar .contenedor-categorias .padres::-webkit-scrollbar-track,
header .dropdown.explorar .contenedor-categorias .hijas::-webkit-scrollbar-track {
    background-color: #393939;
}

header .dropdown.explorar .contenedor-categorias .padres::-webkit-scrollbar-thumb {
    background: var(--blanco);
}

header .dropdown.explorar .contenedor-categorias .hijas::-webkit-scrollbar-thumb {
    background: #565656; 
}
header .dropdown.explorar .descripcion-categoria {
    width: 40%;
}
header .dropdown.explorar .descripcion-categoria .imagen {
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
}
header .dropdown.explorar .descripcion-categoria p {
    font-size: 14px;
    font-family: var(--fuente-bold);
    text-transform: uppercase;
    color: var(--blanco);
}
/* FIN HEADER */

/* REGISTRO */
.sec-registro {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: -20px;
    bottom: 0;
    opacity: 0;
    transition: ease .5s all;
    z-index: -1;
    pointer-events: none;
}
.sec-registro.mostrar {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
}
.sec-registro .izq {
    width: 65%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 60px 40px;
}
.sec-registro .izq .arriba {
    margin-bottom: 60px;
}
.sec-registro .izq p.titulo,
.sec-registro .izq p.subtitulo,
.sec-registro .izq .fr-tag {
    color: #FFF;
    font-size: var(--px30);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}
.sec-registro .izq p.subtitulo {
    font-size: 20px;
    margin-top: 10px;
}
.sec-registro .izq .fr-tag {
    font-size: 16px;
}
.sec-registro .izq p.subtitulo,
.sec-registro .izq .fr-tag {
    font-weight: 400;
}
.sec-registro .der {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 35%;
    padding: 60px 40px;
    background-color: var(--blanco);
    overflow-y: scroll;
}
.sec-registro .der .barra {
    width: 100%;
    column-gap: 20px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.sec-registro .der .info {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 30px;
}
.sec-registro .der .campo {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
}
.sec-registro .der a.submit {
    width: 100%;
    margin-top: 20px;
}
.sec-registro .der p.titulo,
.sec-registro .der p.subtitulo {
    color: var(--negro);
    font-size: var(--px40);
    font-style: normal;
    font-weight: 300;
}
.sec-registro .der p.subtitulo {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px !important;
}
.sec-registro.olvido-contrasena .der {
    justify-content: center;
}
.sec-registro.olvido-contrasena .barra {
    margin-bottom: 50px;
}
.sec-registro p.subtitulo a {
    color: var(--negro);
}
.sec-registro .opciones {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
/* FIN REGISTRO */


/* PERFIL */
.contenedor-1 {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 40px;
}
.sec-perfil,
.sec-publicar {
    overflow: hidden;
    padding: 0 40px;
}
.sec-perfil h2,
.sec-publicar h2 {
    font-size: var(--px40);
    font-style: normal;
    font-weight: 300;
}
.sec-perfil .abajo {
    column-gap: 60px;
}
.sec-perfil .nav-tabs .nav-link,
.sec-publicar .nav-tabs .nav-link,
.sec-perfil-publico .nav-tabs .nav-link,
.sec-mensajes .nav-tabs .nav-link {
    padding: 30px 15px;
    border-bottom: 6px solid transparent;
    border: none;
    border-radius: unset;
    box-shadow: none;
    color: var(--negro);
    text-align: center;
    font-size: var(--px20);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sec-perfil .nav-tabs .nav-item.show .nav-link, 
.sec-perfil .nav-tabs .nav-link.active,
.sec-publicar .nav-tabs .nav-item.show .nav-link, 
.sec-publicar .nav-tabs .nav-link.active,
.sec-perfil-publico .nav-tabs .nav-item.show .nav-link, 
.sec-perfil-publico .nav-tabs .nav-link.active,
.sec-mensajes .nav-tabs .nav-item.show .nav-link, 
.sec-mensajes .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 6px solid var(--negro);
}
.sec-perfil .nav-tabs .nav-link:focus, 
.sec-perfil .nav-tabs .nav-link:hover,
.sec-publicar .nav-tabs .nav-link:focus, 
.sec-publicar .nav-tabs .nav-link:hover,
.sec-perfil-publico .nav-tabs .nav-link:focus, 
.sec-perfil-publico .nav-tabs .nav-link:hover,
.sec-mensajes .nav-tabs .nav-link:focus, 
.sec-mensajes .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 6px solid var(--negro);
}
.sec-mensajes .nav-tabs .nav-link {
    font-size: var(--px20);
    font-weight: 700;
    color: var(--negro);
    padding: 10px 15px;
}
.sec-mensajes .nav-tabs .nav-item.show .nav-link, 
.sec-mensajes .nav-tabs .nav-link.active,
.sec-mensajes .nav-tabs .nav-link:focus, 
.sec-mensajes .nav-tabs .nav-link:hover {
    border-bottom: 4px solid var(--negro);
}
.sec-perfil .arriba,
.sec-publicar .arriba {
    position: relative;
}
.sec-perfil .der {
    width: 80%;
}
.sec-perfil .sector .campo,
.sec-publicar .contenedor-info .izq .campo,
.sec-publicar .contenedor-info .der .campo,
.sec-publicar .campo.cursos .contenidos .contenido {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.sec-publicar .campo.cursos .contenidos .contenido {
    padding-bottom: 0 !important;
    position: relative;
    padding-left: 50px;
}
.sec-publicar .campo.cursos .contenidos .contenido::before {
    position: absolute;
    content: '';
    top: 0px;
    bottom: 0;
    left: 0;
    background-image: url(../img/icono-submenu.svg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    height: 70%;
    width: 100%;
    pointer-events: none;
}

.sec-publicar .campo.cursos .agregar-item {
    margin-bottom: 20px;
}
.sec-publicar .campo.cursos {
    border-bottom: 1px solid var(--linea-separador);
}
.sec-perfil .sector .campo.opcional {
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
}
.sec-perfil .sector .campo.opcional label {
    margin-bottom: 0 !important;
}
.sec-perfil .sin-imagen,
.sec-perfil .izq .foto-perfil {
    border-radius: 10px;
    display: flex;
    width: 240px;
    height: 120px;
    justify-content: center;
    align-items: center;
    background: var(--multimedia-input);
    position: relative;
    z-index: 1;
}
.sec-perfil .sin-imagen.redondo,
.sec-perfil .izq .foto-perfil {
    border-radius: 50%;
    /* width: 240px;
    height: 240px; */
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-perfil .izq #Foto_portada {
    width: 200px;
    border-radius: 20px;
}
/* .sec-perfil .sin-imagen::before,
.sec-perfil .izq .foto-perfil::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 30px;
    width: 30px;
    background-image: url(../img/icono-mas-azul.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: -1;
} */
.sec-perfil .izq .perfil {
    margin-bottom: 40px;
}
.sec-perfil .izq label.texto-azul {
    margin-top: 10px;
    display: block;
    font-weight: 700;
    cursor: pointer;
}
.sec-perfil .sector p.titulo,
.sec-perfil .sector p.descripcion {
    color: var(--negro);
    font-size: var(--px22);
    font-weight: 400;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--linea-separador);
    padding-bottom: 10px;
}
.sec-perfil .sector p.descripcion {
    color: var(--gris-oscuro-1);
    font-size: 16px;
}
.sec-perfil #pestana-venta,
.sec-perfil #pestana-compra,
.sec-perfil #pestana-subasta,
.sec-perfil #pestana-notificacion {
    padding: 20px 0;
}
.sec-perfil #pestana-venta .sector p.titulo,
.sec-perfil #pestana-venta .sector p.descripcion,
.sec-perfil #pestana-compra .sector p.titulo,
.sec-perfil #pestana-compra .sector p.descripcion,
.sec-perfil #pestana-subasta .sector p.titulo,
.sec-perfil #pestana-subasta .sector p.descripcion,
.sec-perfil #pestana-notificacion .sector p.titulo,
.sec-perfil #pestana-notificacion .sector p.descripcion {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}
.sec-perfil table {
    margin-top: 20px;
}
.sec-perfil table thead th p {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-perfil table thead th:not(.no-ordenar) p::after {
    content: '';
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 15px;
    top: 4px;
    background-image: url(../img/icono-ordenar.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    background-color: transparent;
    background-position-x: 100%;
    opacity: 1;
}
.sec-perfil table tbody tr:nth-child(1n) {
    background: var(--cafe-2);
}
.sec-perfil table tbody tr:nth-child(2n) {
    background: var(--cafe-1);
}
.sec-perfil table thead th,
.sec-perfil table tbody td {
    border: none;
}
.sec-perfil table td {
    font-size: 16px;
}
.sec-perfil #pestana-venta .sector {
    margin-bottom: 40px;
}
.sec-perfil .sector p.descripcion
.sec-perfil .campo input,
.sec-perfil .campo select,
.sec-perfil .campo textarea {
    border-radius: 20px;
}
.sec-perfil .sector {
    margin-bottom: 60px;
}
footer {
    padding: 60px 20px;
    background-image: url(../img/background-footer.webp);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 90px;
}
footer .flex {
    flex-direction: column;
    align-items: center;
}
footer .flex .contenedor {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 50px;
}
footer .flex .contenedor:last-of-type {
    margin-bottom: 150px;
}
footer a img {
    height: 130px;
}
footer a {
    color: var(--blanco);
    font-size: 16px;
    font-weight: 700;
}
.sec-perfil input[type="file"] {
    height: 0;
    width: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none;
}
/* FIN PERFIL */


/* PUBLICAR */
.sec-publicar .arriba .opcion-publicar {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.sec-publicar .contenedor-info {
    display: flex;
    column-gap: 60px;
    justify-content: space-between;
}
.sec-publicar .contenedor-info .izq,
.sec-publicar .contenedor-info .der {
    width: 50%;
}
.sec-publicar .contenedor-info .izq .contenedor {
    border-radius: 20px;
    background: var(--multimedia-input);
    padding: 150px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.sec-publicar .contenedor-info .izq .contenedor p {
    color: var(--gris-oscuro-1);
    font-size: var(--px22);
    margin: 10px 0 !important;
}
.sec-publicar .contenedor-info .izq .contenedor input {
    padding: 0;
    border: none;
    font-size: 14px;
    position: relative;
}
.sec-publicar .contenedor-info .izq #divFotos {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    min-height: 60px;
    column-gap: 20px;
    margin-top: 20px;
}
.sec-publicar .contenedor-info .izq input[type="file"] {
    border: none;
    display: none;
}
.sec-publicar .campo.ficha-tecnica,
.sec-publicar .campo.cursos .contenidos .contenido {
    flex-direction: row !important;
    column-gap: 30px;
    padding-bottom: 20px;
    position: relative;
}
.sec-publicar .campo.cursos {
    flex-direction: column !important;
}
.sec-publicar .campo.cursos .unidad,
.sec-publicar .campo.cursos .contenidos {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.sec-publicar .campo.cursos .unidad {
    flex-direction: row;
    column-gap: 10px;
    justify-content: space-between;
}
.sec-publicar .campo.cursos .unidad > div {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.sec-publicar .campo.cursos .unidad > div:first-of-type {
    width: 100%;
}
.sec-publicar .campo.cursos .contenidos {
    margin-bottom: 0;
}
.sec-publicar .campo.ficha-tecnica::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 80%;
    margin: 0 auto;
    background-color: var(--linea-separador);
}
.sec-publicar .campo.ficha-tecnica > div:not(.opciones) {
    width: 40%;
}

.sec-publicar .campo.cursos .contenidos .contenido > div:not(.opciones) {
    width: 100%;
}

.sec-publicar #pestana-envio .campo.ficha-tecnica > div:not(.opciones) {
    width: 45%;
}
.sec-publicar .campo.ficha-tecnica .opciones,
.sec-publicar .campo.cursos .contenidos .contenido .opciones {
    justify-content: center;
    column-gap: 20px;
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    width: 20%;
}
.sec-publicar .campo.cursos .contenidos .contenido .opciones {
    justify-content: flex-end;
    width: auto;
}
.sec-publicar #pestana-envio .campo.ficha-tecnica .opciones {
    width: 5%;
}
.sec-publicar .campo.ficha-tecnica > div,
.sec-publicar .campo.cursos .contenidos .contenido > div {
    display: flex;
    flex-direction: column;
}
.sec-publicar #pestana-ficha-tecnica .informacion,
.sec-publicar #pestana-ubicacion .informacion,
.sec-publicar #pestana-envio .informacion,
.sec-publicar #pestana-cursos .informacion {
    display: flex;
    padding: 20px;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 40px;
    border-radius: 20px;
    background: var(--cafe-1);
}
.sec-perfil #pestana-ficha-tecnica .informacion p,
.sec-publicar #pestana-ubicacion .informacion p,
.sec-publicar #pestana-envio .informacion p,
.sec-publicar #pestana-cursos .informacion p {
    font-size: 14px;
}
.sec-publicar #pestana-ficha-tecnica .agregar-item,
.sec-publicar #pestana-envio .agregar-item,
.sec-publicar #pestana-cursos .agregar-item  {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec-publicar #pestana-ficha-tecnica .agregar-item a,
.sec-publicar #pestana-envio .agregar-item a,
.sec-publicar #pestana-cursos .agregar-item a {
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.sec-publicar #pestana-ficha-tecnica .agregar-item a span,
.sec-publicar #pestana-envio .agregar-item a span,
.sec-publicar #pestana-cursos .agregar-item a span {
    color: var(--azul-cta-default);
    font-size: 14px;
    font-weight: 700;
}
.sec-publicar #RespFotos .foto {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    background-color: var(--blanco);
}
.sec-publicar #RespFotos figure.fotoSubir {
    background-color: #f1f1f1;
    height: 100px;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #e0e0e0;
    position: relative;
    margin: 10px -10px;
}
.sec-publicar #RespFotos figure.fotoSubir > img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    float: none;
    display: initial;
}
.sec-publicar #RespFotos .foto .boxprincipal {
    font-size: 13px;
    background-color: #6c6c6c;
    color: var(--blanco);
    padding: 5px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.sec-publicar #RespFotos .foto .boxprincipal span {
    display: none;
}
.sec-publicar #RespFotos .foto.principal .boxprincipal span {
    display: block !important;
}
.sec-publicar #RespFotos .foto.principal .boxprincipal a {
    display: none;
}
.sec-publicar #RespFotos .foto .boxprincipal a {
    color: var(--blanco);
}
/* .sec-publicar #RespFotos a img {
    width: 10px;
    position: absolute;
    top: 5px;
    right: 5px;
} */
/* FIN PUBLICAR */


/* INICIO */
.sec-banner-home {
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--blanco);
}
.sec-banner-home h1 {
    font-size: var(--px40);
    font-weight: 700;
}

.sec-banner-home p {
    font-size: var(--px19);
}

.sec-banner-home a.opcion {
    margin-top: 10px;
}

.sec-filtro-home {
    padding: 20px 40px;
    position: relative;
}

.sec-filtro-home .opciones-filtro {
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.sec-filtro-home .accordion-item {
    border: none;
}

.sec-filtro-home .accordion-body {
    padding: 0;
}

.sec-filtro-home .dropdown-toggle::after,
.sec-ubicacion-home .dropdown-toggle::after {
    display: none;
}
.sec-filtro-home a.dropdown-toggle,
.sec-ubicacion-home a.dropdown-toggle {
    column-gap: 10px;
}
.sec-filtro-home a.dropdown-toggle span,
.sec-ubicacion-home a.dropdown-toggle span,
.sec-filtro-home .accordion-header span,
.sec-ubicacion-home .accordion-header span {
    color: var(--negro);
    font-size: 16px;
    font-weight: 700;
}
.sec-filtro-home .accordion-header,
.sec-ubicacion-home .accordion-header {
    height: 0;
    opacity: 0;
    pointer-events: none;
}
.sec-ubicacion-home .accordion-body {
    display: flex;
    align-items: center;
    column-gap: 20px;
    border: none;
    padding: 0;
    box-shadow: unset;
}
#accordionFiltroMapa .accordion-item {
    border: none;
}
.sec-filtro-home .campo-check,
.sec-ubicacion-home .campo-check {
    margin-bottom: 10px;
}
.sec-filtro-home .campo-check span,
.sec-ubicacion-home .campo-check span {
    width: 80%;
}
.sec-filtro-home .dropdown-menu.show,
.sec-ubicacion-home .dropdown-menu.show {
    padding: 10px;
    max-height: 350px;
    overflow-y: scroll;
}
.sec-filtro-home .campo-busqueda,
.sec-ubicacion-home .campo-busqueda {
    margin-bottom: 15px;
}
.sec-filtro-home .dropdown.tipo-publicacion .dropdown-menu.show,
.sec-filtro-home .dropdown.ordenar .dropdown-menu.show,
.sec-ubicacion-home .dropdown.tipo-publicacion .dropdown-menu.show {
    width: 250px;
}
.sec-ubicacion-home .mapa img {
    width: 100%;
}
.sec-destacados-home {
    background-color: var(--negro);
    color: var(--blanco);
}
.sec-destacados-home .barra {
    padding-top: 40px;
    padding-bottom: 20px;
}
.sec-destacados-home h3 {
    font-size: var(--px40);
}
.sec-destacados-home .contenedor,
.sec-novedades-home .contenedor {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sec-destacados-home .contenedor p.descripcion,
.sec-novedades-home .contenedor p.descripcion {
    font-family: var(--fuente-bold);
}
.sec-novedades-home .contenedor p.descripcion {
    color: var(--negro);
}
.sec-destacados-home .contenedor.publicacion,
.sec-novedades-home .contenedor.publicacion {
    padding: 20px;
    background-color: var(--cafe-1);
    border-radius: 20px;
    color: var(--negro);
}
.sec-destacados-home .contenedor .arriba,
.sec-novedades-home .contenedor .arriba {
    display: block;
    text-align: left;
}
.sec-destacados-home .contenedor.info-tarjeta .arriba .tarjeta,
.sec-novedades-home .contenedor.info-tarjeta .arriba .tarjeta {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: var(--naranja-aviso-default);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    padding: 10px;
}
.sec-destacados-home .contenedor.info-tarjeta .arriba .tarjeta p,
.sec-novedades-home .contenedor.info-tarjeta .arriba .tarjeta p {
    text-transform: uppercase;
    color: var(--blanco);
}
.sec-destacados-home .contenedor .imagen,
.sec-novedades-home .contenedor .imagen {
    display: block;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 25px;
}
.sec-destacados-home .contenedor .imagen img,
.sec-novedades-home .contenedor .imagen img {
    /* width: auto; */
    width: 100%;
    height: 100%;
}
.sec-novedades-home .contenedor .imagen,
.sec-blog-home .imagen {
    height: unset;
    max-height: 500px;
    overflow: hidden;
}
.sec-novedades-home .contenedor .imagen img,
.sec-blog-home .imagen img {
    width: 100%;
    height: 100%;
}
.sec-blog-home .imagen img {
    border-radius: 20px;
}
.sec-destacados-home .contenedor.info-tarjeta .arriba .imagen,
.sec-destacados-home .contenedor.anuncio .arriba .imagen,
.sec-novedades-home .contenedor.info-tarjeta .arriba .imagen,
.sec-novedades-home .contenedor.anuncio .arriba .imagen {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.sec-destacados-home .contenedor.evento .arriba .imagen,
.sec-novedades-home .contenedor.evento .arriba .imagen {
    border-radius: 20px;
}
.sec-destacados-home .contenedor.evento .arriba .imagen {
    position: relative;
    margin-bottom: 10px;
}
.sec-destacados-home .contenedor.evento .arriba .imagen p.tarjeta-informativa {
    background-color: var(--naranja-aviso-default);
    padding: 5px 15px;
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 13px;
    color: var(--blanco);
    border-radius: 5px;
    pointer-events: none;
}
.sec-destacados-home .contenedor.evento .arriba .imagen p.tarjeta-informativa.esta-semana {
    background-color: var(--blanco);
    color: var(--negro);
}
.sec-destacados-home .contenedor .abajo,
.sec-novedades-home .contenedor .abajo {
    display: flex;
    column-gap: 10px;
    padding: 5px;
}

.sec-destacados-home.sec-eventos .contenedor .abajo {
    padding: 0;
}

.sec-novedades-home .contenedor .abajo {
    text-align: left;
}

.sec-destacados-home .contenedor .abajo .informacion,
.sec-novedades-home .contenedor .abajo .informacion {
    width: 90%;
    text-align: inherit;
    color: inherit;
}

.sec-destacados-home .contenedor .abajo .opciones,
.sec-novedades-home .contenedor .abajo .opciones {
    display: flex;
    flex-direction: column;
    width: 10%;
}

.sec-destacados-home .contenedor .abajo .opciones img,
.sec-novedades-home .contenedor .abajo .opciones img {
    height: 25px;
}

.sec-destacados-home .contenedor .abajo .opciones a,
.sec-novedades-home .contenedor .abajo .opciones a {
    display: block;
    margin-bottom: 5px;
}
.sec-destacados-home .contenedor .abajo .opciones a:last-of-type,
.sec-novedades-home .contenedor .abajo .opciones a:last-of-type {
    margin-bottom: 0;
}
.sec-destacados-home .contenedor .abajo p,
.sec-novedades-home .contenedor .abajo p {
    font-size: 12px;
}
.sec-destacados-home .contenedor .abajo p.categoria,
.sec-destacados-home .contenedor .abajo p.interesados,
.sec-destacados-home .contenedor .abajo p.tiempo,
.sec-novedades-home .contenedor .abajo p.categoria,
.sec-novedades-home .contenedor .abajo p.interesados,
.sec-novedades-home .contenedor .abajo p.tiempo  {
    font-weight: 400;
}
.sec-novedades-home .contenedor .abajo p.tiempo  {
    background-color: var(--naranja-aviso-default);
    color: var(--blanco);
    font-size: 14px;
    border-radius: 15px;
    padding: 1px 15px;
    display: inline-block;
}
/* .sec-destacados-home .contenedor .abajo p.categoria {
    color: var(--gris-claro-1);
} */
.sec-destacados-home .contenedor .abajo p.nombre-curso,
.sec-novedades-home .contenedor .abajo p.nombre-curso {
    font-family: var(--fuente-bold);
}
.sec-destacados-home .contenedor.anuncio .abajo,
.sec-novedades-home .contenedor.anuncio .abajo {
    padding: 0;
    display: block;
    text-align: left;
}
.sec-destacados-home .contenedor.anuncio .abajo p,
.sec-novedades-home .contenedor.anuncio .abajo p,
.sec-destacados-home .contenedor.publicacion .abajo p,
.sec-novedades-home .contenedor.publicacion .abajo p {
    color: var(--negro) !important;
}
.sec-destacados-home .contenedor .abajo p.titulo,
.sec-destacados-home .contenedor.anuncio .abajo .informacion p,
.sec-novedades-home .contenedor .abajo p.titulo,
.sec-novedades-home .contenedor.anuncio .abajo .informacion p,
.sec-destacados-home .contenedor .abajo p.nombre-curso,
.sec-novedades-home .contenedor .abajo p.nombre-curso {
    font-size: 16px;
}
.sec-destacados-home .contenedor.anuncio .abajo .informacion p.tiempo,
.sec-novedades-home .contenedor.anuncio .abajo .informacion p.tiempo {
    font-size: 14px;
}
.sec-destacados-home .contenedor.anuncio .abajo .informacion p.titulo,
.sec-novedades-home .contenedor.anuncio .abajo .informacion p.titulo {
    font-size: 20px;
}

.sec-destacados-home .contenedor.anuncio .abajo .informacion p.descripcion,
.sec-novedades-home .contenedor.anuncio .abajo .informacion p.descripcion {
    font-weight: 400;
    color: var(--blanco);
}
.sec-destacados-home .contenedor.anuncio .abajo .informacion,
.sec-novedades-home .contenedor.anuncio .abajo .informacion {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: var(--cafe-3);
    padding: 15px 10px;
    width: 100%;
}
.sec-destacados-home .contenedor .abajo p.precio,
.sec-novedades-home .contenedor .abajo p.precio {
    font-size: 30px;
    font-family: var(--fuente-bold);
}
.sec-destacados-home .splide__arrow {
    height: 100% !important;
    width: 100px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    transition: ease .5s all;
}
.sec-destacados-home .splide__arrow.splide__arrow--prev::before,
.sec-destacados-home .splide__arrow.splide__arrow--next::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../img/icono-flecha-anterior-blanco.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 31px;
    height: 49px;
    z-index: 5;
}
.sec-destacados-home .splide__arrow.splide__arrow--next::before {
    background-image: url(../img/icono-flecha-siguiente-blanco.svg);
}
.sec-destacados-home .splide__arrow--next {
    right: 0 !important;
}
.sec-destacados-home .splide__arrow--prev {
    left: 0 !important;
}
.sec-destacados-home #splide1-track {
    padding: 60px 0;
    padding-top: 0;
}
.sec-destacados-home .splide__arrow svg {
    display: none;
}
.sec-novedades-home,
.sec-blog-home {
    padding: 60px 0px;
}
.sec-novedades-home .contenedor-publicaciones {
    margin: 1rem auto;
    width: 100%;
    box-sizing: border-box;
    column-count: 5;
    -moz-column-gap: 60px;
    -webkit-column-gap: 60px;
    column-gap: 60px;
}
.sec-novedades-home .contenedor {
    margin-bottom: 30px;
    justify-content: flex-start;
    text-align: center;
    max-width: 100%;
    break-inside: avoid;
    page-break-inside: avoid;
}
.sec-novedades-home .contenedor:not(.venta,.anuncio) .imagen {
    border-radius: 20px;
}
.sec-ubicacion-home {
    padding: 60px 0;
}
.sec-novedades-home h3,
.sec-ubicacion-home h3,
.sec-blog-home h3,
.sec-blog-home .informacion p.categoria,
.sec-destacados-home.sec-eventos h3,
.sec-pago h1,
.sec-megusta h1 {
    color: var(--negro);
    font-size: var(--px30);
    font-weight: 300;
}
.sec-ubicacion-home .barra,
.sec-ubicacion-home .barra .filtros,
.sec-blog-home .barra,
.sec-publicacion-relacionada .barra,
.sec-megusta .barra {
    display: flex;
    align-items: center;
    column-gap:  15px;
    justify-content: space-between;
}
.sec-novedades-home .barra,
.sec-ubicacion-home .barra,
.sec-blog-home .barra,
.sec-publicacion-relacionada .barra {
    margin-bottom: 20px;
}
.nav-publicaciones {
    column-gap: 10px;
}
.nav-publicaciones .nav-link.active, .nav-publicaciones .show>.nav-link {
    background-color: var(--negro) !important;
    color: var(--blanco) !important;
}
.nav-publicaciones .nav-link {
    color: var(--negro) !important;
    border: 1px solid var(--negro);
    border-radius: 5px;
}
.sec-ubicacion-home .barra .filtros {
    justify-content: flex-end;
    column-gap: 20px;
}
.sec-blog-home .barra a span {
    color: var(--negro);
}
.sec-blog-home .imagen {
    border-radius: 20px;
    width: 30%;
    text-align: center;
}
.sec-blog-home .imagen img {
    max-width: 100%;
    max-height: 100%;
    height: unset;
    width: unset;
}
.sec-blog-home .contenedor {
    display: flex;
    justify-content: space-around;
    column-gap: 60px;
}
.sec-blog-home .informacion {
    width: 70%;
}
.sec-blog-home .informacion p.categoria {
    color: var(--gris-oscuro-1);
}
.sec-blog-home .informacion p.titulo {
    font-size: var(--px40);
    font-family: var(--fuente-bold);
    line-height: 1;
}
.sec-blog-home #splide2-track {
    padding-bottom: 80px;
}
.sec-blog-home #splide2 .splide__pagination__page {
    height: 15px;
    width: 15px;
}
.sec-blog-home #splide2 .splide__pagination__page.is-active {
    background-color: var(--azul-cta-default);
    transform: scale(1);
}
.sec-destacados-home.bg-blanco p {
    color: var(--negro);
}
.sec-publicaciones-home {
    padding: 60px 0px;
}
.sec-destacados-home.bg-blanco .splide__arrow.splide__arrow--next::before {
    background-image: url(../img/icono-flecha-siguiente-negro.svg)
}
.sec-destacados-home.bg-blanco .splide__arrow.splide__arrow--prev::before {
    background-image: url(../img/icono-flecha-anterior-negro.svg)
}
.sec-destacados-home.bg-blanco .splide__arrow.splide__arrow--prev:hover,
.sec-destacados-home.bg-blanco .splide__arrow.splide__arrow--next:hover {
    background: transparent !important;
}
/* FIN INICIO */

/* BLOGS */
.sec-blog-home.vista-categorizada .contenedor {
    margin-bottom: 40px;
}
.sec-blog-home.vista-categorizada .contenedor .imagen {
    max-height: 300px;
    text-align: center;
    width: 300px;
}
.sec-blog-home.vista-categorizada .contenedor {
    justify-content: flex-start;
}
/* FIN BLOGS */


/* CHECKOUT */
.sec-checkout .campo.telefono 
{
    position:relative;
}
.sec-checkout .campo.telefono::before
{
    content: '+56 9';
    position: absolute;
    bottom: 0;
    left: 12px;
    color: var(--morado);
    transform: translate(-50%,-100%);
    font-family: var(--fuente-bold);
    z-index: 1;
    left: 30px;
    line-height: 1;
    text-align: left;
}
.sec-checkout .campo.telefono input {
    padding-left: 55px;
}
.sec-checkout .division {
    justify-content: space-between;
}
.sec-checkout .izq {
    padding: 60px 40px;
    width: 65%;
    background-color: #fff;
    position: relative;
}
.sec-checkout .der {
    width: 35%;
    padding: 60px 0;
}
.sec-checkout .der::before {
    position: absolute;
    content: '';
    width: 100%;
    top: -100%;
    bottom: -100%;
    z-index: -1;
    pointer-events: none;
    background-color: var(--cafe-1);
}
.sec-checkout .der .padding {
    padding-left: 40px;
}
.sec-checkout h2 {
    color: #000;
    font-size: var(--px40);
    font-weight: 300;
    margin: 40px 0 !important;
}
.sec-checkout .campo {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
}
.sec-checkout .opciones-nav {
    margin-top: 25px;
}
.sec-checkout .opciones-nav a.cambiar-pestana {
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.sec-checkout .opciones-nav a.cambiar-pestana span {
    font-family: var(--fuente-bold);
    color: var(--negro);
}
.sec-checkout .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #B2B2B2;
}
.sec-checkout .item > div {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sec-checkout .item .imagen {
    width: 150px;
    margin: 0;
    margin-right: 10px;
    font-size: 0;
    text-align: center;
}
.sec-checkout .item .imagen img {
    max-height: 150px;
    height: auto;
    width: 100%;
}
.sec-checkout p {
    color: var(--negro);
}
.sec-checkout .subtotal {
    padding: 20px 0;
    border-bottom: 1px solid #B2B2B2;
    margin-bottom: 20px;
}
.sec-checkout .subtotal > div,
.sec-checkout .total {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
    margin-bottom: 10px;
}
.sec-checkout .subtotal > div:last-of-type {
    margin-bottom: 0;
}
.sec-checkout .total p {
    font-size: var(--px22);
}
.sec-checkout .total p.total {
    font-size: var(--px22);
    font-family: var(--fuente-bold);
}
.sec-checkout .total p span {
    font-size: 14px;
}
.sec-checkout #paso-2 .seleccion-envio .campo-radio,
.sec-checkout #paso-2 .seleccion-envio .campo-radio label,
.sec-checkout #paso-3 .seleccion-envio .campo-radio,
.sec-checkout #paso-3 .seleccion-envio .campo-radio label {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: space-between;
}
.sec-checkout #paso-2 .seleccion-envio .campo-radio,
.sec-checkout #paso-3 .seleccion-envio .campo-radio {
    border-radius: 20px;
    border: 1px solid var(--negro);
    padding: 20px;
}
.sec-checkout #paso-2 .seleccion-envio .campo-radio p:not(.precio) {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 30px;
    position: relative;
    text-transform: initial;
    font-size: 14px;
}
.sec-checkout #paso-2 .seleccion-envio .campo-radio p:not(.precio) span {
    color: var(--gris-oscuro-1);
}
.sec-checkout #paso-2 .campo-radio label > input[type="radio"] + *::before {
    position: absolute;
    left: 0;
    transform: translateY(50%);
}
.sec-checkout #paso-2 .cambiar,
.sec-checkout #paso-2 .cambiar > div,
.sec-checkout #paso-3 .cambiar,
.sec-checkout #paso-3 .cambiar > div {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sec-checkout #paso-2 .cambiar,
.sec-checkout #paso-3 .cambiar {
    margin-bottom: 10px;
}
.sec-checkout #paso-2 .cambiar:last-of-type,
.sec-checkout #paso-3 .cambiar:last-of-type {
    margin-bottom: 0;
}
.sec-checkout #paso-2 .cambiar > div,
.sec-checkout #paso-3 .cambiar > div {
    justify-content: flex-start;
}
.sec-checkout #paso-2 .cambiar p:first-of-type,
.sec-checkout #paso-3 .cambiar p:first-of-type {
    font-weight: 700;
    font-family: var(--fuente-bold);
}
.sec-checkout #paso-3 .seleccion-envio .campo-radio {
    flex-direction: column;
}
.sec-checkout #paso-2 .seleccion-envio a *,
.sec-checkout #paso-3 .seleccion-envio .campo-radio * {
    cursor: pointer;
}
.sec-checkout #paso-3 .seleccion-envio .campo-radio > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sec-checkout #paso-3 .seleccion-envio .campo-radio label span,
.sec-checkout #paso-3 .seleccion-envio .campo-radio .opciones {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sec-checkout #paso-3 .seleccion-envio .campo-radio .opciones {
    justify-content: flex-end;
}
.sec-checkout #paso-3 .seleccion-envio .campo-radio p.mensaje {
    padding-top: 20px;
    border-top: 1px solid var(--gris-oscuro-1);
    margin-top: 20px;
}
.sec-checkout .item .cantidad {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.sec-checkout .item .cantidad input {
    padding: 5px;
    border-radius: 0;
    max-width: 50px;
    max-height: 30px;
    text-align: center;
}
.sec-checkout .item .cantidad a {
    font-size: 30px;
    color: var(--negro);
    line-height: 1;
}
/* FIN CHECKOUT */


/* DETALLE PRODUCTO */
.sec-producto {
    padding: 60px 40px;
}
.sec-producto .flex {
    column-gap: 60px;
}
.sec-producto .izq {
    width: 55%;
}
.sec-producto .der {
    width: 40%;
}

.sec-producto .thumbnails {
    display: flex;
    padding: 0;
    justify-content: center;
    column-gap: 5px;
    margin-top: -75px;
}

.sec-producto .thumbnail {
    text-align: center;
    z-index: 2;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: contain;
    cursor: pointer;
}

.sec-producto .thumbnail img {
    max-height: 100%;
}

.sec-producto #splide1 .splide__slide
{
    text-align: center;
    cursor: pointer;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sec-producto #splide1 .splide__slide img {
    max-height: 100%;
    max-width: 100%;
}

.sec-producto #splide1-track {
    background-color: var(--negro);
    border-radius: 20px;
}

.sec-producto .splide__arrow {
    background-color: #535353;
    height: 60px;
    width: 60px;
    opacity: 0;
    transition: ease .5s all;
}

.sec-producto #splide1 .opciones {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    pointer-events: none;
}

.sec-producto #splide1 .opciones a {
    background-color: #535353;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    pointer-events: auto;
}
.sec-producto #splide1 .opciones a,
.sec-producto #splide1 .opciones .abajo .contenedor {
    opacity: 0;
    transition: ease .5s all;
}

.sec-producto #splide1 .opciones a span {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 700;
}

.sec-producto #splide1 .opciones a img,
.sec-producto #splide1 .opciones a .icono {
    height: 30px;
}

.sec-producto #splide1 .opciones a .icono {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    transition: ease .5s all;
}

.sec-producto #splide1 .opciones .arriba {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec-producto #splide1 .opciones .abajo {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.sec-producto #splide1 .opciones .abajo .contenedor {
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: var(--semi-transparente-contenedor-fotografia, rgba(83, 83, 83, 0.75));
}

.sec-producto #splide1 .opciones .abajo a {
    display: flex;
    column-gap: 10px;
    align-items: center;
    background-color: transparent;
    height: auto;
}

.sec-producto #splide1 .opciones a.megusta:hover .icono {
    background-image: url(../img/icono-megusta-blanco-relleno.svg) !important;
}

.sec-producto #splide1 .opciones a.guardar:hover .icono {
    background-image: url(../img/icono-guardar-blanco-relleno.svg) !important;
}

.sec-producto #splide1:hover .splide__arrow,
.sec-producto #splide1:hover .opciones a,
.sec-producto #splide1:hover .opciones .abajo .contenedor {
    opacity: 1;
}

.sec-producto .splide__arrow.splide__arrow--prev::before,
.sec-producto .splide__arrow.splide__arrow--next::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../img/icono-flecha-anterior-blanco-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.sec-producto .splide__arrow.splide__arrow--next::before  {
    background-image: url(../img/icono-flecha-siguiente-blanco-2.svg);
}

.sec-producto .splide__arrow svg {
    display: none;
}
.sec-producto .der .opciones .perfil,
.sec-producto .der .opciones .perfil > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}
.sec-producto .der .opciones .perfil,
.sec-producto .descripcion,
.sec-producto a.agregar-carro,
.sec-producto .accordion-2 {
    margin-bottom: 40px !important;
}
.sec-producto .descripcion {
    margin-top: 40px;
}
.sec-producto .descripcion.comunidad {
    background-color: var(--cafe-1);
    padding: 15px;
    border-radius: 15px;
}
.sec-producto .der .opciones .perfil {
    justify-content: flex-start;
}
.sec-producto .der .opciones .perfil > a {
    column-gap: 10px;
    /* align-items: stretch; */
}
.sec-producto .der .opciones .perfil .cont-seguir {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 10px;
}
.sec-producto .foto-perfil,
#modal_nuevo_mensaje .campo-seguidores .campo .foto-perfil,
.sec-mensajes .foto-perfil {
    height: 50px;
    width: 55px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
}
.sec-producto p.nombre-perfil,
#modal_nuevo_mensaje .campo-seguidores .campo p.nombre-perfil,
.sec-mensajes .campo-seguidores .campo p.nombre-perfil {
    font-weight: 700;
    font-family: var(--fuente-bold);
    text-align: left;
}
.sec-producto .opciones .perfil .estrellas {
    display: flex;
    align-items: center;
    column-gap: 5px;
    flex-wrap: wrap;
}
.sec-producto .descripcion p {
    color: var(--negro);
}

.sec-producto .finalizado {
    padding: 5px 10px;
    background-color: red;
    text-align: center;
    border-radius: 15px;
    display: inline-block;
    font-size: .8em;
}
.sec-producto .agregar-carro {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin-top: 20px;
}
.sec-producto #info_publicacion .item,
.sec-producto #contenido_curso .item {
    background-color: var(--gris-claro-2);
    display: flex;
    border-bottom: 1px solid #7B7B7B;
}
.sec-producto #info_publicacion .item .subitem,
.sec-producto #contenido_curso .item .contenido-items {
    background-color: var(--gris-claro-1);
    width: 50%;
}
.sec-producto #contenido_curso .item .contenido-items .subitem {
    border-bottom: 1px solid var(--gris-oscuro-1);
}
.sec-producto #contenido_curso .item .contenido-items .subitem:last-of-type {
    border-bottom: none;
}
.sec-producto #info_publicacion .item .subitem p,
.sec-producto #contenido_curso .item .subitem p {
    padding: 10px;
    border-bottom: 1px solid #7B7B7B;
}
.sec-producto #info_publicacion .item .subitem p:last-of-type,
.sec-producto #contenido_curso .item .subitem p:last-of-type {
    border: none;
}
.sec-producto #info_publicacion .item p.nombre,
.sec-producto #contenido_curso .item p.nombre {
    background-color: var(--gris-claro-2);
    font-weight: 700;
    font-family: var(--fuente-bold);
    width: 50%;
    padding: 10px;
}
.sec-producto #info_publicacion .contenedor-info,
.sec-producto #contenido_curso .contenedor-info {
    display: flex;
    flex-direction: column;
}
.sec-producto .contenedor-comentarios {
    margin-top: 40px;
}
.sec-producto .contenedor-comentarios .publicar,
.sec-producto .contenedor-comentario .opciones,
.sec-producto .contenedor-comentario .barra {
    display: flex;
    column-gap: 10px;
}
.sec-producto .contenedor-comentario .barra {
    justify-content: space-between;
    flex-wrap: wrap;
}
.sec-producto .contenedor-comentarios .campo-publicar,
.sec-mensajes .campo-busqueda .busqueda,
#modal_nuevo_mensaje .campo-busqueda .busqueda {
    display: flex;
    border-radius: 30px;
    border: 1px solid var(--gris-oscuro-1);
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.sec-producto .contenedor-comentarios .campo-publicar.respuesta {
    padding: 10px 20px;
} 

.sec-producto .contenedor-comentarios .campo-publicar input,
.sec-mensajes .campo-busqueda .busqueda input,
#modal_nuevo_mensaje .campo-busqueda .busqueda input {
    border: none;
    border-radius: 30px;
    padding: 15px 20px;
    width: 90%;
}
.sec-mensajes .campo-busqueda .busqueda input,
#modal_nuevo_mensaje .campo-busqueda .busqueda input {
    padding: 10px 20px;
}
.sec-producto .contenedor-comentarios .campo-publicar a,
.sec-mensajes .campo-busqueda .busqueda img,
#modal_nuevo_mensaje .campo-busqueda .busqueda img {
    color: var(--azul-cta-deshabilitado, #AEB9F2);
    margin-right: 15px;
}
.sec-producto .contenedor-comentario,
.sec-producto .contenedor-comentarios .publicar  {
    margin-bottom: 40px;
}
.sec-producto .respuesta-comentario {
    display: none;
    margin-left: 60px;
    margin-top: 20px;
}
.sec-producto .contenedor-comentarios .info {
    width: 100%;
}
.sec-producto .comentario-padre,
.sec-producto .comentario-hijo,
#modal_nuevo_mensaje .campo-seguidores .campo,
#ListaSeguidos .campo,
.sec-mensajes .campo-seguidores .campo {
    display: flex;
    column-gap: 10px;
}
.sec-mensajes .campo-seguidores .campo {
    justify-content: space-between;
    align-items: center;
    color: inherit;
    text-align: left;
    margin-top: 10px;
    transition: ease .5s all;
    padding: 10px;
}
.sec-mensajes .campo-seguidores .campo:hover {
    background-color: var(--gris-claro-1);
}
.sec-mensajes .campo-seguidores .campo .nuevo {
    height: 15px;
    width: 15px;
    position: relative;
    pointer-events: none;
    background-color: var(--naranja-aviso-default);
    border-radius: 50%;
}
.sec-mensajes .campo-seguidores .campo .info {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sec-mensajes .campo-seguidores .campo .info > div {
    display: flex;
    flex-direction: column;
    overflow-wrap: anywhere;
}
.sec-producto .comentario-hijo {
    margin-bottom: 20px;
}
.sec-producto .contenedor-comentario .opciones {
    margin-top: 10px;
}
.sec-producto .contenedor-comentario.mostrar-respuestas .respuesta-comentario{
    display: block;
}
.sec-producto #accordionUbicacion .mapa img,
.sec-producto #accordionUbicacion .mapa iframe {
    max-height: 300px;
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.sec-producto #accordionUbicacion .mapa iframe {
    max-height: unset;
    height: 400px;
}
#cuerpo_modal_ofertas table thead {
    background-color: var(--negro);
    color: var(--blanco);
}
#cuerpo_modal_ofertas table thead th {
    font-weight: 400;
}
.sec-producto #RespNuevoComentario {
    max-height: 400px;
}
.sec-producto #contenido_curso .contenedor-info,
.sec-producto #info_publicacion .contenedor-info {
    max-height: 500px;
    overflow-y: scroll;
}
/* FIN DETALLE PRODUCTO */


/* CARRO DE COMPRAS */
#divCarro .boton-cerrar {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* .cerrarCarro img {
    height: 30px;
    width: 30px;
} */

#divCarro.open::before {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: red;
}

#divCarro ul:not(.total) {
    margin-top: 15px;
    padding-left: 0;
}

#divCarro .total>div {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 5px;
}

#divCarro b:last-child {
    float: right;
}

#divCarro b {
    font-size: 16px;
}

#divCarro span {
    display: block;
    text-align: left;
    font-weight: 700 !important;
    font-size: 16px;
}

.carro2>a>b {
    position: absolute;
    background-color: #145188;
    width: 20px;
    height: 20px;
    display: flex;
    border-radius: 200px;
    align-items: center;
    justify-content: center;
    top: -10px;
    right: -10px;
}

#divCarro .boton {
    border: 1px solid var(--negro);
    padding: 0;
    width: initial;
    font-weight: 700;
    color: var(--texto-gris);
    width: 100%;
    border: none;
    display: block;
}

#divCarro .seguir-comprando button {
    border: 1px solid var(--negro);
    background-color: transparent;
    color: var(--negro);
}

#divCarro.open>p {
    font-weight: normal;
    margin-bottom: -10px;
    margin-top: -10px;
}

#divCarro .titulo {
    background-color: var(--negro);
    padding: 10px 15px;
    margin-bottom: 20px;
    font-weight: 400;
    position: relative;
    text-align: left;
    color: var(--blanco);
    font-size: 16px;
    font-family: var(--lora);
}

#divCarro .titulo:before {
    content: '';
    position: absolute;
    background-image: url(../img/flechaAm.png);
    width: 46px;
    height: 18px;
    top: -18px;
    right: 18px;
}

#divCarro {
    background-color: #fff;
    padding: 10px 5px;
    color: black;
    position: fixed;
    top: 0;
    bottom: 0;
    right: -100%;
    z-index: 1;
    width: 460px;
    box-shadow: 0px 0px 10px #0000004d;
    z-index: 99999;
    transition: ease all .5s;
}

#divCarro .division {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#divCarro .lista-producto {
    overflow-y: scroll;
    margin-top: 30px;
}

#divCarro .opciones {
    padding-top: 20px;
}

#divCarro.open {
    right: 0;
}

#divCarro li {
    clear: both;
    margin-bottom: 10px;
    font-size: 12px;
    list-style: none;
    clear: both;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    /* margin: 15px 0; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
}

#divCarro .imagen {
    width: 60px;
    margin: 0;
    margin-right: 10px;
    font-size: 0;
    text-align: center;
}

#divCarro li:first-of-type {
    padding-top: 0 !important;
}

#divCarro li>div:first-child img {
    max-height: 75px;
    height: auto;
    width: 60px;
}

#divCarro ul:not(.total) {
    margin-top: 15px;
}

#divCarro li .der {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

#divCarro li .der input {
    width: 30px;
    height: 25px;
    border-radius: 0;
    text-align: center;
    padding: 0;
}

#divCarro li b {
    display: block;
    width: 100%;
}

#divCarro .total {
    border-top: 1px solid #828282;
    margin-bottom: 10px;
    background-color: transparent;
    border: none;
    text-align: left;
    margin-bottom: 20px;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

#divCarro p.nombre {
    font-size: 16px;
    font-weight: 400;
    color: var(--negro);
    margin-bottom: 2px;
}

#divCarro p.precio {
    font-size: 15px;
    font-weight: 400;
    color: #8a8a8a;
    margin-bottom: 0;
}

#divCarro .total b {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--negro);
}

#divCarro .total span {
    font-size: 17px;
    font-weight: 400;
    font-family: var(--lora);
}

.carro .total {
    display: flex;
    justify-content: space-between
}

#divCarro b:last-child {
    float: right;
}

#divCarro b {
    font-size: 16px;
}

#divCarro span {
    display: block !important;
    /* text-align: left; */
    font-weight: 700 !important;
    font-size: 16px;
    text-align: center;
    width: 100%;
}

#divCarro button {
    background: var(--negro);
    color: var(--blanco);
    border: none;
    font-weight: 400;
    padding: 15px 30px;
    width: 100%;
    margin: 4px 0;
    cursor: pointer;
    display: block;
}
/* FIN CARRO DE COMPRAS */


/* PERFIL PUBLICO */
.sec-perfil-publico .banner {
    padding-top: 150px;
    padding-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}
.sec-perfil-publico .banner > .flex {
    align-items: center;
    column-gap: 40px;
    flex-wrap: wrap;
}
.sec-perfil-publico .banner::before {
    position: absolute;
    content: '';
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}
.sec-perfil-publico .banner .izq,
.sec-perfil-publico .banner .calificacion,
.sec-perfil-publico .banner .calificacion > div,
.sec-perfil-publico .banner .izq .opciones,
.sec-perfil-publico .der .categoria,
.sec-perfil-publico .der .redes {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.sec-perfil-publico .banner .izq .calificacion > div {
    column-gap: 2px;
    flex-wrap: wrap;
}
.sec-perfil-publico .banner .izq .calificacion p {
    color: var(--gris-oscuro-1);
}
.sec-perfil-publico .banner .izq .imagen {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-perfil-publico .banner .izq p.nombre {
    font-size: var(--px40);
    color: var(--blanco);
    font-family: var(--fuente-bold);
    margin-bottom: 10px;
}
.sec-perfil-publico .banner .izq .seguidores {
    margin-top: 20px;
    margin-bottom: 10px;
}
.sec-perfil-publico .banner .izq .seguidores p,
.sec-perfil-publico .der p {
    color: var(--blanco);
}
.sec-perfil-publico .banner .izq .opciones {
    flex-wrap: wrap;
    column-gap: 10px;
    justify-content: flex-start;
}
.sec-perfil-publico .banner .izq .opciones a {
    margin: 0;
}
.sec-perfil-publico .banner .izq,
.sec-perfil-publico .banner .der {
    overflow-wrap: anywhere;
    flex-wrap: wrap;
}
.sec-perfil-publico .banner .der .categoria span {
    font-size: 30px;
    color: var(--blanco);
}
.sec-perfil-publico .banner .der .categoria p span {
    font-size: initial;
}
.sec-perfil-publico .sec-filtro-home #accordionFiltro {
    padding-bottom: 20px;
}
/* FIN PERFIL PUBLICO */


/* ME GUSTA PUBLICACION */
.sec-megusta .sec-filtro-home {
    padding: 20px 0;
}
/* FIN ME GUSTA PUBLICACION */


/* MENSAJES */
.sec-mensajes .abajo {
    display: flex;
}
.sec-mensajes .abajo .izq {
    width: 30%;
    border-right: 2px solid var(--linea-separador);
}
.sec-mensajes .abajo .der {
    width: 70%;
}
.sec-mensajes .arriba {
    margin-bottom: 20px;
}
.sec-mensajes .campo-busqueda {
    margin-right: 40px;
    margin-bottom: 20px;
}
.sec-mensajes ul.nav-tabs {
    border-bottom: 2px solid var(--linea-separador);
}
#modal_nuevo_mensaje #RespNuevoMensaje {
    max-height: 400px;
}
#modal_nuevo_mensaje .campo-seguidores input[type="radio"],
#ListaSeguidos input[type="radio"] {
    height: 25px;
    width: 25px;
}
#modal_nuevo_mensaje .campo-seguidores .campo,
#ListaSeguidos .campo {
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#modal_nuevo_mensaje .campo-seguidores .campo > div,
#ListaSeguidos .campo .cont-perfil,
.sec-mensajes #ChatAbierto .chat .respuesta,
.sec-mensajes #ChatAbierto .chat .respuesta > div,
.sec-mensajes #ChatAbierto .chat .respuesta .mensaje {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.sec-mensajes #ChatAbierto .chat .respuesta .mensaje {
    flex-direction: column;
    align-items: flex-end;
}
.sec-mensajes #ChatAbierto .chat .respuesta:not(.usuario) .mensaje {
    align-items: flex-start;
}
.sec-mensajes #ChatAbierto .info-usuario,
.sec-mensajes #ChatAbierto .info-usuario > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}
.sec-mensajes #ChatAbierto .info-usuario {
    border-bottom: 2px solid var(--linea-separador);
    padding: 20px 40px;
}
.sec-mensajes #ChatAbierto .info-usuario > div {
    justify-content: flex-start;
}
.sec-mensajes #ChatAbierto .chat {
    padding: 0 40px;
}
.sec-mensajes #ChatAbierto .chat .contenedor-mensajes {
    max-height: 400px;
    min-height: 300px;
    overflow-y: scroll;
    padding-right: 15px;
}
.sec-mensajes #ChatAbierto .chat .respuesta {
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
    width: 50%;
}
.sec-mensajes #ChatAbierto .chat .respuesta .mensaje p:not(.fecha) {
    border-radius: 10px;
    background: var(--gris-claro-1, #F5F5F5);
    padding: 10px;
}
.sec-mensajes #ChatAbierto .chat .respuesta.usuario .mensaje p:not(.fecha) {
    background-color: var(--negro);
    color: var(--blanco);
}
.sec-mensajes #ChatAbierto .chat .respuesta.usuario {
    margin-left: auto;
    justify-content: flex-end;
}
.sec-mensajes #ChatAbierto .responder .campo-busqueda {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-right: 0;
    margin-top: 20px;
}
.sec-mensajes #ChatAbierto .responder .busqueda {
    padding: 0 15px;
}
.sec-mensajes #ListaSeguidos {
    max-height: 200px;
    overflow-y: scroll;
}
.sec-mensajes #ListaMensajesTodo,
.sec-mensajes #ListaMensajesNoLeido {
    max-height: 500px;
    overflow-y: scroll;
}
/* FIN MENSAJES */

/* ACERCA DE  */
.sec-acerca-de .imagen {
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0px 0px 400px 400px / 0px 0px 150px 150px;
}

/* FIN ACERCA DE  */





/* RESPONSIVIDAD */
@media (max-width: 1450px) {
    .sec-novedades-home .contenedor-publicaciones {
        columns: 4;
    }
}
@media (max-width: 1350px) {
    .sec-checkout .item > div {
        flex-wrap: wrap;
    }
    .sec-checkout .item .cantidad {
        margin-top: 10px;
    }
    header #categorias-celular.activo,
    header #subcategorias-celular.activo,
    header #navegacion-celular.activo {
        left: 0;
    }
    header .izq {
        display: flex;
        align-items: center;
        column-gap: 15px;
    }
    header .izq a.btn-menu {
        display: block;
    }
    header .barra {
        column-gap: 30px;
    }
    header .centro #navegacion {
        display: none;
    }
    header .izq,
    header .centro,
    header .der {
        width: auto;
    }
    header .centro {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .sec-producto {
        padding: 60px 0;
    }
    .sec-producto .flex .der {
        margin-top: 60px;
    }
    .sec-perfil .abajo .izq {
        margin-bottom: 40px;
    }
    .sec-perfil .sin-imagen.redondo, .sec-perfil .izq .foto-perfil.redondo {
        height: 150px;
        width: 150px;
        margin: 0 auto;
    }
    .sec-producto .flex,
    .sec-perfil .abajo {
        flex-direction: column;
    }
    .sec-producto .flex .izq,
    .sec-producto .flex .der,
    .sec-perfil .der {
        width: 100%;
    }
    .sec-perfil .abajo .izq {
        display: flex;
        align-items: center;
        column-gap: 20px;
        justify-content: space-around;
    }
}
@media (max-width: 1000px) {
    .sec-mensajes .abajo .izq {
        width: 40%;
    }
    .sec-checkout .der .padding {
        width: 500px;
    }
    .sec-checkout .item .cantidad {
        margin-top: 0;
    }
    .sec-checkout .item .imagen {
        width: 100px;
    }
    .sec-checkout .item .imagen img {
        max-height: 100px;
    }
    .sec-checkout .division,
    .sec-checkout .der .padding {
        padding: 0;
    }
    .sec-checkout .der,
    .sec-checkout .izq {
        padding: 40px 20px;
    }
    .sec-checkout .division {
        flex-direction: column-reverse;
    }
    .sec-checkout .der::before {
        display: none;
    }
    .sec-checkout .der {
        max-width: 600px !important;
        overflow-x: scroll;
        background-color: var(--cafe-1);
    }
    .sec-publicar .campo.ficha-tecnica > div:not(.opciones),
    .sec-publicar .campo.ficha-tecnica .opciones,
    .sec-checkout .division .izq,
    .sec-checkout .division .der {
        width: 100%;
    }
    .sec-publicar .campo.ficha-tecnica .opciones {
        margin-top: 0;
        flex-wrap: wrap;
    }
    .sec-publicar .campo.ficha-tecnica > div:not(.opciones) {
        margin-bottom: 15px;
    }
    .sec-publicar .campo.ficha-tecnica > div:not(.opciones):last-of-type {
        margin-bottom: 0;
    }
    .sec-publicar .campo.ficha-tecnica, .sec-publicar .campo.cursos .contenidos .contenido {
        flex-direction: column !important;
    }
    .sec-filtro-home .opciones-filtro {
        flex-wrap: wrap;
    }
    .sec-filtro-home .opciones-filtro .opcion {
        margin-bottom: 10px;
        width: 100%;
        border: 1px solid var(--azul-cta-deshabilitado);
        padding: 5px 10px;
        border-radius: 25px;
    }
    .sec-filtro-home .opciones-filtro .opcion-filtro {
        padding: 0;
        border: none;
    }
    .sec-filtro-home .opciones-filtro .opcion .boton-largo {
        width: 100%;
    }
    .sec-publicar {
        padding: 0;
    }
}

@media (max-width: 950px) {
    .sec-filtro-home .opciones-filtro {
        /* flex-direction: column; */
        align-items: flex-start;
        margin-top: 15px;
    }
    .sec-filtro-home .accordion-header,
    .sec-ubicacion-home .accordion-header {
        height: auto;
        opacity: 1;
        pointer-events: auto;
        display: flex;
        column-gap: 15px;
    }
    .sec-ubicacion-home .accordion-body {
        flex-direction: column;
        padding-top: 10px;
    }
    .sec-novedades-home .contenedor-publicaciones {
        columns: 3;
    }
    .sec-ubicacion-home .barra .filtros,#accordionFiltroMapa,#filtrosHomeMapa {
        width: 100%;
    }
    #filtrosHomeMapa .dropdown {
        margin-bottom: 10px;
        width: 100%;
        border: 1px solid var(--azul-cta-deshabilitado);
        padding: 5px 10px;
        border-radius: 25px;
    }
}

@media (max-width: 900px){
    .sec-publicar .contenedor-info .der .campo {
        flex-direction: column !important;
    }
    .sec-publicar .contenedor-info .der .campo > div {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .sec-publicar .contenedor-info .der .campo > div:last-child {
        margin-bottom: 0;
    }
    .sec-publicar .contenedor-info .izq .contenedor {
        padding: 100px 20px;
    }
    .sec-perfil .sector {
        overflow-x: scroll;
    }
    .sec-perfil .sector table {
        width: 800px;
    }
    .sec-publicar .nav-tabs .nav-link.active,
    .sec-perfil .nav-tabs .nav-link.active {
        border-bottom: 4px solid var(--negro);
    }
    .sec-perfil ul.nav-tabs {
        justify-content: flex-start !important;
        column-gap: 30px;
    }
    .sec-perfil .nav-tabs .nav-link, .sec-publicar .nav-tabs .nav-link {
        padding: 10px;
        padding-top: 20px;
    }
    .sec-registro {
        flex-direction: column;
    }
    .sec-registro .izq,
    .sec-registro .der {
        width: 100%;
    }
    .sec-registro .izq {
        display: none;
    }
}

@media (max-width: 800px) {
    .sec-publicar .contenedor-info .izq .contenedor p {
        font-size: var(--px20);
    }
    .sec-perfil,
    .sec-publicar {
        padding: 0;
    }
    .sec-blog-home .informacion {
        width: 100%;
    }
    .sec-blog-home .imagen {
        width: 70%;
        max-height: 300px;
        margin: 0 auto;
    }
}

/* TABLET */
@media (max-width: 768px) {
    .sec-checkout #paso-2 .cambiar p:first-of-type,
    .sec-checkout #paso-3 .cambiar p:first-of-type {
        width: 90px;
    }
    .sec-producto #splide1 .splide__slide img {
        /* width: 100%; */
        height: auto;
    }
    .nav-publicaciones .nav-link {
        padding: 3px 13px;
    }
    .sec-checkout .subtotal > div, .sec-checkout .total {
        justify-content: flex-start;
    }
    .sec-perfil-publico .banner .izq .imagen {
        height: 120px;
        width: 120px;
    }
    .sec-perfil-publico .banner .izq p.nombre {
        font-size: var(--px30);
    }
    .sec-perfil-publico .banner {
        padding-top: 40px;
    }
    .sec-publicar #pestana-ficha-tecnica .informacion, .sec-publicar #pestana-ubicacion .informacion, .sec-publicar #pestana-envio .informacion, .sec-publicar #pestana-cursos .informacion {
        flex-direction: column;
    }
    .sec-publicar #pestana-ficha-tecnica .informacion img, .sec-publicar #pestana-ubicacion .informacion img, .sec-publicar #pestana-envio .informacion img, .sec-publicar #pestana-cursos .informacion img {
        margin-bottom: 10px;
    }
    footer .flex .contenedor:last-of-type {
        margin-bottom: 0;
    }
    .sec-destacados-home .splide__arrow.splide__arrow--prev::before, 
    .sec-destacados-home .splide__arrow.splide__arrow--next::before {
        width: 20px;
        left: 10px;
    }
    .sec-destacados-home .splide__arrow.splide__arrow--next::before,
    .sec-destacados-home .splide__arrow--prev {
        left: unset;
    }
    .sec-destacados-home .splide__arrow.splide__arrow--next::before {
        right: -10px;
    }
    .sec-destacados-home .contenedor.publicacion, .sec-novedades-home .contenedor.publicacion {
        font-size: 10px;
    }
    .sec-destacados-home .contenedor .abajo p.precio, .sec-novedades-home .contenedor .abajo p.precio {
        font-size: 25px;
    }
    .sec-novedades-home .contenedor-publicaciones {
        columns: 2;
        column-gap: 10px;
    }
}

@media (max-width: 750px) {
    .sec-mensajes #ChatAbierto .chat {
        padding: 0;
    }
    .sec-mensajes #ChatAbierto .info-usuario {
        border-top: 2px solid var(--linea-separador);
        padding: 20px 0;
    }
    .sec-mensajes #ListaMensajesTodo {
        max-height: 200px;
        overflow-y: scroll;
    }
    .sec-mensajes .abajo .izq,
    .sec-mensajes .abajo .der {
        width: 100%;
    }
    .sec-mensajes .abajo {
        flex-direction: column;
    }
    .sec-registro.mostrar {
        height: auto;
        overflow: scroll;
        background-color: var(--blanco);
    }
    header .der a.opcion-registro {
        display: none;   
    }
    header .dropdown.perfil,
    header .dropdown.chat {
        display: none;
    }
    header #navegacion-celular .sector {
        display: flex !important;
    }
    header #navegacion-celular .sector, header #navegacion-celular a:not(.dropdown-item,.opcion,.cerrar), header #categorias-celular a:not(.dropdown-item,.opcion,.cerrar), header #subcategorias-celular a:not(.dropdown-item,.opcion,.cerrar) {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .sec-perfil .nav-tabs .nav-link, .sec-publicar .nav-tabs .nav-link, .sec-perfil-publico .nav-tabs .nav-link, .sec-mensajes .nav-tabs .nav-link {
        padding: 20px 15px;
    }
    .sec-filtro-home {
        padding: 20px 10px;
    }
    .alerta {
        width: 90% !important;
    }
    .sec-publicar > .flex {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .sec-perfil .nav-tabs .nav-link, .sec-publicar .nav-tabs .nav-link, .sec-perfil-publico .nav-tabs .nav-link, .sec-mensajes .nav-tabs .nav-link {
        font-size: var(--px17);
    }
    .sec-publicar .arriba .flex {
        flex-wrap: wrap;
    }
    .sec-publicar .contenedor-info {
        flex-direction: column;
    }
    .sec-publicar .contenedor-info .izq, .sec-publicar .contenedor-info .der {
        width: 100%;
    }
    .sec-publicar .contenedor-info .izq .contenedor {
        padding: 50px 20px;
    }
    .sec-publicar .contenedor-info .izq .contenedor img {
        height: 70px;
    }
    .sec-publicar .contenedor-info .der {
        margin-top: 40px;
    }
}

@media (max-width: 650px) {
    .sec-producto {
        padding: 20px 0;
    }
    .sec-producto .flex .der {
        margin-top: 20px;
    }
    .sec-novedades-home .contenedor .abajo p.tiempo {
        font-size: 12px;
    }
    .sec-destacados-home .contenedor .abajo .informacion, .sec-novedades-home .contenedor .abajo .informacion {
        width: 100%;
    }
    .sec-megusta .contenedor-1 {
        margin: 20px 0;
    }

    .sec-megusta .sec-novedades-home {
        padding: 0;
    }
    .sec-destacados-home .contenedor .abajo,
    .sec-novedades-home .contenedor .abajo {
        flex-wrap: wrap;
    }

    .sec-destacados-home .contenedor .abajo .opciones, .sec-novedades-home .contenedor .abajo .opciones {
        width: 100%;
        flex-direction: row;
        column-gap: 10px;
        margin-top: 10px;
    }

    .sec-producto #splide1 .opciones a img, .sec-producto #splide1 .opciones a .icono {
        height: 20px;
    }
    .sec-producto .splide__arrow,
    .sec-producto #splide1 .opciones a {
        height: 40px;
        width: 40px;
    }
    .sec-producto .splide__arrow.splide__arrow--prev::before, .sec-producto .splide__arrow.splide__arrow--next::before {
        height: 20px;
        width: 20px;
    }
    .sec-producto a.agregar-carro.boton-grande {
        padding: 15px 10px;
    }
    .sec-producto a.agregar-carro.boton-grande span {
        font-size: 16px !important;
    }
    .sec-perfil .boton-morado {
        font-size: 14px;
    }
    .sec-perfil h2, .sec-publicar h2 {
        font-size: var(--px30);
    }
    .contenedor-1 {
        padding: 0 20px;
    }
    .sec-banner-home {
        padding: 40px 20px;
    }
    .sec-banner-home h1 {
        font-size: var(--px30);
    }
    .sec-ubicacion-home .barra, .sec-ubicacion-home .barra .filtros, .sec-blog-home .barra,footer .flex .contenedor {
        flex-wrap: wrap;
    }
    .sec-novedades-home .contenedor .imagen, .sec-blog-home .imagen {
        max-height: 300px;
    }
    .sec-ubicacion-home .barra, .sec-ubicacion-home .barra .filtros, .sec-blog-home .barra {
        margin-top: 10px;
    }
    .sec-blog-home .contenedor {
        column-gap: 10px;
    }
    .sec-blog-home .informacion p.titulo,
    .sec-novedades-home h3, 
    .sec-ubicacion-home h3, 
    .sec-blog-home h3, 
    .sec-blog-home .informacion p.categoria,
    .sec-checkout h2,
    .texto-40,
    .sec-destacados-home h3 {
        font-size: var(--px22) !important;
    }
    .texto-22,
    .accordion-2 .accordion-header span {
        font-size: var(--px20) !important;
    }
    .sec-blog-home .informacion p.categoria {
        font-size: 16px;
    }
    .sec-blog-home p.texto,
    header form#busqueda {
        display: none;
    }
    header a.boton-busqueda-celular {
        display: flex !important;
    }
    header #buscador-celular.activo {
        top: 0;
    }
    footer {
        background-size: cover;
        padding-top: 40px;
    }
}

@media (max-width: 600px) {
    .sec-publicar .barra {
        flex-wrap: wrap;
    }
    .sec-publicar .arriba .opcion-publicar {
        margin-top: 15px;
    }
}

/* CELULAR */
@media (max-width: 468px) {
    #divCarro {
        width: 100%;
        box-shadow: none;
    }
    .sec-publicar .arriba .opcion-publicar,
    .sec-checkout #paso-2 .cambiar, .sec-checkout #paso-3 .cambiar {
        flex-wrap: wrap;
    }
    header .dropdown.publicar:not(.celular) {
        display: none;
    }
    footer a img,header .dropdown.notificaciones .dropdown-menu.show,header #navegacion-celular, header #categorias-celular, header #subcategorias-celular, header #buscador-celular {
        width: 100%;
    }
    header .dropdown.notificaciones .dropdown-menu.show {
        top: 20px !important;
        position: fixed !important;
    }
}

@media (max-width: 400px) {
    .sec-producto .contenedor-comentarios .publicar {
        flex-wrap: wrap;
    }
    .sec-producto .contenedor-comentarios .publicar .foto-perfil {
        margin-bottom: 10px;
    }
    footer .flex .contenedor {
        margin-bottom: 30px;
    }
    footer a {
        margin-bottom: 10px;
    }
    .sec-blog-home .contenedor,
    footer .flex .contenedor {
        flex-direction: column;
    }
    .sec-blog-home .contenedor .informacion,
    .sec-blog-home .contenedor .imagen {
        width: 100%;
    }
    .sec-blog-home .imagen {
        max-height: 200px;
    }
}

@media (max-width: 300px) {
    .sec-novedades-home .contenedor-publicaciones {
        columns: 1;
        column-gap: 0;
    }
    .sec-blog-home.vista-categorizada .contenedor .imagen {
        width: 100%;
    }
    header .barra {
        flex-wrap: wrap;
    }
}