@font-face {
    font-family: 'Source';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("SourceSansPro-Regular.woff2?v=3.15") format("woff2"), url("SourceSansPro-Regular.woff?v=3.15") format("woff");
}

@font-face {
    font-family: 'Source';
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src: url("SourceSansPro-Italic.woff2?v=3.15") format("woff2"), url("SourceSansPro-Italic.woff?v=3.15") format("woff");
}

@font-face {
    font-family: 'Source';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("SourceSansPro-Bold.woff2?v=3.15") format("woff2"), url("SourceSansPro-Bold.woff?v=3.15") format("woff");
}

@font-face {
    font-family: 'Source';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("SourceSansPro-Black.woff2?v=3.15") format("woff2"), url("SourceSansPro-Black.woff?v=3.15") format("woff");
}

@font-face {
    font-family: 'Source';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("SourceSansPro-SemiBold.woff2?v=3.15") format("woff2"), url("SourceSansPro-SemiBold.woff?v=3.15") format("woff");
}

/* CSS Reset -------------------------------------------------------*/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a,
button {
    cursor: revert;
}

ol,
ul,
menu {
    list-style: none;
}

img {
    max-inline-size: 100%;
    max-block-size: 100%;
}

table {
    border-collapse: collapse;
}

input,
textarea {
    -webkit-user-select: auto;
}

textarea {
    white-space: revert;
}

meter {
    -webkit-appearance: revert;
    appearance: revert;
}

pre {
    all: revert;
}

::placeholder {
    color: unset;
}

::marker {
    content: "";
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

:where([draggable="true"]) {
    -webkit-user-drag: element;
}

:where(dialog:modal) {
    all: revert;
}

*::selection {
    background: #277BC0;
    color: #ffffff;
}

*::-moz-selection {
    background: #277BC0;
    color: #ffffff;
}

*::-webkit-selection {
    background: #277BC0;
    color: #ffffff;
}

/* CSS Variables -------------------------------------------------------*/
:root {
    --padding-big: 3.75rem;
}

/* CSS General ----------------------------------------------------------*/
html {
    height: 100%;
    height: 100vh;
    width: 100%;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    height: 100%;
    height: 100vh;
    width: 100%;
    font-family: 'Source', sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #f2f2f2;
}

body.scrolling {
    overflow-y: hidden;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2;
    margin-bottom: 0.4rem;
}

h1 {
    font-size: 2.5rem;
    font-weight: 900;
}

h2 {
    font-size: 2.25rem;
    font-weight: 900;
}

h3 {
    font-size: 1.75rem;
    font-weight: 900;
}

h4 {
    font-size: 1.5rem;
    font-weight: bold;
}

h5 {
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.4;
}

a,
button,
input {
    margin-bottom: 0;
}

p {
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0.3rem;
    color: #4a4a4a;
}

.p-sm {
    font-size: 1.1rem;
}

/* CSS header ------------------------------------------------------------*/
.header {
    position: fixed;
    max-width: 1920px;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    margin: 0 auto;
    border: none;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0.5rem 0.5rem -0.4rem rgba(34, 34, 34, 0.22);
    padding: 1rem;
    border: 1px solid #adadad;
    padding-left: var(--padding-big);
    padding-right: var(--padding-big);
    z-index: 3;
}

.header .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    height: auto;
}

.logo {
    display: block;
    border: none;
    outline: none;
    background: none;
    height: 44px;
    width: auto;
    max-width:146px;
}

.logo img {
    height: 100%;
    width: 100%;
}

.header .navbar {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0;
    z-index: 3;
}

.header .menu > .menu-item {
    position: relative;
    display: inline-block;
    margin: 0;
    border: 1px solid #fff;
}

.header .menu > .menu-item > a {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    outline: none;
    color: #000;
    text-transform: capitalize;
    text-rendering: optimizeLegibility;
    background-color: #fff;
    transition: color 0.3s ease-in-out;
    border: 1px solid #fff;
}

.header .menu > .menu-item > a .expand {
    position: relative;
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiDQo+DQoJPHBhdGggaWQ9Im1vcmUiIGQ9Ik0gMiA2LjkxMDEgTCAzLjg4ODkgNSBMIDkgMTAuMTc5OCBMIDE0LjExMTEgNSBMIDE2IDYuOTEwMSBMIDkgMTQgTCAyIDYuOTEwMSBMIDIgNi45MTAxIEwgMiA2LjkxMDEgTCAyIDYuOTEwMSBMIDIgNi45MTAxIFoiIGZpbGw9IiM4NTg1ODUiLz4NCjwvc3ZnPg==');
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0;
    margin-left: 0.1rem;
    border: none;
    outline: none;
    opacity: 1;
    vertical-align: middle;
    pointer-events: none;
    transition: all 0.1s ease;
    background-color: #fff;
}

.header .menu > .menu-item-has-children:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.header .menu > .menu-item-has-children:hover > a .expand {
    transform: rotate(180deg);
    opacity: 0.5;
}

.header .menu > .menu-item:hover > a {
    color: #858585;
    border: 1px solid #fff;
}

.header .menu > .menu-item-has-children:hover > a {
    border: 1px solid #adadad;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff;
}

.header .menu > .menu-item > .sub-menu > .menu-item > a {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.6rem;
    color: #000;
    text-transform: capitalize;
    text-rendering: optimizeLegibility;
    transition: color 0.3s ease-in-out;
}

.header .menu > .menu-item > .sub-menu > .menu-item > a:hover {
    color: #adadad;
}

.header .menu > .menu-item > .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 17rem;
    height: auto;
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
    border-radius: 5px;
}

.header .menu > .menu-item > .sub-menu > .menu-item {
    display: block;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #adadad;
    border-bottom: 0;
}

.header .menu > .menu-item > .sub-menu > .menu-item:first-child {
    border-radius: 0 5px 0 0;
}

.header .menu > .menu-item > .sub-menu > .menu-item:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #adadad;
}

.header .opened-menu,
.header .closed-menu {
    display: none;
    height: 100%;
    cursor: pointer;
    margin: 0;
    border: none;
    outline: none;
    background-color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    width: 44px;
    height: 44px;
}

.header button:hover.opened-menu,
.header button:hover.closed-menu {
    opacity: 0.5;
}

.header .overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    background: rgba(34, 34, 34, 0.5);
    transition: all 0.3s ease-in-out;
}

/* CSS header breakpoints --------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
    .header .navbar {
        margin: 0;
    }
}

@media only screen and (max-width: 960px) {
    .header .navbar {
        position: fixed;
        top: 0;
        right: -23rem;
        width: 23rem;
        height: 100%;
        padding: 0;
        opacity: 0;
        overflow-y: auto;
        margin: 0;
        visibility: hidden;
        background-color: #fff;
        box-shadow: 0 0 1.5rem 0 rgba(34, 34, 34, 0.3);
        transition: all 0.3s ease-in-out;
    }

    .header .navbar.active {
        right: 0;
        opacity: 1;
        visibility: visible;
        background-color: #fff;
    }

    .header .navbar::-webkit-scrollbar {
        width: 0.6rem;
        background: #f2f2f2;
    }

    .header .navbar::-webkit-scrollbar-thumb {
        background: #adadad;
        border-radius: 0;
    }

    .header .menu {
        width: 100%;
        height: auto;
        margin-top: 5.2rem;
    }

    .header .menu > .menu-item {
        display: block;
        margin: 0;
        border: none;
    }

    .header .menu > .menu-item-has-children > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu > .menu-item > a {
        padding: 0.8rem 1.5rem;
        color: #000;
        border: none;
    }

    .header .menu > .menu-item:first-child > a {
        border: none;
    }

    .header .menu > .menu-item-has-children.active > a .expand {
        transform: rotate(180deg);
        opacity: 0.5;
    }

    .header .menu > .menu-item-has-children.active > a {
        color: #858585;
    }

    .header .menu > .menu-item > .sub-menu > .menu-item > a:hover {
        color: #adadad
    }

    .header .menu > .menu-item-has-children:hover > a .expand {
        transform: rotate(180deg);
    }

    .header .menu > .menu-item > .sub-menu {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: 0;
        padding: 0;
        border: 0;
        outline: none;
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .header .menu > .menu-item-has-children:hover > a {
        box-shadow: none;
        border-radius: 0;
    }

    .header .menu > .menu-item:hover > a {
        border: 0;
    }

    .header .menu > .menu-item > .sub-menu > .menu-item {
        display: block;
        border: 0;
        border-radius: 0;
        border-top: 1px solid #cdcdcd;
    }

    .header .menu > .menu-item > .sub-menu > .menu-item:first-child {
        border-radius: 0;
    }

    .header .menu > .menu-item > .sub-menu > .menu-item:last-child {
        border-radius: 0;
        border-bottom: 1px solid #cdcdcd;
    }

    .header .menu > .menu-item > .sub-menu > .menu-item > a {
        padding: 0.6rem 2rem;
        color: #000;
    }

    .header .opened-menu {
        display: flex;
        opacity: 1;
        height: 100%;
        visibility: visible;
        margin: 0;
        border: 0;
        padding: 0;
    }

    .header .closed-menu {
        position: absolute;
        display: block;
        top: 1rem;
        right: var(--padding-big);
    }

    .header .overlay.active {
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }
}

/* CSS sub-header ----------------------------------------------------------------*/
.sub-header {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    gap: 0.5rem;
    z-index: 2;
}

.sub-header form {
    width: 100%;
}

.sub-header .btn-outline img {
    margin: 0;
    outline: 0;
}

/* CSS searchbox ----------------------------------------------------------------*/
.searchbox {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    z-index: 1;
}

.searchbox .algolia-autocomplete {
    display: block;
    height: 100%;
    width: 100%;
    flex-basis: 100%;
}

.searchbox__wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    height: auto;
    width: 100%;
}

.searchbox__input {
    border: 0;
    border-radius: 5px;
    border: 1px solid #adadad;
    padding: 0.6rem 3rem;
    width: 100%;
    height: 100%;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
}

.searchbox__input::-webkit-search-decoration,
.searchbox__input::-webkit-search-cancel-button,
.searchbox__input::-webkit-search-results-button,
.searchbox__input::-webkit-search-results-decoration {
    display: none;
}

.searchbox__input:hover,
.searchbox__input:focus {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.searchbox__input:focus,
.searchbox__input:active {
    outline: 0;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
    background-color: #FFFFFF;
}

.searchbox__input::-webkit-input-placeholder {
    color: #adadad;
}

.searchbox__input::-moz-placeholder {
    color: #adadad;
}

.searchbox__input:-ms-input-placeholder {
    color: #adadad;
}

.searchbox__input::placeholder {
    color: #adadad;
}

.searchbox__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
    border-radius: 5px 0 0 5px;
    padding: 0;
    width: 3rem;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #adadad;
    border-right: 0;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.searchbox__submit:hover,
.searchbox__submit:active {
    cursor: pointer;
    opacity: 0.6;
}

.searchbox__submit:focus {
    outline: 0;
}

.searchbox__reset {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: 0;
    border-radius: 0 5px 5px 0;
    padding: 0;
    width: 3rem;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #adadad;
    border-left: 0;
    background-color: #fff;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.searchbox__reset:hover {
    opacity: 0.6;
}

.searchbox__reset.hide {
    display: none;
}

.searchbox__reset:focus {
    outline: 0;
}

.aa-dropdown-menu {
    position: relative;
    top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0;
    padding: 0;
    text-align: left;
    height: auto;
    background: transparent;
    border: none;
    width: 100%;
    border: 1px solid #adadad;
    border-top: 0;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
    overflow-y: auto;
    transition: none;
}

.aa-dropdown-menu .aa-suggestions {
    position: relative;
    z-index: 1000;
}

.aa-dropdown-menu [class^=aa-dataset-] {
    position: relative;
    border: 0;
    overflow: auto;
    padding: 0;
    margin: 0;
}

.aa-dropdown-menu * {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.aa-suggestion {
    padding: 0.6rem 1rem;
    display: block;
    width: 100%;
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #adadad;
}

.aa-suggestion:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 0;
}

.aa-suggestion span {
    display: block;
    width: 100%;
}

.aa-suggestion.aa-cursor {
    transition: none;
    color: #adadad;
    display: block;
    height: auto;
    padding: 0.6rem 1rem;
    cursor: pointer;
}

.aa-suggestion.aa-cursor em {
    transition: none;
    color: #adadad;
}

.aa-suggestion em {
    color: #000;
    font-style: normal;
}

.aa-suggestion img {
    display: none;
}

/* CSS main ---------------------------------------------------------------*/
.main-container {
    max-width: 1920px;
    position: relative;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #adadad;
    border-bottom: 0;
}

.main-container a {
    color: #2167A0;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.main-container a:hover {
    color: #67A2D3;
}

/* CSS home-1 --------------------------------------------------------------*/
.home-1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
    background-color: #fff;
}

.home-formacion {
    border-right: 1px solid #adadad;
}

.home-formacion,
.home-servicios {
    flex-basis: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
}

.home-formacion-text,
.home-servicios-text {
    margin: 0;
    padding: 0;
    padding: var(--padding-big);
    padding-bottom: 0;  
}

.home-formacion-items,
.home-servicios-items {
    display: flex;
    flex-direction: row;
    gap: 3%;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: var(--padding-big);
}

.home-formacion-items a,
.home-servicios-items a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
}

.home-formacion-items a:hover,
.home-servicios-items a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.home-formacion-items img,
.home-servicios-items img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
}

.home-formacion-items a:hover > img,
.home-servicios-items a:hover > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-formacion-items h4,
.home-servicios-items h4 {
    margin-top: 0.5rem;
    margin-bottom: 0;;
}

/* CSS home-1 breakpoints --------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .home-formacion-text,
    .home-servicios-text {
        flex-basis: 100%;
        align-self: stretch;
    }
}

@media only screen and (max-width: 1320px) {
    .home-1 {
        flex-wrap: wrap;
    }

    .home-formacion {
        border-right: 0;
        border-bottom: 1px solid #adadad;
    }

    .home-formacion,
    .home-servicios {
        flex-basis: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 720px) {
    .home-formacion-items,
    .home-servicios-items {
        flex-basis: 100%;
        flex-wrap: wrap;
        padding-top: 0;
    }

    .home-formacion-items a,
    .home-servicios-items a {
        flex-basis: 48%;
        margin-top: var(--padding-big);
    }
}

@media only screen and (max-width: 340px) {
    .home-formacion-items a,
    .home-servicios-items a {
        flex-basis: 100%;
    }

    .home-formacion-items img,
    .home-servicios-items img {
        max-height: 10rem;
    }
}

/* CSS home-2 --------------------------------------------------------------*/
.home-2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
}

.portadas {
    flex-basis: 45%;
    border-right: 1px solid #adadad;    
}

.home-portadas {
    color: #000;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.home-portadas-img img {
    width: 100%;
    height: auto;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;  
}

.portadas a:hover  > .home-portadas-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-portadas-text {
    margin: 0;
    margin-top: 0.5rem;
}

.home-portadas-text h5,
.home-portadas-text h4,
.home-portadas-text h3 {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portadas a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    background-color: #fff;
}

.portadas a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f2f2f2;
}

.agenda {
    flex-basis: 27%;
    border-right: 1px solid #adadad;
}

.agenda .swiper-slide {
    padding-top: 1rem;
}

.agenda a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    background-color: #fff;
}

.agenda a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f2f2f2;
}

.home-agenda-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--padding-big);
    padding-bottom: 0;
    flex-wrap: wrap;
}

.home-agenda-header a {
    font-size: 1.5rem;
    margin: 0;
    text-decoration: underline;
    color: #000;
    background: none;
    transition: color 0.3s ease-in-out;
}

.home-agenda-header a:hover {
    color: #858585;
    text-decoration: underline;
    background: none;
}

.home-agenda-text {
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    background: #fff;
    transition: background-color 0.3s ease-in-out;   
}

.home-agenda-img {
    background: #fff;
    transition: background-color 0.3s ease-in-out;
}

.home-agenda-text-img {
    width: 10rem;
    height: 8rem;
}

.home-agenda-text-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
}

.home-agenda-text-info {
    display: flex;
    padding-left: 1rem;
    justify-content: space-between;
    flex-direction: column;
    height: auto;
    width: 100%;
}

.home-agenda-text-body {
    width: 100%;
    margin: 0;
    padding: 0;
}

.home-agenda-text-body h5,
.home-agenda-text-body h4,
.home-agenda-text-body h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-agenda-text-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ultima {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 28%;
    height: 100%;
    width: 100%;
    padding: var(--padding-big);
}

.ultima-header {
    display: flex;
    flex-basis: 100%;
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 1.05rem;
}

.ultima-header a {
    font-size: 1.5rem;
    margin: 0;
    color: #000;
}

.ultima-header a:hover {
    color: #858585;
}

a.home-ultima {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
    margin: 0;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    box-shadow: 0;
    transition: background-color 0.3s ease-in-out;
}

a.home-ultima:hover {
    background-color: #f2f2f2;
    color: #000;
}

.home-ultima-img {
    flex-basis: auto;
    max-width: 8rem;
    height: auto;
}

.home-ultima-img img {
    width: 8rem;
    height: auto;
    background-color: #fff;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.home-ultima-text {
    flex-basis: 100%;
    padding-left: 1rem;
}

.home-ultima-text h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-ultima-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.home-ultima-header {
    display: flex;
    font-size: 1rem;
    line-height: 0.7rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.7rem;
}

.home-ultima-header span {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 0.7rem;
}

.home-ultima-header span img {
    height: 0.7rem;
    width: auto;
    margin-right: 0.4rem;
}

