/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    margin: 0 !important
}

#wpadminbar {
    display: none !important
}

body {
    margin: 0
}

main {
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none;
    display: inline-block
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.background-blue {
    background: #094F81;
    color: #ffffff
}

.background-blue path {
    fill: #ffffff
}

.background-blue a {
    color: #ffffff;
    text-decoration: none
}

.background-green {
    background: #93BF3C;
    color: #ffffff
}

.background-green path {
    fill: #ffffff
}

.background-green a {
    color: #ffffff;
    text-decoration: none
}

.grey-bg {
    background: #EBEFF5 !important;
    border-color: #DDE3ED !important
}

.blue-bg {
    background: #094F81 !important;
    color: white !important
}

.btn-design-01 {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    transition: all .5s ease
}

.btn-design-01:hover {
    transform: calc(clamp(2px, .2083vw, 4px) * -1)
}

.btn-design-02 {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    transition: all .5s ease;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    background: #094F81;
    box-shadow: 0 clamp(6.66666667px, .6944vw, 13.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) 0 rgba(18, 25, 84, 0.07);
    color: #fff;
    text-decoration: none !important;
    display: block;
    margin: auto;
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px);
    font-weight: 700;
    line-height: 200%
}

.btn-design-02:hover {
    transform: calc(clamp(2px, .2083vw, 4px) * -1)
}

.btn-design-03 {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(18px, 1.875vw, 36px);
    border-radius: clamp(16px, 1.6667vw, 32px);
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid transparent;
    gap: clamp(8.66666667px, .9028vw, 17.33333333px);
    display: flex;
    align-items: center;
    background: transparent;
    height: clamp(32px, 3.3333vw, 64px);
    transition: all .5s ease
}

.btn-design-03 .blue-bg {
    padding: 0 clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.btn-design-04 {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    background: #FFF;
    box-shadow: 0 clamp(6.66666667px, .6944vw, 13.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) 0 rgba(18, 25, 84, 0.07);
    color: #000;
    text-decoration: none !important;
    display: block;
    margin: auto;
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px);
    font-weight: 700;
    line-height: 200%;
    transition: all .5s ease
}

.btn-design-04:hover {
    transform: calc(clamp(2px, .2083vw, 4px) * -1)
}

.text-01-small {
    font-size: clamp(6.66666667px, .6944vw, 13.33333333px);
    line-height: clamp(10px, 1.0417vw, 20px);
    letter-spacing: -0.2px;
    font-weight: 400
}

.text-01 {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400
}

.text-02 {
    font-size: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400
}

.text-03 {
    font-size: clamp(9.33333333px, .9722vw, 18.66666667px);
    line-height: clamp(14px, 1.4583vw, 28px);
    letter-spacing: -0.2px;
    font-weight: 400
}

.text-04 {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: clamp(14.66666667px, 1.5278vw, 29.33333333px);
    letter-spacing: -0.2px;
    font-weight: 400
}

.text-05 {
    font-size: clamp(16px, 1.6667vw, 32px);
    line-height: 150%;
    letter-spacing: -0.2px;
    font-weight: 700
}

.text-06 {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: clamp(14px, 1.4583vw, 28px);
    letter-spacing: -0.1px;
    font-weight: 400
}

.text-07 {
    font-size: clamp(8px, .8333vw, 16px);
    line-height: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    font-weight: 500
}

.text-08 {
    font-size: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    line-height: clamp(16px, 1.6667vw, 32px)
}

.text-09 {
    font-size: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    line-height: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.bold {
    font-weight: 700 !important
}

.semibold {
    font-weight: 600 !important
}

.medium {
    font-weight: 500 !important
}

.select-custom1 {
    display: flex;
    flex-direction: column;
    height: clamp(37.33333333px, 3.8889vw, 74.66666667px);
    position: relative
}

.select-custom1 .select2 {
    width: 100% !important;
    height: 100% !important
}

.select-custom1 .select2 .select2-selection {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-left: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding-bottom: clamp(4px, .4167vw, 8px);
    border: 1px solid #ABB1BA
}

.select-custom1 .select2 .select2-selection .select2-selection__rendered {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400;
    letter-spacing: 0;
    padding-left: clamp(4px, .4167vw, 8px);
    color: #060B25
}

.select-custom1 .select2 .select2-selection__arrow {
    background: url('../img/arrow-select2.png');
    width: clamp(20.66666667px, 2.1528vw, 41.33333333px);
    height: clamp(36.66666667px, 3.8194vw, 73.33333333px);
    background-repeat: no-repeat;
    background-position: center;
    right: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    top: 0;
    bottom: 0;
    margin: auto
}

.select-custom1 .select2 .select2-selection__arrow b {
    display: none
}

.select-custom1 .select2.select2-container--open .select2-selection__arrow {
    transform: rotate(180deg);
    top: clamp(1.33333333px, .1389vw, 2.66666667px)
}

.select-custom1 .select-custom1-label {
    position: absolute;
    top: clamp(5.33333333px, .5556vw, 10.66666667px);
    left: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    z-index: 1;
    color: #58606E
}

.input-custom1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: clamp(37.33333333px, 3.8889vw, 74.66666667px);
    position: relative;
    padding-left: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding-right: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding-bottom: clamp(4px, .4167vw, 8px);
    border: 1px solid #ABB1BA;
    background: #fff
}

.input-custom1 input {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400;
    margin-top: clamp(14.66666667px, 1.5278vw, 29.33333333px);
    letter-spacing: 0;
    padding-left: clamp(4px, .4167vw, 8px);
    border: 0;
    outline: none !important
}

.input-custom1 .input-custom1-label {
    position: absolute;
    top: clamp(5.33333333px, .5556vw, 10.66666667px);
    left: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    z-index: 1;
    color: #58606E
}

.textarea-custom1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: clamp(37.33333333px, 3.8889vw, 74.66666667px);
    position: relative;
    padding-left: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding-right: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding-bottom: clamp(4px, .4167vw, 8px);
    border: 1px solid #ABB1BA;
    background: #fff
}

.textarea-custom1 textarea {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400;
    margin-top: clamp(14.66666667px, 1.5278vw, 29.33333333px);
    letter-spacing: 0;
    padding-left: clamp(4px, .4167vw, 8px);
    border: 0;
    outline: none !important;
    resize: none
}

.textarea-custom1 .textarea-custom1-label {
    position: absolute;
    top: clamp(5.33333333px, .5556vw, 10.66666667px);
    left: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    z-index: 1;
    color: #58606E
}

* {
    box-sizing: border-box
}

body {
    color: #060B25;
    font-family: 'Poppins', sans-serif
}

header {
    position: sticky;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    z-index: 10
}

header nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    max-width: clamp(1440px, 133.3333333vw, 2200px);
    max-width: 100% !important;
    padding: clamp(6.66666667px, .6944vw, 13.33333333px) clamp(9.33333333px, .9722vw, 18.66666667px) clamp(4px, .4167vw, 8px) clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

header nav .container .box-buttons-nav {
    display: flex;
    align-items: center;
    gap: clamp(36.66666667px, 3.8194vw, 73.33333333px)
}

header nav .container .box-buttons-nav .box-menu-profile {
    display: flex;
    align-items: center;
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border: 1px solid #D9D9D9;
    border-radius: clamp(66.66666667px, 6.9444vw, 133.33333333px);
    position: relative;
    cursor: pointer;
    transition: all .5s ease
}

header nav .container .box-buttons-nav .box-menu-profile:hover {
    background: #93BF3C
}