/* CSS home-2 Breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
    .home-2 {
        flex-wrap: wrap;
    }

    .portadas {
        flex-basis: 100%;
        border-right: none;
        border-bottom: 1px solid #adadad;            
    }

    .agenda {
        flex-basis: 100%;
        border-right: none;
        border-bottom: 0;
    }

    .home-agenda-text-img {
        width: 8rem;
        height: 8rem;
    }

    .ultima {
        flex-basis: 100%;
        border-top: 1px solid #adadad;
    }        
}

/* CSS home-3 -----------------------------------------------------------------*/
.home-3 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
}

.eventos {
    flex-basis: 25%;
    border-right: 1px solid #adadad;
}

.eventos a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    background-color: #fff;
}

.eventos a:hover {
    color: #000;
    text-decoration: none;
    background-color: #f2f2f2;
}

.home-eventos {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.home-eventos-img {
    margin: 0;
    margin-bottom: 1rem;
    height: 10rem;
}

.home-eventos-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;    
}

.eventos a:hover  > .home-eventos-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-eventos-text {
    margin: 0;
}

.home-eventos-text span {
    font-weight: normal;
    margin: 0;
    color: #000;
}

.home-eventos-text h3,
.home-eventos-text span,
.home-eventos-text h5 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; 
}

.home-eventos-text h5 {
    margin-bottom: 0;
}

.home-acreditacion,
.home-tienda,
.home-cont4bl3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: auto;
    border: 0;
    flex-basis: 25%;
    padding: var(--padding-big);
    border-right: 1px solid #adadad;
    background: #fff;
}

.home-cont4bl3 {
    border-right: none;
}

.home-acreditacion-text,
.home-tienda-text,
.home-cont4bl3-text {
    border-radius: 0 0 10px 10px;
    background: #fff;
    transition: background-color 0.3s ease-in-out;
}

.home-acreditacion-img,
.home-tienda-img,
.home-cont4bl3-img {
    border-radius: 10px 10px 0 0;
    background: #fff;
    transition: background-color 0.3s ease-in-out;
    margin: 0;
    margin-bottom: 1rem;
    height: 10rem;
}

.home-acreditacion-img img,
.home-tienda-img img,
.home-cont4bl3-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
}

.home-acreditacion-text p,
.home-tienda-text p,
.home-cont4bl3-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

a.home-acreditacion,
a.home-tienda,
a.home-cont4bl3 {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    box-shadow: inset 0px 0px 0px var(--padding-big) #fff;
    transition: box-shadow 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

a:hover.home-acreditacion,
a:hover.home-tienda,
a:hover.home-cont4bl3 {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    background-color: #f2f2f2;
    box-shadow: inset 0px 0px 0px var(--padding-big) #fff;
}

a:hover.home-acreditacion > .home-acreditacion-text,
a:hover.home-tienda > .home-tienda-text,
a:hover.home-cont4bl3 > .home-cont4bl3-text {
    background-color: #f2f2f2;
}

a:hover.home-acreditacion > .home-acreditacion-img,
a:hover.home-tienda > .home-tienda-img,
a:hover.home-cont4bl3 > .home-cont4bl3-img {
    background-color: #f2f2f2;
}

a.home-acreditacion > .home-acreditacion-img img,
a.home-tienda > .home-tienda-img img,
a.home-cont4bl3 > .home-cont4bl3-img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
}

a:hover.home-acreditacion > .home-acreditacion-img img,
a:hover.home-tienda > .home-tienda-img img,
a:hover.home-cont4bl3 > .home-cont4bl3-img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* CSS home-3 Breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
    .home-3 {
        flex-wrap: wrap;
    }

    .eventos {
        flex-basis: 50%;
        border-bottom: 1px solid #adadad;
    }

    .home-acreditacion {
        flex-basis: 50%;
        border-right: 0;
        border-bottom: 1px solid #adadad;
    }

    .home-tienda {
        flex-basis: 50%;
        justify-content: flex-start;
    }

    .home-cont4bl3 {
        flex-basis: 50%;
        justify-content: flex-start;
    } 
}

@media only screen and (max-width: 600px) {
    .eventos {
        flex-basis: 100%;
        border-right: 0;
    }

    .home-acreditacion {
        flex-basis: 100%;
        border-right: 0;
    }

    .home-tienda {
        flex-basis: 100%;
        border-bottom: 1px solid #adadad;
        border-right: 0;
    }

    .home-cont4bl3 {
        flex-basis: 100%;
    }   
}

/* CSS home-4 -----------------------------------------------------------------*/
.home-4 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
}

.home-actualidad {
    flex-basis: 100%;
    background: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.home-actualidad-text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--padding-big);
    padding-bottom: 0;
    flex-wrap: wrap;
}

.home-actualidad-text a {
    font-size: 1.5rem;
    margin: 0;
    color: #000;
}

.home-actualidad-text a:hover {
    color: #858585;
}

.home-actualidad-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: var(--padding-big);
    padding-top: 0;
    width: auto;
    height: 100%;
}

.home-actualidad-items a {
    flex-basis: 23.5%;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
    margin-top: 2rem;
    background-color: #fff;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    box-shadow: 0;
    transition: background-color 0.3s ease-in-out;
}

.home-actualidad-items a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.home-actualidad-items-img {
    flex-basis: auto;
    max-width: 8rem;
    height: auto;
}

.home-actualidad-items-img img {
    width: 8rem;
    height: auto;
    background-color: #fff;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.home-actualidad-items-text {
    flex-basis: 80%;
    padding-left: 1rem;
}

.home-actualidad-items-header {
    display: flex;
    font-size: 1rem;
    line-height: 0.7rem;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.7rem;
}

.home-actualidad-items-header span {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    line-height: 0.7rem;
}

.home-actualidad-items-header span img {
    height: 0.7rem;
    width: auto;
    margin-right: 0.4rem;
}

.home-actualidad-items-text h5 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-actualidad-items-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

ul.home-actualidad-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: var(--padding-big);
    padding-top: 0;
    width: auto;
    height: 100%;
}

ul.home-actualidad-tags li {
    height: 100%;
    width: auto;
    border: 0;
    margin: 0;
}

ul.home-actualidad-tags a {
    display: inline-block;
    padding: 0.2rem 0.7rem;
    border-radius: 20px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    border: 0;
    margin: 0;
    outline: none;
    color: #000;
    border: 1px solid #adadad;
    background-color: #fff;
    transition: background-color 0.3s ease-in-out;
}

ul.home-actualidad-tags a:hover {
    outline: none;
    color: #000;
    background-color: #e6e6e6;
    cursor: pointer;
}

/* CSS home-4 breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
    .home-actualidad-items {
        gap: 3%;
    }

    .home-actualidad-items a {
        flex-basis: 48.5%;
    }
}

@media only screen and (max-width: 840px) {
    .home-actualidad-items a {
        flex-basis: 100%;
    }

    .home-actualidad-items-img {
        flex-basis: auto;
    }

    .home-actualidad-items-text {
        flex-basis: 100%;
    }
}

/* CSS home-5 ---------------------------------------------------------------*/
.home-5 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
}

.home-foro {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
    margin: 0;
    border-right: 1px solid #adadad;
    padding: var(--padding-big);    
}

.home-foro-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.home-foro-header a {
    font-size: 1.5rem;
    margin: 0;
    color: #000;
}

.home-foro-header a:hover {
    color: #858585;
}

.home-foro-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

.home-foro-items li {
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    width: 100%;
    background-color: #fff;
    margin-top: 1.5rem;
}

.home-foro-items li:nth-child(odd) {
    padding-right: var(--padding-big);
}

.home-foro-items h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-foro-items p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-foro-items a {
    font-size: 1.2rem;
}

.home-foro-items span {
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
}

.home-banner {
    display: flex;
    flex-direction: column;
    gap: 4%;
    justify-content: space-around;
    flex-basis: 540px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: var(--padding-big);
    background-color: #fff;
}

.home-banner img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.home-banner a:hover > img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    opacity: 0.9;
}

/* CSS home 5 breakpoints  -------------------------------------------------------------*/
@media only screen and (max-width: 1400px) {
    .home-5 {
        flex-wrap: wrap;
    }

    .home-foro {
        flex-basis: 100%;
        border-right: 0;
        border-bottom: 1px solid #adadad;
    }

    .home-banner {
        flex-direction: row;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 840px) {
    .home-foro-items {
        flex-direction: column;
    }
    
    .home-foro-items li {
        width: 100%;
        height: auto;
        flex-basis: auto;
        padding: 0;
    }
}

@media only screen and (max-width: 660px) {
    .home-banner {
        flex-direction: column;
        padding: 2.5rem var(--padding-big);
    }

    .home-banner img {
        width: 100%;
    }
}

/* CSS home-6 -------------------------------------------------------------*/
.home-6 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid #adadad;
}

.home-convenios {
    flex-basis: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
}

.home-convenios-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--padding-big);
    padding-bottom: 0;
    flex-wrap: wrap;
}

.home-convenios-header a {
    font-size: 1.5rem;
    margin: 0;
    color: #000;
}

.home-convenios-header a:hover {
    color: #858585;
}

.home-convenios-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: var(--padding-big);
    padding-top: 1.5rem;
}

.home-convenios-items a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 8.2%;
    margin: 0;
    outline: 0;
    border: 0;
    padding: 0.5rem;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.home-convenios-items img {
    width: 100%;
    max-width: 8rem;
    height: auto;
    object-fit: cover;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.home-convenios-items a:hover > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;
}

/* CSS home-6 breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
    .home-convenios-items a {
        flex-basis: 10.7%;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .home-convenios-items a {
        flex-basis: 12.5%;
    }
}

@media only screen and (max-width: 960px) {
    .home-convenios-items a {
        flex-basis: 15%;
    }
}

@media only screen and (max-width: 840px) {
    .home-convenios-items a {
        flex-basis: 15%;
    }
}

@media only screen and (max-width: 720px) {
    .home-convenios-items a {
        flex-basis: 18.4%;
    }
}

@media only screen and (max-width: 600px) {
    .home-convenios-items a {
        flex-basis: 23.5%;
    }
}

@media only screen and (max-width: 340px) {
    .home-convenios-items a {
        flex-basis: 32%;
    }
}

/* CSS home-7 --------------------------------------------------------------*/
.home-7 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.home-enlaces {
    flex-basis: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100%;
}

.home-enlaces-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: var(--padding-big);
}

.home-enlaces-items a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 8.2%;
    margin: 0;
    padding: 0.5rem;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    outline: 0;
    border: 0;
    cursor: pointer;
    text-decoration: none;
}

.home-enlaces-items img {
    width: 100%;
    max-width: 8rem;
    height: auto;
    object-fit: cover;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.home-enlaces-items a:hover > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}

/* CSS home-7 breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
    .home-enlaces-items a {
        flex-basis: 10.7%;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    .home-enlaces-items a {
        flex-basis: 12.5%;
    }
}

@media only screen and (max-width: 960px) {
    .home-enlaces-items a {
        flex-basis: 15%;
    }
}

@media only screen and (max-width: 840px) {
    .home-enlaces-items a {
        flex-basis: 15%;
    }
}

@media only screen and (max-width: 720px) {
    .home-enlaces-items a {
        flex-basis: 18.4%;
    }
}

@media only screen and (max-width: 600px) {
    .home-enlaces-items a {
        flex-basis: 23.5%;
    }
}

@media only screen and (max-width: 340px) {
    .home-enlaces-items a {
        flex-basis: 32%;
    }
}

/* CSS footer -------------------------------------------------------------*/
.home-footer {
    max-width: 1920px;
    margin: 0 auto;
    flex-basis: 100%;
    background-color: #e6e6e6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    border: 1px solid #adadad;
}

.home-footer-items {
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    gap: 2%;
    flex-basis: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    padding: var(--padding-big);
    border-bottom: 1px solid #adadad;
}

.home-footer-adress {
    display: flex;
    line-height: 2;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-basis: 48%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #000;
    outline: 0;
    border: 0;
    text-decoration: none;
    border-right: 1px solid #adadad;
}

.home-footer-adress p {
    font-size: 1rem;
    font-weight: normal;
    display: block;
    color: #000;
    width: auto;
    height: auto;
    border: 0;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
}

.home-footer-links {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    flex-basis: 48%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #000;
    outline: 0;
    border: 0;
    text-decoration: none;
}

.home-footer-links a {
    font-size: 1rem;
    font-weight: normal;
    display: inline-block;
    color: #000;
    outline: 0;
    width: auto;
    height: auto;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
}

.home-footer-links a:last-child {
    margin-bottom: 0;
}

.home-footer-items a:hover {
    color: #858585;
}

.home-footer-credits {
    display: flex;
    color: #000;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: var(--padding-big);
}

.home-footer-credits span {
    color: #000;
    font-size: 1.2rem;
    font-weight: normal;
}

.home-footer-social {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
}

.home-footer-social a {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    color: #000;
    outline: 0;
    width: auto;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
    margin-right: 1rem;
    opacity: 1;
    background-color: none;
    transition: opacity 0.3s ease-in-out;
}

.home-footer-social a:hover {
    color: #858585;
}

.home-footer-legal a {
    font-size: 1rem;
    font-weight: normal;
    color: #000;
    outline: 0;
    width: auto;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.home-footer-legal a:hover {
    color: #858585;
}

.home-footer-social a:hover {
    opacity: 0.6;
}

/* CSS home-footer Breakpoints ---------------------------------------------------------*/
@media only screen and (max-width: 840px) {
    .home-footer-social {
        justify-content: space-between;
        margin-bottom: var(--padding-big);
    }

    .home-footer-social {
        flex-basis: 100%;
    }

    .home-footer-legal {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 560px) {
    .home-footer-items {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 1rem;
        flex-basis: 100%;
    }

    .home-footer-adress {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-basis: 100%;
        border-right: 0;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #adadad;
        margin-bottom: 1rem;
    }

    .home-footer-links {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-basis: 100%;
    }
}

/* CSS sidebar ---------------------------------------------------------*/
[sidebarjs] * {
    color: #000;
    margin: 0;
    padding: 0;
}

[sidebarjs] h4 {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.2;
    cursor: default;
    margin: 0;
    text-align: left;
    padding: var(--padding-big);
}

[sidebarjs] nav {
    overflow-x: hidden;
    overflow-y: auto;
}

[sidebarjs] nav::-webkit-scrollbar {
    width: 0.6rem;
    background: #f2f2f2;
}

[sidebarjs] nav::-webkit-scrollbar-thumb {
    background: #adadad;
    border-radius: 0;
}

[sidebarjs] nav a {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.5rem 1rem;
    text-decoration: none;
    padding-left: var(--padding-big);
    padding-right: var(--padding-big);
    display: flex;
    align-items: center;
    margin: 0;
    color: #000;
    transition: background 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

[sidebarjs] nav a:last-child {
    margin-bottom: var(--padding-big);
}

[sidebarjs] nav a:hover,
[sidebarjs] nav a:active {
    color: #adadad;
}

[sidebarjs-backdrop],
[sidebarjs] {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

[sidebarjs].sidebarjs--left,
[sidebarjs].sidebarjs--left [sidebarjs-container] {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
}

[sidebarjs].sidebarjs--left [sidebarjs-container] {
    -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, .2);
    box-shadow: 2px 0 4px rgba(0, 0, 0, .2);
}

[sidebarjs-backdrop] {
    background: #000;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    will-change: opacity;
}

[sidebarjs-container] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    max-width: 300px;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 90%;
    will-change: transform;
    z-index: 1;
}

[sidebarjs] {
    position: fixed;
    -webkit-transition: -webkit-transform 0s ease .3s;
    transition: -webkit-transform 0s ease .3s;
    transition: transform 0s ease .3s;
    transition: transform 0s ease .3s, -webkit-transform 0s ease .3s;
    z-index: 2;
}

[sidebarjs].sidebarjs--is-visible {
    -webkit-transition: -webkit-transform 0s ease 0s;
    transition: -webkit-transform 0s ease 0s;
    transition: transform 0s ease 0s;
    transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}

[sidebarjs].sidebarjs--is-moving,
[sidebarjs].sidebarjs--is-visible,
[sidebarjs].sidebarjs--is-visible [sidebarjs-container] {
    -webkit-transform: translate(0);
    transform: translate(0);
}

[sidebarjs].sidebarjs--is-moving,
[sidebarjs].sidebarjs--is-moving [sidebarjs-backdrop],
[sidebarjs].sidebarjs--is-moving [sidebarjs-container] {
    -webkit-transition: none;
    transition: none;
}

[sidebarjs-content] {
    min-height: 100%;
    position: relative;
    /*-webkit-transition: width .3s ease;
    transition: width .3s ease;*/
    width: 100%
}

[sidebarjs-content].sidebarjs-content--left {
    margin-left: auto;
    margin-right: 0;
}

/* CSS sidebar styles -------------------------------------------------------*/
[sidebarjs] {
    position: fixed;
    height: 100%;
    z-index: 3;
    border: 0;
    flex-basis: auto;
    margin-bottom: 1px;
}

[sidebarjs] nav a:hover > span,
[sidebarjs] nav a:active > span {
    opacity: 0.5;
}

[sidebarjs] nav a span {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

/* CSS sidebar Breakpoints ------------------------------------------------*/
@media only screen and (min-width: 961px) {
    [sidebarjs].sidebarjs--responsive {
        -webkit-transition: -webkit-transform 0s ease 0s;
        transition: -webkit-transform 0s ease 0s;
        transition: transform 0s ease 0s;
        transition: transform 0s ease 0s,
            -webkit-transform 0s ease 0s;
        width: 300px;
    }

    [sidebarjs].sidebarjs--responsive,
    [sidebarjs].sidebarjs--responsive [sidebarjs-container] {
        -webkit-transform: translate(0) !important;
        transform: translate(0) !important;
    }

    [sidebarjs].sidebarjs--responsive.sidebarjs--left {
        left: 0;
        right: auto;
    }

    [sidebarjs].sidebarjs--responsive.sidebarjs--left [sidebarjs-container] {
        border-right: 1px solid #adadad;
    }

    [sidebarjs].sidebarjs--responsive [sidebarjs-container] {
        -webkit-box-shadow: none;
        box-shadow: none;
        max-width: none;
        width: 100%
    }

    [sidebarjs-content] {
        width: -webkit-calc(100% - 00px);
        width: calc(100% - 300px);
    }
}

/* CSS section -----------------------------------------------------------*/
.section-container {
    flex-grow: 2;
    margin: 0;
    height: auto;
    padding: var(--padding-big);
}

.sidebar-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.section-header {
    display: inline-block;
    margin: 0;
    width: auto;
    height: auto;
    padding: var(--padding-big);
    padding-bottom: 0;
}

.toggle-btn {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: stretch;
    height: auto;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
    cursor: #000;
    cursor: pointer;
    text-align: left;
    transition: color 0.3s ease-in-out;
}

.toggle-btn-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    transition: all 0.1s ease-in-out;
    opacity: 1;
    margin-top: 0.3rem;
    margin-left: 0.3rem;
}

a.toggle-btn {
    color: #000;
    font-style: 900;
    font-size: 1.5rem;
    line-height: 1.2;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    margin: 0;
    color: #000;
}

a.toggle-btn:hover {
    color: #adadad;
}

a.toggle-btn:hover > .toggle-btn-icon {
    transform: rotate(180deg);
    opacity: 0.6;
}

[sidebarjs] nav a.active {
    color: #adadad;
}

a.toggle-btn:active {
    color: #858585;
}

/* CSS section header form --------------------------------------------------*/
.section-header-form {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    margin: 0;
    gap: 0.5rem;
    padding: var(--padding-big);
    padding-bottom: 0;
}

.section-privada .section-header-form {
    margin: 0;
    padding-top: 0;
}

.section-header-form h1 {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 600px) {
    .section-header-form {
        flex-direction: column;
    }
}

/* CSS section select -------------------------------------------------*/
.section-select select {
    font-size: 1.2rem;
    font-weight: 600;
    color: #adadad;
    line-height: 1.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 0;
    flex: 1;
    color: #000;
    background-image: none;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #adadad;
    padding: 0.6rem 1rem;
    width: auto;
    height: 100%;
    white-space: normal;
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: all 0.3s ease-in-out;
}

.section-select::-ms-expand {
    display: none;
}

.section-select {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 16rem;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin: 0;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
}

.section-select:hover {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.section-select::after {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiDQo+DQoJPHBhdGggaWQ9Im1vcmUiIGQ9Ik0gMiA2LjkxMDEgTCAzLjg4ODkgNSBMIDkgMTAuMTc5OCBMIDE0LjExMTEgNSBMIDE2IDYuOTEwMSBMIDkgMTQgTCAyIDYuOTEwMSBMIDIgNi45MTAxIEwgMiA2LjkxMDEgTCAyIDYuOTEwMSBMIDIgNi45MTAxIFoiIGZpbGw9IiM4NTg1ODUiLz4NCjwvc3ZnPg==');
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
    padding: 0 0.5rem;
    padding-top: 0.4rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    pointer-events: none;
    border: 1px solid #adadad;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease-in-out;
}

.section-select:hover::after {
    background-color: #e6e6e6;
}

/* CSS section  ------------------------------------------------------*/
.sidebar-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

[sidebarjs] {
    position: fixed;
    height: 100%;
    z-index: 2;
    border: 0;
    flex-basis: auto;
}

.section-container {
    flex-grow: 2;
    margin: 0;
    height: auto;
    padding: 0;
    flex-grow: 2;
}

.section-bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    gap: 0%;
    width: auto;
    height: auto;
    flex-basis: 30%;
    border-left: 1px solid #adadad;
}

.section-bar a {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    margin: 0;
    height: auto;
    width: auto;
    border-bottom: 1px solid #adadad;
    padding: 1.5rem 2rem;
    transition: background-color 0.3s ease-in-out;
}

.section-bar a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.section-bar a:last-child {
    border-bottom: 0;
    box-shadow: 0px 0px 0px 1px #adadad;
}

.section-bar span {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    font-weight: normal;
    color: #5c5c5c;
    margin-bottom: 0.2rem;
}

.section-bar h5 {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
    margin-bottom: 0.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-bar p {
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.3;
    color: #5c5c5c;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS section Breakpoints ----------------------------------------------------*/
@media only screen and (min-width: 1280px) {
    .sidebar-wrapper {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 1279px) {
    .sidebar-wrapper {
        flex-wrap: wrap;
    }

    .section-bar {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        flex-basis: 100%;
        width: 100%;
        height: 100%;
        border: 0;
        border-top: 1px solid #adadad;
    }

    .section-bar a {
        height: auto;
        flex-basis: 25%;
        border-bottom: 0;
        border-right: 0;
        box-shadow: 0px 0px 0px 1px #adadad;
    }
}

@media only screen and (min-width: 961px) {
    [sidebarjs] {
        width: auto;
        min-width: 300px;
        height: auto;
        overflow-y: inherit;
        position: relative;
        padding-top: 0;
    }

    .toggle-btn {
        display: none;
    }

    .section-header {
        display: none;
    }
}


@media only screen and (max-width: 960px) {
    .section-bar a {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .section-select {
        margin: 0;
        margin-top: 1rem;
    }

    .section-bar a {
        flex-basis: 100%;
    }
}

/* CSS section container -----------------------------------------------------*/
.section-container a,
.section-container h1,
.section-container h2,
.section-container h3,
.section-container h4,
.section-container h5,
.section-container p,
.section-container ul,
.section-container blockquote {
    margin-bottom: 1rem;
}

.section-container a:last-child,
.section-container h1:last-child,
.section-container h2:last-child,
.section-container h3:last-child,
.section-container h4:last-child,
.section-container h5:last-child,
.section-container p:last-child,
.section-container ul:last-child,
.section-container blockquote:last-child {
    margin-bottom: 0;
}

b {
    font-weight: 600;
    color: #000;
}

.section-compartir {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}

.section-compartir p {
    margin: 0;
    flex-basis: 100%;
}

.section-compartir {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-top: 2rem;
    border-bottom: 1px solid #adadad;
}

.section-compartir a {
    flex-basis: auto;
    align-self: center;
    display: inline-block;
    outline: 0;
    border: 0;
    width: auto;
    height: auto;
    cursor: pointer;
    padding: 0;
    opacity: 1;
    margin: 0;
    margin-left: 1rem;
    transition: opacity 0.3s ease-in-out;
}

.section-resumen {
    color: #000;
    font-weight: bold;
}

.section-dia {
    display: block;
    color: #000;
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 1rem;
}

.section-destacado-1 {
    font-weight: 600;
    background: #e6e6e6;
    padding: 1rem;
    color: #000;
}

.section-destacado-2 {
    font-size: 1.5rem;
    font-weight: 600;
    background: #858585;
    padding: 1rem;
    color: #fff;
}

.section-lista {
    font-size: 1.2rem;
    display: block;
}

.section-lista li {
    display: block;
    padding-bottom: 0.3rem;
}

.section-lista li::before {
    content: " — ";
    font-weight: 900;
    padding-right: 0.3rem;
}

.section-lista-puntos {
    font-size: 1.2rem;
    display: block;
}

.section-lista-puntos li {
    display: block;
    padding-bottom: 0.3rem;
}

.section-lista-puntos li::before {
    content: " • ";
    font-weight: 900;
    padding-right: 0.3rem;
}

.section-lista-flecha {
    font-size: 1.2rem;
    display: block;
}

.section-lista-flecha li {
    display: block;
    padding-bottom: 0.3rem;
}

.section-lista-flecha li::before {
    content: " › ";
    font-weight: 900;
    padding-right: 0.3rem;
}

.section-lista-check {
    font-size: 1.2rem;
    display: block;
}

.section-lista-check li {
    display: block;
    padding-bottom: 0.3rem;
}

.section-lista-check li::before {
    content: " ✓ ";
    font-weight: 900;
    color: green;
    padding-right: 0.3rem;
}

.section-quote {
    font-size: 1.5rem;
    font-weight: bold;
    color: #5c5c5c;
}

.section-quote::before {
    content: "''";
    line-height: 1;
    font-weight: 900;
    font-size: 1.8rem;
    padding-right: 0.3rem;
}

.section-quote::after {
    content: "''";
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.2;
    padding-right: 0.3rem;
}

.section-link {
    display: block;
    font-size: 1.2rem;
}

a.section-descarga {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: 600;
    height: auto;
    width: auto;
    align-items: center;
    padding: 0.5rem 1rem;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #adadad;
    transition: background-color 0.3s ease-in-out;
}

a.section-descarga:last-child {
    margin-bottom: 0;
}

a.section-descarga:hover {
    color: #000;
    background-color: #f2f2f2;
}

.section-descarga img {
    display: inline-block;
    max-width: 3rem;
    height: auto;
    margin-right: 0.5rem;
}

.section-img-full {
    width: 100%;
    height: auto;
    margin: 1rem 0;
}

.section-img-full img {
    width: 100%;
    height: auto;
}

.section-items-header {
    padding: var(--padding-big);
    padding-bottom: 0;
}

.section-items-header h1 {
    margin-bottom: 0;
}

/* CSS section list items ---------------------------------------------------*/
.section-list-items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    color: #000;
    text-decoration: none;
    padding: 0;
    margin: 0;
    padding-top: var(--padding-big);
}

.section-list-items a,
.section-list-items li {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #000;
    gap: 1rem;
    text-decoration: none;
    background-color: #fff;
    transition: background-color 0.3s ease-in-out;
    box-shadow: 0px 0px 0px 1px #adadad;
    padding: 1rem var(--padding-big);
    margin: 0;
}

.section-list-items a:hover {
    color: #000;
    background-color: #f2f2f2;
}

.section-list-items .items-large h5,
.section-list-items .items-large p,
.section-list-items .items-large a {
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding-bottom: 0.8rem;
}

.section-list-items a,
.section-list-items h5,
.section-list-items p {
    margin-bottom: 0;
}

.section-list-items h5,
.section-list-items p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-list-items-text {
    flex-basis: 100%;
    align-self: center;
}

.section-list-items-img {
    align-self: flex-start;
}

.section-list-items-img img {
    display: block;
    width: 100%;
    width: 8rem;
    height: auto;
    object-fit: cover;
    background-color: #fff;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.section-list-items-text h4,
.section-list-items-text h5 {
    margin-bottom: 0.2rem;
}

.section-list-items-text h4 a,
.section-list-items-text h5 a {
    color: #000;
    text-decoration: underline;
    text-decoration-color: #adadad;
    padding: 0;
    width: auto;
    display: inline-block;
    transition: color 0.3s ease-in-out;
    background: none;
    box-shadow: none;
    font-weight: bold;
}

.section-list-items-text h4 a:hover,
.section-list-items-text h5 a:hover {
    color: #858585;
    background: none;
}

.section-list-items-btn {
    flex-basis: auto;
    display: flex;
    height: auto;
    background: #fff;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0;
}

/* CSS section Actualidad ---------------------------------------------------*/
.section-actualidad-detalle {
    padding: var(--padding-big);
}

/* CSS section oranizacion ------------------------------------------------*/
.section-organizacion {
    padding: var(--padding-big);
}

.section-organizacion ul:last-child,
.section-organizacion div:last-child,
.section-organizacion p:last-child {
    margin-bottom: 0;
}

.organizacion-galeria-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1%;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: 0;
    flex-basis: 100%;
    width: auto;
    height: auto;
}

.organizacion-galeria-items {
    margin: 0;
}

.organizacion-galeria-items a {
    flex-basis: 15.8%;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    margin-top: 0.2rem;
}

.organizacion-galeria-items img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.3rem solid #fff;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    margin: 0;
}

.organizacion-galeria-items a:hover > img {
    border: 0.3rem solid #adadad;
}

/* CSS section organizacion Breakpoints --------------------------------------*/
@media only screen and (max-width: 1800px) {
    .organizacion-galeria-items a {
        flex-basis: 19.2%;
        margin-top: 0rem;
    }
}

@media only screen and (max-width: 1440px) {
    .organizacion-galeria-items a {
        flex-basis: 24.2%;
        margin-top: 0rem;
    }
}

@media only screen and (max-width: 840px) {
    .organizacion-galeria-items a {
        flex-basis: 32.6%;
    }
}

@media only screen and (max-width: 600px) {
    .organizacion-galeria-items a {
        flex-basis: 49.5%;
    }
}

/* CSS section convenios ------------------------------------------------*/
.section-convenios {
    padding: var(--padding-big);
}

.section-convenios ul:last-child,
.section-convenios div:last-child,
.section-convenios p:last-child {
    margin-bottom: 0;
}

.section-sub {
    display: block;
    font-weight: normal;
    font-size: 1.1rem;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    max-width: 12rem;
}

[sidebarjs] .section-sub {
    margin-top: 1rem;
    margin-bottom: -1rem;
}

/* CSS section servicios -----------------------------------------------*/
.section-servicios {
    padding: var(--padding-big);
}

.section-servicios ul:last-child,
.section-servicios div:last-child,
.section-servicios p:last-child {
    margin-bottom: 0;
}


.section-compartir a:hover {
    opacity: 0.6;
}

.section-compartir img {
    margin: 0;
    width: 40px;
    height: auto;
}

.section-tabla {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    border: 1px solid #adadad;
    margin-bottom: 1rem;
}

.section-tabla-text {
    display: flex;
    gap: 3%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #adadad;
    padding: 1rem;
    margin: 0;
}

.section-tabla-text:last-child {
    border-bottom: 0;
}

.section-tabla-text p {
    flex-basis: 100%;
    margin: 0;
}

.section-tabla-text h4 {
    flex-basis: auto;
    margin: 0;
}

.section-servicios-items {
    display: flex;
    flex-direction: row;
    gap: 4%;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.section-servicios-items a {
    flex-basis: 22%;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    margin-top: 2rem;
}

.section-servicios-items a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.section-servicios-items img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: all 0.3s ease-in-out;
}

.section-servicios-items a:hover > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.section-servicios-items h4 {
    margin-top: 0.5rem;
}

/* CSS section servicios Breakpoints -------------------------------------*/
@media only screen and (max-width: 1440px) {
    .section-servicios-items a {
        flex-basis: 30.6%;
    }
}

@media only screen and (max-width: 1025px) {
    .section-servicios-items a {
        flex-basis: 30.6%;
    }
}

@media only screen and (max-width: 600px) {
    .section-servicios-items a {
        flex-basis: 48%;
    }

    .section-tabla {
        flex-direction: column;
    }
}

@media only screen and (max-width: 340px) {
    .section-servicios-items a {
        flex-basis: 100%;
    }
}

/* CSS  bar -------------------------------------------------------------*/
.bar-destacado-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 0.5rem solid #e6e6e6;
    border-radius: 10px;
    margin: 0;
    margin-bottom: 0.5rem;
}

.bar-destacado-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS  pagination -------------------------------------------------------*/
.section-pagination {
    display: flex;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    margin: 0;
    padding: 2rem;
}

ul.cd-pagination {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.cd-pagination {
    display: inline-block;
    width: 0 auto;
    max-width: 768px;
    height: auto;
    margin: 0;
    text-align: center;
}

.cd-pagination li {
    display: none;
    margin: 0;
}

.cd-pagination li.button {
    display: inline-block;
}

.cd-pagination a,
.cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 1rem;
    color: #000;
    font-size: 1.3rem;
    font-weight: bold;
    background-color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
}

.cd-pagination a:hover {
    color: #000;
    background-color: #e6e6e6;
}

.cd-pagination a {
    margin-bottom: 0;
}

.cd-pagination a:active {
    color: #adadad;
}

.cd-pagination a.disabled {
    /* button disabled */
    color: #adadad;
    pointer-events: none;
}

.cd-pagination .current {
    /* selected number */
    background-color: #858585;
    border-color: #64a281;
    color: #ffffff;
    pointer-events: none;
}

@media only screen and (min-width: 768px) {
    .cd-pagination li {
        display: inline-block;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-pagination {
        margin: 0;
    }
}

.cd-pagination.no-space {
    width: auto;
    max-width: none;
    border: 1px solid #adadad;
}

.cd-pagination.no-space:after {
    content: "";
    display: table;
    clear: both;
}

.cd-pagination.no-space li {
    margin: 0;
    float: left;
    border-right: 1px solid #adadad;
}

.cd-pagination.no-space li:last-of-type {
    border-right: none;
}

.cd-pagination.no-space a,
.cd-pagination.no-space span {
    float: left;
    padding: 0.5rem 1.3rem;
    border: none;
}

/* CSS  tags ---------------------------------------------------------------*/
ul.section-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    padding: var(--padding-big);
    padding-bottom: 0rem;
    width: auto;
    height: auto;
}

ul.section-tags li {
    height: auto;
    width: auto;
    border: 0;
    margin: 0;
}

ul.section-tags a {
    display: inline-block;
    padding: 0.2rem 0.8rem;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border: 0;
    margin: 0;
    outline: none;
    color: #000;
    border: 1px solid #adadad;
    background-color: #fff;
    transition: background-color 0.3s ease-in-out;
}

ul.section-tags a:hover {
    outline: none;
    color: #000;
    background-color: #e6e6e6;
    cursor: pointer;
}

ul.section-tags .active {
    outline: none;
    color: #000;
    background-color: #e6e6e6;
    cursor: pointer;
}

/* CSS section zona privada ----------------------------------------------------*/
.section-privada {
    padding: var(--padding-big);
}

.section-privada ul:last-child,
.section-privada div:last-child,
.section-privada p:last-child,
.section-privada form:last-child {
    margin-bottom: 0;
}

.nopad {
    padding: 0;
}

.pad {
    padding: var(--padding-big);
}

.section-pause {
    padding-top: 2rem;
}

.privada-amigo {
    line-height: 1.2;
    display: inline-block;
    color: #fff;
    background: #adadad;
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    margin-left: 0.3rem;
}

.privada-mensaje {
    line-height: 1.2;
    display: inline-block;
    color: #fff;
    background: #D8843F;
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1rem;
    margin-left: 0.3rem;
}

.privada-salir {
    display: inline-block;
    color: #fff;
    background: #fff;
    padding: 0;
    margin-left: 0.5rem;
    transform: rotate(180deg);
    line-height: 0.8;
}

.privada-salir::before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAxNCAwIEwgNy45OSA1Ljk4NSBMIDIuMDA3OCAwIEwgMCAyIEwgNS45OCA3Ljk4NSBMIDAgMTMuOTM3NSBMIDIgMTUuOTM3NSBMIDcuOTggOS45ODUgTCAxMy45OTIyIDE2IEwgMTYgMTQgTCA5Ljk5IDcuOTg1IEwgMTYgMiBMIDE0IDAgWiIgZmlsbD0iIzg1ODU4NSIvPg0KCTwvZz4NCjwvc3ZnPg==');
    width: 16px;
    height: 16px;
}

.privada-header-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.privada-header-btn h1 {
    margin-bottom: 0;
}

.privada-header-btn a,
.privada-header-btn button {
    margin: 0;
}

.privada-header-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--padding-big);
    padding-bottom: 0;
}