header nav .container .box-buttons-nav .box-img-profile {
    width: clamp(22px, 2.2917vw, 44px);
    height: clamp(22px, 2.2917vw, 44px);
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.img-full-size {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.btn-open-menu {
    margin-right: clamp(10px, 1.0417vw, 20px);
    background: transparent;
    border: 0;
    width: clamp(9.33333333px, .9722vw, 18.66666667px);
    display: flex;
    padding: 0;
    flex-direction: column;
    gap: 2px
}

.btn-open-menu span {
    height: 2px;
    width: 100%;
    background: #060B25;
    display: block;
    position: relative
}

.btn-open-chat {
    gap: clamp(2.66666667px, .2778vw, 5.33333333px)
}

.box-number {
    position: absolute;
    top: 0;
    right: 0;
    height: clamp(12px, 1.25vw, 24px);
    width: clamp(12px, 1.25vw, 24px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EB5454;
    color: #ffffff;
    border-radius: 50%;
    border: 1px solid #ffffff;
    right: clamp(1.33333333px, .1389vw, 2.66666667px)
}

.box-number .text-01-small {
    line-height: 1;
    position: relative;
    top: clamp(.33333333px, .0347vw, .66666667px)
}

.box-img-logo a {
    display: flex;
    align-items: center
}

.section-sidebar {
    width: clamp(173.33333333px, 18.0556vw, 346.66666667px);
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 10;
    top: clamp(42.66666667px, 4.4444vw, 85.33333333px)
}

.box-content-sidebar {
    height: 100%;
    position: sticky;
    top: 0;
    padding: clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    height: auto;
    padding-top: clamp(11.25px, 1.0416667vw, 18.75px)
}

.box-input-search {
    background: #ffffff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: clamp(8px, .8333vw, 16px) clamp(8px, .8333vw, 16px) clamp(8px, .8333vw, 16px) clamp(11.33333333px, 1.1806vw, 22.66666667px);
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    margin-bottom: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    justify-content: space-between;
    border: 1px solid #DDE3ED;
    padding-right: clamp(25.33333333px, 2.6389vw, 50.66666667px)
}

.box-input-search input {
    width: 80%;
    border: 0;
    height: 100%;
    outline: none !important;
    padding: 0;
    margin: 0;
    font-weight: 500
}

.box-input-search input::placeholder {
    color: #060B25;
    font-weight: 500;
    opacity: 1
}

.box-input-search button {
    width: auto;
    background: transparent;
    border: 0;
    padding: 0
}

.links-list-sidebar {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.links-list-sidebar li {
    margin-bottom: clamp(11.25px, 1.0416667vw, 18.75px)
}

.links-list-sidebar li:last-child {
    margin: 0
}

.links-list-sidebar a {
    padding-left: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    line-height: clamp(18px, 1.875vw, 36px);
    position: relative;
    font-weight: 700
}

.links-list-sidebar a.active {
    color: #93BF3C
}

.links-list-sidebar a.active:before {
    content: "";
    width: clamp(3.33333333px, .3472vw, 6.66666667px);
    height: 100%;
    position: absolute;
    left: 0;
    background: #93BF3C;
    border-radius: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.btn-ubication {
    display: flex;
    background: transparent;
    border: 1px solid #ffffff4d;
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding: clamp(8px, .8333vw, 16px) clamp(5.33333333px, .5556vw, 10.66666667px) clamp(8px, .8333vw, 16px) clamp(6.66666667px, .6944vw, 13.33333333px);
    color: #ffffff;
    gap: clamp(2.66666667px, .2778vw, 5.33333333px)
}

.item-box-my-ubication {
    width: -webkit-fit-content;
    width: fit-content;
    padding: 0 clamp(9.33333333px, .9722vw, 18.66666667px);
    margin: auto
}

.box-links-sidebar {
    overflow-y: auto;
    height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.box-links-sidebar .open-create-post {
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(16.66666667px, 1.7361vw, 33.33333333px);
    margin: auto;
    margin-top: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-content-contact-sidebar {
    text-align: center;
    margin-bottom: auto
}

.text-ubication-button {
    text-align: left
}

.img-right-ubication-button {
    display: flex;
    align-items: center;
    height: 100%;
    margin: auto
}

.img-left-ubication-button {
    position: relative;
    top: clamp(1.33333333px, .1389vw, 2.66666667px)
}

.box-img-profile {
    width: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    flex: 0 0 clamp(26.66666667px, 2.7778vw, 53.33333333px);
    height: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    border-radius: 50%;
    overflow: hidden
}

.box-img-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-total-content {
    width: clamp(548px, 57.0833vw, 1096px);
    margin-left: clamp(286.66666667px, 29.8611vw, 573.33333333px);
    padding-top: clamp(16.66666667px, 1.7361vw, 33.33333333px)
}

.box-welcome-text {
    display: flex;
    background: #F5F7FA;
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    margin-bottom: clamp(16px, 1.6667vw, 32px)
}

.box-what-are-you-thinking {
    display: flex;
    align-content: center;
    padding: clamp(16px, 1.6667vw, 32px) clamp(21.33333333px, 2.2222vw, 42.66666667px);
    background: #EBEFF5;
    border: 1px solid #c4c4c4;
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    margin-bottom: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

.box-what-are-you-thinking .box-img-profile {
    margin: auto
}

.box-input-send-message {
    width: 100%;
    background: white;
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding: 0 clamp(16px, 1.6667vw, 32px);
    border: 1px solid #C4C4C4
}

.box-input-send-message .box-input-send-message-form {
    display: flex;
    align-items: center;
    height: 100%;
    padding: clamp(8px, .8333vw, 16px) 0
}

.box-input-send-message input {
    display: none
}

.box-input-text {
    margin-right: auto
}

.box-input-text input,
.box-input-text textarea {
    display: block;
    border: 0;
    outline: none;
    width: 100%;
    resize: none
}

.box-input-text input::placeholder,
.box-input-text textarea::placeholder {
    color: #060B25
}

.box-button-send-mesagge {
    margin-right: clamp(14.66666667px, 1.5278vw, 29.33333333px)
}

.box-button-send-mesagge button {
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.box-input-file {
    margin-right: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

button {
    cursor: pointer
}

.box-send-comment {
    display: none;
    align-items: center;
    gap: clamp(16px, 1.6667vw, 32px);
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.card-header-content {
    display: flex;
    gap: clamp(4.66666667px, .4861vw, 9.33333333px);
    padding: clamp(22px, 2.2917vw, 44px) clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(16px, 1.6667vw, 32px)
}

.text-body-card {
    padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px)
}

.card-bottom-content {
    padding: 0;
    overflow: hidden
}

.card-bottom-top-content {
    display: flex;
    justify-content: space-between;
    padding: clamp(8px, .8333vw, 16px) 0;
    border-top: 1px solid #DDE3ED;
    border-bottom: 1px solid #DDE3ED;
    margin: 0 clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.btn-like-and-coment {
    display: flex;
    background: transparent;
    border: 0;
    outline: none;
    gap: clamp(2.66666667px, .2778vw, 5.33333333px);
    align-items: center;
    padding: 0;
    color: #384455;
    text-decoration: none
}

.card-top-comment {
    display: flex;
    gap: clamp(4.66666667px, .4861vw, 9.33333333px);
    padding: 0 clamp(21.33333333px, 2.2222vw, 42.66666667px);
    margin-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.card-top-comment .container-card {
    padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px)
}

.card-comment {
    display: flex;
    margin-bottom: 0;
    flex-direction: column;
    padding: clamp(20px, 2.0833vw, 40px) 0 clamp(21.33333333px, 2.2222vw, 42.66666667px);
    background: #EBEFF5;
    border-bottom: 1px solid #D9D9D9
}

.card-comment .container-card {
    padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px)
}

.card-comment .btn-like-and-coment img {
    width: clamp(16px, 1.6667vw, 32px);
    height: clamp(16px, 1.6667vw, 32px);
    /* filter: invert(8%) sepia(100%) saturate(7167%) hue-rotate(222deg) brightness(87%) contrast(102%) */
}

.card-body-comment {
    margin-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.card-bottom-comment {
    display: flex;
    gap: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

.card-bottom-comment .btn-coment {
    font-weight: 500;
    color: #0038B8
}

.box-card-post {
    border: 1px solid #C4C4C4;
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px)
}

input.medium::placeholder {
    font-weight: 500;
    opacity: 1
}

.box-buttons-only {
    display: flex;
    width: 40%;
    justify-content: flex-end
}

.box-input-send-message .box-input-send-message-form {
    justify-content: space-between
}

.box-input-only-text {
    width: 60%
}

.section-sidebar {
    width: clamp(206.66666667px, 20.3947vw, 413.33333333px);
    top: clamp(47.33333333px, 4.6711vw, 87.66666667px)
}

.box-button-send-mesagge button {
    gap: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.box-links-sidebar::-webkit-scrollbar {
    width: clamp(4px, .4167vw, 8px);
    height: clamp(4px, .4167vw, 8px)
}

.box-links-sidebar::-webkit-scrollbar-button {
    width: clamp(32.66666667px, 3.4028vw, 65.33333333px);
    height: clamp(32.66666667px, 3.4028vw, 65.33333333px)
}

.box-links-sidebar::-webkit-scrollbar-thumb {
    background: #93bf3c;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-links-sidebar::-webkit-scrollbar-thumb:hover {
    background: #93bf3c
}

.box-links-sidebar::-webkit-scrollbar-thumb:active {
    background: #000000
}

.box-links-sidebar::-webkit-scrollbar-track {
    background: #094f81;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-links-sidebar::-webkit-scrollbar-track:hover {
    background: #094f81
}

.box-links-sidebar::-webkit-scrollbar-track:active {
    background: #094f81
}

.box-links-sidebar::-webkit-scrollbar-corner {
    background: transparent
}

.box-card-post {
    margin-bottom: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

.text-body-card.down {
    padding-top: clamp(16px, 1.6667vw, 32px)
}

.box-button-send-mesagge button {
    padding: 0
}

.sidebar {
    height: 100%
}

.box-content-sidebar {
    height: 100%
}

.btn-icon-custom img {
    width: clamp(16px, 1.6667vw, 32px);
    height: clamp(16px, 1.6667vw, 32px)
}

.btn-icon-custom {
    background: transparent;
    border: 0;
    padding: 0;
    height: -webkit-fit-content;
    height: fit-content;
    display: flex;
    align-items: center
}

.box-input-file label {
    display: flex;
    align-items: center;
    cursor: pointer
}

.box-icon-file {
    display: flex;
    align-items: center
}

.card-body-custom {
    position: relative;
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px);
    overflow: hidden
}

.box-button-play-card {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: -webkit-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.play-button {
    background: transparent;
    border: 0
}

.play-button svg {
    width: clamp(32px, 3.3333vw, 64px);
    height: clamp(32px, 3.3333vw, 64px);
    opacity: .7;
    transition: all .5s ease
}

.card-custom-01:hover svg {
    opacity: 1;
    transform: scale(1.1)
}

.box-swiper-instrutivos {
    padding: 0 clamp(33.33333333px, 3.4722vw, 66.66666667px);
    padding-bottom: clamp(46.66666667px, 4.8611vw, 93.33333333px);
    width: calc(100% + clamp(66.66666667px, 6.9444vw, 133.33333333px));
    margin-left: calc(clamp(33.33333333px, 3.4722vw, 66.66666667px) * -1);
    position: relative
}

.box-card-post:last-child {
    margin-bottom: clamp(53.33333333px, 5.5556vw, 106.66666667px)
}

.box-title-carrusel {
    margin-bottom: clamp(23.33333333px, 2.4306vw, 46.66666667px)
}

.box-links-sidebar .open-create-post {
    height: clamp(38.66666667px, 4.0278vw, 77.33333333px)
}

.box-links-sidebar .btn-design-01 {
    width: clamp(146.66666667px, 15.2778vw, 293.33333333px);
    justify-content: center;
    margin-left: clamp(13.33333333px, 1.3889vw, 23.666667px);
    line-height: 150%;
    padding: 16px 0
}

button.btn-ubication {
    width: clamp(146.66666667px, 15.2778vw, 293.33333333px);
    justify-content: space-between
}

button.btn-ubication .img-right-ubication-button {
    margin: auto 0
}

.box-swiper-instrutivos::after {
    display: none
}

ul.list-button-accesibility {
    margin: 0;
    padding: 0;
    list-style: none
}

.box-button-accesibility {
    height: -webkit-fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    margin-top: clamp(180px, 18.75vw, 360px)
}

.box-content-tools-accesibility {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.btn-tools {
    background: #81B706;
    color: white;
    border: 0;
    height: clamp(32px, 3.3333vw, 64px);
    width: clamp(32px, 3.3333vw, 64px);
    border-radius: 10px 0 0 10px
}

.container {
    margin: auto
}

.box-text-welcome .text-01.line-height-16px {
    color: #58606E
}

.box-button-send-mesagge button {
    color: #58606E
}

.box-navigation-swiper-custom-01 ::after {
    display: none
}

.img-body-card {
    height: clamp(313.33333333px, 32.6389vw, 626.66666667px)
}

.section-total-content-custom {
    margin-left: clamp(206.66666667px, 20.3947vw, 413.33333333px);
    padding-top: 0;
    width: calc(100% - clamp(206.66666667px, 20.3947vw, 413.33333333px))
}

.section-header-custom {
    padding: clamp(24px, 2.5vw, 48px) clamp(108px, 11.25vw, 216px) 0 clamp(104px, 10.8333vw, 208px);
    position: relative
}

.section-header-custom-box-fond {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    max-width: clamp(1440px, 133.3333333vw, 2200px)
}

.section-header-custom-content {
    display: flex;
    flex-direction: column;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px);
    max-width: clamp(1440px, 133.3333333vw, 2200px);
    margin: auto;
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    position: relative;
    z-index: 9
}

.section-header-custom-box-filter {
    background: #EBEFF5;
    padding: clamp(8px, .8333vw, 16px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    display: flex;
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    position: relative;
    bottom: calc(clamp(31.33333333px, 3.2639vw, 62.66666667px) * -1);
    margin: auto;
    margin-top: calc(clamp(31.33333333px, 3.2639vw, 62.66666667px) * -1);
    max-width: clamp(1440px, 133.3333333vw, 2200px);
    transition: all .5s ease;
}

.section-header-custom-filter-box-select {
    width: calc(33% - clamp(5.33333333px, .5556vw, 10.66666667px))
}

.section-header-custom-filter-content {
    display: flex;
    width: 100%;
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.section-header-custom-fond-01 {
    position: absolute;
    right: 2%;
    top: -28%
}

.section-header-custom-fond-02 {
    position: absolute;
    right: 16%;
    bottom: 11%
}

.buy-sell-header {
    background: #5F84AD;
    color: #fff
}

.section-custom-tab-post-nav-list-item {
    position: relative;
    padding: clamp(8px, .8333vw, 16px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    transition: all .5s ease
}

.section-custom-tab-post-nav-list-item.active .section-custom-tab-post-list-item-link {
    color: #fff
}

.section-custom-tab-post-nav-list-item.active {
    background: #094F81
}

.section-custom-tab-post-list-item-link {
    color: #58606E;
    padding: 0;
    border: none;
    background: transparent
}

.section-custom-tab-post-nav-list {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    border-bottom: clamp(.66666667px, .0694vw, 1.33333333px) solid #AFBACC
}

.section-custom-tab-post-box {
    padding: clamp(26.66666667px, 2.7778vw, 53.33333333px) clamp(108px, 11.25vw, 216px) clamp(54px, 5.625vw, 108px) clamp(104px, 10.8333vw, 208px);
    margin-top: clamp(31.33333333px, 3.2639vw, 62.66666667px)
}

.section-custom-tab-post-box-elements {
    padding-top: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.section-custom-tab-post-element-item-box-title {
    padding-bottom: clamp(24px, 2.5vw, 48px)
}

.section-custom-tab-post-elements-box-view {
    position: sticky;
    right: 0;
    top: clamp(100px, 10.4167vw, 200px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: calc(clamp(22.66666667px, 2.3611vw, 45.33333333px) * -1);
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    z-index: 2;
    margin-right: calc(clamp(6.66666667px, .6944vw, 13.33333333px) * -1)
}

.section-custom-tab-post-elements-view {
    display: flex;
    align-items: center;
    gap: clamp(8.66666667px, .9028vw, 17.33333333px);
    background: white;
    padding: clamp(3.33333333px, .3472vw, 6.66666667px) clamp(6.66666667px, .6944vw, 13.33333333px);
    border-radius: 4px;
    position: relative;
    transition: all .3s ease;
    top: 0
}

.section-custom-tab-post.fixed-box .section-custom-tab-post-elements-view {
    top: -30px
}

.section-custom-tab-post-elements-view-button {
    border: none;
    background: transparent;
    padding: clamp(5.33333333px, .5556vw, 10.66666667px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.section-custom-tab-post-elements-view-box-buttons {
    display: flex
}

.view-button-grid.active {
    background: #DDE3ED
}

.section-custom-tab-post-elements-view-text {
    letter-spacing: 0;
    color: #58606E
}

.section-custom-tab-post-element-item-description-button {
    font-weight: 700
}

.section-custom-tab-post-element-item-box-img {
    position: relative;
    height: clamp(128px, 13.3333vw, 535px);
    overflow: hidden;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.section-custom-tab-post-element-item-box-tag {
    position: absolute;
    bottom: clamp(8px, .8333vw, 16px);
    left: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.section-custom-tab-post-element-item-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-custom-tab-post-element-item-content {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    width: 100%
}

.section-custom-tab-post-element-item {
    width: calc(50% - clamp(6.66666667px, .6944vw, 13.33333333px));
    border: 1px solid #DDE3ED;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

.section-custom-tab-post-element-item-tag {
    font-weight: 600;
    background: #0038B8;
    border-radius: 4px;
    padding: clamp(1.33333333px, .1389vw, 2.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px);
    color: #fff
}

.section-custom-tab-post-element-item-description {
    padding: clamp(13.33333333px, 1.3889vw, 26.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px) 0 clamp(12.66666667px, 1.3194vw, 25.33333333px);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.section-custom-tab-post-element-item-description .card-bottom-top-content {
    margin-left: calc(clamp(12.66666667px, 1.3194vw, 25.33333333px) * -1);
    margin-right: calc(clamp(13.33333333px, 1.3889vw, 26.66666667px) * -1);
    padding: clamp(8px, .8333vw, 16px) clamp(13.33333333px, 1.3889vw, 26.66666667px);
    border-bottom: 0;
    margin-top: auto
}

.section-custom-tab-post-element-item-description-box-price {
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.section-custom-tab-post-element-item-description-text-button {
    display: flex;
    margin-bottom: clamp(24px, 2.5vw, 48px);
    width: 100%
}

.section-custom-tab-post-element-item-description-box-text {
    width: 70%
}

.section-custom-tab-post-element-item-description-box-button {
    display: flex;
    align-items: flex-end;
    width: 33%;
    justify-content: flex-end
}

.section-custom-tab-elements-button-all {
    font-weight: 500;
    text-decoration: none;
    color: #0038B8;
    display: flex;
    gap: clamp(6.66666667px, .6944vw, 13.33333333px);
    align-items: center;
    width: -webkit-fit-content;
    width: fit-content
}

.section-custom-tab-elements-box-button-all-box {
    display: flex;
    justify-content: flex-end;
    margin-top: clamp(16px, 1.6667vw, 32px);
    margin-left: auto;
    width: 100%
}

.section-custom-tab-post-element-publications-box-title {
    margin-bottom: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.tab-post-elements-publications-box-item-box-title {
    margin-bottom: clamp(24px, 2.5vw, 48px)
}

.section-custom-tab-post-element-publications-title {
    color: #58606E;
    letter-spacing: 0
}

.tab-post-elements-publications-item {
    width: 100%;
    display: flex;
    gap: clamp(16px, 1.6667vw, 32px);
    padding: clamp(16px, 1.6667vw, 32px) clamp(16px, 1.6667vw, 32px) clamp(27.33333333px, 2.8472vw, 54.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px);
    border: 1px solid #DDE3ED;
    border-radius: 8px
}

.tab-post-elements-publications-item-box-img {
    width: 25.52%;
    height: clamp(80px, 8.3333vw, 185px);
    border-top-left-radius: 8px;
    overflow: hidden;
    border-top-right-radius: 8px
}

.tab-post-elements-publications-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tab-post-elements-publications-item-box-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tab-post-elements-publications-item-box-content>div {
    height: clamp(64px, 6.6667vw, 128px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.tab-post-elements-publications-item-box-content .text-01 {
    color: #58606E
}

.tab-post-elements-publications-item-content-box-value-all {
    position: relative
}

.tab-post-elements-publications-item-content-box-value-all .section-custom-tab-post-element-item-box-tag {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: clamp(16px, 1.6667vw, 32px);
    bottom: 0
}

.tab-post-elements-publications-item-content-box-value-all .section-custom-tab-post-element-item-tag {
    width: -webkit-fit-content;
    width: fit-content
}

.publications-item-sold .tab-post-elements-publications-item-content-box-value-all .section-custom-tab-post-element-item-tag {
    background: #93BF3C
}

.publications-item-sold .tab-post-elements-publications-item-button {
    pointer-events: none;
    background: #EBEFF5 !important;
    color: #AFBACC !important
}

.section-custom-tab-post-element-item-box-value {
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.tab-post-elements-publications-item-box-public-date {
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.tab-post-elements-publications-item-box-button {
    margin-bottom: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.tab-post-elements-publications-item-button {
    font-weight: 700
}

.section-custom-tab-post-element-item-value {
    color: #060B25 !important
}

.section-custom-tab-post-elements-publications-box-items {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.6667vw, 32px)
}

.section-custom-tab-post-elements-publications {
    display: flex;
    flex-direction: column;
    gap: clamp(53.33333333px, 5.5556vw, 106.66666667px)
}

.section-custom-tab-elements-box-button-all-box {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.modal .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000099
}

.box-modal-custom-01 {
    position: absolute;
    width: clamp(346.66666667px, 36.1111vw, 693.33333333px);
    height: -webkit-fit-content;
    height: fit-content;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #FFFFFF;
    border-radius: clamp(20px, 2.0833vw, 40px)
}

.header-custom-modal {
    padding: clamp(13.33333333px, 1.3889vw, 26.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px) clamp(13.33333333px, 1.3889vw, 26.66666667px) clamp(21.33333333px, 2.2222vw, 42.66666667px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.body-custom-modal-01 {
    padding: 0 clamp(17.33333333px, 1.8056vw, 34.66666667px) clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.body-custom-modal-01 .text-08 {
    margin-bottom: clamp(11.33333333px, 1.1806vw, 22.66666667px)
}

.box-img-card-id {
    display: flex;
    justify-content: center
}

.btn-design-03 {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(18px, 1.875vw, 36px);
    border-radius: clamp(16px, 1.6667vw, 32px);
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid transparent;
    gap: clamp(8.66666667px, .9028vw, 17.33333333px);
    display: flex;
    align-items: center;
    background: transparent;
    cursor: pointer
}

.box-modal-serie-number {
    width: clamp(362.66666667px, 37.7778vw, 725.33333333px)
}

.section-header-custom-filter-box-select-custom-modal {
    width: 100%;
    margin-top: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.section-header-custom-filter-box-select-custom-modal select {
    display: none
}

.section-header-custom-filter-box-select-custom-modal .select2-selection--single {
    justify-content: space-between
}

.section-header-custom-filter-box-select-custom-modal .select2-selection__arrow {
    height: clamp(30.66666667px, 3.1944vw, 61.33333333px) !important;
    background-position: 100% 63% !important;
    position: relative
}

.body-custom-modal-ubication {
    text-align: center;
    width: clamp(266.66666667px, 27.7778vw, 533.33333333px);
    margin: auto;
    padding: 0;
    padding-bottom: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.box-img-icon-top-modal {
    margin-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-bottom-body-modal {
    display: flex;
    justify-content: center;
    margin-top: clamp(16px, 1.6667vw, 32px)
}

.btn-design-03.blue-bg {
    height: clamp(32px, 3.3333vw, 64px);
    padding: 0 clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.box-modal-custom-tooltip {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: clamp(133.33333333px, 13.8889vw, 266.66666667px);
    padding: clamp(4.66666667px, .4861vw, 9.33333333px) clamp(4.66666667px, .4861vw, 9.33333333px) clamp(4.66666667px, .4861vw, 9.33333333px) clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.box-modal-custom-tooltip .tooltip-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.box-top-modal-tooltip {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.box-body-modal-tooltip {
    position: relative
}

.box-img-tooltip {
    height: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    width: -webkit-fit-content;
    width: fit-content
}

.box-img-tooltip img {
    width: 100%;
    height: 100%
}

.box-modal-tooltip-02 {
    top: clamp(226.66666667px, 23.6111vw, 453.33333333px);
    left: clamp(126.66666667px, 13.1944vw, 253.33333333px)
}

.box-modal-tooltip-01 {
    top: clamp(104.66666667px, 10.9028vw, 209.33333333px);
    right: clamp(20px, 2.0833vw, 40px)
}

.box-modal-custom-tooltip.box-modal-tooltip-01 {
    width: clamp(116.66666667px, 12.1528vw, 233.33333333px)
}

.btn-x-close-tooltip {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    padding-right: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.box-modal-custom-02 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: fit-content;
    background: white;
    width: clamp(638px, 66.4583vw, 1276px);
    height: -webkit-fit-content;
    height: fit-content;
    border: 1px solid #DDE3ED;
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.box-modal-custom-02.create-post {
    height: clamp(341.33333333px, 35.5556vw, 682.66666667px)
}

.box-content-buttons-text-modal-create-post {
    display: flex;
    align-items: center
}

.box-input-file input {
    display: none
}

.card-footer-content-modal-create-post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(33.33333333px, 3.4722vw, 66.66666667px) 0
}

.card-body-content-modal-create-post textarea,
#buddypress .standard-form textarea#message_content {
    width: 100%;
    resize: none;
    height: clamp(178.66666667px, 18.6111vw, 357.33333333px);
    display: flex;
    padding: clamp(8px, .8333vw, 16px) clamp(11.33333333px, 1.1806vw, 22.66666667px);
    border-radius: clamp(5.33333333px, .5556vw, 10.66666667px);
    border-color: #0038B8;
    outline: none
}

.card-header-content-modal-create-post {
    padding-top: 0
}

.card-body-content-modal-create-post {
    padding: 0 clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-input-file-custom-modal img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(59%) saturate(5044%) hue-rotate(221deg) brightness(84%) contrast(107%)
}

.box-input-icon-file-modal img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(59%) saturate(5044%) hue-rotate(221deg) brightness(84%) contrast(107%)
}

.box-icon-file-custom-modal img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(59%) saturate(5044%) hue-rotate(221deg) brightness(84%) contrast(107%)
}

.card-body-content-modal-create-post textarea::placeholder {
    color: #060B25;
    font-weight: 500
}

.modal-product {
    display: block
}

.box-modal-custom-03 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: clamp(638px, 66.4583vw, 1276px);
    background: white;
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid #DDE3ED;
    border-radius: 6px;
    overflow: hidden;
    max-height: clamp(454.66666667px, 47.3611vw, 909.33333333px);
    height: calc(100% - 68px)
}

.body-custom-modal-03 {
    padding: 0 clamp(26.66666667px, 2.7778vw, 53.33333333px);
    overflow-y: auto;
    height: calc(100% - clamp(113.33333333px, 11.8056vw, 226.66666667px))
}

.body-custom-modal-03::-webkit-scrollbar {
    width: clamp(8px, .8333vw, 16px);
    height: clamp(8px, .8333vw, 16px)
}

.body-custom-modal-03::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.body-custom-modal-03::-webkit-scrollbar-thumb {
    background: #0038b8;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.body-custom-modal-03::-webkit-scrollbar-thumb:hover {
    background: #0038b8
}

.body-custom-modal-03::-webkit-scrollbar-thumb:active {
    background: #0038b8
}

.body-custom-modal-03::-webkit-scrollbar-track {
    background: #d9d9d9;
    border: 0 none #ffffff;
    border-radius: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.body-custom-modal-03::-webkit-scrollbar-track:hover {
    background: #d9d9d9
}

.body-custom-modal-03::-webkit-scrollbar-track:active {
    background: #d9d9d9
}

.body-custom-modal-03::-webkit-scrollbar-corner {
    background: transparent
}

.footer-custom-modal-03 {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 clamp(33.33333333px, 3.4722vw, 66.66666667px);
    padding-bottom: clamp(8px, .8333vw, 16px);
    padding-top: clamp(8px, .8333vw, 16px);
    background: white;
    left: 0;
    display: flex !important;
    margin: 0
}

.box-img-and-text-modal-03 {
    display: flex;
    gap: clamp(33.33333333px, 3.4722vw, 66.66666667px);
    margin-bottom: clamp(16px, 1.6667vw, 32px)
}

.box-img-modal-03 {
    width: clamp(336.66666667px, 35.0694vw, 673.33333333px);
    border-radius: clamp(4px, .4167vw, 8px);
    overflow: hidden
}

.box-text-modal-03 {
    width: clamp(216px, 22.5vw, 432px)
}

.list-custom-modal-03 {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: clamp(16px, 1.6667vw, 32px)
}

.list-modal-03 {
    display: flex;
    align-items: center;
    gap: clamp(8px, .8333vw, 16px);
    margin-bottom: clamp(1.33333333px, .1389vw, 2.66666667px)
}

.list-modal-03 .text-01 {
    color: #384455
}

.tag-design-01 {
    padding: clamp(1.33333333px, .1389vw, 2.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px);
    background: #0038B8;
    color: white;
    text-decoration: none;
    border-radius: clamp(2.66666667px, .2778vw, 5.33333333px);
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    font-weight: 600
}

.box-top-button-custom-modal-03 {
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.box-details-custom-modal-03 {
    margin-bottom: clamp(16px, 1.6667vw, 32px)
}

.box-contact-custom-modal-03 a {
    color: #060B25;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px
}

.card-bottom-top-content-modal-03 {
    margin: 0
}

.card-bottom-top-content-modal-03 button {
    color: #58606E
}

.box-comment-modal-03 {
    display: flex;
    min-height: clamp(42.66666667px, 4.4444vw, 85.33333333px);
    align-items: center;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px);
    padding: 0 clamp(6.66666667px, .6944vw, 13.33333333px)
}

.content-comments-intenal-modal-03 {
    padding-top: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-input-send-message-modal-03 {
    padding: 0 clamp(8px, .8333vw, 16px) 0 clamp(11.33333333px, 1.1806vw, 22.66666667px);
    height: clamp(32px, 3.3333vw, 64px);
    border-color: #0038B8;
    display: flex;
    align-items: center
}

.box-buttons-only-modal-03 {
    filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2789%) hue-rotate(217deg) brightness(81%) contrast(113%)
}

.section-custom-tab-post {
    max-width: clamp(1440px, 133.3333333vw, 2200px);
    margin: auto
}

.section-custom-tab-post-elements-publications-none {
    padding: clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(26.66666667px, 2.7778vw, 53.33333333px) clamp(26.66666667px, 2.7778vw, 53.33333333px);
    border: 1px solid #DDE3ED;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.tab-post-elements-publications-none-box-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.publications-none-icon {
    width: clamp(80px, 8.3333vw, 160px);
    height: clamp(80px, 8.3333vw, 160px);
    object-fit: cover;
    display: block
}

.tab-post-elements-publications-none-title {
    text-align: center;
    color: #060B25;
    font-weight: 700
}

.tab-post-elements-publications-none-text {
    color: #58606E;
    text-align: center
}

.tab-post-elements-publications-none-box-text {
    width: 70%;
    margin: auto
}

.section-custom-tab-post-element {
    display: none
}

.section-custom-tab-post-element.show {
    display: block
}

.chats-content-left-box::-webkit-scrollbar {
    width: clamp(8px, .8333vw, 16px);
    height: clamp(8px, .8333vw, 16px)
}

.chats-content-left-box::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.chats-content-left-box::-webkit-scrollbar-thumb {
    background: #0038b8;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.chats-content-left-box::-webkit-scrollbar-thumb:hover {
    background: #0038b8
}

.chats-content-left-box::-webkit-scrollbar-thumb:active {
    background: #0038b8
}

.chats-content-left-box::-webkit-scrollbar-track {
    background: #d9d9d9;
    border: 0 none #ffffff;
    border-radius: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.chats-content-left-box::-webkit-scrollbar-track:hover {
    background: #d9d9d9
}

.chats-content-left-box::-webkit-scrollbar-track:active {
    background: #d9d9d9
}

.chats-content-left-box::-webkit-scrollbar-corner {
    background: transparent
}

.box-content-chat-internal::-webkit-scrollbar {
    width: clamp(8px, .8333vw, 16px);
    height: clamp(8px, .8333vw, 16px)
}

.box-content-chat-internal::-webkit-scrollbar-button {
    width: 53px;
    height: 53px
}

.box-content-chat-internal::-webkit-scrollbar-thumb {
    background: #0038b8;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-content-chat-internal::-webkit-scrollbar-thumb:hover {
    background: #0038b8
}

.box-content-chat-internal::-webkit-scrollbar-thumb:active {
    background: #0038b8
}

.box-content-chat-internal::-webkit-scrollbar-track {
    background: #d9d9d9;
    border: 0 none #ffffff;
    border-radius: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.box-content-chat-internal::-webkit-scrollbar-track:hover {
    background: #d9d9d9
}

.box-content-chat-internal::-webkit-scrollbar-track:active {
    background: #d9d9d9
}

.box-content-chat-internal::-webkit-scrollbar-corner {
    background: transparent
}

.modal-chat-user {
    display: block;
    z-index: 999
}

.box-modal-custom-chat-user {
    background: white;
    width: clamp(638px, 66.4583vw, 1276px);
    height: clamp(448px, 46.6667vw, 896px);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    border-radius: 6px
}

.body-modal-chat-user {
    display: flex;
    gap: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    padding: 0 clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(24.66666667px, 2.5694vw, 49.33333333px)
}

.list-chats-box {
    padding: 0;
    margin: 0;
    list-style: none
}

.box-left-list-chats-modal-user {
    width: clamp(230px, 30.9583vw, 660px)
}

.box-left-list-chats-modal-user .box-input-search-modal-user {
    margin-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-img-chat-single {
    width: clamp(34px, 3.5417vw, 68px);
    flex: 0 0 clamp(34px, 3.5417vw, 68px);
    height: clamp(34px, 3.5417vw, 68px);
    overflow: hidden;
    position: relative;
    padding-left: clamp(3.33333333px, .3472vw, 6.66666667px)
}

.box-img-chat-single:before {
    background: red;
    content: "";
    position: absolute;
    top: clamp(.66666667px, .0694vw, 1.33333333px);
    left: 0;
    width: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    height: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border-radius: clamp(20px, 2.0833vw, 40px)
}

.box-img-chat-single img {
    border-radius: 50%
}

.box-right-content-chats-modal {
    width: clamp(352px, 36.6667vw, 704px);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.chats-content-left-box {
    height: clamp(294px, 30.625vw, 588px);
    overflow-y: auto;
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid #EBEFF5;
    border-radius: clamp(4px, .4167vw, 8px)
}

.top-left-title-and-search-modal-user .text-08 {
    margin-bottom: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.box-text-chat-single .text-04.bold {
    margin-bottom: clamp(4px, .4167vw, 8px)
}

.box-input-send-message-chat-user {
    padding: 0 clamp(8px, .8333vw, 16px) 0 clamp(12px, 1.25vw, 24px);
    border-color: #0038B8;
    position: sticky;
    bottom: 0
}

.box-input-send-message-chat-user form {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 12px 0
}

.box-input-send-message-chat-user .box-input-only-text {
    width: 50%
}

.box-input-send-message-chat-user .box-buttons-only {
    width: 50%;
    filter: brightness(0) saturate(100%) invert(20%) sepia(59%) saturate(3282%) hue-rotate(214deg) brightness(85%) contrast(118%)
}

.box-content-chat-internal {
    height: clamp(314.66666667px, 32.7778vw, 629.33333333px);
    background: #EBEFF5;
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    overflow-y: auto
}

.box-content-chat-internal .box-img-chat-single {
    width: clamp(30.66666667px, 3.1944vw, 61.33333333px);
    flex: 0 0 clamp(30.66666667px, 3.1944vw, 61.33333333px);
    height: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.box-content-chat-internal .box-img-chat-single::before {
    display: none
}

.box-title-chat-modal {
    height: clamp(46.66666667px, 4.8611vw, 93.33333333px);
    display: flex;
    align-items: center;
    padding: 0 clamp(10.66666667px, 1.1111vw, 21.33333333px);
    background: #58606E;
    color: white;
    top: 0;
    width: 100%;
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px) clamp(6.66666667px, .6944vw, 13.33333333px) 0 0;
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-content-messagges-content-chat {
    height: -webkit-fit-content;
    height: fit-content;
    padding: clamp(26.66666667px, 2.7778vw, 53.33333333px) clamp(16px, 1.6667vw, 32px) clamp(12px, 1.25vw, 24px);
    border-radius: 0 0 clamp(6.66666667px, .6944vw, 13.33333333px) clamp(6.66666667px, .6944vw, 13.33333333px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-bottom: 0
}

.box-text-chat-messagge-chat {
    height: auto;
    width: clamp(242px, 25.2083vw, 484px);
    position: relative;
    overflow: hidden;
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px);
    padding-bottom: 4%;
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    margin-left: auto
}

.box-text-chat-messagge-chat .text-01 {
    position: relative;
    color: white;
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(15.33333333px, 1.5972vw, 30.66666667px);
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px) !important;
    background: #FFFFFF;
    color: #060B25
}

.box-text-chat-messagge-chat .text-01 * {
    display: inline
}

.box-text-chat-messagge-chat .text-01 span {
    font-weight: 700
}

.box-text-chat-messagge-chat::before {
    content: "";
    background: url(../img/container-chat-sent.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: clamp(0, 0, 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right
}

.box-text-chat-messagge-chat.box-text-chat-messagge-chat-received,
.box-text-chat-messagge-chat.sent-by-me {
    margin-left: 0
}

.box-text-chat-messagge-chat.box-text-chat-messagge-chat-received .text-01,
.box-text-chat-messagge-chat.sent-by-me .text-01 {
    background: #0038b8;
    color: #fff
}

.box-text-chat-messagge-chat.box-text-chat-messagge-chat-received .text-01 strong,
.box-text-chat-messagge-chat.sent-by-me .text-01 strong {
    font-size: 0
}

.box-text-chat-messagge-chat.box-text-chat-messagge-chat-received .text-01 strong:before,
.box-text-chat-messagge-chat.sent-by-me .text-01 strong:before {
    content: "Tu: ";
    font-size: initial
}

.box-text-chat-messagge-chat.box-text-chat-messagge-chat-received::before,
.box-text-chat-messagge-chat.sent-by-me::before {
    content: "";
    background: url(../img/container-chat-received.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right
}

.section-total-content-custom-generic {
    position: relative
}

.section-total-content-custom-create-post-icon1 {
    position: absolute;
    right: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    top: calc(clamp(33.33333333px, 3.4722vw, 66.66666667px) * -1);
    width: clamp(220px, 22.9167vw, 440px)
}

.container-content-generic {
    padding: 0 clamp(104.66666667px, 10.9028vw, 209.33333333px)
}

.container-content-generic-header {
    padding-top: clamp(24px, 2.5vw, 48px);
    display: flex;
    flex-direction: column;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.container-content-generic-body-items-create {
    padding: clamp(26.66666667px, 2.7778vw, 53.33333333px) 0;
    gap: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    display: flex;
    flex-wrap: wrap
}

.container-content-generic-body-item-create {
    background: #EBEFF5;
    width: calc(50% - clamp(10.66666667px, 1.1111vw, 21.33333333px));
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(16px, 1.6667vw, 32px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.container-content-generic-body-item-create-header-icon {
    background: #93BF3C;
    border-radius: 50%;
    height: clamp(45.33333333px, 4.7222vw, 90.66666667px);
    width: clamp(45.33333333px, 4.7222vw, 90.66666667px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.container-content-generic-body-item-create-body-title {
    margin-bottom: clamp(2.66666667px, .2778vw, 5.33333333px);
    line-height: 150%;
    font-weight: 700
}

.container-content-generic-body-item-create-body-text {
    margin-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    letter-spacing: -0.2px;
    line-height: 150%
}

.container-content-generic-header-text {
    line-height: 150%
}

.container-content-generic-header-title {
    line-height: 150%;
    font-weight: 700;
    font-size: 24px
}

.container-content-generic-body-form-item-button {
    display: flex;
    align-items: center;
    padding: clamp(12.66666667px, 1.3194vw, 25.33333333px) clamp(16px, 1.6667vw, 32px);
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 150%;
    transition: all .3s ease
}

.container-content-generic-body-form-item-button-check {
    margin-right: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.container-content-generic-body-form-item-button-check path {
    transition: all .3s ease
}

.container-content-generic-body-form-item-button-arrow {
    padding: clamp(2.66666667px, .2778vw, 5.33333333px);
    border-radius: 50%;
    margin-left: auto;
    width: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    height: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.container-content-generic-body-form-item {
    background: #EBEFF5;
    border-radius: clamp(8px, .8333vw, 16px);
    transition: all .3s ease
}

.container-content-generic-body-form-item.disabled {
    opacity: .4
}

.container-content-generic-body-form-item.active .container-content-generic-body-form-item-button-arrow {
    transform: rotateX(180deg)
}

.container-content-generic-body-form-item.success {
    background: #93BF3C
}

.container-content-generic-body-form-item.success .container-content-generic-body-form-item-button {
    color: #fff
}

.container-content-generic-body-form-item.success .container-content-generic-body-form-item-button .container-content-generic-body-form-item-button-check path {
    fill: #fff
}

.container-content-generic-body-form-item.success .container-content-generic-body-form-item-button .container-content-generic-body-form-item-button-arrow {
    background: #EBEFF5
}

.container-content-generic-body-form-item-body {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(16px, 1.6667vw, 32px) clamp(16px, 1.6667vw, 32px) clamp(16px, 1.6667vw, 32px);
    display: flex;
    flex-wrap: wrap;
    gap: clamp(16px, 1.6667vw, 32px) clamp(53.33333333px, 5.5556vw, 106.66666667px)
}

.container-content-generic-body-form-item-body-column1 {
    display: flex;
    flex-direction: column;
    width: calc(50% - clamp(26.66666667px, 2.7778vw, 53.33333333px));
    gap: clamp(16px, 1.6667vw, 32px)
}

.container-content-generic-body-form-item-body-column1 .textarea-custom1 {
    flex: 1 1 auto
}

.container-content-generic-body-form-item-body-column2 {
    width: 100%
}

.container-content-generic-body-form-item-body-column2 .dropzone {
    border-radius: clamp(2.66666667px, .2778vw, 5.33333333px);
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid #ABB1BA;
    background: var(--color-white-0, #FFF);
    width: 100%;
    min-height: clamp(84px, 8.75vw, 168px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(10px, 1.0417vw, 20px) clamp(13.33333333px, 1.3889vw, 26.66666667px);
    flex-wrap: wrap
}

.container-content-generic-body-form-item-body-column2 .dropzone.dz-clickable.dz-started {
    background: rgba(9, 79, 129, 0.2)
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-message {
    margin: 0
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview.dz-image-preview {
    padding-top: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    padding-right: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    background: transparent;
    z-index: 2
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-image {
    width: clamp(200px, 20.8333vw, 400px);
    height: clamp(200px, 20.8333vw, 400px);
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px);
    z-index: 2
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-image img {
    width: 100%;
    height: 100%
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-details {
    margin: auto;
    height: -webkit-fit-content;
    height: fit-content;
    bottom: 0
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-progress {
    top: 65%;
    display: none
}

.container-content-generic-body-form-item-body-column2 .dropzone .dz-preview.dz-error .dz-error-message {
    display: none
}

.container-content-generic-body-form-item-footer-buttons {
    display: flex;
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    justify-content: flex-end
}

.container-content-generic-body-form-item-footer-buttons button,
.container-content-generic-body-form-item-footer-buttons a {
    margin: 0
}

.container-content-generic-body-form-item-footer {
    padding: clamp(16px, 1.6667vw, 32px);
    padding-top: 0
}

.container-content-generic-body form {
    padding: clamp(42.66666667px, 4.4444vw, 85.33333333px) 0
}

.container-content-generic-body-form-items {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 1.6667vw, 32px)
}

.box-dropzone-message svg {
    width: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    height: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    margin-bottom: clamp(2px, .2083vw, 4px)
}

.box-dropzone-message h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: clamp(3.33333333px, .3472vw, 6.66666667px)
}

.box-dropzone-message p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.container-content-generic-body-form-item-body-result {
    display: flex;
    gap: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

.container-content-generic-body-form-item-body-result-left-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: calc(clamp(.12px, .0125vw, .24px) * -1);
    margin-bottom: clamp(20px, 2.0833vw, 40px)
}

.container-content-generic-body-form-item-body-result-left {
    width: calc(50% - clamp(13.33333333px, 1.3889vw, 26.66666667px))
}

.container-content-generic-body-form-item-body-result-right {
    width: calc(50% - clamp(13.33333333px, 1.3889vw, 26.66666667px))
}

.container-content-generic-body-form-item-body-result-right-img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.container-content-generic-body-message {
    margin: clamp(42.66666667px, 4.4444vw, 85.33333333px) 0 clamp(93.33333333px, 9.7222vw, 186.66666667px);
    background: #EBEFF5;
    border-radius: clamp(3.33333333px, .3472vw, 6.66666667px);
    padding: clamp(26.66666667px, 2.7778vw, 53.33333333px) clamp(20px, 2.0833vw, 40px) clamp(42.66666667px, 4.4444vw, 85.33333333px);
    text-align: center
}

.container-content-generic-body-message-header {
    padding-bottom: clamp(16px, 1.6667vw, 32px)
}

.container-content-generic-body-message-header svg {
    width: clamp(48px, 5vw, 96px);
    height: clamp(48px, 5vw, 96px)
}

.container-content-generic-body-message-body-title {
    font-size: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: calc(clamp(.13333333px, .0139vw, .26666667px) * -1);
    margin-bottom: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.container-content-generic-body-message-body-text p {
    font-size: clamp(12px, 1.25vw, 24px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: calc(clamp(.12px, .0125vw, .24px) * -1)
}

.container-content-generic-body-message-body {
    margin-bottom: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

.container-content-generic-body-message-footer-btn {
    width: -webkit-fit-content;
    width: fit-content
}

.dz-image-preview .dz-remove {
    background: #094F81;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3 !important;
    border-radius: 50%;
    padding: clamp(2.66666667px, .2778vw, 5.33333333px);
    height: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    width: clamp(26.66666667px, 2.7778vw, 53.33333333px);
    display: flex;
    align-items: center;
    justify-content: center
}

.dz-image-preview .dz-remove svg {
    width: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    height: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    cursor: pointer
}

.select-custom1-region {
    margin-top: clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.box-modal-custom-04 {
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: clamp(638px, 62.9605vw, 1276px);
    height: clamp(448px, 44.2105vw, 896px);
    border-radius: clamp(8px, .7895vw, 16px)
}

.box-video-modal-04 {
    height: clamp(330.66666667px, 32.6316vw, 661.33333333px);
    border-radius: clamp(8px, .7895vw, 16px);
    overflow: hidden
}

.box-video-modal-04 iframe {
    width: 100%;
    height: 100%
}

.body-custom-modal-04 {
    padding: 0 clamp(21.33333333px, 2.1053vw, 42.66666667px)
}

.footer-custom-modal-04 {
    padding: clamp(13.33333333px, 1.3158vw, 26.66666667px) clamp(21.33333333px, 2.1053vw, 42.66666667px);
    display: flex;
    justify-content: space-between
}

.footer-left-modal-04 {
    width: clamp(354px, 34.9342vw, 708px)
}

.footer-right-modal-04 {
    display: flex;
    gap: clamp(10.66666667px, 1.0526vw, 21.33333333px)
}

.footer-right-modal-04 a {
    display: flex;
    text-decoration: none
}

.conected .box-img-chat-single::before {
    background: #93BF3C
}

.li-chat-single {
    border-radius: 6px;
    margin-right: clamp(6.66666667px, .6944vw, 13.33333333px);
    border: 1px solid #EBEFF5;
    border-radius: 0;
    border-top: 0;
    display: flex;
    padding: clamp(12px, 1.25vw, 24px) clamp(10px, 1.0417vw, 20px) clamp(14.66666667px, 1.5278vw, 29.33333333px);
    border-bottom: clamp(.66666667px, .0694vw, 1.33333333px) solid #EBEFF5;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px);
    align-items: center;
    cursor: pointer
}

.li-chat-single a {
    display: flex;
    gap: clamp(8px, .5556vw, 10.66666667px);
    align-items: center;
    color: #000000;
    text-decoration: none
}

.li-chat-single:hover {
    background: #DDE3ED
}

.li-chat-single:first-child {
    border-radius: 6px 6px 0 0;
    border-top: 1px solid #EBEFF5
}

.li-chat-single:last-child {
    border-radius: 0 0 6px 6px
}

.li-chat-single.new-msg {
    background: #dde3ed80;
    border-color: #DFE6F2
}

.chats-content-left-box {
    border: 0;
    border-radius: 0
}

.header-custom-03 {
    padding-bottom: clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-modal-custom-contact {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    border-radius: 6px;
    overflow: hidden
}

.body-modal-contact {
    padding: 0 clamp(22px, 2.2917vw, 44px) clamp(20.66666667px, 2.1528vw, 41.33333333px) clamp(39.33333333px, 4.0972vw, 78.66666667px)
}

.header-custom-modal-contact {
    padding-left: clamp(39.33333333px, 4.0972vw, 78.66666667px);
    padding-bottom: 6px
}

.input-custom-small {
    width: calc(50% - clamp(6.66666667px, .6944vw, 13.33333333px))
}

.box-content-contact-modal-custom-01 {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    gap: clamp(13.33333333px, 1.3889vw, 26.66666667px) 0
}

.input-custom-big {
    width: 100%;
    height: clamp(90px, 9.375vw, 180px)
}

.box-top-contact-img {
    height: clamp(60.66666667px, 6.3194vw, 121.33333333px);
    width: clamp(67.13333333px, 6.9931vw, 134.26666667px);
    margin: auto;
    margin-bottom: clamp(11.33333333px, 1.1806vw, 22.66666667px)
}

.box-top-contact-img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.box-text-contact-modal-custom-01 {
    width: clamp(314.66666667px, 32.7778vw, 629.33333333px);
    margin: auto;
    text-align: center;
    margin-bottom: clamp(24.66666667px, 2.5694vw, 49.33333333px)
}

.box-text-contact-modal-custom-01 .text-01 span {
    font-weight: 700 !important
}

.box-bottom-body-modal-contact {
    justify-content: flex-end
}

.header-login {
    background: #062E62
}

.header-login .box-img-logo {
    display: flex;
    align-items: center;
    gap: clamp(16px, 1.6667vw, 32px)
}

.header-login nav .container {
    padding: clamp(12.66666667px, 1.3194vw, 25.33333333px) clamp(21.33333333px, 2.2222vw, 42.66666667px)
}

.header-login-logo-02 {
    position: relative
}

.header-login-logo-02::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -13%;
    width: clamp(.66666667px, .0694vw, 1.33333333px);
    height: 100%;
    background: #fff
}

.section-login {
    overflow: hidden
}

.section-login .container {
    position: relative;
    height: 100%
}

.section-login-box-fond {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-login-fond-icon-01 {
    position: absolute;
    bottom: 0;
    right: 0
}

.section-login-content {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - clamp(48px, 5vw, 85px));
    display: flex;
    justify-content: center
}

.section-login-box {
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 #00000026;
    border-radius: 10px;
    overflow: hidden;
    margin-top: clamp(74.66666667px, 7.7778vw, 190px);
    height: -webkit-fit-content;
    height: fit-content;
    padding: clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(33.33333333px, 3.4722vw, 66.66666667px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: clamp(363.33333333px, 37.8472vw, 800.66666667px)
}

.section-login-box-title {
    width: 80%
}

.section-login-box-logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: clamp(5.33333333px, .5556vw, 10.66666667px)
}

.section-login-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: clamp(16px, 1.6667vw, 32px)
}

.section-login-form-box-input {
    margin-bottom: clamp(18.66666667px, 1.9444vw, 37.33333333px);
    position: relative;
    height: clamp(37.33333333px, 3.8889vw, 74.66666667px);
    width: 67%
}

.section-login-form-box-button {
    margin-top: clamp(12.66666667px, 1.3194vw, 25.33333333px)
}

.section-login-fond-icon-02 {
    position: absolute;
    left: 4%;
    top: 9%;
    bottom: 0;
    margin: auto
}

.section-login-button-modal {
    border: none;
    background: transparent;
    outline: none !important;
    color: #0038B8;
    font-weight: 500;
    letter-spacing: 0
}

.section-login-title {
    color: #58606E;
    text-align: center;
    font-weight: 400
}

.section-login-form-button {
    color: #AFBACC
}

.section-login-input {
    padding: clamp(16px, 1.6667vw, 32px) clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(5.33333333px, .5556vw, 10.66666667px);
    border-radius: 4px;
    border: 1px solid #ABB1BA;
    color: #060B25;
    outline: none !important;
    background: #EBEFF5;
    transition: all .8s ease;
    width: 100%;
    position: relative
}

.section-login-input::placeholder {
    color: #58606E
}

.section-login-input:not(:placeholder-shown) {
    background: #fff
}

.section-login-input:focus {
    border: 1px solid #0038B8
}

.section-login-form-box-input label {
    position: absolute;
    top: clamp(.66666667px, .0694vw, 1.33333333px);
    left: 0;
    transition: all .2s ease-in-out;
    margin: auto 0;
    width: 100%;
    height: 100%;
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    z-index: 1;
    -webkit-user-select: none;
    user-select: none
}

.section-login-form-box-input label.active {
    top: calc(clamp(5.33333333px, .5556vw, 10.66666667px) * -1);
    left: 0;
    font-size: clamp(8px, .8333vw, 16px);
    line-height: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    color: #1F61F7
}

.section-login-form-box-input:nth-child(2) {
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.section-login-form-input-box-error {
    position: absolute;
    bottom: calc(clamp(14px, 1.4583vw, 28px) * -1);
    left: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    opacity: 0;
    transition: all .5s ease
}

.section-login-form-input-error {
    color: #EB5454
}

.section-login-form-box-input.input-error .section-login-input:focus {
    border-color: #EB5454
}

.section-login-form-box-input.input-error label.active {
    color: #EB5454
}

.section-login-form-box-input.input-error .section-login-form-input-box-error {
    opacity: 1
}

.section-login-form-box-input.input-error label {
    top: calc(clamp(5.33333333px, .5556vw, 10.66666667px) * -1);
    left: 0;
    font-size: clamp(8px, .8333vw, 16px);
    line-height: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    color: #EB5454
}

.section-login-form-box-input.input-error .section-login-input {
    border-color: #EB5454
}

.section-login-form-button.blue-bg {
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(18px, 1.875vw, 36px)
}

.section-login-fond {
    width: 100%
}

.text-02.line-height-18px {
    line-height: clamp(12px, 1.25vw, 24px)
}

.open-create-post {
    display: flex;
    align-items: center;
    height: 100%;
    padding: clamp(8px, .8333vw, 16px) 0
}

.box-buttons-only {
    align-items: center
}

.box-menu-profile-custom-01 {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: auto;
    background: white;
    height: 100%;
    padding: clamp(21.33333333px, 2.5vw, 42.66666667px) clamp(34.66666667px, 4.0625vw, 69.33333333px);
    transform: translateX(100%);
    transition: all .5s ease
}

.box-menu-profile-custom-01.active {
    transform: none
}

.box-img-profile-menu {
    position: relative;
    width: clamp(55.33333333px, 6.4844vw, 110.66666667px);
    height: clamp(55.33333333px, 6.4844vw, 110.66666667px);
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-bottom: clamp(10.66666667px, 1.25vw, 21.33333333px)
}

.box-img-profile-menu img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.modal-menu-profile {
    margin-top: clamp(39.33333333px, 4.6094vw, 86.666667px)
}

.box-top-menu-profile-custom-01 ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.box-top-menu-profile-custom-01 ul .text-01 {
    text-decoration: none;
    color: #000000;
    line-height: 244.44%;
    display: flex;
    align-items: center;
    gap: clamp(8px, .9375vw, 16px)
}

.box-name-profile-menu {
    margin-bottom: clamp(26.66666667px, 3.125vw, 53.33333333px);
    max-width: 200px
}

.menu-open {
    overflow: hidden
}

.body-custom-modal-01 {
    padding: 0 clamp(40px, 4.1667vw, 80px) clamp(16px, 1.6667vw, 32px)
}

.body-custom-modal-01 .text-01 {
    text-align: center
}

.body-custom-modal-01 .text-01.title-top-custom-01 {
    width: clamp(153.33333333px, 17.9688vw, 306.66666667px);
    margin: 0 auto clamp(16.66666667px, 1.9531vw, 33.33333333px)
}

.box-modal-custom-01 {
    width: clamp(346.66666667px, 36.1111vw, 693.33333333px)
}

.box-img-icon-top-modal {
    text-align: center
}

.section-custom-tab-post-element-item-box {
    margin-bottom: 60px
}

.section-custom-tab-post-element-item-box:last-child {
    margin-bottom: 0
}

.service-header {
    background: #5F84AD;
    color: #fff
}

.activities-and-workshops-header {
    background: #37813C
}

.activities-and-workshops-header .section-header-custom-title {
    color: #fff
}

.activities-and-workshops-header .section-header-custom-text {
    color: #fff
}

.activities-and-workshops-header .section-header-custom-fond-02 {
    right: 3%;
    bottom: 0
}

.news-and-opinion-header {
    background: #A4607F
}

.news-and-opinion-header .section-header-custom-fond-02 {
    right: 3%;
    bottom: 0
}

.news-and-opinion-header .section-header-custom-title {
    color: #fff
}

.news-and-opinion-header .section-header-custom-text {
    color: #fff
}

.section-custom-tab-post-box-news-and-opinion {
    padding-top: 40px
}

.section-custom-tab-post-element-item-description-box {
    display: flex;
    gap: 16px
}

.section-custom-tab-post-element-item-description-box-title {
    margin-bottom: 8px
}

.section-custom-tab-post-element-item-description-box-tb .section-custom-tab-post-element-item-description-text-button {
    color: #58606E;
    margin-bottom: 20px
}

.instructions-header {
    background: #336148;
    padding-bottom: 35px
}

.instructions-header .section-header-custom-title {
    color: #fff
}

.instructions-header .section-header-custom-text {
    color: #fff
}

.instructions-header .section-header-custom-fond-02 {
    right: 3%;
    bottom: 0
}

.tab-post-box-elements-instructions .section-custom-tab-post-elements-publications-box-items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px
}

.tab-post-box-elements-instructions .section-custom-tab-post-elements-publications-box-items .card-custom-01 {
    width: calc(33.333% - 21.4px);
    display: flex;
    flex-direction: column
}

.tab-post-box-elements-instructions .section-custom-tab-post-elements-publications-box-items .card-custom-01 .card-custom-01 .img-full-size {
    height: 380px
}

.section-custom-tab-post-box-instructions {
    padding-top: 0;
    margin-top: 40px
}

.tab-post-box-elements-instructions {
    padding-top: 0
}

.instructions-header .section-header-custom-content {
    margin: 0
}

.body-custom-modal-ubication {
    width: 100%
}

.modal .select-custom1 .select2 .select2-selection__arrow {
    width: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    height: clamp(21.33333333px, 2.2222vw, 42.66666667px);
    border-radius: 50%;
    background-size: contain
}

.box-content-chats-notfications::-webkit-scrollbar {
    width: clamp(8px, .8333vw, 16px);
    height: clamp(8px, .8333vw, 16px)
}

.box-content-chats-notfications::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.box-content-chats-notfications::-webkit-scrollbar-thumb {
    background: #0038b8;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-content-chats-notfications::-webkit-scrollbar-thumb:hover {
    background: #0038b8
}

.box-content-chats-notfications::-webkit-scrollbar-thumb:active {
    background: #0038b8
}

.box-content-chats-notfications::-webkit-scrollbar-track {
    background: #d9d9d9;
    border: 0 none #ffffff;
    border-radius: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.box-content-chats-notfications::-webkit-scrollbar-track:hover {
    background: #d9d9d9
}

.box-content-chats-notfications::-webkit-scrollbar-track:active {
    background: #d9d9d9
}

.box-content-chats-notfications::-webkit-scrollbar-corner {
    background: transparent
}

.box-content-links-account .btn-design-01 {
    text-decoration: none
}

.box-menu-notifications-custom-01 {
    width: clamp(245.33333333px, 25.5556vw, 490.66666667px);
    background: white;
    position: relative;
    margin-left: auto;
    height: 100%
}

.box-content-chats-notfications .li-chat-single {
    margin: 0
}

.modal-notifications {
    margin-top: clamp(39.33333333px, 4.6094vw, 100.666667px);
    display: none
}

.box-title-notifications {
    padding: clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(15.33333333px, 1.5972vw, 30.66666667px) clamp(14.66666667px, 1.5278vw, 29.33333333px)
}

.box-content-chats-notfications {
    overflow-y: auto;
    height: calc(100% - clamp(106.66666667px, 11.1111vw, 213.33333333px))
}

.box-content-chats-notfications .list-chats-box {
    height: 100%;
    display: flex;
    flex-direction: column
}

.disconected.new-msg {
    order: 0
}

.conected.new-msg {
    order: 0
}

.open-notification-chats {
    cursor: pointer
}

.body-chat-user {
    display: flex;
    gap: clamp(20px, 2.0833vw, 40px)
}

.body-chat-user .box-left-list-chats-modal-user {
    /* width: 100%; */
    /* width: 45% */
}

.body-chat-user .box-right-content-chats-modal {
    width: 55%;
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px) clamp(6.66666667px, .6944vw, 13.33333333px) 0 0;
    overflow: hidden
}

.body-chat-user .box-buttons-only {
    width: 65%
}

.section-total-content-chat {
    width: clamp(593.33333333px, 61.8056vw, 1186.66666667px);
    padding-bottom: clamp(20px, 2.0833vw, 40px)
}

.body-chat-user .box-title-chat-modal {
    border-radius: 0;
    position: sticky;
    top: 0;
    z-index: 2
}

.box-buttons-nav .btn-design-01 {
    gap: clamp(2.66666667px, .2778vw, 5.33333333px);
    text-decoration: none
}

.box-img-profile-edit {
    position: relative;
    width: clamp(140px, 9.7222vw, 186.66666667px);
    height: clamp(140px, 9.7222vw, 186.66666667px);
    border-radius: 50%;
    overflow: hidden
}

.initial-name-profile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: clamp(16px, 1.6667vw, 32px);
    opacity: 1;
    transition: opacity .3s ease-in-out;
    width: 100%;
    height: 100%;
    background: #93BF3C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(44px, 4.5833vw, 88px)
}

.box-img-profile-edit.have-img .initial-name-profile {
    opacity: 0
}

#fileimgprofile {
    display: none
}

.box-content-img-profile {
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
    margin-bottom: clamp(16px, 1.6667vw, 32px)
}

.box-content-img-profile label {
    background: red;
    display: flex;
    align-items: center;
    gap: clamp(2.66666667px, .2778vw, 5.33333333px);
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;
    margin-top: calc(clamp(10px, 1.0417vw, 20px) * -1);
    position: relative
}

.box-content-total-profile {
    display: flex
}

.box-right-profile {
    width: 50%;
    padding: clamp(40px, 4.1667vw, 80px) clamp(28px, 2.9167vw, 56px) clamp(34.66666667px, 3.6111vw, 69.33333333px);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.box-left-profile {
    width: 50%;
    padding: clamp(40px, 4.1667vw, 80px) clamp(18.66666667px, 1.9444vw, 37.33333333px) clamp(34.66666667px, 3.6111vw, 69.33333333px);
    border-right: clamp(.66666667px, .0694vw, 1.33333333px) solid #DDE3ED
}

.container-content-generic-body-message-profile {
    background: transparent;
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid #DDE3ED;
    padding: 0
}

.box-text-profile .text-08 {
    text-align: left
}

.data-profile {
    list-style: none;
    padding: 0;
    text-align: left;
    margin: clamp(37px, 2.5694vw, 49.33333333px) 0 0
}

.data-profile .text-01 {
    text-decoration: none;
    color: #060B25
}

.data-profile a {
    display: flex;
    align-items: center
}

.data-profile li {
    margin-bottom: clamp(10px, 1.0417vw, 20px)
}

.icon-img-data {
    width: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.container-content-generic-header-text-results span {
    font-weight: 700
}

.container-content-generic-header-results {
    margin-bottom: clamp(10px, 1.0981vw, 20px)
}

.tab-post-box-elements-news-and-opinion {
    padding-top: 0
}

.content-tools-access {
    display: flex;
    position: relative;
    z-index: 9;
    transform: translateX(87%);
    margin-left: auto;
    transition: all .5s ease
}

.tools-accesibility {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 100%;
    display: flex;
    transform: translateX(97%);
    z-index: 9;
    transform: none;
    justify-content: flex-end;
    width: clamp(33.33333333px, 3.6603vw, 66.66666667px)
}

.tools-accesibility .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: 0;
    display: none
}

.tools-accesibility.active {
    transform: none;
    width: 100%;
    z-index: 2
}

.tools-accesibility.active .content-tools-access {
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.tools-accesibility.active .overlay {
    opacity: .65
}

.box-content-tools-accesibility {
    padding: clamp(28px, 3.0747vw, 56px);
    background: white;
    box-sizing: border-box;
    padding-right: clamp(46.66666667px, 5.1245vw, 93.33333333px)
}

.box-content-tools-accesibility h3.text-04 {
    width: clamp(121.33333333px, 13.3236vw, 242.66666667px);
    line-height: 122%;
    margin-bottom: clamp(16px, 1.757vw, 32px)
}

.tool-button {
    text-decoration: none;
    color: #000000;
    line-height: 244.44%;
    display: flex;
    align-items: center;
    gap: clamp(8px, .9375vw, 16px);
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    padding: 0 clamp(13.33333333px, 1.3889vw, 26.66666667px) 0 clamp(10px, 1.0417vw, 20px);
    margin: 0 calc(clamp(11.66666667px, 1.2153vw, 23.33333333px) * -1);
    border-radius: clamp(20px, 2.0833vw, 40px);
    transition: all .3s ease
}

.tool-button img {
    transition: all .3s ease
}

.tool-button .text-01 {
    line-height: 244%
}

.tool-button.active {
    background: #93bf3c;
    color: #fff
}

.tool-button.active img {
    filter: invert(1)
}

ul.list-button-accesibility {
    margin-bottom: clamp(60px, 6.5886vw, 120px);
    gap: clamp(2.66666667px, .2778vw, 5.33333333px);
    display: flex;
    flex-direction: column
}

.box-btn-accesibility-close {
    display: flex;
    justify-content: center
}

.btn-tools span {
    font-weight: 700
}

.box-text-modal-03 {
    height: 100%;
    overflow-y: auto
}

.box-text-modal-03::-webkit-scrollbar {
    width: clamp(8px, .8333vw, 16px);
    height: clamp(8px, .8333vw, 16px)
}

.box-text-modal-03::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.box-text-modal-03::-webkit-scrollbar-thumb {
    background: #0038b8;
    border: 0 none #ffffff;
    border-radius: clamp(33.33333333px, 3.4722vw, 66.66666667px)
}

.box-text-modal-03::-webkit-scrollbar-thumb:hover {
    background: #0038b8
}

.box-text-modal-03::-webkit-scrollbar-thumb:active {
    background: #0038b8
}

.box-text-modal-03::-webkit-scrollbar-track {
    background: #d9d9d9;
    border: 0 none #ffffff;
    border-radius: clamp(30.66666667px, 3.1944vw, 61.33333333px)
}

.box-text-modal-03::-webkit-scrollbar-track:hover {
    background: #d9d9d9
}

.box-text-modal-03::-webkit-scrollbar-track:active {
    background: #d9d9d9
}

.box-text-modal-03::-webkit-scrollbar-corner {
    background: transparent
}

.box-img-and-text-modal-03 {
    height: clamp(228px, 23.75vw, 456px)
}

.modal-curso .body-custom-modal-03 .list-modal-03 .text-02 {
    line-height: 150%
}

.box-details-custom-modal-03:last-child {
    margin-bottom: 0
}

.list-results-search {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #000;
    position: relative;
    z-index: 2
}

.list-results-search li {
    margin-bottom: clamp(10.66666667px, 1.0526vw, 21.33333333px)
}

.list-results-search li:last-child {
    margin-bottom: 0
}

.list-results-search .text-02 {
    display: flex;
    align-items: center;
    gap: clamp(6.66666667px, .6579vw, 13.33333333px)
}

.box-content-modal-search {
    padding: 24px 16px;
    background: white;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 9;
    border-radius: clamp(6.66666667px, .6579vw, 13.33333333px);
    display: none
}

.box-search-total {
    position: relative
}

input[type="search"]::-webkit-search-decoration {
    display: none
}

input[type="search"]::-webkit-search-cancel-button {
    display: none
}

input[type="search"]::-webkit-search-results-button {
    display: none
}

input[type="search"]::-webkit-search-results-decoration {
    display: none
}

#calendar .fc-today-button {
    display: none !important
}

#calendar .fc .fc-daygrid-day-number {
    font-weight: 700
}

#calendar .fc-daygrid-day-number {
    font-weight: 700;
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: clamp(16px, 1.6667vw, 32px);
    color: #060B25;
    padding: 0;
    top: clamp(6px, .625vw, 12px);
    right: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

#calendar .fc-day-other .fc-daygrid-day-top {
    opacity: .5
}

#calendar thead {
    background: #DDE3ED
}

#calendar .fc-scrollgrid-liquid {
    border-color: #DDE3ED
}

#calendar .fc-col-header-cell-cushion {
    padding: clamp(4.66666667px, .4861vw, 9.33333333px) 0;
    font-weight: 400;
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: clamp(16px, 1.6667vw, 32px);
    color: #060B25
}

#calendar .fc-col-header-cell .fc-scrollgrid-sync-inner {
    display: flex;
    justify-content: flex-end;
    padding-right: 19px
}

#calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button {
    background: #EBEFF5;
    border: 0;
    border-radius: 50px;
    outline: none !important;
    box-shadow: none;
    width: clamp(24px, 2.2222222vw, 40px);
    height: clamp(24px, 2.2222222vw, 40px);
    display: flex;
    align-items: center;
    justify-content: center
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-top: 15px;
    margin-bottom: 30px;
}

#calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon {
    color: #103D6F;
    font-weight: 800;
    font-size: 1.1em
}

#calendar .fc-toolbar {
    justify-content: inherit
}

#calendar .fc-toolbar>*>:not(:first-child) {
    margin-left: clamp(12px, 1.1111111vw, 20px);
    gap: clamp(3.75px, .3472222vw, 6.25px)
}

#calendar td,
#calendar th {
    border-color: #DDE3ED
}

#calendar .fc-daygrid-event-harness {
    background: #DDE3ED;
    margin-top: 16px !important;
    min-height: 5.5em;
    border-radius: 10px
}

#calendar .fc-daygrid-day-events {
    min-height: 7em;
    padding: 0 clamp(5.33333333px, .5556vw, 10.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px);
    margin: 0
}

#calendar .fc-daygrid-event.fc-event-end,
#calendar .fc-daygrid-event.fc-event-start {
    min-height: clamp(75px, 6.9444444vw, 125px);
    flex-direction: column-reverse;
    padding: 8px 12px;
    margin: 0;
    cursor: pointer;
    transition: all .5s ease
}

#calendar .fc-daygrid-dot-event:hover,
#calendar .fc-daygrid-dot-event.fc-event-mirror:hover {
    background: #DDE3ED;
    border-radius: 8px
}

#calendar .fc-daygrid-event.fc-event-end:hover,
#calendar .fc-daygrid-event.fc-event-start:hover {
    background: #37813C;
    color: #fff
}

#calendar .fc-daygrid-event.fc-event-end:hover .fc-event-title,
#calendar .fc-daygrid-event.fc-event-start:hover .fc-event-title {
    color: #fff
}

.fc-daygrid-event-dot {
    display: none
}

#calendar .fc-event-title {
    font-size: clamp(9.33333333px, .9722vw, 18.66666667px);
    line-height: clamp(11.33333333px, 1.1806vw, 22.66666667px);
    font-weight: 400;
    width: 100%;
    color: #060B25;
    transition: all .5s ease;
    white-space: normal
}

#calendar .fc-event-time {
    width: 100%;
    font-weight: 700;
    font-size: clamp(9.33333333px, .9722vw, 18.66666667px);
    line-height: clamp(11.33333333px, 1.1806vw, 22.66666667px)
}

#calendar .fc-scrollgrid-section-header .fc-scroller-harness .fc-scroller {
    overflow: hidden !important;
}

#calendar .fc-day-future.fc-day-other {
    background: #DADADA40
}

#calendar .fc-day-past.fc-day-other {
    background: #DADADA40
}

#calendar .fc-toolbar-title {
    font-size: clamp(16px, 1.6667vw, 32px);
    letter-spacing: -0.2px;
    line-height: clamp(24px, 2.5vw, 48px)
}

.body-custom-modal-serie-number {
    padding: 0 clamp(21.33333333px, 2.2222vw, 42.66666667px) 52px
}

.container-card.text-body-card>p {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400
}

.container-card.text-body-card>p>strong {
    display: none
}

.container-card.text-body-card>p>a img {
    object-fit: cover;
    height: clamp(200px, 20.8333vw, 400px);
    width: 100%;
    margin: auto;
    margin-bottom: calc(clamp(16px, 1.6667vw, 32px)*-1)
}

.container-card.text-body-card>p iframe {
    width: 100%;
    height: clamp(233.33333333px, 24.3056vw, 466.66666667px);
    margin-top: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.ac_form_submit {
    display: flex !important;
    font-weight: 500;
    align-items: center;
    background: transparent;
    border: 0;
    padding: 0;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px);
    background: url('data:image/svg+xml,<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67148 16.8849L19.1215 9.40488C19.9315 9.05488 19.9315 7.91488 19.1215 7.56488L1.67148 0.0848802C1.01148 -0.20512 0.281484 0.28488 0.281484 0.99488L0.271484 5.60488C0.271484 6.10488 0.641484 6.53488 1.14148 6.59488L15.2715 8.48488L1.14148 10.3649C0.641484 10.4349 0.271484 10.8649 0.271484 11.3649L0.281484 15.9749C0.281484 16.6849 1.01148 17.1749 1.67148 16.8849Z" fill="%2358606E"/></svg>');
    background-repeat: no-repeat;
    padding-right: clamp(18.66666667px, 1.9444vw, 37.33333333px);
    background-position: 100% 50%;
    background-size: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    color: #58606E;
    cursor: pointer
}

.emojiPickerIconWrap {
    width: 100%
}

.emojiPickerIconWrap textarea {
    width: 100% !important
}

#output-preview {
    position: absolute;
    bottom: clamp(6.66666667px, .6944vw, 13.33333333px);
    width: clamp(66.66666667px, 6.9444vw, 133.33333333px);
    left: calc(clamp(33.33333333px, 3.4722vw, 66.66666667px) + 6px);
    height: clamp(66.66666667px, 6.9444vw, 133.33333333px);
    object-fit: cover;
    border-radius: clamp(3.33333333px, .3472vw, 6.66666667px);
    display: none
}

.card-body-content-modal-create-post {
    position: relative
}

.activity_comment {
    display: none
}

.section-activities-and-workshops-home-box-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px
}

.section-activities-and-workshops-home {
    margin-top: 42px
}

.section-activities-and-workshops-home-box-content .section-custom-tab-post-element-item {
    width: 100%
}

.section-activities-and-workshops-home-box-content .section-custom-tab-post-element-item-description-text-button {
    flex-direction: column;
    margin-bottom: 20px
}

.section-activities-and-workshops-home-box-content .section-custom-tab-post-element-item-description-box-text {
    width: 100%
}

.section-activities-and-workshops-home-box-content .section-custom-tab-post-element-item-description-box-button {
    width: 100%;
    margin-top: 17px
}

.section-activities-and-workshops-home-box-content .section-custom-tab-post-element-item-description-box-button .section-custom-tab-post-element-item-description-button {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    box-shadow: 0 6px 14px 0 #1219541A
}

.section-activities-and-workshops-home-button {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    color: #0038B8
}

.section-activities-and-workshops-home-title {
    font-weight: 700
}

.section-activities-and-workshops-home-box-title {
    display: flex;
    align-items: center
}

.title-community {
    font-weight: 700
}

.box-title-community {
    margin-bottom: clamp(27px, 2.5vw, 45px)
}

.section-custom-tab-post-element-item-description-text {
    color: #58606E
}

.section-activities-and-workshops-home-box-content {
    margin-bottom: 40px;
    height: -webkit-fit-content;
    height: fit-content
}

.container-card-survey {
    padding: 0 clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(18.75px, 1.7361111vw, 31.25px)
}

.card-survey-form-box-input input {
    display: none
}

.card-survey-form-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 16px;
    border-radius: 15px;
    border: 1px solid #C4C4C4;
    position: relative;
    padding-left: 55px;
    padding-right: 20px;
    transition: all .5s ease;
    cursor: pointer
}

.card-survey-form-label-total {
    display: flex;
    gap: 11px;
    align-items: center
}

.card-survey-form-label::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    border: 2px solid #AFBACC;
    border-radius: 50%;
    left: 20px
}

.card-survey-form-label::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    background-image: url(../img/arrow-check.png);
    border-radius: 50%;
    background-color: #1F61F7;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    opacity: 0;
    transition: all .5s ease
}

.card-survey-form-box-input input:checked+label::before {
    opacity: 1
}

.card-survey-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.card-survey-form-box-input input:checked+label::after {
    opacity: 0
}

.card-survey-form-label-total-text {
    font-weight: 700
}

.card-survey-form-box-input input:checked+label {
    background: #DDE3ED
}

.section-activities-and-workshops-home-box-content .section-activities-and-workshops-home-button {
    display: none
}

.mode-list-content .section-custom-tab-post-element-item {
    width: 100%;
    display: flex;
    flex-direction: row
}

.mode-list-content .section-custom-tab-post-element-item .section-custom-tab-post-element-item-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.view-button-list.active {
    background: #DDE3ED
}

.box-input-send-message-modal-03 form {
    display: flex !important;
    align-items: center;
    height: 100%;
    padding: 0
}

.modal-custom-withdraw .box-img-icon-top-modal {
    margin-bottom: 5px
}

.modal-custom-withdraw-product .body-custom-modal-01 .text-01.title-top-custom-01 {
    width: 60%
}

.box-img-icon-top-modal-withdraw {
    margin-bottom: 12px
}

.box-img-icon-top-modal-withdraw {
    margin-bottom: 12px
}

.enter-course {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-weight: 500;
    color: #0038B8
}

.section-sidebar .disabled {
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    background: #82BC0080;
    color: #FFFFFF80
}

.modal-present .box-img-modal-03 {
    width: 30%
}

.modal-present .box-img-modal-03 img {
    height: 240px
}

.modal-present-button {
    display: flex;
    margin-top: 24px;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #0038B8
}

.modal-present .box-text-modal-03 {
    width: 70%
}

.modal-present .box-img-and-text-modal-03 {
    gap: 40px
}

.modal-present .box-details-custom-modal-03 p,
.modal-present .box-details-custom-modal-03 h4 {
    margin-bottom: 20px
}

.modal-present .box-details-custom-modal-03 p:last-child,
.modal-present .box-details-custom-modal-03 h4:last-child {
    margin-bottom: 0px
}

.box-button-save-profile .disabled {
    background: #EBEFF5 !important;
    color: #AFBACC !important;
    pointer-events: none !important
}

#price_form_input:before {
    content: "$";
    position: absolute;
    left: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    bottom: clamp(4.8px, .5vw, 9.6px);
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%
}

#price_form_input input {
    padding-left: clamp(16.66666667px, 1.7361vw, 33.33333333px)
}

.error-input,
.error-input .select2-selection {
    border-color: #f00 !important
}

.preloader-form {
    position: fixed;
    display: none;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #094f81;
    margin: -4px 0 0 -4px
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

.btn-design-03.blue-bg:hover {
    background: #93BF3C !important;
    color: #FFFFFF !important
}

.btn-design-01.blue-bg:hover {
    background: #93BF3C !important;
    color: #FFFFFF !important
}

.btn-design-02.blue-bg:hover {
    background: #93BF3C !important;
    color: #FFFFFF !important
}

.btn-design-03.grey-bg:hover {
    background: #58606E !important;
    color: #fff !important
}

.btn-design-03.grey-bg:hover svg path {
    fill: #fff
}

.btn-design-03.grey-bg svg path {
    transition: all .5s ease
}

.section-custom-tab-post-nav-list-item.active:hover {
    background: #93BF3C
}

.box-top-menu-profile-custom-01 ul a:hover {
    color: #0038B8
}

.box-top-menu-profile-custom-01 ul a {
    transition: all .5s ease
}

.box-top-menu-profile-custom-01 ul a svg path {
    transition: all .5s ease
}

.box-top-menu-profile-custom-01 ul a:hover svg path {
    fill: #0038B8
}

.container-card-survey {
    position: relative
}

.container-card-survey .preloader-form {
    position: absolute
}

.load-more-home {
    list-style: none !important;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.load-more-home a {
    font-size: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400;
    padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    border: 0;
    outline: none;
    display: flex;
    align-items: center;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    transition: all .5s ease;
    background: #094F81 !important;
    color: white !important;
    text-decoration: none;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    font-weight: 700;
    padding: 10px 20px
}

.load-more-home a.line-height-18px {
    line-height: clamp(12px, 1.25vw, 24px)
}

.load-more-home a:hover {
    transform: calc(clamp(2px, .2083vw, 4px) * -1)
}

.load-more-home a:hover {
    background: #93BF3C !important;
    color: #FFFFFF !important
}

.box-comments-content-modal-03>ul {
    padding: 0;
    margin: 0;
    padding-top: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    gap: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    display: flex;
    flex-direction: column
}

.box-comments-content-modal-03>ul .card-comment {
    background: transparent;
    border: 0;
    padding: 0 clamp(6.66666667px, .6944vw, 13.33333333px)
}

.box-comments-content-modal-03>ul .card-comment .text-header-card .text-02 {
    display: none
}

.box-comments-content-modal-03>ul .card-comment .card-top-comment {
    padding: 0;
    gap: clamp(5.33333333px, .5556vw, 10.66666667px);
    margin: 0
}

.box-comments-content-modal-03>ul .card-comment .card-bottom-comment {
    display: none
}

.box-comments-content-modal-03>ul .card-comment .container-card {
    padding: 0;
    padding-left: clamp(33.33333333px, 3.4722vw, 66.66666667px);
    margin-top: calc(clamp(10.66666667px, 1.1111vw, 21.33333333px) * -1)
}

.box-comments-content-modal-03>ul .card-comment .card-body-comment {
    margin: 0
}

.ui-autocomplete {
    padding: 0 clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(16px, 1.6667vw, 32px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
    background: white;
    position: absolute;
    z-index: 9;
    border-radius: clamp(6.66666667px, .6579vw, 13.33333333px);
    border: 0 !important;
    width: clamp(174.46666667px, 18.1736vw, 348.93333333px) !important;
    display: flex;
    flex-direction: column;
    gap: clamp(10.66666667px, 1.0526vw, 21.33333333px);
    list-style: none;
    padding-top: clamp(16px, 1.6667vw, 32px);
    z-index: 10
}

.ui-autocomplete .ui-menu-item-wrapper {
    font-size: clamp(10.66666667px, 1.1111vw, 21.33333333px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: clamp(6.66666667px, .6579vw, 13.33333333px)
}

.ui-autocomplete .ui-menu-item-wrapper.line-height-18px {
    line-height: clamp(12px, 1.25vw, 24px)
}

.ui-autocomplete .ui-menu-item-wrapper:before {
    content: "";
    background-image: url('https://vrconsulting.cl/entrepensionados_wp/wp-content/themes/entrepensionados/assets/img/icon-clock.svg');
    display: block;
    background-size: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    width: clamp(13.33333333px, 1.3889vw, 26.66666667px);
    height: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.btn-like:hover,
.btn-coment:hover {
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%)
}

.box-button-send-mesagge button:hover {
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%)
}

.box-input-file:hover {
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%)
}

.box-icon-file:hover {
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%)
}

.box-button-send-mesagge:hover {
    filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%)
}

.mode-list-content .section-custom-tab-post-element-item-box-img {
    border-top-right-radius: 0;
    flex: 0 0 48%;
    height: clamp(173.33333333px, 18.0556vw, 346.66666667px);
    border-bottom-left-radius: 8px
}

.ui-autocomplete {
    padding-top: clamp(6px, .625vw, 12px);
    padding-bottom: clamp(6px, .625vw, 12px);
    gap: 0
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background: transparent;
    color: #000;
    transform: translateY(-2px)
}

.ui-autocomplete .ui-menu-item-wrapper {
    padding: clamp(5px, .5208vw, 10px) 0;
    transition: all .3s ease;
    border: 0 !important;
    margin: 0 !important
}

.list-results-search li {
    margin: 0;
    padding: clamp(5px, .5208vw, 10px) 0;
    cursor: pointer;
    transition: all .3s ease
}

.list-results-search li:not(.search-recent):hover {
    transform: translateY(-2px)
}

.box-content-modal-search {
    padding: clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px)
}

.box-details-custom-modal-link {
    display: flex;
    align-items: center;
    gap: clamp(6.66666667px, .6944vw, 13.33333333px);
    text-decoration: none;
    color: #0038b8;
    font-weight: 500;
    line-height: clamp(26.66666667px, 2.7778vw, 53.33333333px)
}

#calendar .fc-toolbar-title::first-letter {
    text-transform: uppercase
}

.section-custom-tab-post-element-item-description-box-avatar img {
    width: clamp(22px, 2.2917vw, 44px);
    height: auto
}

.modal-present .box-details-custom-modal-03 p,
.modal-present .box-details-custom-modal-03 h4 {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 133.33%;
    letter-spacing: -0.2px;
    font-weight: 400
}

.modal-present .box-details-custom-modal-03 h4 {
    font-weight: 600
}

.ovelary-serch-input {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    display: none
}

.box-content-chats-notfications .li-chat-single>a {
    flex: 0 0 clamp(34px, 3.5417vw, 68px)
}

.box-img-chat-single {
    padding: 0
}

.box-img-chat-single img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.li-chat-single {
    align-items: flex-start
}

.li-chat-single-box {
    width: 100%;
    align-items: flex-start
}

.li-chat-single-box .box-img-chat-single {
    margin-bottom: auto
}

.btn-contact-user {
    margin-right: 20px;
    font-size: 16px;
    margin-left: auto;
    display: flex;
    gap: 10px
}

.card-body-content-modal-create-post .emojiPicker {
    bottom: calc(clamp(13.33333333px, 1.3889vw, 26.66666667px) * -1);
    top: initial !important;
    right: initial;
    left: clamp(33.33333333px, 3.4722vw, 66.66666667px) !important
}

.emojiPicker section {
    overflow: hidden;
    overflow-y: scroll
}

.box-input-send-message .emojiPicker {
    left: initial !important;
    right: clamp(33.33333333px, 3.4722vw, 66.66666667px) !important;
    top: initial !important;
    /* bottom: clamp(43.33333333px, 4.5139vw, 86.66666667px) !important */
}

.activity_update .box-input-send-message {
    position: relative
}

.activity_update .box-input-send-message .emojiPicker {
    right: 0px !important
}

.body-gray-scale .sidebar {
    filter: grayscale(1)
}

.body-gray-scale .box-img-logo img {
    filter: grayscale(1)
}

.body-gray-scale .box-buttons-nav {
    filter: grayscale(1)
}

.body-gray-scale .tools-accesibility {
    filter: grayscale(1)
}

.body-gray-scale .section-header-custom {
    filter: grayscale(1)
}

.body-gray-scale .section-custom-tab-post-box {
    filter: grayscale(1)
}

.body-gray-scale .select2-container {
    filter: grayscale(1)
}

.body-gray-scale .section-activities-and-workshops-home-box-content {
    filter: grayscale(1)
}

.body-gray-scale .section-activities-and-workshops-home-box-header {
    filter: grayscale(1)
}

.body-gray-scale .box-total-content-post {
    filter: grayscale(1)
}

.body-gray-scale .modal {
    filter: grayscale(1)
}

.body-gray-scale .section-total-content {
    filter: grayscale(1)
}

.tools-accesibility.active {
    z-index: 9
}

.section-custom-tab-post-elements-box-view-btn {
    position: absolute;
    top: calc(clamp(24.66666667px, 2.5694vw, 49.33333333px) * -1);
    transform: translateY(-100%);
    text-decoration: none;
    gap: clamp(2.66666667px, .2778vw, 5.33333333px)
}

.section-custom-tab-post-elements-box-view-btn.section-custom-tab-post-elements-box-view-btn-servicios {
    gap: clamp(6.66666667px, .6944vw, 13.33333333px)
}

.section-custom-tab-post-elements-box-view-btn svg {
    height: clamp(14px, 1.4583vw, 28px);
    width: auto
}

.section-custom-tab-post-elements-box-view-btn:hover {
    background: #82bc00
}

.section-custom-post-destaqued-img {
    width: 100%;
    height: clamp(73.33333333px, 7.6389vw, 146.66666667px);
    object-fit: cover
}

.section-custom-post-destaqued {
    border: clamp(.66666667px, .0694vw, 1.33333333px) solid #DDE3ED;
    border-radius: clamp(6.66666667px, .6944vw, 13.33333333px);
    overflow: hidden
}

.section-custom-post-destaqued-box-tag {
    position: absolute;
    left: clamp(14px, 1.4583vw, 28px);
    bottom: clamp(6px, .625vw, 12px)
}

.section-custom-post-destaqued-description {
    padding: clamp(6.66666667px, .6944vw, 13.33333333px) clamp(10.66666667px, 1.1111vw, 21.33333333px) clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.section-custom-post-destaqued-box-img {
    position: relative
}

.section-custom-post-destaqued-tag {
    padding: clamp(1.33333333px, .1389vw, 2.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px) clamp(1.33333333px, .1389vw, 2.66666667px) clamp(5.33333333px, .5556vw, 10.66666667px);
    background: #094f81;
    font-weight: 500;
    color: #fff;
    border-radius: clamp(2.66666667px, .2778vw, 5.33333333px)
}

.section-custom-post-destaqued-description-title {
    margin-bottom: clamp(14px, 1.4583vw, 28px);
    min-height: clamp(32px, 3.3333vw, 64px);
    display: flex;
    align-items: center
}

.section-custom-post-destaqued-description-button {
    width: 100%;
    justify-content: center;
    font-weight: 500
}

.section-activities-and-workshops-home.activity {
    margin: 0
}

.section-activities-and-workshops-home-box-content {
    margin-bottom: clamp(16.66666667px, 1.7361vw, 33.33333333px);
    border-bottom: clamp(.66666667px, .0694vw, 1.33333333px) solid #DDE3ED;
    padding-bottom: clamp(16.66666667px, 1.7361vw, 33.33333333px)
}

.section-custom-tab-post-element-item-content>.activity-item:not(.section-custom-tab-post-element-item) {
    order: 2
}

.modal-wellcome .body-modal-contact,
.modal-wellcome .header-custom-modal {
    padding-left: clamp(20.66666667px, 2.1528vw, 41.33333333px)
}

.modal-wellcome .box-text-contact-modal-custom-01 {
    margin: 0
}

.modal-wellcome .body-modal-contact {
    padding-bottom: clamp(40px, 4.1667vw, 80px)
}

.modal-wellcome .box-text-contact-modal-custom-01 .text-01 span {
    margin-bottom: clamp(4.66666667px, .4861vw, 9.33333333px);
    display: block
}

.page-template-page-comprar-vender .section-header-custom-filter-box-select {
    width: calc(50% - clamp(5.33333333px, .5556vw, 10.66666667px))
}

.container-content-generic-header-text-small {
    display: flex;
    align-items: center;
    font-weight: 500
}

.box-content-messagges-content-chat>div:first-child {
    display: none
}

.textarea-custom1 textarea {
    height: clamp(90px, 7.0313vw, 135px);
    width: 100%
}

.textarea-custom1 .wpcf7-form-control-wrap {
    display: block
}

.input-custom1 .wpcf7-form-control-wrap {
    width: 100%;
    display: block
}

.input-custom1 .wpcf7-form-control-wrap input {
    width: 100%
}

.input-custom1 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: relative;
    margin-bottom: calc(clamp(22px, 1.7188vw, 44px) * -1);
    margin-top: clamp(10px, .7813vw, 20px)
}

.box-content-contact-modal-custom-01 .select-custom1 {
    height: clamp(49.77333333px, 3.8885vw, 74.66px)
}

.box-content-contact-modal-custom-01 .select-custom1 p {
    height: 100%
}

.modal-contact .box-modal-custom-contact {
    width: clamp(666.66666667px, 52.0833vw, 1333.33333333px)
}

.modal-contact form>.wpcf7-response-output {
    display: none
}

.modal-success-contact .body-modal-contact {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.modal-success-contact .box-modal-custom-contact {
    width: clamp(546.66666667px, 56.9444vw, 1093.33333333px);
    height: clamp(388.66666667px, 40.4861vw, 777.33333333px)
}

.modal-success-contact .box-modal-custom-contact .modal-success-contact-title {
    margin-bottom: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.modal-success-contact .header-custom-modal-contact {
    position: absolute;
    right: 0;
    top: 0
}

.modal-success-contact .box-top-contact-img svg {
    width: 80%;
    height: 80%
}

.modal-success-contact .box-top-contact-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.new_blog_post .card-body-content .img-body-card img {
    margin-bottom: 0;
    object-fit: cover;
    height: clamp(200px, 20.8333vw, 400px);
    width: 100%;
    margin: auto
}

.new_blog_post .card-body-content .img-body-card {
    padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px)
}

.img-body-card {
    height: auto
}

.home .inicio,
.page-template-page-comprar-vender .comprar-y-vender,
.page-template-page-publicar-productos .comprar-y-vender,
.page-template-page-publicar-servicios .comprar-y-vender,
.page-template-actividades-y-talleres .actividades-y-talleres,
.page-template-actualidad-y-opinion .actualidad-y-opinion,
.page-template-instructivos .instructivos {
    color: #93BF3C
}

.home .inicio:before,
.page-template-page-comprar-vender .comprar-y-vender:before,
.page-template-page-publicar-productos .comprar-y-vender:before,
.page-template-page-publicar-servicios .comprar-y-vender:before,
.page-template-actividades-y-talleres .actividades-y-talleres:before,
.page-template-actualidad-y-opinion .actualidad-y-opinion:before,
.page-template-instructivos .instructivos:before {
    content: "";
    width: clamp(3.33333333px, .3472vw, 6.66666667px);
    height: 100%;
    position: absolute;
    left: 0;
    background: #93BF3C;
    border-radius: clamp(13.33333333px, 1.3889vw, 26.66666667px)
}

.page-template-page-beneficios .section-header-custom-filter-box-select,
.page-template-page-concursos .section-header-custom-filter-box-select {
    width: 100%
}

.section-header-custom-filter-content {
    margin: 0
}

.page-template-actividades-y-talleres .section-header-custom-filter-box-select {
    width: calc(50% - clamp(5.33333333px, .5556vw, 10.66666667px))
}

.container-card.text-body-card-title {
    margin-bottom: 10px;
    font-weight: 700
}

.image-destaqued-activity {
    object-fit: cover;
    height: clamp(200px, 20.8333vw, 400px);
    width: 100%;
    margin: auto;
    margin-bottom: 25px
}

.swiper-home-activities .swiper-wrapper {
    height: -webkit-fit-content;
    height: fit-content
}

.swiper-instructivos-intern {
    height: auto
}

.swiper-instructivos-intern .card-body-custom img.img-full-size {
    height: clamp(273.33333333px, 28.4722vw, 546.66666667px);
    width: 100%;
    object-fit: cover
}

.swiper-instructivos-intern .swiper-wrapper {
    height: auto
}

.tab-post-box-elements-activities-and-workshops .section-custom-tab-post-elements-publications-box-items {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px
}

.tab-post-box-elements-activities-and-workshops .section-custom-tab-post-elements-publications-box-items .card-custom-01 {
    width: calc(33.333% - 21.4px);
    display: flex;
    flex-direction: column
}

.section-custom-tab-post-element-calendar {
    display: block;
    opacity: 0
}

#section-custom-tab-02 {
    position: relative
}

#section-custom-tab-02 .preloader-form {
    position: absolute;
    top: 0;
    display: flex;
    right: 0;
    margin: auto;
    min-height: 200px;
    bottom: initial
}

main #buddypress {
    width: clamp(548px, 57.0833vw, 1450px);
    margin-left: clamp(286.66666667px, 29.8611vw, 720.33333333px);
    padding-top: clamp(16.66666667px, 1.7361vw, 33.33333333px)
}

@media (min-width:991px) {
    .show-mobile {
        display: none !important
    }

    .modal-curso .body-custom-modal-03 .box-text-modal-03 {
        width: clamp(243.33333333px, 24.0132vw, 486.66666667px)
    }

    .modal-curso .body-custom-modal-03 {
        padding-right: clamp(26.66666667px, 2.7778vw, 53.33333333px)
    }
}

@media (max-width:991px) {
    .select-custom1 {
        width: 100%;
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px)
    }

    .select-custom1 .select2 .select2-selection {
        padding: clamp(8px, 3.3333vw, 16px) clamp(8px, 3.3333vw, 16px) clamp(3.33333333px, 1.3889vw, 6.66666667px) clamp(10px, 4.1667vw, 20px)
    }

    .select-custom1 .select2 .select2-selection .select2-selection__rendered {
        padding: 0;
        font-size: clamp(12px, 5vw, 24px);
        line-height: clamp(16px, 6.6667vw, 32px)
    }

    .select-custom1 .select2 .select2-selection__arrow {
        right: clamp(8px, 3.3333vw, 16px);
        top: 0;
        bottom: 0;
        margin: auto;
        width: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        height: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .select-custom1 .select-custom1-label {
        font-size: clamp(8px, 3.3333vw, 16px);
        font-style: normal;
        font-weight: 500;
        line-height: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        top: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .input-custom1,
    .textarea-custom1 {
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px);
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .input-custom1 input,
    .textarea-custom1 input,
    .input-custom1 textarea,
    .textarea-custom1 textarea {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 400;
        line-height: clamp(16px, 6.6667vw, 32px);
        padding: 0
    }

    .input-custom1 .input-custom1-label,
    .textarea-custom1 .input-custom1-label {
        font-size: clamp(8px, 3.3333vw, 16px);
        font-style: normal;
        font-weight: 500;
        line-height: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        top: clamp(5.33333333px, 2.2222vw, 10.66666667px);
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .show-desktop {
        display: none
    }

    .show-mobile {
        display: block
    }

    .section-sidebar {
        width: 100%;
        display: none;
        display: block;
        z-index: 1;
        top: clamp(42px, 17.5vw, 84px);
        overflow-y: auto;
        height: calc(100% - clamp(40px, 16.6667vw, 80px));
        transform: translateX(-100%);
        transition: all .5s ease;
        opacity: 0
    }

    .section-sidebar.active {
        transform: none;
        opacity: 1;
        z-index: 99
    }

    .section-total-content {
        width: 100%;
        margin: 0;
        padding-top: clamp(16px, 6.6667vw, 32px)
    }

    .box-img-profile {
        width: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        height: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        display: flex;
        align-items: center;
        flex: inherit
    }

    .icon-info {
        width: clamp(16px, 6.6667vw, 32px);
        height: clamp(16px, 6.6667vw, 32px)
    }

    .text-01 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: clamp(16px, 6.6667vw, 32px);
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1)
    }

    .container-content {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px));
        margin: auto
    }

    .box-welcome-text {
        padding: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-buttons-only {
        display: none
    }

    .box-input-only-text {
        width: 100%
    }

    .text-02 {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-what-are-you-thinking {
        padding: clamp(8px, 3.3333vw, 16px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        gap: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .box-input-send-message {
        width: -webkit-fit-content;
        width: fit-content;
        width: 85%
    }

    .text-body-card {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-bottom-top-content {
        padding: clamp(8px, 3.3333vw, 16px) 0;
        margin: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-header-content {
        gap: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        align-items: center;
        padding: clamp(16px, 6.6667vw, 32px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(16px, 6.6667vw, 32px)
    }

    .card-header-content .box-img-profile {
        width: 40px;
        height: 40px;
        flex: inherit
    }

    .box-send-comment {
        padding: clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(16px, 6.6667vw, 32px)
    }

    .box-navigation-swiper-custom-01 {
        display: none
    }

    .box-swiper-instrutivos {
        width: calc(100% + clamp(21.33333333px, 8.8889vw, 42.66666667px));
        margin: 0;
        padding: 0;
        margin-left: calc(clamp(10.66666667px, 4.4444vw, 21.33333333px) * -1);
        padding-left: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        padding-bottom: clamp(53.33333333px, 22.2222vw, 106.66666667px)
    }

    .btn-tools {
        padding: clamp(8px, 3.3333vw, 16px) clamp(7.33333333px, 3.0556vw, 14.66666667px);
        width: clamp(32px, 13.3333vw, 64px);
        height: clamp(32px, 13.3333vw, 64px)
    }

    .btn-tools span {
        font-weight: 700
    }

    header {
        z-index: 99
    }

    header nav .container {
        min-height: clamp(42.66666667px, 17.7778vw, 85.33333333px)
    }

    header nav .container .box-buttons-nav .box-img-profile {
        width: clamp(24px, 10vw, 48px);
        height: clamp(24px, 10vw, 48px)
    }

    header nav .container .box-buttons-nav .box-menu-profile {
        padding-left: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .btn-open-menu {
        width: clamp(9.33333333px, 3.8889vw, 18.66666667px);
        gap: clamp(1.33333333px, .5556vw, 2.66666667px)
    }

    .btn-open-menu span {
        height: 2px
    }

    .box-number {
        width: clamp(12px, 5vw, 24px);
        height: clamp(12px, 5vw, 24px)
    }

    .box-number .text-01-small {
        font-size: clamp(6.66666667px, 2.7778vw, 13.33333333px)
    }

    .box-text-welcome .text-01.bold {
        margin-bottom: clamp(2.66666667px, 1.1111vw, 5.33333333px)
    }

    .img-body-card {
        height: clamp(125.33333333px, 52.2222vw, 250.66666667px)
    }

    .box-content-sidebar {
        padding: clamp(21.33333333px, 8.8889vw, 42.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-input-search {
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .links-list-sidebar {
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .links-list-sidebar li {
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .links-list-sidebar a.active {
        color: white
    }

    .links-list-sidebar a.active:before {
        opacity: 0
    }

    .links-list-sidebar a {
        padding-left: clamp(9.33333333px, 3.8889vw, 18.66666667px)
    }

    .box-links-sidebar {
        overflow: auto;
        height: -webkit-fit-content;
        height: fit-content
    }

    .box-links-sidebar .open-create-post {
        margin-top: 0;
        width: calc(100% - clamp(18.66666667px, 7.7778vw, 37.33333333px));
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px);
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .item-box-my-ubication {
        margin-top: 0;
        width: 100%
    }

    button.btn-ubication {
        width: 100%;
        padding: clamp(8px, 3.3333vw, 16px) clamp(6.66666667px, 2.7778vw, 13.33333333px);
        gap: clamp(2.66666667px, 1.1111vw, 5.33333333px)
    }

    .text-ubication-button {
        margin-right: auto
    }

    .text-ubication-button .text-02 {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        line-height: clamp(16px, 6.6667vw, 32px);
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1)
    }

    .text-03 {
        font-size: clamp(9.33333333px, 3.8889vw, 18.66666667px);
        line-height: clamp(14px, 5.8333vw, 28px);
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1)
    }

    .box-content-contact-sidebar {
        padding: clamp(21.33333333px, 8.8889vw, 42.66666667px) 0 clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .sidebar {
        height: -webkit-fit-content;
        height: fit-content;
        overflow-y: auto
    }

    .box-content-links-account {
        padding: clamp(21.33333333px, 8.8889vw, 22.66666667px) clamp(20px, 8.3333vw, 40px) clamp(12.66666667px, 11.1111vw, 20.33333333px);
        background: white
    }

    .box-content-links-account ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .box-content-links-account .btn-design-01 {
        width: 100%;
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px);
        display: flex;
        justify-content: center;
        gap: clamp(4px, 1.6667vw, 8px);
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .box-content-links-account .text-01 {
        display: flex;
        align-items: center;
        color: black;
        text-decoration: none;
        gap: clamp(8px, 3.3333vw, 16px)
    }

    .box-content-links-account li {
        margin-bottom: clamp(12px, 5vw, 24px)
    }

    .box-content-links-account li:last-child {
        margin: 0
    }

    .card-top-comment {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-input-send-message {
        min-height: clamp(32px, 13.3333vw, 64px)
    }

    .section-custom-tab-post-box {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(25.33333333px, 10.5556vw, 50.66666667px);
        margin-top: clamp(20px, 8.3333vw, 40px);
        padding-right: 0
    }

    .section-total-content-custom {
        overflow: hidden;
        padding-top: 0
    }

    .section-total-content-custom .container-content {
        margin: 0;
        width: 100%
    }

    .section-custom-tab-post-elements-box-view {
        display: none
    }

    .section-custom-tab-post-nav-list-item .section-custom-tab-post-list-item-link {
        white-space: nowrap;
        padding: 0
    }

    .section-custom-tab-post-nav-list-item:after {
        bottom: clamp(0, 0, 0);
        height: 2px
    }

    .section-header-custom {
        padding: clamp(26.66666667px, 11.1111vw, 53.33333333px) clamp(21.33333333px, 8.8889vw, 42.66666667px) clamp(12px, 5vw, 24px);
        margin-top: clamp(32px, 13.3333vw, 64px)
    }

    .section-custom-tab-post-nav-list {
        overflow-x: auto;
        padding-bottom: clamp(0, 0, 0)
    }

    .section-custom-tab-post-nav-list::-webkit-scrollbar {
        display: none
    }

    .text-05 {
        font-size: clamp(16px, 6.6667vw, 32px);
        line-height: clamp(24px, 10vw, 48px)
    }

    .text-06 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: clamp(18px, 7.5vw, 36px)
    }

    .section-header-custom-fond-02 {
        display: none
    }

    .section-header-custom-fond-01 {
        width: 48%;
        top: -25%;
        right: 4%
    }

    .section-custom-tab-post-element-item-box-title {
        padding-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .section-custom-tab-post-element-item {
        width: 100%
    }

    .section-custom-tab-post-element-item-description-text-button {
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .section-custom-tab-post-element-item-description-box-text {
        width: 100%
    }

    .section-custom-tab-post-element-item-description-box-button {
        margin-top: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        width: 40%
    }

    .section-custom-tab-post-element-item-description-box-price {
        margin-bottom: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .section-custom-tab-post-element-item-description {
        padding: clamp(13.33333333px, 5.5556vw, 26.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px) 0
    }

    .section-custom-tab-post-element-item-tag {
        padding: clamp(1.33333333px, .5556vw, 2.66666667px) clamp(5.33333333px, 2.2222vw, 10.66666667px);
        line-height: clamp(12px, 5vw, 24px)
    }

    .text-08 {
        font-size: clamp(13.33333333px, 5.5556vw, 26.66666667px);
        line-height: clamp(16px, 6.6667vw, 32px)
    }

    .section-custom-tab-post-element-item-description-button {
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        line-height: clamp(16px, 6.6667vw, 32px);
        box-shadow: 0 6px 14px 0 #1219541A
    }

    .section-custom-tab-post-element-item-description .card-bottom-top-content {
        padding: clamp(8px, 3.3333vw, 16px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        margin: 0 calc(clamp(10.66666667px, 4.4444vw, 21.33333333px) * -1)
    }

    .section-custom-tab-post-element-item-description .card-bottom-top-content button {
        line-height: clamp(16px, 6.6667vw, 32px)
    }

    .section-custom-tab-post-element-item-box-tag {
        left: clamp(13.33333333px, 5.5556vw, 26.66666667px);
        bottom: clamp(8px, 3.3333vw, 16px)
    }

    .section-custom-tab-post-element-item-box-img {
        height: clamp(128px, 53.3333vw, 256px)
    }

    .section-custom-tab-elements-box-button-all-box {
        justify-content: center;
        margin-top: clamp(16px, 6.6667vw, 32px)
    }

    /* .section-custom-tab-post-element {
        display: flex;
        flex-direction: column;
        gap: clamp(27.33333333px, 11.3889vw, 54.66666667px)
    } */

    .section-custom-tab-elements-button-all {
        line-height: clamp(26.66666667px, 11.1111vw, 53.33333333px)
    }

    .tab-post-elements-publications-item {
        flex-direction: column;
        padding: 0;
        gap: 0
    }

    .tab-post-elements-publications-item-box-img {
        width: 100%;
        position: relative;
        height: clamp(128px, 53.3333vw, 256px)
    }

    .tab-post-elements-publications-item-box-content {
        flex-direction: column;
        padding: clamp(13.33333333px, 5.5556vw, 26.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .tab-post-elements-publications-item-box-content>div {
        width: 100%;
        height: auto
    }

    .section-custom-tab-post-element-item-box-value {
        margin-bottom: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .tab-post-elements-publications-item-box-date {
        display: flex;
        flex-direction: column;
        gap: clamp(2.66666667px, 1.1111vw, 5.33333333px);
        margin-bottom: clamp(9.33333333px, 3.8889vw, 18.66666667px)
    }

    .tab-post-elements-publications-item-content-box-value-all {
        margin-bottom: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .tab-post-elements-publications-item-box-button {
        margin-bottom: 0;
        align-items: flex-end
    }

    .tab-post-elements-publications-item-button {
        width: -webkit-fit-content;
        width: fit-content;
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(13.33333333px, 5.5556vw, 26.66666667px);
        line-height: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .publications-item-sold .tab-post-elements-publications-item-box-img .section-custom-tab-post-element-item-tag {
        background: #93BF3C
    }

    .section-header-custom-box-filter {
        position: fixed;
        top: clamp(63.33333333px, 26.3889vw, 126.66666667px);
        width: 100%;
        left: 0;
        z-index: 9;
        flex-direction: column;
        height: clamp(36.66666667px, 15.2778vw, 73.33333333px);
        border-radius: 0;
        overflow: hidden;
        padding: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        gap: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        transition: all .5s ease;
        background: transparent;
        margin-top: calc(clamp(21.33333333px, 8.8889vw, 42.66666667px) * -1)
    }

    .section-header-custom-filter-button {
        width: 100%;
        border: none;
        height: clamp(36.66666667px, 15.2778vw, 73.33333333px);
        padding: 0;
        outline: none !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(5.33333333px, 2.2222vw, 10.66666667px);
        color: #0038B8;
        font-size: clamp(12px, 5vw, 24px);
        font-weight: 500;
        line-height: clamp(26.66666667px, 11.1111vw, 53.33333333px);
        background: #EBEFF5
    }

    .section-header-custom-content {
        gap: 0;
        margin-bottom: 0
    }

    .section-header-custom-box-icon {
        margin-top: clamp(3.33333333px, 1.3889vw, 6.66666667px)
    }

    .section-header-custom-box-filter.active {
        height: 100%
    }

    .section-header-custom-box-filter.active .section-header-custom-filter-overlay {
        opacity: 1
    }

    .section-header-custom-filter-box-select {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px)) !important;
        margin: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px);
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px)
    }

    .section-header-custom-filter-select-label {
        top: clamp(5.33333333px, 2.2222vw, 10.66666667px);
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        font-size: clamp(8px, 3.3333vw, 16px);
        line-height: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .section-header-custom-filter-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #00000099;
        z-index: -1;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .5s ease
    }

    .section-header-custom-filter-content {
        flex-direction: column;
        padding-bottom: clamp(26.66666667px, 11.1111vw, 53.33333333px);
        background: #ebeff5;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        gap: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .section-header-custom-filter-box-button-submit {
        margin-top: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        display: flex;
        align-items: center;
        justify-content: center
    }

    .section-header-custom-filter-button-submit {
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(13.33333333px, 5.5556vw, 26.66666667px);
        line-height: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        font-weight: 700
    }

    .section-header-custom-filter-box-button {
        margin-bottom: calc(clamp(4px, 1.6667vw, 8px) * -1)
    }

    .tab-post-elements-publications-none-box-text {
        width: 100%
    }

    .section-custom-tab-post-elements-publications-none {
        padding: 25px 22px
    }

    .box-modal-custom-04 {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px));
        height: -webkit-fit-content;
        height: fit-content;
        border-radius: clamp(10px, 4.1667vw, 20px)
    }

    .box-video-modal-04 {
        height: clamp(116.66666667px, 48.6111vw, 263.33333333px)
    }

    .footer-custom-modal-04 {
        flex-direction: column;
        padding-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .footer-left-modal-04 {
        width: 100%
    }

    .header-custom-modal {
        padding-top: clamp(16px, 6.6667vw, 32px);
        padding-right: clamp(6.66666667px, 2.7778vw, 13.33333333px);
        padding-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        align-items: flex-start;
        padding-left: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .header-custom-modal button.btn-design-03 {
        /* width: clamp(21.33333333px, 8.8889vw, 42.66666667px); */
        /* height: clamp(21.33333333px, 8.8889vw, 42.66666667px); */
        width: 127px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-top: 15px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    /* .header-custom-modal button.btn-design-03 p {
        display: none
    } */

    .header-custom-modal .text-05 {
        color: #060B25;
    }

    .modal .text-02 {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        line-height: 175%
    }

    .footer-right-modal-04 {
        justify-content: center;
        margin-top: clamp(10px, 4.1667vw, 20px)
    }

    .footer-right-modal-04 button {
        height: clamp(26.66666667px, 11.1111vw, 53.33333333px) !important;
        border-radius: clamp(666.66666667px, 277.7778vw, 1333.33333333px)
    }

    .box-img-card-id {
        height: clamp(133.33333333px, 55.5556vw, 266.66666667px);
        border-radius: 10px;
        overflow: hidden
    }

    .box-modal-custom-01 {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px))
    }

    .header-custom-modal-serie-number {
        padding-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .body-custom-modal-01 .text-08 {
        margin-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-img-card-id img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .body-custom-modal-ubication {
        width: calc(100% - clamp(10.66666667px, 4.4444vw, 21.33333333px))
    }

    .box-bottom-body-modal button {
        height: clamp(32px, 13.3333vw, 64px) !important;
        padding: 0 clamp(13.33333333px, 5.5556vw, 26.66666667px) !important;
        border-radius: clamp(666.66666667px, 277.7778vw, 1333.33333333px)
    }

    .body-custom-modal-01 {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-modal-custom-02 {
        width: 100%;
        height: -webkit-fit-content !important;
        height: fit-content !important;
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px));
        border-radius: clamp(10px, 4.1667vw, 20px)
    }

    .card-header-content-modal-create-post {
        padding: clamp(6.66666667px, 2.7778vw, 13.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(22px, 9.1667vw, 44px);
        gap: clamp(4.66666667px, 1.9444vw, 9.33333333px);
        padding-bottom: 25px;
    }

    .card-footer-content-modal-create-post {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px);
        /* padding-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px); */
        justify-content: flex-end;
        padding-top: clamp(10.53333333px, 4.3889vw, 21.06666667px)
    }

    .btn-design-03.blue-bg {
        height: clamp(32px, 13.3333vw, 64px)
    }

    .box-content-buttons-text-modal-create-post {
        display: none
    }

    .card-body-content-modal-create-post {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-body-content-modal-create-post .text-08 {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        line-height: 150%;
        padding: clamp(8px, 3.3333vw, 16px);
        /* padding-left: clamp(23.33333333px, 9.7222vw, 46.66666667px); */
        border-radius: clamp(6.66666667px, 2.7778vw, 13.33333333px);
        height: clamp(121.33333333px, 50.5556vw, 242.66666667px)
    }

    .body-custom-create-post .text-01 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: 122%
    }

    .box-modal-custom-03 {
        width: 100%;
        max-height: unset;
        height: 100%;
        top: initial;
        border-radius: 0px;
    }

    .header-custom-03 {
        flex-direction: column;
        padding: 0;
        margin-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .header-custom-03 button p {
        display: block !important
    }

    .header-custom-03 button.btn-close-modal {
        position: relative;
        order: -1;
        width: 100%;
        border-radius: 0;
        right: 0;
        top: 0;
        height: clamp(36.66666667px, 15.2778vw, 73.33333333px);
        /* border-radius: 0 0 clamp(6.66666667px, 2.7778vw, 13.33333333px) clamp(6.66666667px, 2.7778vw, 13.33333333px); */
        border-radius: 999px;
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        margin-top: 20px;
        margin-left: auto;
        margin-right: 20px;
        /* box-shadow: 0 2px 2px 0 #00000026; */

        width: 127px !important;
        height: 48px !important;
    }

    .header-custom-03 .text-05 {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-img-and-text-modal-03 {
        flex-direction: column;
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .box-img-modal-03 {
        width: 100%;
        height: clamp(128px, 53.3333vw, 256px);
        border-radius: clamp(6.66666667px, 2.7778vw, 13.33333333px)
    }

    .body-custom-modal-03 {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px);
        padding-bottom: clamp(66.66666667px, 27.7778vw, 133.33333333px)
    }

    .footer-custom-modal-03 {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(12px, 5vw, 24px)
    }

    .footer-custom-modal-03 .box-input-send-message-modal-03 {
        width: 100%
    }

    .box-text-modal-03 {
        width: 100%
    }

    .box-buttons-only-modal-03 {
        display: flex
    }

    /* .box-buttons-only-modal-03 .box-button-send-mesagge-modal-03 {
        display: none
    } */

    .box-top-button-custom-modal-03 {
        margin-bottom: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .list-modal-03 {
        margin-bottom: clamp(4px, 1.6667vw, 8px)
    }

    .box-details-custom-modal-03 .text-01 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: 150%
    }

    .box-comments-content-modal-03 .card-bottom-top-content-modal-03 {
        margin: 0
    }

    .box-text-comment-modal-03 .text-04 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: 122%
    }

    .modal-ps .box-comments-content-modal-03 .card-bottom-top-content-modal-03 {
        margin: 0;
        flex-direction: column;
        gap: 10px
    }

    .section-custom-post-destaqued-img {
        height: clamp(123.33333333px, 57.8125vw, 246.66666667px)
    }

    .modal-ps .btn-contact-user {
        margin-right: auto;
        margin-left: 0
    }

    .box-img-profile-comment-modal-03 {
        width: clamp(31.33333333px, 13.0556vw, 62.66666667px);
        height: clamp(31.33333333px, 13.0556vw, 62.66666667px)
    }

    .box-comment-modal-03 {
        gap: clamp(5.33333333px, 2.2222vw, 10.66666667px);
        align-items: flex-start;
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .content-comments-intenal-modal-03 {
        padding-top: clamp(30.66666667px, 12.7778vw, 61.33333333px)
    }

    .section-total-content-crear-publicacion .container-content-generic-header {
        display: none
    }

    .section-total-content-custom-create-post-icon1 {
        width: clamp(108.66666667px, 45.2778vw, 217.33333333px);
        top: calc(clamp(11.33333333px, 4.7222vw, 22.66666667px) * -1);
        height: auto
    }

    .container-content-generic {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .container-content-generic-body-items-create {
        padding: clamp(21.33333333px, 8.8889vw, 42.66666667px) 0;
        gap: clamp(16px, 6.6667vw, 32px)
    }

    .container-content-generic-body-item-create {
        width: 100%;
        padding: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .container-content-generic-body-item-create-header-icon {
        width: clamp(40px, 16.6667vw, 80px);
        height: clamp(40px, 16.6667vw, 80px)
    }

    .container-content-generic-body-item-create-body-title {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1);
        margin: 0
    }

    .container-content-generic-body-item-create-body-text {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1);
        margin-bottom: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .container-content-generic-body-item-create-foote-btn {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        font-style: normal;
        font-weight: 700;
        line-height: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .btn-design-02 {
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(13.33333333px, 5.5556vw, 26.66666667px)
    }

    .container-content-generic-body {
        position: relative
    }

    .container-content-generic-header-title {
        font-size: clamp(16px, 6.6667vw, 32px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1)
    }

    .container-content-generic-header-text {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: calc(clamp(.12px, .05vw, .24px) * -1);
        margin-bottom: clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .container-content-generic-header {
        padding-top: clamp(21.33333333px, 8.8889vw, 42.66666667px)
    }

    .container-content-generic-body form {
        padding: clamp(16px, 6.6667vw, 32px) 0
    }

    .container-content-generic-body-form-item-button {
        font-size: clamp(13.33333333px, 5.5556vw, 26.66666667px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1);
        text-align: left;
        align-items: flex-start;
        padding: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .container-content-generic-body-form-item-button-check {
        margin-right: clamp(5.33333333px, 2.2222vw, 10.66666667px);
        position: relative;
        top: clamp(3.33333333px, 1.3889vw, 6.66666667px);
        flex: 0 0 clamp(16px, 6.6667vw, 32px)
    }

    .container-content-generic-body-form-item-button-arrow {
        flex: 0 0 clamp(18.66666667px, 7.7778vw, 37.33333333px);
        height: clamp(18.66666667px, 7.7778vw, 37.33333333px);
        margin-left: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        position: relative;
        top: clamp(3.33333333px, 1.3889vw, 6.66666667px)
    }

    .container-content-generic-body-form-item-body-column1 {
        width: 100%
    }

    .container-content-generic-body-form-item-body-column2 .dropzone {
        min-height: clamp(84px, 35vw, 168px)
    }

    .container-content-generic-body-form-item-body-column2 .dropzone .dz-preview.dz-image-preview {
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0
    }

    .container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-image {
        width: 100%;
        height: 100%;
        border-radius: 0
    }

    .container-content-generic-body-form-item-body-column2 .dropzone .dz-preview .dz-remove {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0;
        height: clamp(20px, 8.3333vw, 40px);
        width: clamp(20px, 8.3333vw, 40px);
        z-index: 10
    }

    .container-content-generic-body-form-item-body-column2 .dropzone.dz-clickable.dz-started {
        padding: 0
    }

    .box-dropzone-message svg {
        height: clamp(26.66666667px, 11.1111vw, 53.33333333px);
        width: clamp(26.66666667px, 11.1111vw, 53.33333333px);
        margin-bottom: clamp(2px, .8333vw, 4px)
    }

    .box-dropzone-message h6 {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 600;
        line-height: clamp(16px, 6.6667vw, 32px)
    }

    .box-dropzone-message p {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 400;
        line-height: clamp(16px, 6.6667vw, 32px)
    }

    .container-content-generic-body-form-item-footer-buttons {
        gap: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        justify-content: center
    }

    .btn-design-04 {
        padding: clamp(5.33333333px, 2.2222vw, 10.66666667px) clamp(13.33333333px, 5.5556vw, 26.66666667px);
        min-width: clamp(82.66666667px, 34.4444vw, 165.33333333px)
    }

    .container-content-generic-body-form-item-body-result {
        flex-direction: column;
        gap: clamp(10px, 4.1667vw, 20px)
    }

    .container-content-generic-body-form-item-body-result-left {
        width: 100%
    }

    .container-content-generic-body-form-item-body-result-right {
        width: 100%
    }

    .container-content-generic-body-form-item-body-result-left-text p {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        line-height: clamp(18.66666667px, 7.7778vw, 37.33333333px);
        letter-spacing: calc(clamp(.12px, .05vw, .24px) * -1)
    }

    .container-content-generic-body-form-item-body-result-left-text p:last-child {
        margin: 0
    }

    .container-content-generic-body-message {
        padding: clamp(26.66666667px, 11.1111vw, 53.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        margin: clamp(16px, 6.6667vw, 32px) 0
    }

    .container-content-generic-body-message-header svg {
        height: clamp(48px, 20vw, 96px);
        width: clamp(48px, 20vw, 96px)
    }

    .container-content-generic-body-message-body-title {
        font-size: clamp(13.33333333px, 5.5556vw, 26.66666667px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: calc(clamp(.13333333px, .0556vw, .26666667px) * -1);
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .container-content-generic-body-message-body-text p {
        font-size: clamp(12px, 5vw, 24px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: calc(clamp(.12px, .05vw, .24px) * -1)
    }

    .container-content-generic-body-message-body {
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .modal-product .overlay {
        display: none
    }

    .input-custom-small {
        width: 100%
    }

    .body-modal-contact {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(13.33333333px, 5.5556vw, 26.66666667px)
    }

    .box-bottom-body-modal-contact {
        justify-content: center
    }

    .textarea-custom1 .textarea-custom1-label {
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px);
        font-size: clamp(8px, 3.3333vw, 16px)
    }

    .box-modal-custom-contact {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px));
        border-radius: clamp(10px, 4.1667vw, 20px)
    }

    .section-login-fond {
        height: clamp(93.33333333px, 38.8889vw, 186.66666667px);
        object-fit: cover
    }

    .section-login-box {
        margin: clamp(70px, 29.1667vw, 140px) clamp(10.66666667px, 4.4444vw, 21.33333333px) 0 clamp(10.66666667px, 4.4444vw, 21.33333333px);
        padding: clamp(16px, 6.6667vw, 32px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(21.33333333px, 8.8889vw, 42.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .section-login-box-logo {
        width: 85%;
        margin-bottom: clamp(11.33333333px, 4.7222vw, 22.66666667px)
    }

    .section-login-logo {
        width: 100%
    }

    .section-login-box-title {
        width: 100%
    }

    .section-login-form {
        margin-top: clamp(9.33333333px, 3.8889vw, 18.66666667px)
    }

    .section-login-form-box-input {
        width: 100%;
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px)
    }

    .section-login-form-box-input label.active {
        font-size: clamp(8px, 3.3333vw, 16px);
        top: 0;
        left: clamp(4.66666667px, 1.9444vw, 9.33333333px)
    }

    .section-login-form-box-input label {
        top: clamp(3.33333333px, 1.3889vw, 6.66666667px)
    }

    .section-login-form-box-input:nth-child(2) {
        margin-bottom: clamp(16px, 6.6667vw, 32px)
    }

    .section-login {
        position: relative;
        z-index: 1
    }

    .section-login-form-box-input.input-error .section-login-form-input-box-error {
        opacity: 0
    }

    .section-login-input {
        padding: clamp(16px, 6.6667vw, 32px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(5.33333333px, 2.2222vw, 10.66666667px)
    }

    .section-login-button-modal {
        padding: 0
    }

    .section-login-form-box-button-modal {
        margin-bottom: clamp(8px, 3.3333vw, 16px)
    }

    .section-login-form-button {
        display: flex;
        height: clamp(32px, 13.3333vw, 64px);
        box-shadow: clamp(0, 0, 0) clamp(6.66666667px, 2.7778vw, 13.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(0, 0, 0) #12195412;
        border-radius: 50px;
        transition: all .5s ease
    }

    .section-login-form-button.blue-bg {
        height: clamp(32px, 13.3333vw, 64px)
    }

    .section-login-content {
        min-height: 100vh;
        padding-bottom: clamp(76.66666667px, 31.9444vw, 153.33333333px)
    }

    .section-login-fond-icon-01 {
        width: 65%
    }

    .header-login nav .container {
        padding: clamp(13.33333333px, 5.5556vw, 26.66666667px) clamp(26px, 10.8333vw, 52px) clamp(13.33333333px, 5.5556vw, 26.66666667px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .header-login .box-img-logo {
        gap: clamp(20.66666667px, 8.6111vw, 41.33333333px)
    }

    .header-login .box-img-logo a {
        width: clamp(98px, 40.8333vw, 196px)
    }

    .header-login .box-img-logo a img {
        width: 100%
    }

    .section-login-form-box-input.input-error label {
        font-size: clamp(8px, 3.3333vw, 16px);
        top: 0;
        left: clamp(4.66666667px, 1.9444vw, 9.33333333px)
    }

    .box-modal-serie-number {
        margin-top: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .modal-custom-tooltip {
        display: none
    }

    .modal-menu-profile {
        display: none !important
    }

    .section-sidebar {
        transform: translateX(-100%);
        transition: all .5s ease;
        opacity: 0
    }

    .section-sidebar.active {
        transform: none;
        opacity: 1
    }

    .card-top-comment {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .box-input-send-message {
        min-height: clamp(32px, 13.3333vw, 64px)
    }

    .box-links-sidebar .btn-design-01 {
        width: 93%;
        margin-bottom: 22px
    }

    .section-custom-tab-post-box-instructions {
        padding-right: 0
    }

    .section-custom-tab-post-elements-publications {
        gap: 60px
    }

    .instructions-header {
        margin-top: 0
    }

    .body-chat-user {
        flex-direction: column
    }

    .body-chat-user .box-left-list-chats-modal-user {
        width: 100%
    }

    .body-chat-user .box-right-content-chats-modal {
        width: 100%
    }

    .body-chat-user .box-input-send-message {
        width: 100%;
        display: flex;
        align-items: center
    }

    .body-chat-user .box-input-send-message .box-input-only-text {
        width: 100%
    }

    .body-chat-user .box-buttons-only {
        display: none
    }

    .section-total-content-chat {
        width: 100%
    }

    .box-text-chat-messagge-chat .text-01 {
        font-size: clamp(8px, 3.2vw, 16px);
        line-height: 1.2
    }

    .box-input-send-message-chat-user {
        height: 100%
    }

    .box-input-send-message-chat-user form {
        height: 100%
    }

    .modal-notifications {
        margin-top: clamp(44px, 17.6vw, 88px);
        z-index: 9
    }

    .box-menu-notifications-custom-01 {
        width: 100%;
        padding: 0
    }

    .box-title-notifications {
        padding: 0 clamp(10.66666667px, 4.2667vw, 21.33333333px) clamp(16px, 6.4vw, 32px)
    }

    .box-content-chats-notfications {
        height: calc(100% - clamp(150px, 60vw, 300px));
        padding: 0 clamp(10.66666667px, 4.2667vw, 21.33333333px)
    }

    .box-content-total-profile {
        flex-direction: column
    }

    .box-left-profile {
        width: 100%;
        border: 0;
        padding: clamp(21.33333333px, 8.8889vw, 42.66666667px) clamp(18.66666667px, 7.7778vw, 37.33333333px) clamp(26.66666667px, 11.1111vw, 53.33333333px)
    }

    .box-right-profile {
        width: 100%;
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(16px, 6.6667vw, 32px)
    }

    .data-profile {
        margin-bottom: clamp(85px, 23.6111vw, 113.33333333px)
    }

    .box-button-save-profile {
        margin: auto
    }

    .box-button-save-profile .btn-design-03 {
        border-radius: clamp(666.66666667px, 277.7778vw, 1333.33333333px)
    }

    .container-content-generic-body-message-profile {
        border-radius: clamp(4px, 1.6667vw, 8px);
        padding: 0
    }

    .section-header-custom-results {
        padding: 10px 16px 0
    }

    .container-content-generic-header-text-results {
        margin-bottom: 0
    }

    .box-content-tools-accesibility {
        width: 100%;
        padding: 87px 24px 0;
        height: 100%;
        justify-content: flex-start;
        position: relative
    }

    .box-btn-accesibility-close {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        padding-right: 15px;
        justify-content: end;
        margin-top: 20px;
    }

    .box-btn-accesibility-close .btn-close-modal {
        position: relative;
        order: -1;
        width: 100%;
        border-radius: 0;
        right: 0;
        top: 0;
        /* height: clamp(36.66666667px, 15.2778vw, 73.33333333px); */
        /* border-radius: 0 0 clamp(6.66666667px, 2.7778vw, 13.33333333px) clamp(6.66666667px, 2.7778vw, 13.33333333px); */
        margin-bottom: clamp(21.33333333px, 8.8889vw, 42.66666667px);
        /* box-shadow: 0 2px 2px 0 #00000026; */
        justify-content: center;

        width: 127px !important;
        height: 48px !important;
        border-radius: 999px;
    }

    .box-content-tools-accesibility h3.text-04 {
        width: 100%;
        font-size: 18px;
        line-height: 122%
    }

    .box-button-accesibility {
        margin: auto
    }

    .tools-accesibility {
        height: 100%;
        z-index: 9;
        transform: translateX(100%);
        width: 105%;
        transition: all .5s ease
    }

    .tools-accesibility.active {
        right: 0;
        z-index: 9;
        transform: none;
        width: 100%
    }

    .tools-accesibility.active .box-button-accesibility {
        display: none
    }

    .tools-accesibility.active .content-tools-access {
        right: 0
    }

    .tools-accesibility .content-tools-access {
        width: 100%;
        height: calc(100% - clamp(42.66666667px, 17.7778vw, 85.33333333px));
        align-items: flex-end;
        margin-top: auto;
        bottom: 0;
        right: 0
    }

    .box-text-chat-single .text-04 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: 122%
    }

    .box-img-chat-single {
        width: clamp(30.66666667px, 12.7778vw, 61.33333333px);
        height: clamp(30.66666667px, 12.7778vw, 61.33333333px)
    }

    .li-chat-single {
        padding: 18px 15px
    }

    .modal-curso {
        z-index: 9
    }

    .modal-curso .box-modal-custom-03 {
        border-radius: 0 !important
    }

    .box-img-and-text-modal-03 {
        height: -webkit-fit-content;
        height: fit-content
    }

    .header-custom-03 .text-05 {
        line-height: 120%
    }

    .box-text-chat-messagge-chat .text-01 {
        font-size: clamp(12px, 5vw, 24px);
        line-height: 133%
    }

    .box-content-chat-internal {
        margin: 0 17px;
        height: calc(100% - clamp(150px, 60vw, 300px));
        border-radius: 10px
    }

    .box-content-chat-internal .box-img-chat-single {
        width: clamp(30.66666667px, 12.7778vw, 61.33333333px);
        height: clamp(30.66666667px, 12.7778vw, 61.33333333px)
    }

    .body-chat-user .box-title-chat-modal {
        height: clamp(46.66666667px, 19.4444vw, 93.33333333px)
    }

    .box-content-messagges-content-chat {
        padding: clamp(26.66666667px, 11.1111vw, 53.33333333px) clamp(16px, 6.6667vw, 32px) 0
    }

    .box-text-chat-messagge-chat-received::before {
        width: 100%
    }

    .chats-content-left-box {
        height: -webkit-fit-content;
        height: fit-content
    }

    .body-chat-user .box-right-content-chats-modal {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 100%;
        justify-content: flex-end;
        background: white;
        padding: 0 17px 17px
    }

    .body-chat-user .box-input-send-message {
        height: -webkit-fit-content;
        height: fit-content;
        border-radius: 6px;
        padding: 0 12px
    }

    .body-chat-user .box-buttons-only {
        display: flex
    }

    .body-chat-user .box-buttons-only .box-button-send-mesagge button {
        display: none
    }

    .box-input-send-message-chat-user form {
        justify-content: space-between;
        width: 100%
    }

    .body-chat-user .box-buttons-only .box-icon-file {
        width: 24px;
        height: 24px
    }

    .body-chat-user .box-buttons-only .box-icon-file .btn-icon-custom {
        width: 100%;
        height: 100%
    }

    .body-chat-user .box-buttons-only .box-icon-file .btn-icon-custom img {
        width: 100%;
        height: 100%
    }

    .box-text-modal-03 {
        overflow: initial
    }

    .body-chat-user .box-right-content-chats-modal {
        justify-content: space-between
    }

    .body-chat-user .box-input-send-message {
        width: calc(100% - 34px);
        margin: auto
    }

    .body-chat-user .box-right-content-chats-modal {
        padding: 0;
        height: calc(100% - clamp(42.66666667px, 17.5778vw, 85.33333333px))
    }

    .body-chat-user .box-input-send-message {
        margin-bottom: clamp(11.33333333px, 4.5333vw, 22.66666667px)
    }

    .body-chat-user .box-left-list-chats-modal-user .box-title-chat-total {
        margin-bottom: 24px
    }

    .box-right-content-chats-modal {
        display: none
    }

    .chats-content-left-box {
        margin: 0
    }

    .body-chat-user .li-chat-single {
        width: 100%
    }

    .body-chat-user .box-input-send-message {
        position: sticky;
        bottom: 0
    }

    .box-content-chat-internal {
        height: 100%;
        overflow-y: initial;
        margin-bottom: 20px
    }

    .body-chat-user .box-right-content-chats-modal {
        overflow-y: auto
    }

    .box-input-send-message.box-input-send-message-chat-user {
        bottom: 17px
    }

    .box-content-modal-search {
        width: 100%;
        top: 50px
    }

    .body-chat-user .box-right-content-chats-modal .header-custom-03 {
        display: flex
    }

    .card-bottom-content .box-input-send-message {
        display: flex;
        align-items: center
    }

    .section-custom-tab-post-element-item-box {
        margin-bottom: 0
    }

    #calendar .fc-view-harness.fc-view-harness-passive {
        overflow-x: auto
    }

    #calendar .fc-dayGridMonth-view.fc-view.fc-daygrid {
        width: clamp(525px, 194.4444444vw, 875px)
    }

    #calendar table.fc-col-header {
        width: 100% !important
    }

    #calendar .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural {
        width: 100% !important
    }

    #calendar table.fc-scrollgrid-sync-table {
        width: 100% !important
    }

    #calendar .fc-daygrid-day-events {
        min-height: 6em
    }

    #calendar .fc-daygrid-event-harness {
        min-height: 4em
    }

    #calendar .fc-toolbar-title {
        font-size: clamp(18px, 6.6666667vw, 30px)
    }

    .tab-post-box-elements-activities-and-workshops .section-custom-tab-post-element {
        /* padding-top: clamp(30px, 11.1111111vw, 50px) */
    }

    #calendar .fc-col-header-cell-cushion {
        font-size: clamp(10.5px, 3.8888889vw, 17.5px);
        padding: 10px 0
    }

    #calendar .fc-daygrid-day-number {
        font-size: clamp(10.5px, 3.8888889vw, 17.5px)
    }

    #calendar .fc-event-title {
        font-size: clamp(10.5px, 3.8888889vw, 17.5px);
        line-height: 1.1
    }

    #calendar .fc-event-time {
        font-size: clamp(10.5px, 3.8888889vw, 17.5px)
    }

    .section-total-activities-and-workshops .section-custom-tab-post-box {
        padding-right: 0
    }

    .tab-post-box-elements-activities-and-workshops div#section-custom-tab-01 {
        /* padding-right: clamp(12px, 4.4444444vw, 20px) */
    }

    #calendar .fc-daygrid-event.fc-event-end,
    #calendar .fc-daygrid-event.fc-event-start {
        min-height: clamp(78.75px, 29.1666667vw, 131.25px)
    }

    .body-custom-modal-01 .text-01.title-top-custom-01 {
        width: 80%
    }

    .page-template-page-publicar-productos div#step1 .container-content-generic-body-form-item-footer-buttons,
    .page-template-page-publicar-productos div#step2 .container-content-generic-body-form-item-footer-buttons,
    .page-template-page-publicar-servicios div#step1 .container-content-generic-body-form-item-footer-buttons,
    .page-template-page-publicar-servicios div#step2 .container-content-generic-body-form-item-footer-buttons {
        display: flex;
        flex-direction: column
    }

    .container-content-generic-header-text-small {
        font-size: 13px
    }

    .content-tools-access {
        transform: none
    }

    .box-button-accesibility {
        position: absolute;
        left: -47px;
        bottom: 0;
        top: 0;
        margin: auto
    }

    .data-profile .text-01 {
        gap: 10px
    }

    .box-button-save-profile .btn-design-03 {
        padding: 0 20px
    }

    .data-profile li {
        margin-bottom: 15px
    }

    .section-activities-and-workshops-home {
        margin: 0 calc(clamp(11.25px, 4.1666667vw, 18.75px)*-1);
        padding-top: 16px
    }

    .section-activities-and-workshops-home-box-header {
        padding-right: 16px;
        margin-bottom: 20px
    }

    .section-activities-and-workshops-home-button {
        display: none
    }

    .section-activities-and-workshops-home-title {
        font-size: 24px
    }

    .section-activities-and-workshops-home-box-content .section-activities-and-workshops-home-button {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-top: 33px;
        font-size: 16px
    }

    .container-card-survey {
        padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-survey-form-label {
        padding: clamp(8px, 3.3333vw, 16px) clamp(6.66666667px, 2.7778vw, 13.33333333px) clamp(8px, 3.3333vw, 16px) clamp(33.33333333px, 13.8889vw, 66.66666667px);
        gap: clamp(8px, 3.3333vw, 16px)
    }

    .card-survey-form-label::before {
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-survey-form-label::after {
        left: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-survey-form-box-input label p {
        font-size: clamp(10.66666667px, 4.4444vw, 21.33333333px)
    }

    .card-survey-form-label-total-text {
        font-size: clamp(12px, 5vw, 24px) !important
    }

    .card-survey-form-label-total {
        gap: clamp(3.33333333px, 1.3889vw, 6.66666667px)
    }

    .container-card.text-body-card>p {
        font-size: clamp(12px, 5vw, 24px);
        line-height: clamp(17.33333333px, 7.2222vw, 34.66666667px)
    }

    .section-custom-tab-post-nav-list-item {
        padding: 11px 16px
    }

    .section-custom-tab-post-box-elements {
        padding-top: 36px
    }

    .header-custom-modal-withdraw {
        padding-bottom: 25px
    }

    .modal-custom-withdraw .box-bottom-body-modal {
        margin-top: 24px
    }

    .body-custom-modal-withdraw {
        padding-bottom: 32px
    }

    .section-custom-tab-post-box-news-and-opinion .section-custom-tab-post-box-elements {
        padding-top: 0px
    }

    .modal-present .box-img-modal-03 {
        width: 100%
    }

    .modal-present .box-text-modal-03 {
        width: 100%
    }

    .modal-present .box-img-and-text-modal-03 {
        gap: 24px
    }

    main #buddypress {
        margin: 0;
        padding-left: 16px;
        padding-right: 16px;
        width: 100%
    }

    .container-card.text-body-card>p>a {
        margin-left: -16px;
        margin-right: -16px;
        height: 190px
    }

    .box-img-profile img {
        display: block
    }

    .page-template-page-comprar-vender .section-header-custom-filter-box-select {
        width: calc(100% - clamp(21.33333333px, 8.8889vw, 42.66666667px))
    }

    .modal-contact .box-modal-custom-contact {
        width: 95%
    }

    .modal-contact .textarea-custom1 {
        height: clamp(83.33333333px, 33.3333vw, 166.66666667px)
    }

    .modal-contact .textarea-custom1 textarea {
        font-size: clamp(9.33333333px, 3.7333vw, 18.66666667px);
        height: clamp(60px, 24vw, 120px)
    }

    .modal-contact span#select2-motivo_form-container {
        font-size: clamp(9.33333333px, 3.7333vw, 18.66666667px)
    }

    .modal-contact input#asunto_contact {
        font-size: clamp(9.33333333px, 3.7333vw, 18.66666667px)
    }

    .card-body-comment a {
        word-break: break-all
    }

    .modal-contact .box-content-contact-modal-custom-01 .select-custom1 {
        height: clamp(37.33333333px, 15.5556vw, 74.66666667px)
    }

    .modal-contact .textarea-custom1 .textarea-custom1-label {
        top: 12px
    }

    .modal-success-contact .body-modal-contact {
        width: 100%
    }

    .modal-success-contact .box-modal-custom-contact {
        width: 95%
    }

    .tab-post-box-elements-instructions .section-custom-tab-post-elements-publications-box-items .card-custom-01 {
        width: calc(50% - 21.4px)
    }
}



.card-comment-content button {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
  }

  .show-more-comments {
    background-color: #094F81;
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    width: 150px;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    border-top-left-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-top-right-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-bottom-right-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-bottom-left-radius: clamp(666.667px, 69.4444vw, 1333.33px);
  }
  .show-more-comments:hover {
      background-color: #93BF3C;
  }

  .hide-comments {
    text-align: center;
    background-color: #094F81;
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    width: 200px;
    border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
    border-top-left-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-top-right-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-bottom-right-radius: clamp(666.667px, 69.4444vw, 1333.33px);
    border-bottom-left-radius: clamp(666.667px, 69.4444vw, 1333.33px);
  }

  .hide-comments:hover {
      background-color: #93BF3C;
  }




@media (max-width:768px) {
    .test {
        color: #000
    }
}

/*# sourceMappingURL=./main.css.map */



    .container-card.text-body-card .text-01 p{
        margin-bottom:1rem
    }
    .container-card.text-body-card .text-01 p:last-child{
        margin-bottom:0
    }
    .section-total-content-preview{
        padding-top:clamp(53.33333333px, 5.5556vw, 106.66666667px)
    }
    .section-total-content-preview .section-custom-tab-post-element-item-box-img{
        display:none
    }
    .section-total-content-preview .section-custom-tab-post-element-item-description{
        display:none
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client){
        display:block !important;
        position:relative;
        height:auto;
        z-index:2;
        padding-bottom:clamp(53.33333333px, 5.5556vw, 106.66666667px)
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-modal-custom-03{
        width:100%;
        position:relative;
        border:0;
        height:auto;
        max-height:initial;
        border:1px solid #C4C4C4;
        border-radius:clamp(5.33333333px, .5556vw, 10.66666667px);
        padding:clamp(22px, 2.2917vw, 44px) clamp(21.33333333px, 2.2222vw, 42.66666667px) clamp(16px, 1.6667vw, 32px)
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-modal-custom-03 .body-custom-modal-03{
        overflow:hidden;
        height:auto;
        padding:0
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-modal-custom-03 .body-custom-modal-03 .footer-custom-modal-03{
        padding:0;
        position:relative;
        margin-top:25px
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .overlay{
        display:none
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .btn-close-modal{
        display:none
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-img-and-text-modal-03{
        flex-wrap:wrap;
        height:auto
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-img-and-text-modal-03 .box-img-modal-03{
        width:100%
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .box-img-and-text-modal-03 .box-text-modal-03{
        width:100%;
        height:auto
    }
    .section-total-content-preview .modal:not(.modal-custom-contact-client) .header-custom-modal{
        padding-left:0;
        padding-right:0;
        padding-top:0
    }
    .section-total-content-preview .section-custom-tab-post-element-item{
        width:100%;
        border:0
    }
    /* main #buddypress{
        width:clamp(548px, 57.0833vw, 1450px);
        margin-left:clamp(286.66666667px, 29.8611vw, 720.33333333px);
        padding-top:clamp(16.66666667px, 1.7361vw, 33.33333333px)
    } */

    .button-contact {
        background-color: #07A929;
        color: white;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: bold;
        border: none;
        border-radius: 30px;
        text-align: center;
        text-decoration: none;
        display: inline-flex;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-top: 10px;
    }

    .button-contact:hover {
        background-color: #218838;
    }

    .button-contact .button-icon {
        display: flex;
        align-items: center;
    }

    .button-contact .button-icon img {
        width: 24px;
        height: 24px;
        margin-left: 5px;
    }

     .tooltip-button-product {
        display: none;
        max-width: 250px;
        background-color: #001A2D;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 15px;
        position: absolute;
        z-index: 1;
        bottom: 120%;
        left: 0%;
        margin-left: -90px;
        opacity: 0;
        transition: opacity 0.3s;
    }

     .tooltip-button-product::after {
        content: "";
        position: absolute;
        top: 100%;
        border-width: 7px;
        border-style: solid;
        border-color: #001A2D transparent transparent transparent;
    }

    .tooltip-button-product.show {
        display: block;
        opacity: 1;
    }

    .tooltip-button-service {
        display: none;
        max-width: 250px;
        background-color: #001A2D;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 15px;
        position: absolute;
        z-index: 1;
        bottom: 120%;
        left: 0%;
        margin-left: -90px;
        opacity: 0;
        transition: opacity 0.3s;
    }

     .tooltip-button-service::after {
        content: "";
        position: absolute;
        top: 100%;
        border-width: 7px;
        border-style: solid;
        border-color: #001A2D transparent transparent transparent;
    }

    .tooltip-button-service.show {
        display: block;
        opacity: 1;
    }

    .button-wrapper {
        position: relative;
        display: inline-block;
    }

    .tooltip-button-accesibility {
        display: none;
        max-width: 250px;
        background-color: #001A2D;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 15px;
        position: absolute;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s, visibility 0.3s;
        top: -75px;
        left: -80%;
        transform: translateX(-50%);
    }

    .tooltip-button-accesibility::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 80%;
        border-width: 7px;
        border-style: solid;
        border-color: #001A2D transparent transparent transparent;
    }

    .tooltip-button-accesibility.show {
        display: block;
        opacity: 1;
    }

    .accesibility-icon img{
        width: 65px;
        padding-right: 5px;
    }

    @media (max-width: 1024px) {
        .accesibility-icon img {
            width: 55px;
            padding-right: 25px;
        }
    }

    @media (min-width: 1024px) and (max-width: 1280px){
        .accesibility-icon img {
            width: 50px;
            padding-right: 25px;
        }

        .tooltip-button-accesibility {
            left: -150%;
        }
    }

    @media (min-width: 1281px) and (max-width: 1439px) {
        .accesibility-icon img {
            width: 50px;
            padding-right: 15px;
        }
    }

    @media (min-width: 1440px) and (max-width: 1919px) {
        .accesibility-icon img {
            width: 55px;
            padding-right: 15px;
        }
    }

    @media (min-width: 1920px) {
        .accesibility-icon img {
            width: 65px;
            padding-right: 15px;
        }
    }

    .btn-like.unfav {
        filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%);
    }

    .card-bottom-comment .acomment-unfavorite {
        filter: brightness(0) saturate(100%) invert(10%) sepia(84%) saturate(7454%) hue-rotate(218deg) brightness(84%) contrast(104%);
    }

    .new_blog_post .card-body-content .img-body-card-mobile {
        width: 100%;
        padding-top: 100%;
        overflow: hidden;
    }
    
    .new_blog_post .card-body-content .img-body-card-mobile img {
        top: 50%;
        left: 50%;
        width: 100%;
        height: clamp(300px, 20.8333vw, 330px);
        object-fit: cover;
        margin: auto;
    }

    .new_blog_post .card-body-content .img-body-card-mobile {
        padding: 0 clamp(13.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px);
    }

    .new_blog_post .card-body-content .img-body-card-mobile-default img {
        margin-bottom: 0;
        object-fit: cover;
        height: clamp(200px, 20.8333vw, 400px);
        width: 100%;
        margin: auto;
    }
    
    .new_blog_post .card-body-content .img-body-card-mobile-default {
        padding: 0 clamp(13.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px);
    }

    .img-body-card-video-post {
        padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px);
    }

    .new_blog_post .card-body-content .img-body-card-video-post> iframe  {
        width: 100%;
        height: clamp(233.33333333px, 24.3056vw, 466.66666667px);
        margin-top: clamp(13.33333333px, 1.3889vw, 26.66666667px)
    }

    @media (max-width: 991px) {
        .img-body-card-video-post {
            padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        }
    }

    .img-body-card-pdf {
        padding: 0 clamp(53.33333333px, 5.5556vw, 106.66666667px) clamp(16px, 1.6667vw, 32px);
    }

    .new_blog_post .card-body-content .img-body-card-pdf> iframe  {
        width: 100%;
        height: 700px;
    }

    @media (max-width: 991px) {
        .img-body-card-pdf {
            padding: 0 clamp(10.66666667px, 4.4444vw, 21.33333333px) clamp(10.66666667px, 4.4444vw, 21.33333333px);
        }
    }

    .btn-view-pdf {
        padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
        border: 0;
        align-items: center;
        border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
        transition: all .5s ease;
        text-decoration: none;
        font-size: 16px;
        color: #FFFFFF;
        background: #094F81 !important;
        display: block;
        text-align: center;
        margin-top: 10px;
        width: 150px;
    }

    .btn-view-pdf-desktop {
        padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
        border: 0;
        align-items: center;
        border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
        transition: all .5s ease;
        text-decoration: none;
        font-size: 16px;
        color: #FFFFFF;
        background: #094F81 !important;
        display: block;
        text-align: center;
        margin-top: 10px;
        width: 170px;
    }

    .btn-view-pdf-news {
        padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
        border: 0;
        align-content: center;
        border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
        transition: all .5s ease;
        text-decoration: none;
        font-size: 16px;
        color: #FFFFFF;
        background: #094F81 !important;
        display: block;
        text-align: center;
        margin-top: 10px;
        width: 170px;
    }

    .btn-view-pdf-news-mobile {
        padding: clamp(5.33333333px, .5556vw, 10.66666667px) clamp(10.66666667px, 1.1111vw, 21.33333333px);
        border: 0;
        align-content: center;
        border-radius: clamp(666.66666667px, 69.4444vw, 1333.33333333px);
        transition: all .5s ease;
        text-decoration: none;
        font-size: 16px;
        color: #FFFFFF;
        background: #094F81 !important;
        display: block;
        text-align: center;
        margin-top: 10px;
        width: 170px;
    }

    /* Ocultar tab amigos en chat */
    [data-tab="bpbm-friends-list"] {
        display: none !important;
    }

    .bpbm-user-me {
        display: none !important;
    }

    .bbpm-avatar a {
        pointer-events: none;
        cursor: none;
    }

    .bm-name a{
        pointer-events: none;
        cursor: none;
    }

    .chat-header .mass-message {
        display: none !important;
    }

    :root{
        --bm-message-font-size: 16px;
        --bm-message-line-height: 20px;
    }
    
    .bp-messages-wrap .threads-list .thread .bm-info .last-message{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    
    .bp-messages-wrap .threads-list .thread .bm-info .name+h4{
        font-size: 12px !important;
        line-height: 14px !important;
    }
    
    .bp-messages-wrap .threads-list .thread .bm-info .name {
        font-size: 15px;
        line-height: 15px;
    }
    
    .bp-messages-wrap .threads-list .thread .bm-info h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .bp-messages-wrap .bp-messages-side-threads .threads-list .thread .time .time-wrapper {
        font-size: 12px;
        vertical-align: top;
    }

    .card-body-content {
        overflow-wrap: break-word;
    }


.btn-sucursal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 35px;
    border: 2px solid #999;
    border-radius: 999px;
    text-decoration: none;
    color: #434343;
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    transition: all 0.25s ease;
    margin-right: -40px;
}

.btn-sucursal:hover {
    border-color: #434343;
    background-color: #f5f5f5;
    color: #434343;
}

.btn-sucursal .arrow svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2.5;
    transition: transform 0.2s ease;
}

.btn-sucursal:hover .arrow svg {
    transform: translateX(2px);
}


.activities-carousel {
    display: none;
}

.container-slider-desktop {
    display: block; 
}

.section-login-fond { 
    display: block;
}
.section-login-fond-mobile { 
    display: none;
}


.title-nav-mobile {
    display: none;
}

.title-productos-desktop {
    display: inline;
}

.title-productos-movil {
    display: none;
}

.section-custom-tab-post-element-item-title .section-header-custom-filter-button {
  display: none;
}

.section-header-custom-content {
    display: flex;
}

.section-header-custom-box-fond {
    display: block;
}

.tab-next-btn {
    display: none;
}

.tab-prev-btn {
    display: none;
}

.card-img-toggle {
    display: none;
}

.js-close-filters {
    display: none;
}

.btn-withdraw-mobile { display: none; }
.btn-withdraw-desktop { display: inline-block; }

.text-publica-desktop { display: block; }
.text-publica-mobile { display: none; }

.btn-cambiar-imagen-mobile{ display: none; }

.input-descripcion-movil {
    height: auto;
}

.select-tipo-publicacion-movil {
    display: none;
}

.btn-volver-publi-movil {
    display: none;
}

.section-description-publicar {
    display: none;
}

.titulo-actividades-desktop { display: inline; }
.titulo-actividades-mobile  { display: none; }

.modal-video .header-custom-modal{ position: relative; }
.modal-video .modal-video-actions-top{ display: none !important; }

.btn-ver-mas-actualidad-mobile {
    display: none;
}

.bm_thread_subject_input {
    display: none !important;
}


/* -------------------------------------------------------------------- Responsive (≤ 820px) -------------------------------------------------------------------- */

@media (max-width: 820px), (max-width: 932px) and (orientation: landscape) {
    .box-modal-custom-contact {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0px !important;
    }

    .ac_form_submit {
        background-size: clamp(18.33333333px, 1.3889vw, 26.66666667px);
        text-indent: -9999px;
    }

    .section-login-form-input-error {
        font-size: 12px; 
        line-height: 15px;
    }

    .section-custom-post-destaqued {
        border: 1px solid #C4C4C4;
        border-radius: clamp(10.66666667px, .6944vw, 13.33333333px);
        overflow: hidden
    }

    .box-what-are-you-thinking {
       border-radius: clamp(10.33333333px, .5556vw, 10.66666667px);
    }

    .box-card-post {
        border-radius:  clamp(10.33333333px, .5556vw, 10.66666667px);
    }

    .box-input-send-message {
        border-radius: clamp(10.33333333px, .5556vw, 10.66666667px);
    }

    .activities-carousel {
        display: block;
    }

    .container-slider-desktop {
        display: none;
    }

    /* ------------------------------- vista Login ---------------------------- */

    .button-wrapper {
        position: relative;
        display: inline-block;
        margin-bottom: -430px;
    }

    .box-button-accesibility {
        position: fixed;
        left: -50px;
        bottom: -100px;
        top: 0;
        margin: auto
    }


    header.header-login nav .container {
        height: 64px !important;
    }

    header.header-login .box-img-logo a img{
        height: 43px !important;
        width: 227px !important;
    }

    .section-login-fond {
        display: none;
    }

    .section-login-fond-mobile {
        width: 100%;
        border-bottom-left-radius: 100% 12% !important;
        border-bottom-right-radius: 100% 12% !important;
        display: block;
    }

    .section-login-box {
        margin-top: 173px !important;
    }

    .section-login-box-logo {
        display: none !important;
    }

    .section-login-title {
        margin-bottom: 10px !important;
    }

    /* btn login ingresar  */
    .section-login-form-box-button {
        width: 100%;
    }

    .section-login-form-button {
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .btn-tools{
        position: fixed;
        /* bottom: max(80px, env(safe-area-inset-bottom)); */
        top: auto;
        z-index: 1000;
    }

    .section-login-fond-icon-02 {
        display: none;
    }

    .card-footer-content-modal-create-post {
        display: inline;
    }

    .section-login-form-box-button button {
        border: none;
    }

    .section-login-box {
        border: 1px solid #DDE3ED;
    }

    .section-login-form p {
        text-align: left;
    }
    /* ------------------------------- End vista Login ---------------------------- */
    

    /* ------------------------------- vista Muro ---------------------------- */
    .tooltip-button-accesibility{
        position: absolute;
        bottom: calc(100% + 8px);
        left: -130px;
        transform: none;

        max-width: 250px;
        background: #001A2D;
        color: #fff;
        border-radius: 6px;
        padding: 10px 15px;
        box-shadow: 0 6px 16px rgba(0,0,0,.18);

        opacity: 0;
        transition: opacity .25s, visibility .25s;
        z-index: 1;
    }

    /* Botones atras y siguiente slide */
    .box-img-logo a img {
        width: 180px;
        height: 41px;
    }

    .activities-carousel{ position: relative; }

    .swiper-home-activities-mobile {
        padding-right: 10px;
        padding-left: 10px;
    }

    .activities-carousel .swiper-btn{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 32px; 
        height: 32px;
        border: 0; 
        border-radius: 9999px;
        background: #EBEFF5;
        display: inline-flex; 
        align-items: center; 
        justify-content: center;
        z-index: 5 !important; 
        cursor: pointer;
    }

    /* posicion */
    .activities-carousel .swiper-btn-prev{ left: -5px; top: 100px;}
    .activities-carousel .swiper-btn-next{ right: -5px; top: 100px; }

    /* iconos */
    .activities-carousel .swiper-btn-prev{
        background-image: url("../img/expand_more_prev.svg");
        background-repeat: no-repeat;
        background-position: center;
        /* background-size: 18px 18px; */
    }
    .activities-carousel .swiper-btn-next{
        background-image: url("../img/expand_more_next.svg");
        background-repeat: no-repeat;
        background-position: center;
        /* background-size: 18px 18px; */
    }

    /* bullets */
    .activities-carousel .swiper-pagination{
        position: static;
        margin-top: 12px;
        display: flex; 
        justify-content: center; 
    }

    /* estilos bullets */
    .activities-carousel .swiper-pagination-bullet{
        width: 8px; 
        height: 8px; 
        border-radius: 9999px;
        background: #0b386a;
        opacity: .25;
    }
    .activities-carousel .swiper-pagination-bullet-active{
        opacity: 1;
        width: 8px;
        border-radius: 9999px;
    }


    .section-activities-and-workshops-home-box-content {
        border-bottom: none;
    }

    .section-custom-post-destaqued-description-button {
        height: 40px;
    }

    .swiper-slide {
        padding-bottom: 5px;
    }

    .section-custom-post-destaqued-description-title {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .new_blog_post .card-body-content .img-body-card-mobile-default {
        padding: 0 0 clamp(16px, 1.6667vw, 32px);
    }

    .card-comment-content button {
        width: 200px;
    }

    
    /* ------------------------------- end vista Muro ---------------------------- */

    /* ------------------------------- vista Modal publicar ---------------------------- */
    .btn-close-modal-menu {
        width: 127px !important;
        height: 48px !important;
        border-radius: 999px;
        position: relative;
        order: -1;
        width: 100%;
        border-radius: 0;
        right: 0;
        top: 0;
    }

    .box-modal-custom-02 {
        position: fixed;
        inset: 0;
        width: 100vw;
        height: 100dvh;
        max-width: none;
        max-height: none;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: #fff;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 16px;
        z-index: 1000;
        padding-bottom: calc(16px + env(safe-area-inset-bottom));
        padding-top: calc(16px + env(safe-area-inset-top));
    }

    .box-modal-custom-02 {
        height: 100% !important;
    }

    .header-create-post .text-05 {
        padding-top: 55px;
    }

    .card-body-content .text-08 {
        height: 370px;
    }

    .btn-design-03 {
        width: 100%;
        border-radius: 999px;
    }

    .box-button-card-footer-content-modal-create-post {
        display: flex;
        justify-content: center;
    }

    #whats-new-submit {
        width: 100%;
        padding:0 16px;
    }

    .box-icons-button-comment {
        justify-content: end;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .modal .text-02 {
        line-height: 25px;
    }

    /* ------------------------------- end vista Modal publicar ---------------------------- */


    /* ------------------------------- vista Modal sidebar menu ---------------------------- */
    .box-content-contact-sidebar {
        display: none;
    }

    :root{
        --header-h: clamp(42.66666667px, 17.7778vw, 85.33333333px);
    }

    .section-sidebar{
        position: fixed;
        inset: var(--header-h) 0 0 0;
        min-height: calc(100dvh - var(--header-h));
        width: 100%;
        z-index: 9999;
        background: #fff;

        display: flex;
        flex-direction: column;

        transform: translateX(-100%);
        opacity: 0;
        transition: transform .4s ease, opacity .25s ease;

        overflow: hidden;
    }

    .box-content-sidebar {
        height: auto;
    }

    .sidebar {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .box-content-links-account.show-mobile{
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    .container-links-account-mobile{
        flex: 1 1 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        min-height: 0;
    }

    .sep-mobile {
        display:block;
        height:1px;
        border:0;
        background:#D9D9D9;
        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);

        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 100vw;
        max-width: 100vw;
    }

    .btn-contactanos-container-mobile{
        margin-top: auto;
        position: sticky; bottom: 0;
        background: #fff;
        z-index: 1;
        display: flex;
        justify-content: center;
    }

    .btn-contactanos-container-mobile .button-contact{
        display: flex; 
        align-items: center; 
        gap: 8px; 
        width: 100%;
        text-decoration: none;
    }

    .btn-contactanos-container-mobile a img {
        width: 44px;
        height: 40px;
    }

    .btn-contactanos-container-mobile a strong {
        font-size: 14px;
        font-weight: 600;
    }

    .btn-contactanos-container-mobile .button-contact {
        background-color: #93BF3C;
        padding: 10px 20px;
        margin-top: 5px;
        width: 261px;
        height: 56px;
    }

    .box-links-sidebar {
        margin-bottom: -40px;
    }

    .btn-close-modal-menu {
        display: none;
    }

    .btn-close-modal-menu{ display: none !important; }

    .is-menu-open .box-menu-profile{ display: none !important; }

    .is-menu-open .btn-close-modal-menu{
        display: inline-flex !important;
        align-items: center;
        gap: 13px;
    }


    .links-list-sidebar a {
        display: flex;
        align-items: center;
        color: #fff;
        text-decoration: none;
        position: relative;
        font-size: 18px;
        font-weight: 700;
        transition: color .2s ease;
        margin-top: 4px;
    }

    .links-list-sidebar a.active {
        font-weight: 700;
        color: #B6D93B;
    }

    .links-list-sidebar a.active::before{
        content: "";
        position: absolute;
        left: 0;
        top: -3px;
        height: calc(100% + 8px);
        width: 5px;
        height: 22px;
        background: #B6D93B;
        z-index: 1;
        opacity: 1;
    }

    .container-links-account-mobile li a {
        display: flex;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        color: #060B25;
    }

    .container-links-account-mobile li a img {
        flex-shrink: 0;
        object-fit: contain;
    }

    .sep-mobile-mostrar-mas {
        display:block;
        height:1px;
        border:0;
        background:#D9D9D9;
        box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);

        position: relative;
        left: 50%;
        right: 50%;
        margin-top: 15px;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 100vw;
        max-width: 100vw;
    }

    .box-send-comment-main {
        margin-bottom: 0px;
    }

    .box-comments-content-modal-03 {
        /* height: 100%; */
    }

    /* ------------------------------- end vista Modal sidebar menu ---------------------------- */


    /* ------------------------------- VISTA COMPRAR-VENDER ---------------------------- */
    body.page-template-page-comprar-vender {
        nav .container {
            background-color: #5F84AD;
        }
    
        nav .container .box-menu-profile {
            background-color: white;
        }
    
        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }
    
        nav .container .box-img-logo {
            display: none;
        }

        .btn-icon-custom img {
            width: 24px;
            height: 24px;
        }

    }

    body.page-template-page-publicar-productos {
        nav .container {
            background-color: #5F84AD;
        }
    
        nav .container .box-menu-profile {
            background-color: white;
        }
    
        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }
    
        nav .container .box-img-logo {
            display: none;
        }

    }

    body.page-template-page-publicar-servicios {
        nav .container {
            background-color: #5F84AD;
        }
    
        nav .container .box-menu-profile {
            background-color: white;
        }
    
        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }
    
        nav .container .box-img-logo {
            display: none;
        }
    }

    .title-nav-mobile {
        display: block;
    }



    .section-custom-tab-post-box-nav {
        display: flex;
    }

    .tab-next-btn{
        flex:0 0 60px;
        background:#fff;
        font-size:22px; 
        line-height:1;
        display:grid; 
        place-items:center;
        cursor:pointer;
        border: none;
        border-left: 1px solid #AFBACC4D;
        border-bottom: 1px solid #AFBACC4D;
        padding-right: 12px;
    }

    .tab-next-btn img {
        width: 22px;
        height: 24px;
    }

    .tab-prev-btn{
        flex:0 0 60px;
        background:#fff;
        font-size:22px; 
        line-height:1;
        display:grid; 
        place-items:center;
        cursor:pointer;
        border: none;
        border-right: 1px solid #AFBACC4D;
        border-bottom: 1px solid #AFBACC4D;
        padding-right: 12px;
    }

    .tab-prev-btn img {
        width: 22px;
        height: 24px;
    }

    .title-productos-desktop {
        display: none;
    }

    .title-productos-movil {
        display: inline;
    }

    .section-custom-tab-post-element-item-content {
        padding-right: 15.9998px;
    }

    .section-custom-tab-post-element-item-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .section-custom-tab-post-element-item-title .section-header-custom-filter-button {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .section-header-custom-filter-content .section-header-custom-filter-box-button .section-header-custom-filter-button {
        display: none !important;
    }
    
    .section-header-custom-content {
        display: none;
    }

    .section-header-custom-box-fond {
        display: none;
    }

    .buy-sell-header .section-header-custom-content,
    .buy-sell-header .section-header-custom-box-fond {
        display: none !important;
    }

    .buy-sell-header .section-header-custom-box-filter.active {
        display: flex;
    }
    
    .section-header-custom {
        padding: 0px;
        margin: 0px;
    }

    .js-open-filters {
        width: 106px;
        background: white;
    }

    /* botones mostrar / ocultar img */

    .card-img-toggle {
        margin-right: 16px;
        display:inline-flex;
        align-items:center;
        width: 66px;
        height: 32px;
        border: 1px solid #DDE3ED;
        border-radius: 8px;
        overflow:hidden;
        background:#fff;
    }

    .card-img-toggle .img-toggle-btn {
        display:grid; place-items:center;
        width:48px; height:40px;
        padding:0; border:0; background:#fff; cursor:pointer;
        color:#094F81;
    }

    .card-img-toggle .img-toggle-btn + .img-toggle-btn{
        border-left:1px solid #DFE6F0;
    }

    .card-img-toggle .img-toggle-btn.active{
        background:#0B4D75;
        color:#ffffff;
    }
    .card-img-toggle .img-toggle-btn:focus-visible{
        outline: none;
        box-shadow: inset 0 0 0 2px #0038B8;
    }


    body.hide-card-images .section-custom-tab-post-element-item-box-img img {
        display: none !important;
    }


    body.hide-card-images .section-custom-tab-post-element-item-box-img {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        overflow: hidden;
    }

    /* fin botones mostrar / ocultar img */

    .js-close-filters {
        display: flex;
        width: 127px;
        height: 48px;
        margin-left: auto;
        margin-right: 15px;
        margin-top: 20px;
        margin-bottom: 10px;
        justify-content: center;
    }

    .container-filtro-img {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .section-custom-tab-post-element-publications-box-title {
        display: none;
    }

    .section-custom-tab-post-element-publications-box-title h6 {
        display: none;
    }

    .section-description-publicar {
        background: #E8EFF6;
        border-radius: 8px;
        padding: 20px 16px 24px;
        text-align: center;
        /* width: 328px; */
        height: 208px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }

    .section-description-publicar__text {
        color: #0B1B2B;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 700;
        margin: 0 5px 16px 5px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .section-description-publicar__btn {
        display: inline-block;
        width: 100%;
        max-width: 260px;
        margin: 0 auto;
        padding: 14px 20px;
        background: #0C4F7F;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        border-radius: 999px;
        text-decoration: none;
    }

    .section-description-publicar__btn:active {
        transform: translateY(1px);
    }

    #activity-loop-form {
        display: none;
    }

    .section-custom-tab-post-elements-publications-box-items {
        margin-right: 15.9998px;
    }

    .section-header-custom-box-filter {
        height: 0px;
    }

    .section-header-custom-filter-button {
        font-size: 18px;
    }

    .section-custom-tab-post-box-elements {
        padding-top: 20px;
    }

    .section-custom-tab-post-nav-list {
        border-bottom: 1px solid #AFBACC4D;
    }

    .section-custom-tab-post-element-item-description-box-text .text-01 {
        font-size: 16px;
    }

    .section-header-custom-filter-button-submit {
        width: 100%;
        margin-right: 16px;
        margin-left: 16px;
        justify-content: center;
    }
    
    .tab-post-elements-publications-box-item-box-title {
        margin-bottom: 15px;
    }

    .btn-withdraw-desktop { display: none; }
    .btn-withdraw-mobile { display: inline-block; }

    .text-publica-desktop { display: none; }
    .text-publica-mobile { display: block; margin-top: -5px;}

    .container-content-generic-header-text-small {
        display: none;
    }

    .container-content-generic-body-form-item-footer-buttons {
        flex-direction: row !important;
    }

    .btn-prev-step {
        box-shadow: none;
    }

    .btn-next-step {
        box-shadow: 0px 10px 16px 0px rgba(18, 25, 84, 0.07);
    }

    .container-content-generic-header-text {
        margin-bottom: 0px;
    }

    #price_form_input:before {
        content: "$";
        position: absolute;
        left: 15px;
        bottom: 8px;
        font-size: 18px;
        line-height: 133.33%
    }

    .container-content-generic-body-form-item-button-arrow {
        top: 0px;
        margin: auto;
    }

    .container-content-generic-body-form-items {
        gap: clamp(10px, 1.6667vw, 32px);
    }

    #telefono_de_contacto_form_result {
        display: block;
    }

    .section-custom-tab-post-box {
        margin-top: clamp(20px, 6.3333vw, 40px);
    }

    .modal-curso {
        z-index: 9999;
    }

    .header-custom-modal h3 {
        font-size: 20px;
    }

    .box-img-modal-03 {
        border-radius: clamp(10px, .4167vw, 8px) clamp(10px, .4167vw, 8px) 0 0;
    }

    .box-top-button-custom-modal-03 {
        margin-top: -10px;
    }

    .list-modal-03 .text-02 {
        color: #384455;
    }

    .box-details-custom-modal-03 .bold {
        font-size: 18px !important;
        color: #060B25;
    }

    .box-details-custom-modal-03 .text-02 {
        font-size: 16px;
        color: #060B25;
    }

    .modal-ps .box-comments-content-modal-03 .card-bottom-top-content-modal-03 {
        margin-bottom: 30px !important;
    }

    /* Botón flotante solo en móvil */
    .btn-cambiar-imagen-mobile{
        position: absolute;
        z-index: 98;
        display: flex;
        align-items: center;
        padding: 10px 6px;
        border: 1px solid #DDE3ED;
        border-radius: 9999px;
        background: #FFFFFF;
        color: #060B25;
        line-height: 1;
        cursor: pointer;
        backdrop-filter: blur(6px) saturate(160%);
        width: 156px;
        height: 48px;
        font-size: 16px;
        font-weight: 700;
    }

    .btn-cambiar-imagen-mobile:focus-visible{
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,56,184,.35);
    }

    .btn-cambiar-imagen-mobile:active{
        transform: translateY(1px);
    }

    .dz-remove {
        display: none !important;
    }

    .btn-cambiar-imagen-mobile { display: none; }
    .dropzone.dz-started .btn-cambiar-imagen-mobile { display: flex; }

    .box-card-post .card-body-content .image-destaqued-activity {
        padding: 0 0 clamp(16px, 1.6667vw, 32px);
    }

    .iconos-publicacion {
        margin-right: 8px;
        margin-bottom: -3px;
    }

    .box-input-send-message .emojiPicker {
        margin-bottom: 220px;
    }

    .input-descripcion-movil {
        height: 112px;
    }

    .select-tipo-publicacion-movil {
        display: flex;
    }

    .btn-volver-publi-movil {
        display: block;
    }

    .container-content-generic-body-form-item-body-result {
        overflow: hidden;
    }


    .section-custom-tab-post-element {
        display: none
    }

    .section-custom-tab-post-element.show {
        display: block;
        gap: clamp(27.3333333px, 11.3889vw, 54.6666667px);
    }

    .section-custom-tab-post-elements-publications {
        padding-right: 16px;
    }

    .section-custom-tab-post-elements-publications-none {
        border: none;
    }
    /* ------------------------------- END VISTA COMPRAR-VENDER ---------------------------- */

    body.page-template-actividades-y-talleres {
        nav .container {
            background-color: #37813C;
        }
    
        nav .container .box-menu-profile {
            background-color: white;
        }
    
        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }
    
        nav .container .box-img-logo {
            display: none;
        }

        .btn-close-modal {
            margin-top: 8px;
        }

        #calendar {
            margin-right: 16px;
        }

        .modal-video.force-landscape {
            position: fixed;
            left: 0; top: 0;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            z-index: 9999;
        }

        .modal-video.force-landscape .box-modal-custom-04 {
            position: absolute;
            left: 50%;
            top: 50%;

            transform: translate(-50%, -50%) rotate(90deg);
            transform-origin: center center;


            width: 100dvh;
            height: 100dvw;

            margin: 0;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }

        @media (orientation: portrait) {
            .modal-video.force-landscape .box-modal-custom-04 {
                transform: translate(-50%, -50%) rotate(90deg);
                width: 100dvh;
                height: 100dvw;
            }
        }

        /* Si ya está en horizontal → no rotamos */
        @media (orientation: landscape) {
            .modal-video.force-landscape .box-modal-custom-04 {
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
            }
        }

    }

    .fc-listMonth-view.fc-list {
        border-radius: 8px;
        --card-bg: #e8edf5;
        --card-br: 6px;
        --card-bd: 1px solid #e5e7eb;
        --pill-bg: #e2e8f0; 
        --pill-bg-green: #2f8a3b;
        --pill-color: #0f172a;
        --title-color: #0f172a;
    }


    .fc-listMonth-view .fc-list,
    .fc-listMonth-view .fc-list table { border-radius: 10px }
    .fc-listMonth-view .fc-list-table,
    .fc-listMonth-view .fc-list-event td,
    .fc-listMonth-view .fc-list-day th {
        border: 0 !important;
        background: none !important;
        padding: 0;
    }


    .fc-listMonth-view .fc-list-day { margin-top: 12px; border-top: 1px solid #e2e8f0; }

    .fc-listMonth-view .fc-list-day:first-child {
        border-top: 0;
    }

    .fc-listMonth-view .fc-list-day-cushion {
        display: flex; justify-content: flex-end; gap: 8px;
        padding: 12px 16px 8px;
        background: #fff;
        font-weight: 800; font-size: 16px; color: #0f172a;
        border-top-left-radius: var(--card-br); border-top-right-radius: var(--card-br);
    }
    .fc-listMonth-view .fc-list-day-text { text-transform: capitalize; order: 2; }
    .fc-listMonth-view .fc-list-day-side-text { order: 1; color: #475569; font-weight: 700; }

    .fc-listMonth-view tr.fc-list-event {
        height: 59px;
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 8px 16px 16px;
        padding: 12px 16px;
        background: var(--card-bg);
        border-radius: var(--card-br);
        box-shadow: inset 0 0 0 1px #e5e7eb;
    }

    .fc-listMonth-view .fc-list-event-graphic { display: none; }

    .fc-listMonth-view .fc-list-event-time {
        display: inline-block;
        padding: 10px 14px;
        border-radius: 10px;
        font-weight: 800;
        font-size: 13px;
        line-height: 1;
        background: var(--pill-bg);
        color: var(--pill-color);
        white-space: nowrap;
        flex-shrink: 0;
    }


    .fc-listMonth-view .fc-list-event-title a {
        font-size: 16px;
        color: #060B25;
        text-decoration: none;
    }


    .fc-listMonth-view .fc-list-day:last-of-type .fc-list-day-cushion {
        border-bottom-left-radius: var(--card-br); border-bottom-right-radius: var(--card-br);
    }

    .fc-listMonth-view tr.fc-list-event.is-featured {
        background: #e8f8ec;
    }
    .fc-listMonth-view tr.fc-list-event.is-featured .fc-list-event-time {
        background: var(--pill-bg-green);
        color: #fff;
    }

    .fc-listMonth-view tr.fc-list-event > td {
        font-size: 16px;
        display: block;
    }

    .fc-list-event-graphic .fc-list-event-dot {
        display: none;
    }

    .fc-listMonth-view .fc-list-event-time {
        min-width: 90px;
        white-space: nowrap;
    }

    .fc-listMonth-view .fc-list-event-title {
        flex: 1;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 17px;
    }
    .fc-listMonth-view .fc-list-event-title a {
        display: block;
        white-space: normal;
    }

    .box-comments-content-modal-03 .card-bottom-top-content-modal-03 {
        margin-bottom: 30px;
    }

    .fc-list .fc-list-event-time::after {
        content: " hrs";
    }

    .fc-theme-standard .fc-list {
        border: 1px solid #DDE3ED;
    }

    .fc-list-table {
        margin-bottom: 30px;
    }

    .fc-listMonth-view tr.fc-list-event.is-selected {
        background: var(--selected-bg, #37813C);
    }

    .fc-listMonth-view tr.fc-list-event.is-selected .fc-list-event-time {
        color: #fff;
    }

    .fc-listMonth-view tr.fc-list-event.is-selected .fc-list-event-title,
    .fc-listMonth-view tr.fc-list-event.is-selected .fc-list-event-title a,
    .fc-listMonth-view tr.fc-list-event.is-selected .fc-list-event-title a:hover,
    .fc-listMonth-view tr.fc-list-event.is-selected .fc-list-event-title a:focus {
        color: #fff;
    }



    .tab-post-box-elements-activities-and-workshops .section-custom-tab-post-elements-publications-box-items {
        flex-direction: column;
    }

    .tab-post-box-elements-activities-and-workshops .section-custom-tab-post-elements-publications-box-items .card-custom-01 {
        width: 100%;
    }

    .contenedor-respositorio-mobile {
        padding-right: 0px;
    }

    .titulo-reposi-mobile {
        color: #060B25;
    }

    .titulo-actividades-desktop { display: none; }
    .titulo-actividades-mobile  { display: inline; }

    .box-modal-custom-04 {
        width: 100%;
        border-radius: 0;
    }

    @media (orientation: landscape) {
        .modal-video .header-custom-modal .btn-close-modal{ margin-top: 22px; }

        .modal-video .modal-video-actions-top{
            display: flex !important;
            position: absolute;
            right: 120px;
            top: 32px;
            gap: 12px;
            z-index: 2;
        }
        .modal-video .footer-right-modal-04{ display: none; }
    }

    #calendar .fc-toolbar>*>:not(:first-child) {
        margin-left: clamp(12px, 1.1111111vw, 20px);
        gap: clamp(10.75px, .3472222vw, 6.25px)
    }

    #calendar .fc-header-toolbar .fc-toolbar-chunk .fc-button {
        width: 30px;
        height: 30px;
    }

    /* Instructivos */
    body.page-template-instructivos {
        @media (orientation: portrait) {
            .header-custom-modal {
                height: 120px;
            }

            .modal-video-title {
                margin-top: 30px;
            }

            .btn-close-modal {
                margin-top: 0px;
            }
        }

        .section-custom-tab-post-elements-publications-box-items {
           flex-direction: column;
        }
   
        .card-custom-01 {
           width: 100% !important;
       }
   
        .card-body-custom {
           height: 229px;
       }
   
        .section-custom-tab-post-elements-publications {
           padding-right: 0px;
       }

       .card-text-custom-text {
            color: #58606E;
            font-weight: 500;
       }

       .section-custom-tab-post-box-elements {
            padding-top: 0px;
       }


        nav .container .box-img-logo {
            display: none;
        }

        .title-nav-mobile {
            display: block;
        }

        nav .container {
            background-color: #336148;
        }

        nav .container .box-menu-profile {
            background-color: white;
        }

        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }


        .modal-video.force-landscape{
            position: fixed;
            left: 0; top: 0;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            z-index: 9999;
        }

        .modal-video.force-landscape .box-modal-custom-04{
            position: absolute;
            left: 50%;
            top: 50%;

            transform: translate(-50%, -50%) rotate(90deg);
            transform-origin: center center;


            width: 100dvh;
            height: 100dvw;

            margin: 0;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }

        @media (orientation: portrait) {
            .modal-video.force-landscape .box-modal-custom-04 {
                transform: translate(-50%, -50%) rotate(90deg);
                width: 100dvh;
                height: 100dvw;
            }
        }

        /* Si ya está en horizontal → no rotamos */
        @media (orientation: landscape) {
            .modal-video.force-landscape .box-modal-custom-04 {
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
            }
        }
    }

    .modal-present .box-details-custom-modal-03 p {
        font-size: 16px;
    }

    .section-custom-tab-post-element-item-description-box-avatar {
        display: none;
    }

    /* Actualidad y opinión */
    body.page-template-actualidad-y-opinion {
        .section-header-custom {
            display: none;
        }

        .section-custom-tab-post-element-item-box-title {
            margin-top: 18px;
        }

        nav .container .box-img-logo {
            display: none;
        }

        .title-nav-mobile {
            display: block;
        }

        nav .container {
            background-color: #A4607F;
        }

        nav .container .box-menu-profile {
            background-color: white;
        }

        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }

        .box-comments-content-modal-03 ul {
            height: auto;
            min-height: unset;
            padding-bottom: 80;
            margin-bottom: 0;
        }

        .btn-ver-mas-actualidad-mobile {
            display: flex;
        }
    }

    body.page-template-page-comprar-vender {
        .section-custom-tab-post-elements-publications {
            padding-right: 0px;
        }

        .section-description-publicar {
            margin-right: 16px;
        }
    }

    /* Beneficios */
    body.page-template-page-beneficios {
        .section-header-custom {
            display: none;
        }

        .section-custom-tab-post-element-item-box-title {
            margin-top: 18px;
        }

        nav .container .box-img-logo {
            display: none;
        }

        .title-nav-mobile {
            display: block;
        }

        nav .container {
            background-color: #0095C9;
        }

        nav .container .box-menu-profile {
            background-color: white;
        }

        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }

        .btn-ver-mas-actualidad-mobile {
            display: flex;
        }

        .box-details-custom-modal-03 {
            color: #58606E;
        }
    }

    /* Concursos */
    body.page-template-page-concursos {
        .section-header-custom {
            display: none;
        }

        .section-custom-tab-post-element-item-box-title {
            margin-top: 18px;
        }

        nav .container .box-img-logo {
            display: none;
        }

        .title-nav-mobile {
            display: block;
        }

        nav .container {
            background-color: #00AA8F;
        }

        nav .container .box-menu-profile {
            background-color: white;
        }

        nav .container .title-nav-mobile {
            color: white;
            font-weight: 700;
        }

        .btn-ver-mas-actualidad-mobile {
            display: flex;
        }

        .box-details-custom-modal-03 {
            color: #58606E;
        }
    }

    /* CHAT */
    body.page-template-page-chat {
        .box-left-list-chats-modal-user h4 {
            font-size: 16px;
        }

        .container-chat-content {
            margin-top: 10px;
            margin-bottom: 30px;
            align-items: center;
        }

        .btn-chat-mobile {
            height: 48px;
            font-size: 16px;
        }

        .cont-btn-abrir-chat-mobile {
            display: flex;
            justify-content: center;
            margin-top: 30px;
            font-size: 16px;
            color: #0038B8;
        }

        .bp-messages-wrap:not(.bp-messages-mobile){
            height: 430px !important;               /* tu altura */
        }
    }

    /* Perfil de la cuenta */
    body.page-template-page-profile {
        .section-total-content svg {
            display: none;
        }

        .container-content-generic-header-title {
            font-size: 24px;
        }

        .container-content-generic-header {
            padding-top: 20px;
            margin-bottom: 70px;
        }

        .container-content-generic-header-text {
            font-size: 16px;
        }

        .box-left-profile {
            position: relative;
            top: -70px;
            padding: clamp(21.33333333px, 8.8889vw, 42.66666667px) 
            15px
            clamp(26.66666667px, 4.1111vw, 53.33333333px);
            border-bottom: 1px solid #DDE3ED;
        }

        .box-right-profile {
            position: relative;
            top: -70px;
        }

        .box-img-profile-edit {
            width: 88px;
            height: 88px;
            left: 10px;
        }

        .box-content-text-profile p {
            line-height: 24px;
            font-size: 14px;
            color: #58606E;
        }

        .box-content-total-profile {
            max-height: 380px;
        }

        .box-button-save-profile.show-mobile {
            width: 296px;
            height: 48px;
        }
        
        .box-button-save-profile.show-mobile button {
            justify-content: center;
        }

        .box-button-save-profile:not(.show-mobile) {
            display: none;
        }

        .icon-img-data {
            width: 24px;
            height: 24px;
        }

        .icon-img-data img {
            width: 24px;
            height: 24px;
        }

        .box-text-profile {
            padding-top: 20px;
        }

        #uploadLabel {
            justify-content: center;
            width: 110px;
            height: 40px;
        }

        .data-profile {
            margin: clamp(25px, 2.5694vw, 49.33333333px) 0 0;
        }

        .section-total-content #uploadLabel svg {
            display: block;
        }

        #uploadText {
            font-weight: 700;
        }

        .container-content {
            height: 100%;
        }

        .data-profile .text-01 {
            font-size: 16px;
            white-space: normal;
            overflow-wrap: anywhere;
        }
    }
}