.privada-header-filter h1 {
    margin-bottom: 0;
}

.section-privada .section-items-header h1 {
    margin-bottom: 2rem;
}

@media only screen and (max-width: 600px) {
    .privada-header-filter {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .privada-header-filter h1 {
        margin-bottom: 1rem;
    }

    .section-privada .section-select {
        width: 100%;
    }

    .privada-header-btn {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .privada-header-btn a,
    .privada-header-btn button {
        margin-top: 2rem;
    }
}

.section-privada-user {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 2%;
    padding: var(--padding-big);
    padding-bottom: 0;
    padding-top: 0;
}

.section-privada-user p,
.section-privada-user h5,
.section-privada-user h4 {
    margin-bottom: 0;
}

.section-privada-user-img {
    align-self: flex-start;
}

.section-privada-user-img img {
    border-radius: 50%;
}

.section-privada-user-text {
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0.5rem;
}

/* CSS privada form --------------------------------------------------------*/
.privada-form-upload {
    display: block;
    width: 100%;
    padding: var(--padding-big);
    padding-top: 0;
    border-bottom: 1px solid #adadad;
}

.privada-form-upload p {
    margin: 0;
}

.privada-form {
    font-size: 1.2rem;
    display: block;
    padding: var(--padding-big);
    border-bottom: 1px solid #adadad;
}

.privada-form .btn-form {
    width: auto;
    margin-top: 1rem;
}

.privada-form:last-child {
    padding: var(--padding-big);
    border-bottom: 0;
}

input.input-form {
    display: inline-block;
    padding: 0;
    color: #000;
    margin: 0;
    margin-right: 0.2rem;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 600;
    border: 1px solid #adadad;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

.form-input {
    border: 0;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 5px;
    border: 1px solid #adadad;
    padding: 0.6rem;
    width: 100%;
    height: 100%;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 1rem;
}

.form-input:hover,
.form-input:focus,
.form-input:active {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.form-input::-webkit-input-placeholder {
    color: #adadad;
}

.form-input::-moz-placeholder {
    color: #adadad;
}

.form-input:-ms-input-placeholder {
    color: #adadad;
}

.form-input::placeholder {
    color: #adadad;
}

.form-select select {
    font-size: 1.2rem;
    font-weight: 600;
    color: #adadad;
    line-height: 1.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 0;
    flex: 1;
    color: #000;
    background-image: none;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #adadad;
    padding: 0.6rem 1rem;
    width: auto;
    height: 100%;
    white-space: normal;
    background-color: #fff;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
}

.form-select::-ms-expand {
    display: none;
}

.form-select {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    min-width: 16rem;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
}

.form-select:hover {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.form-select::after {
    position: absolute;
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiDQo+DQoJPHBhdGggaWQ9Im1vcmUiIGQ9Ik0gMiA2LjkxMDEgTCAzLjg4ODkgNSBMIDkgMTAuMTc5OCBMIDE0LjExMTEgNSBMIDE2IDYuOTEwMSBMIDkgMTQgTCAyIDYuOTEwMSBMIDIgNi45MTAxIEwgMiA2LjkxMDEgTCAyIDYuOTEwMSBMIDIgNi45MTAxIFoiIGZpbGw9IiM4NTg1ODUiLz4NCjwvc3ZnPg==');
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5rem;
    padding-top: 0.4rem;
    margin: 0;
    height: 100%;
    width: auto;
    top: 0;
    right: 0;
    background-color: #fff;
    pointer-events: none;
    border: 1px solid #adadad;
    border-radius: 0 5px 5px 0;
    transition: all 0.3s ease-in-out;
}

.form-select:hover::after {
    background-color: #e6e6e6;
}

.label-checkbox {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5;
    margin: 0 1rem 1rem 0;
    cursor: pointer;
    padding: 0;
    height: auto;
    width: auto;
    vertical-align: inherit;
    transition: color 0.3s ease-in-out;
}

.label-checkbox input[type="checkbox"] {
    appearance: checkbox !important;
    line-height: 1.5;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    outline: 0 solid red;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
}

.label-checkbox input[type="checkbox"]:hover,
.label-checkbox input[type="checkbox"]:focus {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.5);
}

.form-footer {
    display: flex;
    justify-content: flex-end;
    align-self: center;
    margin-top: 2rem;
    text-align: right;
    gap: 0.5rem;
    margin-bottom: 0;
}

.form-footer button,
.form-footer a {
    margin: 0;
}

.privada-form abbr {
    color: #D8843F;
    font-weight: 900;
}

.privada-form textarea {
    border: 0;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 5px;
    border: 1px solid #adadad;
    padding: 0.6rem;
    width: 100%;
    height: 100%;
    outline: 0;
    white-space: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 1rem;
}

.privada-form textarea:hover,
.privada-form textarea:focus,
.privada-form textarea:active {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.privada-form textarea::-webkit-input-placeholder {
    color: #adadad;
}

.privada-form textarea::-moz-placeholder {
    color: #adadad;
}

.privada-form textarea:-ms-input-placeholder {
    color: #adadad;
}

.privada-form textarea::placeholder {
    color: #adadad;
}

.privada-form input[type="date"] {
    padding: 1.4rem;
    padding-bottom: 0.6rem;
    padding-right: 0.6rem;
}

/* CSS section list ms ---------------------------------------------------*/
.list-ms-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
}

.section-container .section-privada ul {
    margin-bottom: 0;
}

.list-ms-item a {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: none;
    background: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1.2;
    color: #2167A0;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.list-ms-item a:hover {
    color: #67A2D3;
    background-color: none;
    background: none;
}

.list-ms-item-notif {
    display: flex;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: auto;
    color: #000;
    flex-basis: auto;
    padding: 0;
    margin: 0;
}

.list-ms-item-notif img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 22px;
}

.list-ms-item-text {
    background: #fff;
    flex-basis: 100%;
}

.list-ms-item-text h4,
.list-ms-item-text h5 {
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.list-ms-item h4 a,
.list-ms-item h5 a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #adadad;
}

.list-ms-item h4 a:hover,
.list-ms-item h5 a:hover {
    color: #858585;
}

.list-ms-author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 0.8rem;
}

.list-ms-author img {
    max-width: 2.2rem;
    height: auto;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.list-ms-author-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    flex-basis: 100%;
    height: auto;
    justify-content: space-between;
}

.list-ms-item-text h4,
.list-ms-item-text h5,
.list-ms-item-text p {
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-ms-item-text .p-sm {
    font-size: 1rem;
}

.list-ms-item-respuestas {
    width: 12rem;
    height: auto;
    flex-basis: auto;
    background: #fff;
}

.list-ms-item-respuestas p {
    font-size: 1rem;
}

.list-ms-item-respuestas h5 {
    color: #5c5c5c;
    font-weight: 600;
}

li.ms-detalle {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

li.ms-detalle .section-list-items-btn {
    width: 100%;
    margin: 0;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}

li.ms-detalle .list-ms-author {
    width: 100%;
}

li.ms-detalle .list-ms-item-text {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .list-ms-item-respuestas {
        width: 14rem;
    }
}

@media only screen and (max-width: 320px) {
    .list-ms-item-respuestas {
        width: 16rem;
    }
}

.privada-header-ms {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--padding-big);
    padding-bottom: 2rem;
}

.privada-header-ms h1 {
    margin-bottom: 0;
}

.privada-header-ms a,
.privada-header-ms button {
    margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
    .privada-header-ms {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 2rem;
    }

    .privada-header-ms h1 {
        margin-bottom: 2rem;
    }
}

/* CSS section header btn ---------------------------------------------*/
.section-header-btn {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    margin: 0;
    padding: var(--padding-big);
    padding-bottom: 0;
    padding-top: 0;
}

.section-header-btn a,
.section-header-btn button {
    margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
    .section-header-btn {
        flex-direction: column;
    }

    .section-header-btn a,
    .section-header-btn button {
        margin-bottom: 2em;
    }

    .section-header-btn a:last-child,
    .section-header-btn button:last-child {
        margin-bottom: 0;
    }
}

/* CSS section convenios -----------------------------------------------*/
.section-convenios {
    padding: var(--padding-big);
}

.section-convenios ul:last-child,
.section-convenios div:last-child,
.section-convenios p:last-child,
.section-convenios form:last-child {
    margin-bottom: 0;
}

.section-convenios-items {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 1rem;
    padding: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.section-convenios-items li {
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
    display: block;
    margin: 0;
    padding: 1.5rem;
    box-shadow: 0px 0px 0px 1px #adadad;
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #000;
}

.section-convenios-items p {
    font-size: 1rem;
}

.section-convenios-items a {
    font-size: 1.2rem;
    display: block;
}

.section-convenios-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border: 0;
    margin: 0;
    margin-bottom: 0.5rem;
}

.section-convenios-items img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
    padding: 1rem;
}

.section-convenios-items h4 {
    margin-top: 0.5rem;
}

/* CSS section convenios Breakpoints -------------------------------------*/
@media only screen and (max-width: 1400px) {
    .section-convenios-items li {
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 1100px) {
    .section-convenios-items li {
        flex-basis: 33.3%;
    }
}

@media only screen and (max-width: 800px) {
    .section-convenios-items li {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .section-convenios-items li {
        flex-basis: 100%;
    }
}

/* CSS section header switch --------------------------------------------------*/
.section-header-switch {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    margin: 0;
    padding: 0 var(--padding-big);
}

/* CSS switch --------------------------------------------------------------*/
.switch-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: auto;
    margin: 0;
    text-align: center;
}

.switch input {
    position: absolute;
    opacity: 0;
}

.switch {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 36px;
    background: #adadad;
    border-radius: 1rem;
    cursor: pointer;
    margin-top: 6px;
}

.switch div {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 0.5rem rgba(34, 34, 34, 0.22);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #adadad;

}

.switch input:checked + div {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    background-color: aquamarine;
}

.switch-text {
    color: #858585;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    margin-right: 0.5rem;
    margin-top: 4px
}

/* CSS selec-box --------------------------------------------------------*/
.select-box {
    position: relative;
    display: block;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    width: 100%;
    flex-basis: auto;
    margin: 0;
    padding: 0;
}

.select-box__current {
    position: relative;
    cursor: pointer;
    outline: none;
    margin: 0;
}

.select-box__current:focus + .select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}

.select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
}

.select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg);
}

.select-box__icon {
    top: 50%;
    right: 0.8rem;
    position: absolute;
    transform: translateY(-50%);
    width: 18px;
    height: auto;
    opacity: 1;
    transition: 0.1s ease-in-out;
}

.select-box__value {
    display: block;
    width: 100%;
}

.select-box__input {
    display: none;
}

.select-box__input:checked + .select-box__input-text {
    display: block;
    width: 100%;
    color: #000;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    padding-right: 2rem;
}

.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0.6rem 1rem;
    background-color: #fff;
    border: 1px solid #adadad;
    border-radius: 5px;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0);
    transition: all 0.3s ease-in-out;
}

.select-box__input-text:hover,
.select-box__input-text:focus {
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
}

.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    border: 1px solid #adadad;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.22);
    margin-top: -1px;
    width: 100%;
    background-color: #fff;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
}

.select-box__option {
    margin: 0;
    color: #000;
    display: block;
    padding: 0.6rem 1rem;
    transition: color 0.3s ease-in-out;
    border-bottom: 1px solid #adadad;
}

.select-box__option:hover {
    color: #858585;
}

@-webkit-keyframes HideList {
    from {
        transform: scaleY(1);
    }

    to {
        transform: scaleY(0);
    }
}

@keyframes HideList {
    from {
        transform: scaleY(1);
    }

    to {
        transform: scaleY(0);
    }
}

/* CSS section header select ---------------------------------------------------*/
.section-header-select {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    gap: 0.5rem;
    margin: 0;
    padding: var(--padding-big);
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 2rem;
}

.section-header-select a,
.section-header-select button {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: auto;
    min-width: 8rem;
}

@media only screen and (max-width: 600px) {
    .section-header-select {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .section-header-select a,
    .section-header-select button {
        margin-top: 1rem;
    }

    .section-header-select a:last-child,
    .section-header-select button:last-child {
        margin-bottom: 0;
    }
}

/* CSS tyables  --------------------------------------------------------------*/
.table-scroll {
    position: relative;
    width: auto;
    z-index: 1;
    margin: auto;
    overflow: auto;
    height: auto;
    margin-top: 1rem
}

.table-scroll table {
    width: 100%;
    min-width: 620px;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap {
    position: relative;
}

.table-scroll th,
.table-scroll td {
    padding: 0.3rem 0.5rem;
    border: 1px solid #fff;
    background: #f2f2f2;
    vertical-align: middle;
}

.table-scroll thead th {
    background: #858585;
    color: #fff;
    font-weight: 600;
    top: 0;
}

th:first-child {
    left: 0;
    font-weight: bold;
}

thead th:first-child,
tfoot th:first-child {
    z-index: 5;
}

.table-scroll::-webkit-scrollbar {
    height: 0.6rem;
    background: #f2f2f2;
}

.table-scroll::-webkit-scrollbar-thumb {
    background: #adadad;
    border-radius: 0;
}

/* CSS modaL  --------------------------------------------------------------*/
.micromodal a,
.micromodal h1,
.micromodal h2,
.micromodal h3,
.micromodal h4,
.micromodal h5,
.micromodal p,
.micromodal ul {
    margin-bottom: 1rem;
}

.micromodal {
    position: relative;
    display: none;
    z-index: 99;
}

.micromodal a.section-link {
    color: #2167A0;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.3s ease-in-out;
}

.micromodal a:hover.section-link {
    color: #67A2D3;
}

.micromodal.is-open {
    position: relative;
    display: block;
    z-index: 99;
}

.micromodal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(34, 34, 34, 0.5);
}

.micromodal__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 600px;
    z-index: 9999999;
    max-height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0.5rem 0 rgba(34, 34, 34, 0.5);
}

.micromodal__container::-webkit-scrollbar {
    width: 0.6rem;
    border-radius: 0.6rem;
    background: #f2f2f2;
}

.micromodal__container::-webkit-scrollbar-thumb {
    background: #adadad;
    border-radius: 0.6rem;
}

.micromodal[aria-hidden="false"] .micromodal__overlay {
    animation: microModalFadeIn .2s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal[aria-hidden="false"] .micromodal__container {
    animation: microModalSlideIn .2s cubic-bezier(0, 0, .2, 1);
}

.micromodal .micromodal__container,
.micromodal .micromodal__overlay {
    will-change: transform;
}

@keyframes microModalFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes microModalSlideIn {
    from {
        transform: translateY(15%);
    }

    to {
        transform: translateY(0);
    }
}

button.modal-close {
    position: absolute;
    padding: 0.5rem;
    top: 1rem;
    right: 1rem;
    margin: 0;
    line-height: 1;
    transition: background-color 0.3s ease-in-out;
}

button:hover .modal-close {
    background-color: #e6e6e6;
}

button.modal-close img {
    width: 1.5rem;
    margin-bottom: 0;
    padding: 0;
}

.modal-wrapper {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border: 2rem #fff inset;
    border-top: 4rem #fff inset;
    border-style: solid;
}

.modal-footer {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    margin-top: 2rem;
}

.modal-footer button,
.modal-footer a {
    margin-bottom: 0;
}

.modal-footer.right {
    justify-content: flex-end;
}

.modal-user-contact {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 1rem;
}

.modal-user-contact h5 {
    margin-bottom: 0;
}

.modal-user-contact a {
    display: inline-block
}

.modal-big .micromodal__container {
    max-width: 960px;
}

.modal-small .micromodal__container {
    width: 600px;
    max-width: 600px;
}


.modal-small .section-privada-user {
    padding: 0;
}

.modal-small .section-privada-user img {
    max-width: 12rem;
}

@media only screen and (max-width: 320px) {
    .modal-small .section-privada-user img {
        max-width: 8rem;
    }
}

.modal-small .section-privada-user p,
.modal-small .section-privada-user h4,
.modal-small .section-privada-user h5 {
    margin-bottom: 0;
}

.micromodal__container .privada-form {
    padding: 0;
    width: auto;
    margin: 0;
    height: auto;
    border: 0;
}

.modal-small .privada-form .section-link {
    padding: 0;
    display: inline-block;
    margin: 0;
}

/* CSS section bar privada --------------------------------------------------------------*/
.section-bar-privada {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    gap: 0%;
    width: auto;
    height: auto;
    flex-basis: 30%;
    border-left: 1px solid #adadad;
}

.section-bar-privada h4 {
    padding: 2rem 2rem 1rem 2rem;
    margin: 0;
}

.section-bar-privada a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    margin: 0;
    height: auto;
    width: auto;
    border-bottom: 1px solid #adadad;
    padding: 0.5rem 2rem;
    transition: background-color 0.3s ease-in-out;
}

.section-bar-privada a:hover {
    background-color: #f2f2f2;
    color: #000;
}

.section-bar-privada a:last-child {
    border-bottom: 0;
    box-shadow: 0px 0px 0px 1px #adadad;
}

.section-bar-privada a:last-child {
    border-bottom: 0;
    box-shadow: 0px 0px 0px 1px #adadad;
}

.section-bar-privada span {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    font-weight: normal;
    color: #5c5c5c;
    margin-bottom: 0;
}

.section-bar-privada h5 {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
    margin-bottom: 0;
}

.activos-img {
    flex-basis: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 100%;
    margin: 0;
    margin-right: 0.5rem;
}

.activos-img img {
    width: 3rem;
    height: auto;
    border-radius: 50%;
}

.activos-text {
    flex-basis: 100%;
    display: block;
    width: auto;
    height: auto;

}

/* CSS section bar privada breakpoints -------------------------------------*/
@media only screen and (max-width: 1279px) {
    .section-bar-privada {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        flex-basis: 100%;
        width: 100%;
        height: 100%;
        border: 0;
        border-top: 1px solid #adadad;
    }

    .section-bar-privada h4 {
        display: block;
        width: 100%;
        padding: 2rem 2rem 1rem 2rem;
        border: 0;
    }

    .section-bar-privada a {
        height: auto;
        flex-basis: 50%;
        border-bottom: 0;
        border-right: 0;
        box-shadow: 0px 0px 0px 1px #adadad;
    }
}

@media only screen and (max-width: 840px) {
    .section-bar-privada a {
        flex-basis: 100%;
    }
}

/* CSS section contacto  ----------------------------------------------------*/
.section-contacto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.section-contacto-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 25%;
    width: 100%;
    height: auto;
    padding: var(--padding-big);
    border-right: 1px solid #adadad;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMjAwIDE5NyIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6I2ZmZmZmZjAwIiB2ZXJzaW9uPSIxLjEiDQoJeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjE5N3B4Ig0KPg0KCTxnIGlkPSJDYXBhJTIwMSI+DQoJCTxwYXRoIGlkPSJpbWctY29udGFjdG8iIGQ9Ik0gNzUuNjIwOSAxNjYuNDI4MyBDIDc2LjY3NzYgMTY2LjMwMzEgNzcuNjk3NiAxNjUuNzQ4NSA3OC42ODA3IDE2NC43NjU0IEMgNzkuNjE0OSAxNjMuODMxMiA4MC4xODA3IDE2Mi43NzU1IDgwLjM3NzUgMTYxLjU5NzggQyA4MC41NjE4IDE2MC40MzI1IDgwLjU3NDMgMTU5LjAyMjIgODAuNDI3NiAxNTcuMzU0MiBMIDc1LjQwMDQgMTUyLjM0NyBDIDcyLjkwNDIgMTU1Ljc1MTEgNzEuNTE1MiAxNTguNDQxIDcxLjIzMjMgMTYwLjQxNjYgQyA3MC45NjIgMTYyLjQwNDUgNzEuNDA0NiAxNjMuOTczNCA3Mi41ODQ2IDE2NS4xNDc4IEMgNzMuNTY4MSAxNjYuMTI2NiA3NC41NjM1IDE2Ni41NTM0IDc1LjYyMDkgMTY2LjQyODMgTCA3NS42MjA5IDE2Ni40MjgzIFpNIDkwLjgxNDQgMTIwLjM4NjMgQyA5MC41Nzk5IDEyMi4xNjc5IDkxLjEzMjQgMTIzLjk5NzUgOTIuNDM0NCAxMjUuODg3NCBMIDEwMi41Njg4IDExNS43NTI5IEMgMTAxLjE2ODggMTE0LjM1MzkgOTkuNjU3NSAxMTMuNTgxNSA5OC4wNzE5IDExMy40MjMzIEMgOTYuNDk4NCAxMTMuMjc3OSA5NC44NTA1IDExNC4wNDE1IDkzLjE1MjggMTE1LjczOTIgQyA5MS44MjQyIDExNy4wNjc4IDkxLjA2MTIgMTE4LjYxNjcgOTAuODE0NCAxMjAuMzg2MyBMIDkwLjgxNDQgMTIwLjM4NjMgWk0gMTQ1LjEzNTkgNjYuMDY0OCBDIDE0NC44OTkyIDY3Ljg0ODYgMTQ1LjQ0ODMgNjkuNjgxNiAxNDYuNzQ1OCA3MS41NzU5IEwgMTU2Ljg4MDIgNjEuNDQxNSBDIDE1NS40ODQyIDYwLjAzODUgMTUzLjk3NjEgNTkuMjYyOSAxNTIuMzkyNiA1OS4xMDI1IEMgMTUwLjgyMTkgNTguOTU0NCAxNDkuMTc1MiA1OS43MTY4IDE0Ny40Nzc1IDYxLjQxNDUgQyAxNDYuMTQ4OSA2Mi43NDMxIDE0NS4zODQ4IDY0LjI5MzEgMTQ1LjEzNTkgNjYuMDY0OCBMIDE0NS4xMzU5IDY2LjA2NDggWk0gMjAwIDU4LjAyNSBMIDE2OS4xMjk1IDI2Ljc3OTYgQyAxNjAuMTk4OCAxNy43ODMyIDE0NS43MDUzIDE3LjczMjYgMTM2Ljc2MzggMjYuNjc0MSBMIDI2LjY3NDEgMTM2Ljc2MzggQyAxNy43MzI2IDE0NS43MDUzIDE3Ljc4MzIgMTYwLjE5ODggMjYuNzc5NiAxNjkuMTI5NSBMIDU1IDE5NyBMIDIwMCAxOTcgTCAyMDAgNTguMDI1IEwgMjAwIDU4LjAyNSBaTSA4NS40ODY1IDE2OC41MDA0IEMgODQuODIyNyAxNzAuNDg3OCA4My43MTY1IDE3Mi4yNzk4IDgyLjE0MzggMTczLjg1MjYgQyA4MC44NTM4IDE3NS4xNDI2IDc5LjQ2NTUgMTc2LjA5MDIgNzguMDAzNSAxNzYuNjk0NCBDIDc2LjUxNyAxNzcuMjk4NiA3NS4wMzAxIDE3Ny41ODQ0IDczLjUzMDkgMTc3LjUxNTIgQyA3Mi4wNDQyIDE3Ny40NTc5IDcwLjU5MzYgMTc3LjExODUgNjkuMTY4IDE3Ni40ODUgQyA2Ny43NDIzIDE3NS44NTE1IDY2LjQyNjcgMTc0LjkzNTQgNjUuMjA5NSAxNzMuNzI1IEMgNjIuMjQ1NCAxNzAuNzc3NSA2MS4xNjE4IDE2Ny4yMjM2IDYxLjk4NSAxNjMuMDYzMSBDIDYyLjc5NTQgMTU4LjkxNDIgNjUuNjk3NiAxNTMuNzc4NiA3MC42NzgxIDE0Ny42NDM1IEMgNjkuMTY1NCAxNDYuMjg0IDY3LjY1MTkgMTQ1LjUxMzggNjYuMTI2NCAxNDUuMzE5OSBDIDY0LjYxMzMgMTQ1LjEzODYgNjMuMDg3NCAxNDUuODA0NiA2MS41Mzc1IDE0Ny4zNTQ1IEMgNjAuMzE5NyAxNDguNTcyMyA1OS4zNDc4IDE1MC4wMTA1IDU4LjYyMjUgMTUxLjY0NSBDIDU3Ljg4NDcgMTUzLjI5MTYgNTcuMjMzNCAxNTUuMTk1NSA1Ni42Njc4IDE1Ny4zMzI0IEwgNDguMjk3MyAxNTQuOTkzNiBDIDQ5LjA3MTEgMTUyLjE1NTMgNTAuMTI4NCAxNDkuNDI3MiA1MS40Njg4IDE0Ni43ODQ0IEMgNTIuODA5MyAxNDQuMTY1OSA1NC41ODA3IDE0MS43MzA0IDU2LjgyMDUgMTM5LjQ5MDYgQyA2MC40Mzg0IDEzNS44NzI4IDY0LjI1MzkgMTM0LjE0NjcgNjguMjUzNSAxMzQuMzAwMiBDIDcyLjI1MjIgMTM0LjQ3ODIgNzYuNDQ2NyAxMzYuNzQzNSA4MC44MzYgMTQxLjExOTEgTCA5Ny4wOTc5IDE1Ny4zMzA0IEwgOTAuMzAzMiAxNjQuMTI1MiBMIDg2LjkwMTYgMTYxLjg2NTEgTCA4Ni42NjggMTYyLjA5ODYgQyA4Ni41NDQ0IDE2NC4zNzkyIDg2LjE1MDYgMTY2LjUxMzIgODUuNDg2NSAxNjguNTAwNCBMIDg1LjQ4NjUgMTY4LjUwMDQgWk0gMTIxLjg1NyAxMzIuNDczMiBDIDEyMC42NTE1IDEzNC43ODE2IDExOS4yMDA5IDEzNi43OTU1IDExNy41MDUzIDEzOC40OTExIEMgMTE1LjUwMjQgMTQwLjQ5MzkgMTEzLjI5MTkgMTQyLjAxODcgMTEwLjg5NjkgMTQzLjA5MDEgQyAxMDguNDkwMSAxNDQuMTczOCAxMDUuOTk3MiAxNDQuNzA1NyAxMDMuNDQzMyAxNDQuNzEwNCBDIDEwMC44ODg4IDE0NC43MTU1IDk4LjMyMjEgMTQ0LjE2ODEgOTUuNzY3OSAxNDMuMDQzOSBDIDkzLjIxMzIgMTQxLjkxOTYgOTAuNzU2IDE0MC4xODExIDg4LjM3MyAxMzcuODA0MSBDIDg2LjA3NDkgMTM1LjUxMTkgODQuMzY2OCAxMzMuMDcxIDgzLjI3MzMgMTMwLjQ1NyBDIDgyLjE2NzMgMTI3Ljg1NDcgODEuNTg5OSAxMjUuMjg3OCA4MS41Mjg2IDEyMi43NjkxIEMgODEuNDgwMiAxMjAuMjYyMiA4MS44ODY2IDExNy44NjUyIDgyLjc4NTQgMTE1LjU5MDcgQyA4My42ODQgMTEzLjMxNTcgODQuOTg4NCAxMTEuMzIyNyA4Ni42ODY3IDEwOS42MjQ1IEMgODguNjggMTA3LjYzMTEgOTAuNzcyIDEwNi4yMjc3IDkyLjk2MTggMTA1LjQxNDMgQyA5NS4xMzg2IDEwNC42MTMyIDk3LjMyNzcgMTA0LjMxNjMgOTkuNTUzMyAxMDQuNTIzNyBDIDEwMS43OTA2IDEwNC43NDMgMTAzLjk2NTcgMTA1LjQ0MjEgMTA2LjEwMzQgMTA2LjU5NTUgQyAxMDguMjUzIDEwNy43NjA5IDExMC4yOTE1IDEwOS4zMDc0IDExMi4yMzA0IDExMS4yNDY1IEMgMTEyLjk5MTMgMTEyLjAwNzQgMTEzLjY3ODQgMTEyLjc2ODYgMTE0LjI5MTggMTEzLjUyOTUgQyAxMTQuOTA1MiAxMTQuMjkwMyAxMTUuMzM0MiAxMTQuODY2OCAxMTUuNjA0MSAxMTUuMjg0MiBMIDk4Ljc3MjMgMTMyLjExNiBDIDEwMS4zMDE5IDEzMy45MDQxIDEwMy43MzMzIDEzNC42MzY3IDEwNi4wNTQ5IDEzNC4zNTA2IEMgMTA4LjM3NjYgMTM0LjA2NDggMTEwLjQ3NyAxMzIuOTY5MSAxMTIuMzY5OCAxMzEuMDc2MyBDIDExNC4zNjEgMTI5LjA4NTEgMTE1Ljc3NTcgMTI2LjQ0NDggMTE2LjU2NTMgMTIzLjE1MzggTCAxMjQuMzQ1MSAxMjUuMzc3MiBDIDEyMy44NzU2IDEyNy44MDc4IDEyMy4wMzgxIDEzMC4xNjQ3IDEyMS44NTcgMTMyLjQ3MzIgTCAxMjEuODU3IDEzMi40NzMyIFpNIDE1MC4zMTQxIDEwNC4yNjEyIEMgMTQ5LjE1NyAxMDYuMzQ5MiAxNDcuODE2OSAxMDguMTc5NSAxNDYuMjY4NiAxMDkuNzI3OCBDIDE0NC4zMDI3IDExMS42OTM2IDE0Mi4xMjkzIDExMy4xODEyIDEzOS43OTcxIDExNC4xODk4IEMgMTM3LjQ1MjUgMTE1LjIxMTQgMTM1LjAyMjQgMTE1LjcwNDggMTMyLjUxOTMgMTE1LjY4MzIgQyAxMzAuMDE1OSAxMTUuNjg2IDEyNy40NzY3IDExNS4xMTE3IDEyNC45MDAyIDExMy45NjA0IEMgMTIyLjMzNiAxMTIuODIxMSAxMTkuODcwMiAxMTEuMDY2OSAxMTcuNDkwNyAxMDguNjg2NCBDIDExNS4xMjI2IDEwNi4zMTcxIDExMy40MDUzIDEwMy44MTIgMTEyLjMyNjYgMTAxLjE1ODEgQyAxMTEuMjYwNCA5OC41MTU5IDExMC43NzEzIDk1Ljg4NTEgMTEwLjg1OTggOTMuMjY2MSBDIDExMC45NDgzIDkwLjY3MTMgMTExLjU0MSA4OC4xMzc0IDExMi42Mzc0IDg1LjY4OTEgQyAxMTMuNzQ2NCA4My4yNTMzIDExNS4yNjA1IDgxLjA1MDYgMTE3LjE5MjYgNzkuMTE4NSBDIDExOC45Mjc2IDc3LjM4MzUgMTIwLjczNjMgNzYuMTE2IDEyMi42MDUzIDc1LjMwMzcgQyAxMjQuNDc0MSA3NC40OTE0IDEyNi4zNDI4IDczLjk1MDIgMTI4LjIxMDggNzMuNzA0IEwgMTI5LjQyNjEgODIuNzU3MSBDIDEyNy4wMDU3IDgyLjk5MTIgMTI1LjE4NjggODMuNzA1MiAxMjMuOTgxMyA4NC45MTA3IEMgMTIxLjkzOSA4Ni45NTMxIDEyMS4xMTI4IDg5LjM1MSAxMjEuNDkwNiA5Mi4wNjggQyAxMjEuODY3NiA5NC43ODQ2IDEyMy4zOTk3IDk3LjQ3NTYgMTI2LjA0ODggMTAwLjEyODMgQyAxMjguNzA5NCAxMDIuNzkyNCAxMzEuNDA3NiAxMDQuMzEzNCAxMzQuMTQ0MyAxMDQuNjY3NSBDIDEzNi44NjggMTA1LjAzMzUgMTM5LjEzODkgMTA0LjMwNzIgMTQwLjk1OCAxMDIuNDg4MSBDIDE0MS44Njc3IDEwMS41Nzg0IDE0Mi41NDQ4IDEwMC41MDk2IDE0My4wMDA3IDk5LjI2ODcgQyAxNDMuNDU2OCA5OC4wMjggMTQzLjc2NTkgOTYuNzM3OCAxNDMuOTY0NiA5NS40MTA5IEwgMTUyLjQ0OTUgOTcuMzIyMiBDIDE1Mi4xNzQ2IDk5Ljg1MjEgMTUxLjQ3MDYgMTAyLjE3MyAxNTAuMzE0MSAxMDQuMjYxMiBMIDE1MC4zMTQxIDEwNC4yNjEyIFpNIDE3Ni4xMTc5IDc4LjIxMjMgQyAxNzQuOTEwOCA4MC41MjIyIDE3My40NTk1IDgyLjUzNjkgMTcxLjc2MzkgODQuMjMyNSBDIDE2OS43NjEgODYuMjM1NCAxNjcuNTUxMSA4Ny43NTk1IDE2NS4xNTgyIDg4LjgyODcgQyAxNjIuNzUzIDg5LjkxMDkgMTYwLjI2MjkgOTAuNDQgMTU3LjcxMjYgOTAuNDQxMiBDIDE1NS4xNjIgOTAuNDQyMyAxNTIuNTk5NiA4OS44OTA1IDE1MC4wNTA2IDg4Ljc2MTIgQyAxNDcuNTAxIDg3LjYzMTcgMTQ1LjA0OTggODUuODg3MyAxNDIuNjczNSA4My41MDM3IEMgMTQwLjM4MTggODEuMjA1IDEzOC42Nzk1IDc4Ljc1ODMgMTM3LjU5MTIgNzYuMTM5MSBDIDEzNi40OTA0IDczLjUzMTYgMTM1LjkxNzEgNzAuOTYwNiAxMzUuODU5OCA2OC40Mzc5IEMgMTM1LjgxNDYgNjUuOTI3OCAxMzYuMjI0MSA2My41Mjc3IDEzNy4xMjQ5IDYxLjI1MTMgQyAxMzguMDI1NCA1OC45NzQzIDEzOS4zMzA1IDU2Ljk4MDcgMTQxLjAyODcgNTUuMjgyNCBDIDE0My4wMjI0IDUzLjI4ODcgMTQ1LjExMzEgNTEuODg2NiAxNDcuMzAwOSA1MS4wNzUyIEMgMTQ5LjQ3NjEgNTAuMjc1NyAxNTEuNjYyNiA0OS45ODE0IDE1My44ODQ4IDUwLjE5MjIgQyAxNTYuMTE4MyA1MC40MTUzIDE1OC4yODk3IDUxLjExODEgMTYwLjQyMjggNTIuMjc2MSBDIDE2Mi41Njc3IDUzLjQ0NjIgMTY0LjYwMDggNTQuOTk4MSAxNjYuNTM0MyA1Ni45NDI2IEMgMTY3LjI5MyA1Ny43MDU2IDE2Ny45Nzg1IDU4LjQ2ODUgMTY4LjU4OTkgNTkuMjMxNCBDIDE2OS4yMDE0IDU5Ljk5NDEgMTY5LjYyODYgNjAuNTcyMyAxNjkuODk3NiA2MC45OTA3IEwgMTUzLjA2NjIgNzcuODIyMiBDIDE1NS41ODk2IDc5LjYxNjMgMTU4LjAxNjYgODAuMzUzNCAxNjAuMzM1MyA4MC4wNzAxIEMgMTYyLjY1MzggNzkuNzg3NiAxNjQuNzUzMSA3OC42OTI5IDE2Ni42NDU5IDc2LjgwMDEgQyAxNjguNjM2OSA3NC44MDkyIDE3MC4wNTM2IDcyLjE2NjkgMTcwLjg0NjUgNjguODcyNyBMIDE3OC42MTIxIDcxLjExMDIgQyAxNzguMTQwMyA3My41NDMxIDE3Ny4zMDAzIDc1LjkwMjYgMTc2LjExNzkgNzguMjEyMyBMIDE3Ni4xMTc5IDc4LjIxMjMgWiIgZmlsbD0iI2YyZjJmMiIvPg0KCTwvZz4NCjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}

.section-contacto-info p:last-child {
    margin: 0;
}

.section-contacto-social {
    display: flex;
    flex-basis: 40%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 1rem;
}

.section-contacto-social a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    opacity: 1;
    color: #858585;
    transition: opacity 0.3s ease-in-out;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: 0;
    margin-bottom: 1rem;
    border: none;
    outline: none;
}

.section-contacto-social a img {
    margin-right: 0.5rem;
    width: 26px;
    height: auto;
}

.section-contacto-social a:hover {
    color: #adadad;
    opacity: 0.6;
}

.section-contacto-map {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-basis: 35%;
    height: auto;
    width: 100%;
    padding: var(--padding-big);
    border-right: 1px solid #adadad;
}

.section-contacto-map h2 {
    margin-bottom: 0.4rem;
}

.section-contacto-map iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    outline: 0;
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px #adadad;
    border-radius: 5px;
    margin-top: 1rem;
}

.section-contacto-form {
    flex-basis: 40%;
    height: auto;
    width: 100%;
    padding: var(--padding-big);
}

.section-contacto-form h2 {
    margin-bottom: 0.4rem;
}

.section-contacto-form .privada-form {
    padding: 0;
}

/* CSS section contacto breakpoints ------------------------------------------*/
@media only screen and (max-width: 1180px) {
    .section-contacto {
        flex-wrap: wrap;
    }

    .section-contacto-text {
        flex-basis: 40%;
        border-bottom: 1px solid #adadad;
    }

    .section-contacto-map {
        flex-basis: 60%;
        border-right: 0;
        border-bottom: 1px solid #adadad;
    }

    .section-contacto-form {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .section-contacto-text {
        flex-basis: 100%;
        border-bottom: 1px solid #adadad;
    }

    .section-contacto-map {
        flex-basis: 100%;
        border-right: 0;
        border-bottom: 1px solid #adadad;
    }

    .section-contacto-form {
        flex-basis: 100%;

    }

    .section-contacto-map iframe {
        min-height: 20rem;
    }
}

/* CSS section experto ------------------------------------------------*/
.section-experto {
    padding: var(--padding-big);
}

.section-experto .privada-form {
    padding: 0;
}

.section-experto ul:last-child,
.section-experto div:last-child,
.section-experto p:last-child {
    margin-bottom: 0;
}

.experto-profesional h3 {
    color: #2E8176;
}

.experto-academica h3 {
    color: #AC9240;
}

.experto-meritos h3 {
    color: #9E1E21;
}

.experto-profesional,
.experto-academica,
.experto-meritos,
.experto-datos {
    margin-bottom: 2rem;
}

.experto-profesional .experto-tabla {
    background-color: #CFE2DF;
}

.experto-academica .experto-tabla {
    background-color: #E9E0C4;
}

.experto-meritos .experto-tabla {
    background-color: #ECD2D3;
}

.experto-datos .experto-tabla {
    background-color: #e6e6e6;
}

.experto-profesional:last-child .experto-tabla,
.experto-academica:last-child .experto-tabla,
.experto-meritos:last-child .experto-tabla,
.experto-datos:last-child .experto-tabla {
    margin-bottom: 0;
}

.experto-tabla {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: var(--padding-big);
}

.experto-tabla-1 {
    padding: 0;
    width: 100%;
    height: auto;
}

.experto-tabla-1 p {
    margin: 0;
    flex-basis: 100%;
    height: auto;
    padding: 1rem;
    font-weight: 600;
    box-shadow: 0px 0px 0px 1px #fff;
    color: #000;
}

.experto-tabla-2 {
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    align-items: stretch;
    flex-wrap: wrap;
}

.experto-tabla-2 p {
    margin: 0;
    flex-basis: 70%;
    display: flex;
    align-items: center;
    height: auto;
    font-weight: 600;
    padding: 1rem;
    box-shadow: 0px 0px 0px 1px #fff;
    color: #000;
}

.experto-tabla-2 p:last-child {
    flex-basis: 30%;
    font-weight: bold;
    box-shadow: 0px 0px 0px 1px #fff;
}

@media only screen and (max-width: 600px) {
    .experto-tabla-2 p:last-child {
        flex-basis: 100%;
    }

    .experto-tabla-2 p {
        flex-basis: 100%;
    }

    .experto-tabla-2 p:last-child {
        border-bottom: 10px solid #fff;
    }

    .experto-tabla-1 p {
        border-bottom: 10px solid #fff;
    }
}

.experto-contacto {
    display: flex;
    flex-direction: column;
    padding: 0 var(--padding-big);
    margin-bottom: var(--padding-big);
}

.experto-contacto p {
    font-size: 1rem;
}

.experto-header {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1.2rem;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0;
    gap: 1rem;
    margin-bottom: var(--padding-big);
    border-radius: 10px;
}

.experto-header-img {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-basis: auto;
    margin: 0;
    width: auto;
    height: auto;
}

.experto-header-img img {
    margin: 0;
    object-fit: cover;
    width: 100%;
    max-width: 26rem;
    height: 100%;
    min-height: 10rem;
    border-radius: 5px;
}

.experto-header span {
    position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    background: none;
    margin: 0;
    padding: 0;
}

.experto-header span:before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSA1NC4xMzM0IDU2LjUxMTEgQyA1My4zMzg5IDU2Ljc2MTIgNTIuNTU1NiA1Ni44ODg5IDUxLjc4ODkgNTYuODg4OSBDIDUwLjg4MzMgNTYuODg4OSA1MC4wMzg4IDU2LjczMzQgNDkuMjU1NiA1Ni40MzMzIEMgNDguNDY2NiA1Ni4xMzM0IDQ3Ljc4MzMgNTUuNjg4OSA0Ny4yMDU1IDU1LjExMTEgQyA0Ni42Mjc4IDU0LjUzMzQgNDYuMTcyMiA1My44Mjc4IDQ1Ljg1IDUyLjk5NDUgQyA0NS41Mjc5IDUyLjE2MTIgNDUuMzY2NyA1MS4yMTExIDQ1LjM2NjcgNTAuMTMzNCBDIDQ1LjM2NjcgNDkuMDk0NCA0NS41MzM0IDQ4LjE1NTUgNDUuODc3OCA0Ny4zMTY3IEMgNDYuMjE2NyA0Ni40Nzc4IDQ2LjY2NjYgNDUuNzY2NyA0Ny4yMjIzIDQ1LjE4MzMgQyA0Ny43Nzc3IDQ0LjYwNTUgNDguNDExMiA0NC4xNTU1IDQ5LjEyNzkgNDMuODQ0NSBDIDQ5Ljg0NDUgNDMuNTMzNCA1MC41ODg4IDQzLjM3NzggNTEuMzU1NSA0My4zNzc4IEMgNTIuMjU1NiA0My4zNzc4IDUzLjA0NDQgNDMuNTMzNCA1My43MjIyIDQzLjg0NDUgQyA1NC4zOTQ1IDQ0LjE1NTUgNTQuOTU1NiA0NC41ODMzIDU1LjQxMTIgNDUuMTMzNCBDIDU1Ljg2NjYgNDUuNjg4OSA1Ni4yIDQ2LjMzODkgNTYuNDIyMyA0Ny4wODMzIEMgNTYuNjQ0NSA0Ny44MzMzIDU2Ljc1NTUgNDguNjQ0NSA1Ni43NTU1IDQ5LjUyMjIgQyA1Ni43NTU1IDQ5Ljg2NjYgNTYuNzM4OSA1MC4xOTQ1IDU2LjcwNTYgNTAuNTA1NiBDIDU2LjY3MjMgNTAuODE2NyA1Ni42Mzg4IDUxLjA0NDQgNTYuNjA1NSA1MS4yIEwgNDkgNTEuMiBDIDQ5LjE2NjcgNTIuMTc3NyA0OS41NSA1Mi44OTQ0IDUwLjEzODkgNTMuMzU1NSBDIDUwLjcyNzcgNTMuODE2NyA1MS40NSA1NC4wNDQ0IDUyLjMwNTYgNTQuMDQ0NCBDIDUzLjIwNTUgNTQuMDQ0NCA1NC4xMjIyIDUzLjc2NjcgNTUuMDQ0NCA1My4yIEwgNTYuMjk5OSA1NS40NjY2IEMgNTUuNjQ0NSA1NS45MTExIDU0LjkyMjIgNTYuMjU1NiA1NC4xMzM0IDU2LjUxMTEgTCA1NC4xMzM0IDU2LjUxMTEgTCA1NC4xMzM0IDU2LjUxMTEgWk0gNDIuNDExMiA1Ni41NjY3IEMgNDEuNjc3OCA1Ni43Nzc3IDQwLjk2MTIgNTYuODg4OSA0MC4yNjExIDU2Ljg4ODkgQyAzOS4zNzIyIDU2Ljg4ODkgMzguNTQ0NCA1Ni43MzM0IDM3Ljc4ODkgNTYuNDMzMyBDIDM3LjAyNzggNTYuMTMzNCAzNi4zNjY3IDU1LjY5NDQgMzUuODA1NSA1NS4xMjIyIEMgMzUuMjM4OCA1NC41NTU1IDM0Ljc5NDUgNTMuODUgMzQuNDcyMSA1My4wMDU1IEMgMzQuMTUgNTIuMTY2NyAzMy45ODg5IDUxLjIxMTEgMzMuOTg4OSA1MC4xMzM0IEMgMzMuOTg4OSA0OS4wNjExIDM0LjE2NjcgNDguMTA1NiAzNC41MjIyIDQ3LjI2MTEgQyAzNC44Nzc4IDQ2LjQyMjMgMzUuMzYxMiA0NS43MTY3IDM1Ljk3MjIgNDUuMTQ0NCBDIDM2LjU3NzcgNDQuNTc3NyAzNy4yODMzIDQ0LjEzODkgMzguMDgzMyA0My44MzMzIEMgMzguODgzMyA0My41MzM0IDM5LjcyMjIgNDMuMzc3OCA0MC41OTQ1IDQzLjM3NzggQyA0MS4zNzc3IDQzLjM3NzggNDIuMDcyMyA0My41MDAxIDQyLjY3NzggNDMuNzM4OSBDIDQzLjI4MzMgNDMuOTc3NyA0My44Mjc4IDQ0LjI3NzggNDQuMzA1NiA0NC42NDQ1IEwgNDIuNTM4OSA0Ni45NjY3IEMgNDEuOTM4OSA0Ni40NzIxIDQxLjM2NjcgNDYuMjIyMyA0MC44MjIzIDQ2LjIyMjMgQyAzOS44OTk5IDQ2LjIyMjMgMzkuMTcyMiA0Ni41Nzc3IDM4LjY0NDUgNDcuMjc3OCBDIDM4LjExNjcgNDcuOTc3NyAzNy44NTU2IDQ4LjkzMzQgMzcuODU1NiA1MC4xMzM0IEMgMzcuODU1NiA1MS4zMzg5IDM4LjEyMjIgNTIuMjk0NCAzOC42NjExIDUyLjk5NDUgQyAzOS4xOTQ1IDUzLjY5NDQgMzkuODcyMSA1NC4wNDQ0IDQwLjY5NDQgNTQuMDQ0NCBDIDQxLjEwNTYgNTQuMDQ0NCA0MS41MDAxIDUzLjk1NTYgNDEuODgzMyA1My43Nzc3IEMgNDIuMjY2NiA1My42IDQyLjYyNzggNTMuMzc3OCA0Mi45NzIyIDUzLjEyMjIgTCA0NC40NjExIDU1LjQ3NzggQyA0My44Mjc4IDU1Ljk4OSA0My4xNDQ0IDU2LjM1NTUgNDIuNDExMiA1Ni41NjY3IEwgNDIuNDExMiA1Ni41NjY3IEwgNDIuNDExMiA1Ni41NjY3IFpNIDI5LjYgNTYuNTExMSBDIDI4LjgwNTUgNTYuNzYxMiAyOC4wMjIzIDU2Ljg4ODkgMjcuMjU1NiA1Ni44ODg5IEMgMjYuMzUgNTYuODg4OSAyNS41MDU2IDU2LjczMzQgMjQuNzIyMiA1Ni40MzMzIEMgMjMuOTMzNCA1Ni4xMzM0IDIzLjI1IDU1LjY4ODkgMjIuNjcyMyA1NS4xMTExIEMgMjIuMDk0NCA1NC41MzM0IDIxLjYzODggNTMuODI3OCAyMS4zMTY3IDUyLjk5NDUgQyAyMC45OTQ1IDUyLjE2MTIgMjAuODMzMyA1MS4yMTExIDIwLjgzMzMgNTAuMTMzNCBDIDIwLjgzMzMgNDkuMDk0NCAyMSA0OC4xNTU1IDIxLjM0NDQgNDcuMzE2NyBDIDIxLjY4MzMgNDYuNDc3OCAyMi4xMzM0IDQ1Ljc2NjcgMjIuNjg4OSA0NS4xODMzIEMgMjMuMjQ0NSA0NC42MDU1IDIzLjg3NzggNDQuMTU1NSAyNC41OTQ1IDQzLjg0NDUgQyAyNS4zMTExIDQzLjUzMzQgMjYuMDU1NiA0My4zNzc4IDI2LjgyMjMgNDMuMzc3OCBDIDI3LjcyMjIgNDMuMzc3OCAyOC41MTExIDQzLjUzMzQgMjkuMTg4OSA0My44NDQ1IEMgMjkuODYxMSA0NC4xNTU1IDMwLjQyMjMgNDQuNTgzMyAzMC44Nzc4IDQ1LjEzMzQgQyAzMS4zMzM0IDQ1LjY4ODkgMzEuNjY2NiA0Ni4zMzg5IDMxLjg4ODkgNDcuMDgzMyBDIDMyLjExMTEgNDcuODMzMyAzMi4yMjIzIDQ4LjY0NDUgMzIuMjIyMyA0OS41MjIyIEMgMzIuMjIyMyA0OS44NjY2IDMyLjIwNTUgNTAuMTk0NSAzMi4xNzIyIDUwLjUwNTYgQyAzMi4xMzg5IDUwLjgxNjcgMzIuMTA1NiA1MS4wNDQ0IDMyLjA3MjMgNTEuMiBMIDI0LjQ2NjYgNTEuMiBDIDI0LjYzMzMgNTIuMTc3NyAyNS4wMTY2IDUyLjg5NDQgMjUuNjA1NSA1My4zNTU1IEMgMjYuMTk0NSA1My44MTY3IDI2LjkxNjcgNTQuMDQ0NCAyNy43NzIyIDU0LjA0NDQgQyAyOC42NzIzIDU0LjA0NDQgMjkuNTg4OCA1My43NjY3IDMwLjUxMTEgNTMuMiBMIDMxLjc2NjcgNTUuNDY2NiBDIDMxLjExMTEgNTUuOTExMSAzMC4zODg5IDU2LjI1NTYgMjkuNiA1Ni41MTExIEwgMjkuNiA1Ni41MTExIEwgMjkuNiA1Ni41MTExIFpNIDEzLjIzMzMgNTYuNDMzMyBDIDEyLjYzMzMgNTYuNzMzNCAxMS45Nzc3IDU2Ljg4ODkgMTEuMjY2NiA1Ni44ODg5IEMgMTAuNjgzMyA1Ni44ODg5IDEwLjE1NTUgNTYuNzg4OSA5LjY4ODkgNTYuNTk0NSBDIDkuMjE2NyA1Ni4zOTQ1IDguODE2NyA1Ni4xMjIyIDguNDk0NCA1NS43NjY3IEMgOC4xNzIyIDU1LjQxNjcgNy45MjIyIDU1LjAxMTEgNy43NDQ0IDU0LjU0NDQgQyA3LjU2NjcgNTQuMDc3OCA3LjQ3NzggNTMuNTcyMiA3LjQ3NzggNTMuMDIyMyBDIDcuNDc3OCA1MS42ODMzIDguMDM4OCA1MC42MzMzIDkuMTY2NyA0OS44Nzc4IEMgMTAuMjg4OSA0OS4xMjIyIDEyLjEwNTYgNDguNjE2NyAxNC42MTY3IDQ4LjM1NTUgQyAxNC41ODM0IDQ3LjcwNTYgMTQuNDE2NiA0Ny4xODg5IDE0LjExNjcgNDYuOCBDIDEzLjgxNjcgNDYuNDE2NyAxMy4zMjIyIDQ2LjIyMjMgMTIuNjIyMyA0Ni4yMjIzIEMgMTIuMDcyMyA0Ni4yMjIzIDExLjUyNzkgNDYuMzI3NyAxMC45OTQ1IDQ2LjUzMzQgQyAxMC40NTU2IDQ2LjczODkgOS44Nzc4IDQ3LjAyMjMgOS4yNjY2IDQ3LjM3NzggTCA3LjkxMTEgNDQuOTU1NiBDIDguNzI3OSA0NC40ODg5IDkuNTgzNCA0NC4xMTExIDEwLjQ4MzMgNDMuODE2NyBDIDExLjM3NzcgNDMuNTI3OSAxMi4zMjc3IDQzLjM3NzggMTMuMzM4OSA0My4zNzc4IEMgMTQuOTcyMiA0My4zNzc4IDE2LjIyMjMgNDMuODUgMTcuMDg4OSA0NC43ODg5IEMgMTcuOTUgNDUuNzMzNCAxOC4zODMzIDQ3LjE5NDUgMTguMzgzMyA0OS4xNzc3IEwgMTguMzgzMyA1Ni41MzM0IEwgMTUuMzExMSA1Ni41MzM0IEwgMTUuMDU1NiA1NS4yNSBMIDE0Ljk1IDU1LjI1IEMgMTQuNDA1NSA1NS43Mzg5IDEzLjgzMzMgNTYuMTMzNCAxMy4yMzMzIDU2LjQzMzMgTCAxMy4yMzMzIDU2LjQzMzMgTCAxMy4yMzMzIDU2LjQzMzMgWk0gMCA1Ni43MjczIEMgMCA2MC43NDQgMy4yNTYgNjQgNy4yNzI3IDY0IEwgNTYuNzI3MyA2NCBDIDYwLjc0NCA2NCA2NCA2MC43NDQgNjQgNTYuNzI3MyBMIDY0IDMyLjMyNjggQyA1Ny45MDU2IDMzLjgzNzIgNTIuNDEwOSAzNi44NjczIDQ2Ljc5MiA0MC4yODk1IEwgNDQuMjU0MSAzOC4wMjQgQyA0Ny4wOTA2IDMxLjg5OTkgNDkuODQwOSAyNy4xMzUzIDUzLjAwNDUgMjEuMTY2MyBDIDQ4LjAzNTUgMTcuMzE4NSA0My41MTg1IDEyLjkzOTIgMzguOTU3NCA4LjYyODkgTCA0MC4yMzUzIDUuNTYgQyA0NS42OTQxIDUuNzM0OCA1MS43OTQ5IDQuMTYxNyA1Ny4yNDQ1IDQuMTQ4MiBDIDU3LjI0NDUgNC4xNDgyIDU2Ljk5MDQgOC4xMjU1IDU2Ljc3NjkgNy45Njk3IEMgNTIuOTA1NyA4LjAyNzkgNDguMzY0MiA4LjY5NDQgNDQuNTEwMyA4Ljk5MDMgQyA0OC4zMDY5IDEyLjU3NTEgNTMuOTM1NiAxNy41NDM2IDU4LjEyOTIgMjAuNjY2NSBDIDU4LjEyOTIgMjAuNjY2NSA1Mi4wNjE3IDI5LjU1MjcgNDkuODQxNyAzNC4zODM3IEMgNTQuMjU2NCAzMS45MzU2IDU4Ljg5NCAyOS44MjAxIDY0IDI4LjY3MzUgTCA2NCA3LjI3MjcgQyA2NCAzLjI1NiA2MC43NDQgMCA1Ni43MjczIDAgTCA3LjI3MjcgMCBDIDMuMjU2IDAgMCAzLjI1NiAwIDcuMjcyNyBMIDAgNTYuNzI3MyBMIDAgNTYuNzI3MyBMIDAgNTYuNzI3MyBaTSA0OS44NTU2IDQ2Ljc0NDQgQyA0OS40IDQ3LjA5NDQgNDkuMTExMSA0Ny42MzMzIDQ4Ljk3NzcgNDguMzU1NSBMIDUzLjU1NTYgNDguMzU1NSBDIDUzLjU1NTYgNDcuNzIyMiA1My4zODg5IDQ3LjIwNTUgNTMuMDY2NiA0Ni44MTExIEMgNTIuNzQ0NCA0Ni40MjIzIDUyLjIgNDYuMjIyMyA1MS40MzMzIDQ2LjIyMjMgQyA1MC44MzMzIDQ2LjIyMjMgNTAuMzExMSA0Ni40IDQ5Ljg1NTYgNDYuNzQ0NCBMIDQ5Ljg1NTYgNDYuNzQ0NCBMIDQ5Ljg1NTYgNDYuNzQ0NCBaTSAyNS4zMjIyIDQ2Ljc0NDQgQyAyNC44NjY2IDQ3LjA5NDQgMjQuNTc3NyA0Ny42MzMzIDI0LjQ0NDQgNDguMzU1NSBMIDI5LjAyMjMgNDguMzU1NSBDIDI5LjAyMjMgNDcuNzIyMiAyOC44NTU2IDQ3LjIwNTUgMjguNTMzNCA0Ni44MTExIEMgMjguMjExMSA0Ni40MjIzIDI3LjY2NjYgNDYuMjIyMyAyNi44OTk5IDQ2LjIyMjMgQyAyNi4yOTk5IDQ2LjIyMjMgMjUuNzc3NyA0Ni40IDI1LjMyMjIgNDYuNzQ0NCBMIDI1LjMyMjIgNDYuNzQ0NCBMIDI1LjMyMjIgNDYuNzQ0NCBaTSAxMS40Nzc4IDUzLjcyNzkgQyAxMS43NDQ0IDUzLjkzODkgMTIuMTAwMSA1NC4wNDQ0IDEyLjU0NDQgNTQuMDQ0NCBDIDEyLjk2NjcgNTQuMDQ0NCAxMy4zMzM0IDUzLjkzMzQgMTMuNjQ0NSA1My43MTExIEMgMTMuOTUgNTMuNDg4OSAxNC4yNzIxIDUzLjE3MjIgMTQuNjE2NyA1Mi43NjEyIEwgMTQuNjE2NyA1MC40ODg5IEMgMTMuMjgzMyA1MC42OTQ0IDEyLjM2MTIgNTAuOTg4OSAxMS44NSA1MS4zNzIyIEMgMTEuMzM4OSA1MS43NjEyIDExLjA4MzMgNTIuMjE2NyAxMS4wODMzIDUyLjc1IEMgMTEuMDgzMyA1My4xOTQ1IDExLjIxMTEgNTMuNTE2NyAxMS40Nzc4IDUzLjcyNzkgTCAxMS40Nzc4IDUzLjcyNzkgTCAxMS40Nzc4IDUzLjcyNzkgWiIgZmlsbD0iIzI3N2JjMCIvPg0KCTwvZz4NCjwvc3ZnPg==');
}

.experto-header-text {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}

.experto-header-text p {
    font-weight: 600;
}

.experto-header-text a,
.experto-header-text button {
    margin-top: 1rem;
    margin-bottom: 0;
    align-self: flex-end;
}

@media only screen and (max-width: 1200px) {
    .experto-header {
        flex-direction: column;
    }

    .experto-header-img {
        flex-basis: 100%;
    }

    .experto-header-img img {
        width: 100%;
        min-width: 100%;
        height: auto;
    }

    .experto-header-text {
        display: flex;
        flex-basis: 100%;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
    }
}

.experto-diagram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 2rem;
    padding: 2rem;
}

.experto-diagram img {
    display: block;
    flex-basis: 50%;
    width: 50%;
}

@media only screen and (max-width: 1280px) {
    .experto-diagram {
        flex-direction: column;
    }

    .experto-diagram img {
        flex-basis: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .experto-diagram {
        padding: 1.5rem 0;
    }
}

td.calendario-vacio {
    background-color: #fff;
}

/* CSS section acreditacion ------------------------------------------------*/
.acreditacion-info {
    width: 100%;
    height: auto;
    padding: var(--padding-big) 2rem;
}

.acreditacion-info p {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.acreditacion-info h5 {
    margin: 0.5rem 0;
}

.acreditacion-info img {
    margin: 0;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

ul.acreditacion-timeline {
    margin: 0;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.3;
    margin-bottom: var(--padding-big);
}

.acreditacion-timeline li {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem;
    color: #000;
    margin: 0;
    border-radius: 5px;
    background-color: #e6e6e6;
    margin-left: 35px;
}

.acreditacion-timeline li h5 {
    max-width: 100px;
}

.acreditacion-timeline li:after {
    position: absolute;
    right: -30px;
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAxNiAzIEMgMTMuNzkwOCAxLjM0MzEgMTIgMi4yMzg1IDEyIDUgTCAxMiAxMiBMIDAgMTIgTCAwIDI0IEwgMTIgMjQgTCAxMiAzMSBDIDEyIDMzLjc2MTUgMTMuNzkwOCAzNC42NTY5IDE2IDMzIEwgMzIgMjEgQyAzNC4yMDkyIDE5LjM0MzEgMzQuMjA5MiAxNi42NTY5IDMyIDE1IEwgMTYgMyBaIiBmaWxsPSIjZTZlNmU2Ii8+DQoJPC9nPg0KPC9zdmc+');
    position: absolute;
    width: 30px;
    height: 30px;
}

.acreditacion-timeline li:first-child {
    margin-left: 0;
}

.acreditacion-timeline li:last-child:after {
    display: none;
}

.acreditacion-timeline li.timeline-active:after {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAxNiAzIEMgMTMuNzkwOCAxLjM0MzEgMTIgMi4yMzg1IDEyIDUgTCAxMiAxMiBMIDAgMTIgTCAwIDI0IEwgMTIgMjQgTCAxMiAzMSBDIDEyIDMzLjc2MTUgMTMuNzkwOCAzNC42NTY5IDE2IDMzIEwgMzIgMjEgQyAzNC4yMDkyIDE5LjM0MzEgMzQuMjA5MiAxNi42NTY5IDMyIDE1IEwgMTYgMyBaIiBmaWxsPSIjMjc3YmMwIi8+DQoJPC9nPg0KPC9zdmc+');
}

.acreditacion-timeline .timeline-active {
    background-color: #277BC0;
    color: #fff;
}

@media only screen and (max-width: 1140px) {
    ul.acreditacion-timeline {
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        margin-bottom: 0;
    }

    .acreditacion-timeline li {
        justify-content: center;
        align-items: center;
        margin: 0;
        margin-bottom: 20px;
        padding: 0.6rem;
        box-shadow: none;
        border: 0;
    }

    .acreditacion-timeline li h5 {
        max-width: 100%;
    }

    .acreditacion-timeline li:after {
        bottom: -15px;
        right: 0;
        left: 0;
        margin: 0 auto;
        transform: rotate(90deg);
    }

    .acreditacion-timeline .timeline-active {
        background-color: #277BC0;
        color: #fff;
    }
}

.form-fieldset {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #adadad;
    padding: 1rem;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 5px;
}

.form-fieldset legend {
    height: auto;
    display: inline-block;
    width: 100%;
    background: #fff;
    width: auto;
    padding: 0 1rem;
}

.form-fieldset input {
    display: block;
    width: auto;
    background: #fff;
    margin-bottom: 1rem;
}

.form-doc {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid #adadad;
}

.section-experto .form-doc textarea {
    display: block;
    margin: 0;
}

.section-experto .form-doc input {
    display: block;
    margin-bottom: 1rem;
}

.section-experto .form-doc input:last-child {
    margin-bottom: 0;
}

/* CSS section tienda ------------------------------------------------*/
.section-tienda {
    padding: var(--padding-big);
}

.section-tienda .privada-header-ms {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 1.5rem 0;
    width: 100%;
    gap: 1rem;
}

.section-tienda .privada-header-ms a.left-btn {
    padding: 0.2rem;
    padding-left: 2.2rem;
}

.section-tienda .privada-header-ms a.left-btn:after {
    padding: 0.1rem;
}

.section-tienda .section-select {
    flex-basis: auto;
}

.section-tienda .section-select select {
    width: auto;
    align-self: flex-end;
}

.section-tienda .privada-header-ms a {
    position: relative;
    flex-basis: auto;
    padding: 0.6rem 44px 0.6rem 1rem;
}

.section-tienda .privada-header-ms a img {
    position: absolute;
    right: 0;
    width: auto;
    height: 20px;
    padding: 0;
    margin: 0 1rem;
}

.section-tienda-items {
    display: flex;
    flex-direction: row;
    gap: 2%;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.section-tienda-items li {
    flex-basis: 23.5%;
    display: block;
    margin: 0;
    margin-top: 2%;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    text-decoration: none;
}

.tienda-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex-basis: 25%;
    background: #fff;
    padding: 1rem;
    width: 100%;
    height: 100%;
    ;
    border: 1px solid #adadad;
    border-radius: 10px;
}

.tienda-item img {
    width: 100%;
    height: auto;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 0.5rem;
}

.tienda-item-text {
    margin-bottom: 0.5rem;
    justify-self: flex-end;
}

.tienda-item-text H4 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tienda-item-text H5 {
    color: #858585;
    font-size: 1.2rem;
}

.tienda-item-text p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tienda-item-footer {
    padding: 0;
    margin-top: 1.2rem;
}

.tienda-item-footer .section-privada {
    padding: 0;
    margin: 0;
}

.tienda-item-footer .privada-form {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    gap: 1rem;
    margin-bottom: 0;
    border: 0;
}

.tienda-item-footer .privada-form input,
.tienda-item-footer .privada-form button {
    font-size: 1rem;
    padding: 0.3rem 1rem;
    margin: 0;
}

.tienda-item-footer .privada-form input {
    flex-basis: 30%;
}

.tienda-item-footer .privada-form button {
    flex-basis: 70%;
}

.tienda-item-footer a {
    background: red;
    margin-top: 1.5rem;
}

.tienda-item-footer span {
    font-weight: normal;
    color: #858585;
}

@media only screen and (max-width: 1640px) {
    .section-tienda-items li {
        flex-basis: 32%;
    }
}

@media only screen and (max-width: 1380px) {
    .section-tienda-items li {
        flex-basis: 49%;
    }
}

@media only screen and (max-width: 680px) {
    .section-tienda-items li {
        flex-basis: 100%;
        margin-top: 4%;
    }

    .section-tienda .privada-header-ms {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        padding: 0;
        margin: 1.5rem 0;
        width: 100%;
        gap: 1rem;
    }

    .section-tienda .privada-header-ms a.left-btn {
        align-self: flex-start;
        width: auto;
        margin-bottom: 0.5rem;
    }

    .section-tienda .section-select {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 1rem;
    }

    .section-tienda .section-select select {
        width: 100%;
        align-self: flex-end;
    }


    .section-tienda .privada-header-ms a {
        flex-basis: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .tienda-item-footer .privada-form input {
        flex-basis: 30%;
    }

    .tienda-item-footer .privada-form input {
        flex-basis: 30%;
    }

    .tienda-item-footer .privada-form button {
        flex-basis: 70%;
    }
}

/* CSS section tienda detalle ------------------------------------------------*/
.tienda-detalle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 2rem;
    width: 100%;
    margin-top: var(--padding-big);
}


.tienda-detalle-img {
    width: 100%;
    flex-basis: 50%;
}

.tienda-detalle-img img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    margin: 0;
}

.tienda-detalle-text {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex-basis: 50%;
    width: 100%;
    height: auto;
}

.tienda-detalle-info {}

.tienda-detalle-info h5 {
    color: #858585;
}

.tienda-detalle-text .tienda-item-footer .privada-form {
    width: auto;
    flex-basis: 100%;
    justify-content: flex-start;
    align-self: flex-start;
}

.tienda-detalle-text .tienda-item-footer .privada-form input,
.tienda-detalle-text .tienda-item-footer .privada-form button {
    width: 10rem;
    flex-basis: auto;
    align-self: flex-start;
}

.tienda-detalle-text .tienda-item-footer .privada-form input {
    width: 6rem;
}

@media only screen and (max-width: 1100px) {
    .tienda-detalle {
        flex-direction: column;
    }

    .tienda-detalle-img {
        width: 100%;
        flex-basis: 100%;
    }

    .tienda-detalle-text {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .tienda-detalle-text .tienda-item-footer .privada-form {
        width: 100%;
        flex-basis: 100%;
        justify-content: flex-start;
        align-self: flex-start;
    }

    .tienda-detalle-text .tienda-item-footer .privada-form input {
        width: 100%;
        flex-basis: 30%;
    }

    .tienda-detalle-text .tienda-item-footer .privada-form button {
        width: 100%;
        flex-basis: 70%;
    }
}

/* CSS section tienda carrito ------------------------------------------------*/
.tienda-carrito {}

.carrito-item {
    display: flex;
    border: 1px solid #adadad;
    padding: 0.5rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.carrito-item-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem;
    margin: 0;
    flex-basis: 100%;
}

.carrito-item-1 button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: auto;
    text-align: center;
    margin: 0;
    margin-right: 1rem;
    padding: 0.4rem;
    align-self: center;
    background-color: #fff;
    border: 1px solid #adadad;
    border-radius: 5px;
    border: 1px solid #adadad;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

.carrito-item-1 button:hover {
    background-color: #e6e6e6;
}

.carrito-item-1 button img {
    width: 28px;
    height: auto;
    margin: 0;
    display: block;
    text-align: center;
}

.carrito-item-1 .carrito-img {
    width: auto;
    height: 100%;
    flex-basis: auto;
    object-fit: cover;
    margin: 0;
    padding: 0 0.5rem 0 0;
}

.carrito-item-1 .carrito-img img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    margin: 0;
    padding: 0;
    border-radius: 5px;
}

.carrito-item-1 p {
    font-weight: 600;
    flex-basis: 100%;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.5rem;
}

.carrito-item-2 {
    flex-basis: 300px;
    display: flex;
    width: 100%;
    padding: 0.5rem;
    align-items: center;
    justify-content: center;
}

.carrito-item-2 form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: auto;
    margin: 0;
    padding: 0 0.5rem;
    height: 100%;
    width: 100%;
    flex-basis: 100px;
}

.carrito-item-2 form span {
    display: block;
    font-weight: normal;
    font-size: 1rem;
}

.carrito-item-2 form input {
    width: 60px;
    background: #fff;
    border: 1px solid #adadad;
    margin: 0;
    padding: 0.3rem;
    border-radius: 5px;
}

.carrito-item-2 h5 {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    height: 100%;
    width: 100%;
    flex-basis: 100px;
    margin: 0;
    padding: 0 0.5rem;
}

.carrito-item-2 h5 span {
    font-weight: normal;
    font-size: 1rem;
}

@media only screen and (max-width: 840px) {
    .carrito-item {
        flex-direction: column;
    }

    .carrito-item-1 {
        width: 100%;
        flex-basis: 100%;
        align-items: center;
    }

    .carrito-item-1 p {
        -webkit-line-clamp: 3;
    }

    .carrito-item-2 {
        width: 100%;
        flex-basis: 100%;
        align-items: center;
        justify-content: flex-end;
    }

    .carrito-item-2 form {
        flex-basis: 50px;
    }

    .carrito-item-2 h5 {
        flex-basis: 65px;
    }
}

@media only screen and (max-width: 380px) {
    .carrito-item {
        flex-direction: column;
    }

    .carrito-item-1 {
        width: 100%;
        flex-basis: 100%;
        align-items: center;
        flex-wrap: wrap;
        
    }
    .carrito-item-1 button {
        flex-basis: auto;
        margin-bottom: 1rem;
    }
    
    .carrito-item-1 .carrito-img {
        flex-basis: 70%;
        width: 100%;
        display: flex;
        padding: 0 0.5rem 0 0;
        justify-content: center;
    }

    .carrito-item-1 .carrito-img img {
        width: 120px;
        height: 100px;
        padding: 0;
    }

    .carrito-item-1 p {
        -webkit-line-clamp: 33;
        padding: 1rem 0 0 0;
        height: 100%;
    }
}

ul.carrito-footer {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}

ul.carrito-footer li {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 1rem;
}

ul.carrito-footer li p {
    width: 100%;
    flex-basis: 65px;
    text-align: center;
    margin: 0;
    font-weight: normal;
    font-size: 1rem;
    padding: 0 0.5rem;
}

ul.carrito-footer li h5 {
    width: 100%;
    flex-basis: 65px;
    text-align: center;
    margin: 0;
    padding: 0 0.5rem;
}

.carrito-targeta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 2rem;
    padding: 1rem 0;
}

.carrito-targeta h5 {
    margin-bottom: 0;
}

.carrito-targeta h5 span {
    display: block;
    font-weight: normal;
    font-size: 1.1rem;
}

.carrito-targeta .targeta-img {
    margin: 0;
}

.tienda-carrito .privada-form {
    padding: 0;
}

.carrito-form {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    gap: 4%;
}

.carrito-form-1,
.carrito-form-2 {
    margin-top: 2rem;
    flex-basis: 50%;
    height: 100%;
    width: 100%;
}

.carrito-form-1 .btn-outline {
    margin-top: 1rem;
    flex-basis: 50%;
    height: 100%;
    width: 100%;
}

.carrito-form-2 {
    margin-bottom: 2rem;
}

.carrito-form-footer {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
}

.carrito-form-footer .label-checkbox {
    margin-bottom: 0;
    flex-basis: auto;
}

.carrito-form-footer a,
.carrito-form-footer button {
    margin-bottom: 0;
    flex-basis: 180px;
    margin-left: 1rem;
}

@media only screen and (max-width: 1200px) {
    .carrito-form-footer {
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
    }

    .carrito-form-footer .label-checkbox {
        flex-basis: 100%;
    }

    .carrito-form-footer a,
    .carrito-form-footer button {
        width: auto;
        flex-basis: auto;
        margin-top: var(--padding-big);
    }
}

@media only screen and (max-width: 840px) {
    .carrito-form {
        flex-direction: column;
    }
}

@media only screen and (max-width: 480px) {
    .tienda-carrito .label-checkbox {
        margin-bottom: 0;
        flex-basis: auto;
    }

    .carrito-form-footer a,
    .carrito-form-footer button {
        width: 100%;
        flex-basis: 100%;
        margin: 0;
        margin-top: var(--padding-big);
    }
}

/* CSS section campus  ------------------------------------------------*/
.section-campus {
    padding: var(--padding-big);
}

.title-subsection {
    border-top: 1px solid #adadad;
    padding: 0;
    font-weight: 900;
    padding-top: 1.5rem;
    margin: 0rem 0 0.5rem 0;
    margin-top: 1rem;
    padding-left: var(--padding-big);
}

.section-campus-items {
    display: flex;
    flex-direction: row;
    gap: 2%;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    padding: 0;
}

.section-campus-items li {
    flex-basis: 23.5%;
    display: block;
    margin: 0;
    margin-top: 2%;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    text-decoration: none;
}

.campus-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex-basis: 25%;
    background: #fff;
    padding: 1rem;
    width: 100%;
    height: 100%;
    ;
    border: 1px solid #adadad;
    border-radius: 10px;
}

.campus-item img {
    width: 100%;
    height: auto;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
    object-fit: cover;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 0.5rem;
}

.campus-item-text {
    margin-bottom: 0.5rem;
    justify-self: flex-end;
}

.campus-item-text H5 {
    color: #858585;
    font-size: 1.2rem;
}

.campus-item-footer {
    padding: 0;
    margin-top: 1.2rem;
}

.campus-item-footer .section-privada {
    padding: 0;
    margin: 0;
}

.campus-item-footer .privada-form {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    gap: 1rem;
    margin-bottom: 0;
    border: 0;
}

.campus-item-footer .privada-form input,
.campus-item-footer .privada-form button {
    font-size: 1rem;
    padding: 0.3rem 1rem;
    margin: 0;
}

.campus-item-footer .privada-form input {
    flex-basis: 30%;
}

.campus-item-footer .privada-form button {
    flex-basis: 70%;
}

.campus-item-footer a {
    background: red;
    margin-top: 1.5rem;
}

.campus-item-footer span {
    font-weight: normal;
    color: #858585;
}

@media only screen and (max-width: 1640px) {
    .section-campus-items li {
        flex-basis: 32%;
    }
}

@media only screen and (max-width: 1380px) {
    .section-campus-items li {
        flex-basis: 49%;
    }
}

@media only screen and (max-width: 680px) {
    .section-campus-items li {
        flex-basis: 100%;
        margin-top: 4%;
    }
}

@media only screen and (max-width: 480px) {
    .campus-item-footer .privada-form button {
        flex-basis: 70%;
    }
}

/* CSS sections eventos ----------------------------------------------------*/
.section-eventos {
    padding:  var(--padding-big);
}

.section-eventos .privada-header-ms {
    padding:  2rem 0;
    gap: 1rem;
}

.section-eventos .privada-header-ms .privada-header-right {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.section-eventos .privada-header-ms .privada-header-right .btn-main {
    padding: 0.4rem 0.5rem;
}

.section-eventos-img {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
    padding:  2rem;
    gap: 1rem;
    background-image:url(/img/eventos/eventos-nacional.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 320px;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-radius: 10px;
    border: 1px solid #adadad;
}

.section-eventos-header {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    padding:  0;
    gap: var(--padding-big);
    height: auto;
    width: 100%;
    margin-top: 2rem;
}

.section-eventos-header-main {
    border-radius: 10px;
    padding: 1rem;
    flex-basis: 100%;
    border: 1px solid #adadad;
}

.eventos-precio {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.eventos-precio {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #adadad;
}

.eventos-precio:last-child {
    border: 0;
}

.eventos-precio h5 {
    font-weight: 600;
    margin-bottom: 0;
}

.eventos-precio p {
    font-weight: 900;
    text-align: right;
    margin-bottom: 0;
}

.eventos-precio span {
    display: block;
    font-size: 1rem;
    font-weight: normal;
}

.section-eventos-header-side {
    border-radius: 10px;
    padding: 1rem;
    flex-basis: 50%;
    border: 1px solid #adadad;
}

.section-eventos-info  {
    display: flex;
    gap: var(--padding-big);
    justify-content: space-between;
    flex-direction: row;
    margin-top: var(--padding-big);
}

.section-eventos-text {
    flex-basis: 50%;
}

.section-eventos-text h4 {
    margin-bottom: 0.3rem;
}

.section-eventos-map {
    flex-basis: 50%;
    margin: 0;
    height: auto;
    border: 1px solid #adadad;
    border-radius: 10px;

}

.section-eventos-map iframe {
    display: block;
    border-radius: 10px;    

    }

@media only screen and (max-width: 1280px) {
    .section-eventos-header {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: stretch;
        padding:  0;
        gap: var(--padding-big);
        height: auto;
        width: 100%;
    }
    
    .section-eventos-info  {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .section-eventos-text {
        flex-basis: 100%;
    }

    .section-eventos-map {
        flex-basis: 100%;
    }
    
    .section-eventos-map iframe {
        min-height: 360px;

    }
}

@media only screen and (max-width: 600px) {
    .section-eventos-img {
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-start;
        min-height: 200px;
    }
    
    .section-eventos .privada-header-ms {
        gap: 2rem;
    }
    
    .section-eventos .privada-header-ms .privada-header-right {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 2rem;
    }
    
    .eventos-precio {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0.5rem 0;
    }
    
    .eventos-precio h5 {
        margin-bottom: 0.3rem;
    }
    
    .eventos-precio p {
        text-align: left;
    }
}

.eventos-candado {
    display: inline-block;
    color: #fff;
    background: #fff;
    padding: 0;
    margin-right: 0.5rem;
    line-height: 0.8;
}

.eventos-candado::before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTkgMjIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjIycHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAwIDE5IEwgMCAyMC40Mjg2IEMgMCAyMS4yOTY1IDAuNjkxOSAyMiAxLjU0NTUgMjIgTCAxNC40NTQ1IDIyIEMgMTUuMzA4MSAyMiAxNiAyMS4yOTY1IDE2IDIwLjQyODYgTCAxNiA5LjU3MTQgQyAxNiA4LjcwMzUgMTUuMzA4MSA4IDE0LjQ1NDUgOCBMIDEuNTQ1NSA4IEMgMC42OTE5IDggMCA4LjcwMzUgMCA5LjU3MTQgTCAwIDE5IFoiIGZpbGw9IiNmZmMxMDciLz4NCgkJPHBhdGggZD0iTSAyIDYgTCAyIDggTCA1IDggTCA1IDYgQyA1IDQuMzQzMSA2LjM0MzEgMyA4IDMgQyA5LjY1NjkgMyAxMSA0LjM0MzEgMTEgNiBMIDExIDggTCAxNCA4IEwgMTQgNiBDIDE0IDIuNjg2MiAxMS4zMTM4IDAgOCAwIEMgNC42ODYyIDAgMiAyLjY4NjIgMiA2IFpNIDYgMTMgQyA2IDEzLjg4MzUgNi41NzA1IDE0LjYzNTMgNy4zNjUgMTQuOSBMIDYgMTkgTCAxMCAxOSBMIDguNjM1IDE0LjkgQyA5LjQyOTUgMTQuNjM1MyAxMCAxMy44ODM1IDEwIDEzIEMgMTAgMTEuODk1NCA5LjEwNDYgMTEgOCAxMSBDIDYuODk1NCAxMSA2IDExLjg5NTQgNiAxMyBaIiBmaWxsPSIjNDU1YTY0Ii8+DQoJPC9nPg0KPC9zdmc+');
    width: 19px;
    height: 22px;
}

.eventos-check {
    display: inline-block;
    color: #fff;
    background: #fff;
    margin-right: 0.5rem;
    line-height: 0.8;
}

.eventos-check::before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMTkgMjIiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjIycHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAwLjU3MTMgOS4zMzY1IEMgMS4zMzMgOC42MDk5IDIuNTY3OSA4LjYwOTkgMy4zMjk2IDkuMzM2NSBMIDcuNDY3MSAxMy4yODI5IEwgMTUuNjcwNCA1LjU0NDkgQyAxNi40MzIxIDQuODE4NCAxNy42NjcgNC44MTg0IDE4LjQyODcgNS41NDQ5IEMgMTkuMTkwNCA2LjI3MTUgMTkuMTkwNCA3LjQ0OTMgMTguNDI4NyA4LjE3NTggTCA4LjQ0MjMgMTcuNjE0NyBDIDcuOTAzNyAxOC4xMjg0IDcuMDMwNCAxOC4xMjg0IDYuNDkxOSAxNy42MTQ3IEwgMC41NzEzIDExLjk2NzQgQyAtMC4xOTA0IDExLjI0MDkgLTAuMTkwNCAxMC4wNjMgMC41NzEzIDkuMzM2NSBMIDAuNTcxMyA5LjMzNjUgTCAwLjU3MTMgOS4zMzY1IEwgMC41NzEzIDkuMzM2NSBaIiBmaWxsPSIjMDBiMjAwIi8+DQoJPC9nPg0KPC9zdmc+');
    width: 19px;
    height: 22px;
}

/* CSS buttons ----------------------------------------------------*/
button.btn-main,
a.btn-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.3rem 0.8rem;
    color: #fff;
    width: auto;
    text-align: center;
    text-decoration: none;
    background-color: #277bc0;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 600;
    border: 0;
    cursor: pointer;
    box-shadow: none;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

button.btn-main:hover,
a.btn-main:hover {
    background-color: #78ADD8;
    color: #fff;
}

button.btn-outline,
a.btn-outline {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.3rem 0.8rem;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    font-size: 1.2rem;
    width: auto;
    box-shadow: none;
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid #adadad;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

button.btn-outline:hover,
a.btn-outline:hover {
    background-color: #e6e6e6;
    color: #000;
}

button.btn-table,
a.btn-table {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    padding: 0.2rem;
    margin: 0;
    gap: 0.2rem;
    color: #000;
    width: 100%;
    height: auto;
    text-align: left;
    text-decoration: none;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    border: 1px solid #adadad;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease-in-out;
}

button.btn-table:hover,
a.btn-table:hover {
    background-color: #e6e6e6;
    color: #000;
}

button.btn-table img,
a.btn-table img {
    padding: 0;
    width: 2rem;
    height: auto;
}

button.left-btn,
a.left-btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.2rem 0.8rem;
    padding-left: 30px;
    margin: 0;
    color: #858585;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.left-btn::before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtUCVFMWdpbmElMjAxIiB2aWV3Qm94PSIwIDAgMjIgMTQiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0KCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjE0cHgiDQo+DQoJPGcgaWQ9IkNhcGElMjAxIj4NCgkJPHBhdGggZD0iTSAyMiA4IEwgMjIgNiBMIDQgNi4wMTU2IEwgOS4zNjUgMS4zNjUgTCA4LjA3NSAwLjA3NSBMIDAgNyBMIDguMDc1IDEzLjkyNSBMIDkuMzY1IDEyLjYzNSBMIDQuMDQ2OSA4IEwgMjIgOCBaIiBmaWxsPSIjODU4NTg1Ii8+DQoJPC9nPg0KPC9zdmc+');
    position: absolute;
    width: 22px;
    height: 14px;
    line-height: 1.6;
    left: 0;
    top: 0;
}

button.left-btn:hover,
a.left-btn:hover {
    color: #858585;
    opacity: 0.6;
}

/* CSS General Breakpoints ----------------------------------------------------*/
@media only screen and (min-width: 1441px) {
    html {
        font-size: 100%;
    }

    :root {
        --padding-big: 3.75rem;
    }

    .main-container {
        padding-top: 8.7rem;
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 95%;
    }

    :root {
        --padding-big: 3.125rem;
    }

    .main-container {
        padding-top: 8.8rem;
    }
}

@media only screen and (max-width: 960px) {
    html {
        font-size: 85%;
    }

    :root {
        --padding-big: 2.5rem;
    }

    .main-container {
        padding-top: 9.2rem;
    }

    [sidebarjs] {
        padding-top: 9.2rem;
    }
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 80%;
    }

    :root {
        --padding-big: 1.875rem;
    }

    .main-container {
        padding-top: 9.6rem;
    }
}