@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:400,500&display=swap");header .headerBottom2 {
    width: 100%;
    background: #feda3f;
    float: left
}

header .headerBottom2 .inner {
    height: 1%;
    margin: 0px auto;
    max-width: 1350px;
    overflow: visible;
    width: 80%;
    padding: 16px 0px
}

@media (max-width: 1082px) {
    header .headerBottom2 .inner {
        padding:0px;
        width: 100%
    }
}

header .headerBottom2 .inner .logo-um {
    position: relative;
    z-index: 200;
    display: block;
    margin-top: 5px;
    margin-bottom: 18px;
    float: left;
    width: 300px
}

@media screen and (max-width: 1082px) {
    header .headerBottom2 .inner .logo-um {
        float:left;
        width: 250px;
        height: auto;
        margin-top: 10px;
        padding: 10px;
        margin-bottom: 0px
    }
}

@media screen and (max-width: 320px) {
    header .headerBottom2 .inner .logo-um {
        float:left;
        width: 220px;
        height: auto;
        margin-top: 10px;
        padding: 5px
    }
}

header .headerBottom2 .inner .logo-um a {
    display: block
}

header .headerBottom2 .inner .logo-um a img {
    height: auto;
    width: 100%
}

header .headerBottom2 .inner a {
    color: #595858
}

header .headerBottom2 .inner #lateral {
    z-index: 100;
    padding: 0px
}

header .headerBottom2 .inner #lateral .sup-menu {
    display: none
}

@media (max-width: 800px) {
    header .headerBottom2 .inner #lateral .sup-menu {
        display:block
    }
}

header .headerBottom2 .inner #lateral h2 {
    width: 90%;
    padding-bottom: 5px;
    margin-bottom: 7px;
    font-weight: bold;
    text-transform: none;
    background: #969697;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px
}

header .headerBottom2 .inner #lateral h2 a {
    display: block;
    padding: 0;
    margin: 0
}

header .headerBottom2 .inner #lateral a:hover {
    background: #656464
}

header .headerBottom2 .inner #lateral #cssmenum.small-screen ul ul li a {
    color: #ffffff;
    background: #656464
}

header .headerBottom2 .inner #lateral #cssmenulateral.small-screen .submenu-button.submenu-opened {
    background: #656464
}

header .headerBottom2 .inner #lateral #cssmenulateral.small-screen #menu-button {
    display: block;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    top: -60px
}

header .headerBottom2 .form {
    margin-top: 7px;
    float: right
}

@media (max-width: 1082px) {
    header .headerBottom2 .form {
        display:none
    }
}

header .headerBottom2 .form form {
    outline: 0;
    float: left;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
    border-radius: 4px
}

header .headerBottom2 .form form>.textbox {
    outline: 0;
    height: 42px;
    width: 244px;
    line-height: 42px;
    padding: 0 16px;
    background-color: rgba(255,255,255,0.8);
    color: #212121;
    border: 0;
    float: left;
    border-radius: 4px 0 0 4px
}

header .headerBottom2 .form form>.textbox:focus {
    outline: 0;
    background-color: #FFF
}

header .headerBottom2 .form form>.button {
    outline: 0;
    background: #747474;
    float: left;
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    border: 0;
    color: #FFF;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
    border-radius: 0 4px 4px 0;
    cursor: pointer
}

header .headerBottom2 .form form>.button:hover {
    background: #4e4e4e
}

@font-face {
    font-family: "umayor";
    src: url("../fonts/umayor.eot?2tgy8k");
    src: url("../fonts/umayor.eot?2tgy8k#iefix") format("embedded-opentype"),url("../fonts/umayor.ttf?2tgy8k") format("truetype"),url("../fonts/umayor.woff?2tgy8k") format("woff"),url("../fonts/umayor.svg?2tgy8k#umayor") format("svg");
    font-weight: normal;
    font-style: normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: "umayor"!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-diario:before {
    content: "\e900"
}

.icon-icon-location:before {
    content: "\e901"
}

.icon-icon-mensajes:before {
    content: "\e902"
}

.icon-droplet:before {
    content: "\e90b"
}

.icon-paint-format:before {
    content: "\e90c"
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before {
    content: "";
    content: none
}

q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@-webkit-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* :focus {
    outline: none
}

html {
    height: 100%;
    width: 100%
}

body {
    font-size: 16px;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    width: 100%;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

article,aside,figure,footer-tco,header,nav,section {
    display: block
}

.clear {
    clear: both
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,aside,footer,header,nav,section {
    display: block
}

figcaption,figure,main {
    display: block
}

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

pre {
    font-family: monospace,monospace
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

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

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

dfn {
    font-style: italic
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

:root {
    --blanco: #ffffff;
    --amarillo: #fece40;
    --amarillo2: #d3b327;
    --negro: #444444;
    --negro2: #888888;
    --grisclaro: #eeeeee;
    --grisclaro2: #dedede;
    --grisoscuro: #4e4e4e;
    --verde: #006879
}

.fl-left {
    float: left
}

.wd100 {
    width: 100%
}

.mrgtop-50 {
    margin-top: 50px!important
}

.rgbtm-30 {
    margin-bottom: 30px!important
}

.no-mrg-btm {
    margin-bottom: 0px!important
}

.bg-grisclaro {
    background-color: var(--grisclaro);
    padding: 50px 0px
}

.bg-grisoscuro {
    background-color: var(--grisoscuro);
    padding: 50px 0px
}

.bg-amarillo {
    background-color: var(--amarillo);
    padding: 50px 0px
}

.bg-negro {
    background-color: var(--negro)!important
}

.fx-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fx-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tit-atributos,.txt-atributos {
    font-size: clamp(var(--min),var(--val),var(--max))
}

html {
    scroll-behavior: smooth
}

p {
    color: var(--negro);
    font-size: 1em;
    font-weight: normal;
    font-family: "Open sans",sans-serif;
    margin-bottom: 10px;
    line-height: 1.3
}

#boton-guia-form {
    position: fixed;
    top: 50%;
    right: 4px;
    z-index: 100;
    width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--amarillo);
    border-radius: 50%;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.59);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

@media (max-width: 800px) {
    #boton-guia-form {
        width:80px;
        height: 80px;
        top: 50%
    }
}

#boton-guia-form i {
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: var(--negro);
    margin-bottom: 3px
}

@media (max-width: 800px) {
    #boton-guia-form i {
        font-size:0.9em
    }
}

#boton-guia-form a {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    font-family: "Open sans condensed",sans-serif;
    color: var(--negro)
}

@media (max-width: 800px) {
    #boton-guia-form a {
        font-size:0.9em
    }
}

#boton-guia-form:hover {
    background-color: var(--negro);
    width: 110px;
    height: 110px
}

#boton-guia-form:hover i {
    color: var(--amarillo);
    font-size: 1.1em
}

#boton-guia-form:hover a {
    color: var(--blanco);
    font-size: 1.1em
}

#button {
    display: inline-block;
    background-color: var(--amarillo);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: background-color 0.3s,opacity 0.5s,visibility 0.5s;
    transition: background-color 0.3s,opacity 0.5s,visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000
}

#button:after {
    content: "\f106";
    font-family: FontAwesome;
    font-weight: 700;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #333
}

#button:hover {
    cursor: pointer;
    background-color: var(--amarillo)
}

#button:active {
    background-color: var(--amarillo)
}

#button.show {
    opacity: 1;
    visibility: visible
}

.bigbanner5 {
    font-family: "PT Sans Narrow",sans-serif;
    width: 100%;
    height: 1%;
    overflow: hidden
}

@media (max-width: 1100px) {
    .bigbanner5 {
        float:initial;
        float: left;
        width: 100%
    }
}

.bigbanner5 .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.bigbanner5 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    aspect-ratio: 1680/700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bigbanner5 .swiper-pagination-bullet {
    clear: both;
    width: 15px;
    height: 6px;
    display: inline-block;
    border-radius: 0px;
    background: #fff;
    opacity: 0.7;
    -webkit-box-shadow: 1px 1px 4px -1px rgb(17,17,17);
    box-shadow: 1px 1px 4px -1px rgb(17,17,17)
}

.bigbanner5 .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--amarillo);
    width: 30px;
    height: 6px;
    border-radius: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.bigbanner5 .swiper-button-prev {
    opacity: 0.5
}

.bigbanner5 .swiper-button-prev:hover {
    opacity: 0.9
}

.bigbanner5 .swiper-button-next {
    opacity: 0.5
}

.bigbanner5 .swiper-button-next:hover {
    opacity: 0.9
}

.bigbanner5 .imagen-horizontal {
    width: 100%;
    position: relative
}

@media (max-width: 960px) {
    .bigbanner5 .imagen-horizontal {
        margin-top:0;
        width: 100%
    }
}

.bigbanner5 .imagen-horizontal a {
    display: block;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 250ms;
    transition: color 250ms
}

.bigbanner5 .imagen-horizontal img {
    display: block;
    height: auto;
    min-height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.bigbanner5 .imagen-horizontal .video-container {
    position: relative;
    padding-bottom: 41.4%;
    padding-top: 5px;
    height: auto
}

.bigbanner5 .imagen-horizontal .video-container embed,.bigbanner5 .imagen-horizontal .video-container iframe,.bigbanner5 .imagen-horizontal .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bigbanner5 .imagen-horizontal video {
    width: 100%;
    height: auto;
    overflow: hidden
}

.bigbanner5 .imagen-horizontal .fondo-horizontal {
    float: left;
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(rgb(255,255,255)));
    background-image: linear-gradient(to left,rgba(255,255,255,0),rgb(255,255,255));
    padding: 60px 0px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: background 150ms,color 200ms;
    transition: background 150ms,color 200ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal {
        padding:30px 0px
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos {
    position: relative;
    left: 0;
    width: 100%;
    max-width: 1200px;
    padding-left: 80px
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos {
        margin-top:-4%
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos h3 {
    text-align: left;
    clear: both;
    position: relative;
    font-family: "PT Sans Narrow",sans-serif;
    width: 100%;
    max-width: 800px;
    line-height: 1;
    font-size: 4.2vw;
    margin-bottom: 3px;
    font-weight: bold;
    color: var(--negro)
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos h3 {
        width:80%;
        font-size: 4vw
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos p {
    font-family: "Open Sans",sans-serif;
    padding-top: 10px;
    line-height: normal;
    font-size: 2vw;
    margin-bottom: 3px;
    width: 65%;
    text-align: left;
    color: var(--negro)
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos p {
        width:80%;
        font-size: 3vw;
        padding-top: 5px
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    width: 100%;
    max-width: 220px;
    padding: 10px 5px;
    color: #444;
    background: var(--amarillo);
    margin-top: 15px;
    border-radius: 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid var(--amarillo);
    text-align: center
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton {
        margin-top:3px;
        width: 30px;
        height: 25px
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton p {
    font-size: 14px;
    font-family: "Open sans",sans-serif;
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    font-weight: bold;
    color: var(--negro);
    text-align: center
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton p {
        display:none
    }
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton:hover {
    background: none;
    border: 2px solid #ffffff;
    color: #fff
}

.bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton .fa {
    font-size: 14px
}

@media (max-width: 800px) {
    .bigbanner5 .imagen-horizontal .fondo-horizontal .textos .ver-boton .fa {
        font-size:12px;
        padding-left: 0px
    }
}

.bigbanner5 h3 {
    position: relative;
    line-height: normal;
    font-family: "PT Sans Narrow",sans-serif;
    width: 65%;
    line-height: 60px;
    font-size: 60px;
    margin-bottom: 7px;
    font-weight: bold
}

@media (max-width: 1280px) {
    .bigbanner5 h3 {
        font-size:30px
    }
}

@media (max-width: 821px) {
    .bigbanner5 h3 {
        width:90%;
        font-size: 17px;
        line-height: 17px;
        position: initial
    }
}

.bigbanner5 p {
    padding-top: 20px;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 3px;
    width: 90%
}

@media (max-width: 821px) {
    .bigbanner5 p {
        width:90%;
        font-size: 13px;
        position: initial
    }
}

@-webkit-keyframes my-animation {
    0% {
        opacity: 0;
        color: rgba(255,255,255,0);
        top: -300px;
        overflow: hidden
    }

    to {
        opacity: 1;
        top: 0;
        color: rgb(255,255,255)
    }
}

@keyframes my-animation {
    0% {
        opacity: 0;
        color: rgba(255,255,255,0);
        top: -300px;
        overflow: hidden
    }

    to {
        opacity: 1;
        top: 0;
        color: rgb(255,255,255)
    }
}

.run-animation {
    position: relative;
    -webkit-animation: my-animation 2s ease;
    animation: my-animation 2s ease
}

.menu-desktop .fondo-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70%;
    margin-top: 20px
}

@media (max-width: 900px) {
    .menu-desktop .fondo-menu {
        display:block;
        position: relative;
        background: #fff;
        width: 100%;
        margin-top: 0px;
        float: left
    }
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container {
    width: 100%
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li a {
    padding: 18px 0px 0px 10px;
    font-size: 0.8em;
    letter-spacing: 0px;
    text-decoration: none;
    color: var(--negro);
    background-color: var(--blanco);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Encode Sans Condensed",sans-serif
}

@media (max-width: 900px) {
    .menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li a {
        padding:18px 0px 18px 10px
    }
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li ul li a {
    background-color: var(--grisclaro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 10px!important
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li ul li a:hover {
    color: var(--blanco);
    background-color: var(--negro)
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub>a {
    padding: 18px 10px;
    font-size: 13px;
    letter-spacing: 0px;
    text-decoration: none;
    color: var(--negro);
    background-color: var(--blanco);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Encode Sans Condensed",sans-serif
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub>a:before {
    position: absolute;
    top: 21px;
    right: 3px;
    display: block;
    width: 2px;
    height: 8px;
    background: var(--negro);
    content: "";
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 10
}

@media (max-width: 900px) {
    .menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub>a:before {
        display:none
    }
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub>a:after {
    position: absolute;
    top: 24px;
    right: 0px;
    width: 8px;
    height: 2px;
    display: block;
    background: var(--negro);
    content: "";
    z-index: 10;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

@media (max-width: 900px) {
    .menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub>a:after {
        display:none
    }
}

.menu-desktop .fondo-menu #cssmenusecundario .menu-header-menu-container ul li.has-sub:hover a:before {
    background: transparent
}

#cssmenusecundario.small-screen .submenu-button:before {
    background: #444444!important
}

#cssmenusecundario.small-screen .submenu-button:after {
    background: #444444!important
}

.box-contacto-doct {
    width: 100%;
    max-width: 700px;
    border-radius: 20px;
    padding: 20px;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(4px);
    margin: 60px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    .box-contacto-doct {
        margin:30px 0px
    }
}

.box-contacto-doct h2 {
    font-size: 1.6em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    color: var(--negro);
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.box-contacto-doct h3 {
    font-size: 1.2em;
    font-family: "Open sans",sans-serif;
    font-weight: bold;
    color: var(--negro);
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.box-contacto-doct a {
    font-size: 1em;
    font-weight: bold;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.box-contacto-doct a:hover {
    color: var(--amarillo)
}

.box-contacto-doct a i {
    font-size: 1.5em;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.box-contacto-doct a i:hover {
    color: var(--amarillo)
}

.box-contacto-doct p {
    text-align: center;
    width: 100%
}

.box-contacto-doct p a {
    color: var(--negro);
    font-weight: bold;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.box-contacto-doct p a:hover {
    color: var(--amarillo)
}

.box-contacto-doct .btn-box-contact {
    color: var(--negro);
    background-color: var(--amarillo);
    padding: 8px 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-size: 0.9em;
    font-weight: 600
}

.box-contacto-doct .btn-box-contact:hover {
    color: var(--amarillo);
    background-color: var(--negro)
}

.bnn-cab {
    position: relative;
    width: 100%;
    height: 565px;
    padding: 60px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

@media (max-width: 800px) {
    .bnn-cab {
        height:250px
    }
}

.bnn-cab .filtro-blanco {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,rgba(255,255,255,0.6965161064)),to(rgba(224,224,224,0)));
    background: linear-gradient(90deg,rgba(255,255,255,0.6965161064) 50%,rgba(224,224,224,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1)
}

@media (max-width: 800px) {
    .bnn-cab .filtro-blanco {
        background:-webkit-gradient(linear,left top,right top,color-stop(100%,rgba(255,255,255,0.6965161064)),to(rgba(224,224,224,0)));
        background: linear-gradient(90deg,rgba(255,255,255,0.6965161064) 100%,rgba(224,224,224,0) 100%)
    }
}

.bnn-cab .block-acred {
    position: absolute;
    z-index: 3;
    width: 100%;
    max-width: 450px;
    height: 100%;
    max-height: 164px;
    padding: 10px 20px 10px 10px;
    background-color: var(--blanco);
    right: 10%
}

@media (max-width: 800px) {
    .bnn-cab .block-acred {
        right:1%;
        max-width: 230px;
        max-height: 94px
    }
}

.bnn-cab .block-acred img {
    width: auto!important;
    height: auto!important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1
}

@media (max-width: 1000px) {
    .bnn-cab .block-acred img {
        opacity:0.5
    }
}

.bnn-cab img {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1
}

.bnn-cab .box-txt-bnn {
    padding: 20px 20px 20px 80px;
    width: 100%;
    position: absolute;
    z-index: 3
}

@media (max-width: 800px) {
    .bnn-cab .box-txt-bnn {
        padding:20px 20px 20px 30px
    }
}

.bnn-cab .box-txt-bnn h1 {
    font-family: "Open sans condensed",sans-serif;
    font-size: 4em;
    font-weight: bold;
    color: var(--negro);
    line-height: 1;
    width: 100%;
    max-width: 640px;
    margin-bottom: 20px;
    border-left: 5px solid var(--amarillo);
    border-spacing: 5px;
    padding-left: 8px
}

@media (max-width: 800px) {
    .bnn-cab .box-txt-bnn h1 {
        font-size:1.7em
    }
}

.bnn-cab .box-txt-bnn h2 {
    font-family: "Open sans condensed",sans-serif;
    font-size: 3em;
    font-weight: bold;
    color: var(--negro);
    line-height: 1;
    width: 100%;
    max-width: 640px;
    margin-bottom: 20px;
    border-spacing: 5px;
    padding-left: 8px
}

@media (max-width: 800px) {
    .bnn-cab .box-txt-bnn h2 {
        font-size:1.1em
    }
}

@media (max-width: 800px) {
    .bnn-noticia {
        height:500px!important
    }
}

.bnn-noticia .box-txt-bnn span {
    font-size: 1.2em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 10px;
    display: block
}

.bnn-noticia .box-txt-bnn h1 {
    font-size: 2.5em!important
}

.bnn-noticia .box-txt-bnn h2 {
    font-size: 1.3em!important
}

.bread-crumb {
    float: left;
    width: 100%;
    margin: 0px;
    font-size: 0.8em;
    margin-bottom: 30px
}

.bread-crumb .inn-bread {
    height: 1%;
    margin: 0px auto;
    max-width: 1620px;
    overflow: visible;
    width: 80%;
    display: block;
    font-family: "Open sans",sans-serif
}

.bread-crumb .inn-bread a {
    font-weight: bold;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: var(--negro);
    word-break: break-all
}

.bread-crumb .inn-bread a:hover {
    color: var(--amarillo)
}

.bread-crumb .inn-bread a i {
    margin-left: 3px;
    font-size: 0.8em
}

.bread-crumb .inn-bread span {
    font-weight: normal;
    color: var(--negro)
}

.idiomas {
    position: fixed;
    top: 55%;
    right: 0px;
    z-index: 100
}

.idiomas .box-flags {
    float: right;
    width: 100%;
    max-width: 60px;
    padding: 0px 10px 0px 0px
}

.idiomas .box-flags img {
    width: 100%;
    margin-bottom: 10px
}

.btn-principal {
    text-align: center;
    border-radius: 30px;
    background-color: var(--amarillo);
    padding: 15px;
    font-size: 0.9em;
    font-weight: bold;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid var(--amarillo)
}

.btn-principal:hover {
    background-color: var(--blanco)
}

.btn-principal i {
    font-size: 1em
}

.generalbox {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 60px
}

@media (max-width: 800px) {
    .generalbox {
        margin-bottom:40px
    }
}

.generalbox .boxtxt-blur {
    border-radius: 20px;
    margin-bottom: 40px!important
}

.generalbox {
}

.generalbox .box-txt {
    width: 100%;
    max-width: 1000px;
    padding: 0px 10px;
    margin-bottom: 20px
}

.generalbox .box-txt figure.redactor-component {
    width: 100%;
    display: block!important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 40px;
    background: -webkit-gradient(linear,left top,right top,color-stop(30%,white),to(rgba(255,255,255,0))),-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(70%,white)) 0 100%;
    background: linear-gradient(to right,white 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),white 70%) 0 100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%;
    background-attachment: local,local
}

.generalbox .box-txt figure.redactor-component table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    color: var(--negro)
}

.generalbox .box-txt figure.redactor-component table td,.generalbox .box-txt figure.redactor-component table th {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
    color: var(--negro);
    font-size: 1em
}

.generalbox .box-txt figure.redactor-component table th {
    font-size: 1.1em;
    font-weight: bold;
    background-color: var(--amarillo)
}

.generalbox .box-txt figure {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.generalbox .box-txt figure img {
    width: 100%;
    max-width: 630px;
    margin-bottom: 10px
}

.generalbox .box-txt h3 {
    width: 100%;
    text-align: center;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    color: var(--negro);
    margin-bottom: 0.9em
}

.generalbox .box-txt .cont-blur {
    padding: 20px;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(6px);
    border-radius: 12px;
    margin: 30px
}

.generalbox .box-txt .cont-blur a.btn-click {
    margin: 0 auto 10px!important
}

.generalbox .box-txt p a {
    color: var(--negro);
    font-weight: bold;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .box-txt p a:hover {
    color: var(--amarillo)
}

.generalbox .box-txt ol {
    width: 100%;
    list-style-type: decimal;
    color: var(--negro);
    float: left;
    margin: 0px;
    padding: 10px 20px 20px
}

.generalbox .box-txt ol li {
    margin-bottom: 15px;
    font-family: "Open sans",sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.1
}

.generalbox .box-txt ol li a {
    font-weight: bold;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .box-txt ol li a:hover {
    color: var(--amarillo)
}

.generalbox .box-txt ul {
    margin: 0px;
    padding: 5px 20px 20px;
    list-style-type: disc;
    color: var(--negro)
}

.generalbox .box-txt ul li {
    margin-bottom: 10px;
    font-family: "Open sans",sans-serif;
    font-size: 1em;
    line-height: 1.3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--negro)
}

.generalbox .box-txt ul li strong {
    font-weight: bold
}

.generalbox .box-txt ul li a {
    color: var(--negro);
    text-decoration: underline
}

.generalbox .box-txt ul li a:hover {
    color: var(--amarillo)
}

.generalbox .box-txt .cont-video {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.generalbox .box-txt .cont-video .video-int {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 10px 0px 20px
}

.generalbox .box-txt .cont-video .video-int iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.generalbox {
}

.generalbox .btn-click {
    font-size: 1.2em;
    font-weight: bold;
    width: 100%;
    max-width: 250px;
    padding: 13px;
    background-color: var(--amarillo);
    color: var(--negro);
    border-radius: 40px;
    text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid var(--amarillo);
    margin-bottom: 10px;
    font-family: "Open sans condensed",sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generalbox .btn-click i {
    font-size: 1em
}

.generalbox .btn-click:hover {
    background-color: var(--blanco)
}

.generalbox .box-readmore {
    width: 100%;
    padding: 0px 20px 20px;
    overflow: hidden;
    position: relative;
    border-radius: 7px
}

.generalbox .box-readmore .box-cont-readmore {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    max-height: 500px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.generalbox .box-readmore .box-cont-readmore:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(249,251,251,0)),to(var(--grisclaro)));
    background: linear-gradient(rgba(249,251,251,0) 30%,var(--grisclaro));
    z-index: 4;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.generalbox .box-readmore .box-cont-readmore ul {
    margin: 0px;
    padding: 5px 20px 20px;
    list-style-type: disc;
    color: var(--negro)
}

.generalbox .box-readmore .box-cont-readmore ul li {
    margin-bottom: 10px;
    font-family: "Open sans",sans-serif;
    font-size: 1em;
    line-height: 1.3;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.generalbox .box-readmore .box-cont-readmore ul li strong {
    font-weight: bold
}

.generalbox .box-readmore .box-cont-readmore ul li a {
    color: var(--negro);
    text-decoration: underline
}

.generalbox .box-readmore .box-cont-readmore ul li a:hover {
    color: var(--amarillo)
}

.generalbox .box-readmore .expanded {
    max-height: none;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.generalbox .box-readmore .expanded:before {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 0;
    display: none
}

.generalbox .btn-leermas-box {
    float: left;
    padding: 8px 5px;
    color: var(--negro);
    background-color: var(--amarillo);
    font-weight: 700;
    cursor: pointer;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    margin: 15px 0px 0px 0px;
    border: none;
    width: 100%;
    max-width: 100px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid var(--amarillo)
}

.generalbox .btn-leermas-box:hover {
    background-color: var(--blanco)
}

.generalbox .card-noticia {
    width: 32%;
    height: 290px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px
}

@media (max-width: 1300px) {
    .generalbox .card-noticia {
        height:250px
    }
}

@media (max-width: 1300px) and (max-width:1000px) {
    .generalbox .card-noticia {
        width:48%
    }
}

@media (max-width: 1300px) and (max-width:1000px) and (max-width:600px) {
    .generalbox .card-noticia {
        width:100%;
        height: 200px
    }
}

.generalbox .card-noticia:hover .filtro-white {
    background-color: rgba(0,0,0,0.7)
}

.generalbox .card-noticia:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.generalbox .card-noticia .filtro-white {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(82,82,82,0.7)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(180deg,rgba(82,82,82,0.7) 20%,rgba(0,0,0,0.8) 100%);
    padding: 20px 40px;
    font-family: "Open sans",sans-serif;
    position: absolute;
    z-index: 3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    content: "";
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .card-noticia img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transition: 0.3s;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1
}

.generalbox .card-noticia .box-textos {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3
}

.generalbox .card-noticia .box-textos h3 {
    width: 90%;
    position: relative;
    left: 20px;
    top: 20px;
    display: block;
    font-size: 1rem;
    color: var(--blanco);
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.31)
}

.generalbox .card-noticia .box-textos p {
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    left: 20px;
    top: 30px;
    font-size: 1rem;
    color: var(--blanco);
    font-weight: normal;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.31)
}

.generalbox .card-noticia .box-textos .tit-interno-box {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0px 20px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.generalbox .card-noticia .box-textos .tit-interno-box .numero-f-b {
    position: absolute;
    left: 20px;
    bottom: 0;
    color: var(--amarillo);
    font-size: 1.5em;
    line-height: 22px;
    font-weight: 700
}

.generalbox .card-noticia .box-textos .tit-interno-box .fecha-f-b {
    position: absolute;
    left: 54px;
    bottom: 10px;
    color: var(--blanco);
    font-size: 12px;
    font-weight: 400;
    line-height: 10px
}

.generalbox .card-noticia .box-textos .tit-interno-box .anio-f-b {
    position: absolute;
    left: 54px;
    bottom: 0px;
    color: var(--blanco);
    font-size: 12px;
    font-weight: 700;
    line-height: 9px
}

.generalbox .inner {
    height: 1%;
    margin: 0px auto;
    max-width: 1620px;
    overflow: visible;
    width: 80%;
    display: block
}

@media (max-width: 800px) {
    .generalbox .inner {
        width:100%;
        padding: 0px 20px
    }
}

.generalbox .inner .box-item-filter {
    width: 100%;
    max-width: 360px;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--grisclaro);
    margin: 0px 5px 20px
}

.generalbox .inner .box-item-filter span {
    font-family: "Open sans",sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: var(--negro);
    margin-bottom: 7px;
    display: block
}

.generalbox .inner .box-item-filter .tags-publ {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .box-item-filter .tags-publ span {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--blanco);
    background-color: var(--negro);
    text-transform: uppercase;
    display: block;
    margin: 0px 3px 6px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100px
}

.generalbox .inner .box-item-filter h3 {
    font-size: 1.1em;
    font-weight: bold;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--grisoscuro);
    text-transform: uppercase;
    display: block
}

.generalbox .inner .box-item-filter a.link-btn-filterbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--negro);
    background-color: var(--amarillo);
    padding: 10px;
    font-size: 0.9em;
    border-radius: 30px;
    font-weight: bold;
    font-family: "Open sans",sans-serif;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid var(--amarillo);
    display: block;
    margin-top: 20px
}

.generalbox .inner .box-item-filter a.link-btn-filterbox:hover {
    background-color: var(--blanco)
}

.generalbox .inner .box-item-filter p {
    font-family: "Open sans condensed",sans-serif;
    font-size: 1em;
    margin-top: 10px
}

.generalbox .inner .box-seminarios {
    width: 100%;
    max-width: 1000px;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--grisclaro);
    margin-bottom: 30px
}

.generalbox .inner .box-seminarios h3 {
    width: 100%;
    text-align: center;
    font-family: "Open sans condensd",sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 20px
}

.generalbox .inner .box-seminarios p {
    width: 100%;
    text-align: center
}

.generalbox .inner .box-seminarios .caja-video {
    width: 100%;
    max-width: 600px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px
}

.generalbox .inner .box-seminarios .caja-video .videocaja {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden
}

.generalbox .inner .box-seminarios .caja-video .videocaja iframe {
    background-color: #363636;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100.55%
}

.generalbox .inner .box-seminarios .caja-imagen {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.generalbox .inner .box-seminarios .caja-imagen img {
    width: 100%;
    max-width: 400px;
    height: auto
}

.generalbox .inner .box-investigacion {
    width: 30%;
    scale: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    border-radius: 20px;
    margin-bottom: 20px
}

.generalbox .inner .box-investigacion:hover {
    scale: 1.03
}

.generalbox .inner .box-investigacion .caja-imginv {
    width: 100%;
    height: 230px
}

.generalbox .inner .box-investigacion .caja-imginv img {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0px 0px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.generalbox .inner .box-investigacion .caja-txtinv {
    width: 100%;
    padding: 20px
}

.generalbox .inner .box-investigacion .caja-txtinv h3 {
    font-family: "Open sans condensed",sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 10px
}

.generalbox .inner .box-video {
    width: 100%;
    max-width: 560px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-bottom: 320px;
    padding-top: 25px;
    height: 0;
    margin: 10px 0px 20px
}

@media (max-width: 800px) {
    .generalbox .inner .box-video {
        padding-bottom:280px
    }
}

.generalbox .inner .box-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 700px;
    height: 100%;
    max-height: 425px
}

.generalbox .inner .box-404 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generalbox .inner .box-404 .cont-404 {
    padding: 20px
}

.generalbox .inner .box-404 .cont-404 i {
    width: 100%;
    font-size: 9em;
    color: var(--negro);
    margin-top: 30px;
    margin-bottom: 30px
}

@media (max-width: 800px) {
    .generalbox .inner .box-404 .cont-404 i {
        font-size:5em
    }
}

.generalbox .inner .box-404 .cont-404 h1 {
    font-size: 4em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    text-align: center;
    color: var(--negro);
    border-top: 8px solid var(--amarillo);
    border-bottom: 8px solid var(--amarillo);
    padding: 20px 0px;
    margin-bottom: 60px
}

.generalbox .inner .box-404 .cont-404 h2 {
    font-family: "Open sans",sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: var(--negro);
    text-align: center;
    width: 100%;
    line-height: 1.3
}

@media (max-width: 800px) {
    .generalbox .inner .box-404 .cont-404 h2 {
        font-size:1.1em
    }
}

.generalbox .inner {
}

.generalbox .inner .box-formulario {
    position: relative;
    overflow: hidden!important;
    width: 100%;
    max-width: 900px;
    min-height: 1000px;
    border-radius: 20px;
    border: 4px solid var(--grisclaro)
}

.generalbox .inner .box-formulario iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.generalbox .inner {
}

.generalbox .inner .barra-busqueda-paginador {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 30px
}

.generalbox .inner .barra-busqueda-paginador .buscador-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.generalbox .inner .barra-busqueda-paginador .buscador-container .barrabusqueda-pag {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 7px;
    background-color: var(--blanco);
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.34);
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.34)
}

@media (max-width: 800px) {
    .generalbox .inner .barra-busqueda-paginador .buscador-container .barrabusqueda-pag {
        width:100%;
        margin-bottom: 20px
    }
}

.generalbox .inner .barra-busqueda-paginador .buscador-container .btn-form3 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ecebeb;
    border: none;
    padding: 0 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 41px
}

.generalbox .inner .barra-busqueda-paginador .buscador-container .btn-form3 i {
    font-size: 16px
}

.generalbox .inner {
}

.generalbox .inner .contenedor-paginador {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    float: left
}

.generalbox .inner .contenedor-paginador #itemLista {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0px 6% 0px
}

@media (max-width: 1430px) {
    .generalbox .inner .contenedor-paginador #itemLista {
        padding:0px
    }
}

.generalbox .inner .contenedor-paginador #itemLista li[style*="display: none"] {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.generalbox .inner .contenedor-paginador #itemLista li {
    float: left;
    width: 31%;
    margin-bottom: 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (max-width: 800px) {
    .generalbox .inner .contenedor-paginador #itemLista li {
        margin-bottom:20px
    }
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
    display: block
}

@media (max-width: 1300px) {
    .generalbox .inner .contenedor-paginador #itemLista li .card-noticia {
        height:250px
    }
}

@media (max-width: 1300px) and (max-width:1000px) {
    .generalbox .inner .contenedor-paginador #itemLista li .card-noticia {
        width:48%
    }
}

@media (max-width: 1300px) and (max-width:1000px) and (max-width:600px) {
    .generalbox .inner .contenedor-paginador #itemLista li .card-noticia {
        width:100%;
        height: 200px
    }
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia:hover .filtro-white {
    background-color: rgba(0,0,0,0.7)
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .filtro-white {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(82,82,82,0.7)),to(rgba(0,0,0,0.8)));
    background: linear-gradient(180deg,rgba(82,82,82,0.7) 20%,rgba(0,0,0,0.8) 100%);
    padding: 20px 40px;
    font-family: "Open sans",sans-serif;
    position: absolute;
    z-index: 3;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    content: "";
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transition: 0.3s;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    z-index: 1
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos h3 {
    width: 90%;
    position: relative;
    left: 20px;
    top: 20px;
    display: block;
    font-size: 1rem;
    color: var(--blanco);
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.31)
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos p {
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    left: 20px;
    top: 30px;
    font-size: 1rem;
    color: var(--blanco);
    font-weight: normal;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.31)
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos .tit-interno-box {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0px 20px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos .tit-interno-box .numero-f-b {
    position: absolute;
    left: 20px;
    bottom: 0;
    color: var(--amarillo);
    font-size: 1.5em;
    line-height: 22px;
    font-weight: 700
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos .tit-interno-box .fecha-f-b {
    position: absolute;
    left: 54px;
    bottom: 10px;
    color: var(--blanco);
    font-size: 12px;
    font-weight: 400;
    line-height: 10px
}

.generalbox .inner .contenedor-paginador #itemLista li .card-noticia .box-textos .tit-interno-box .anio-f-b {
    position: absolute;
    left: 54px;
    bottom: 0px;
    color: var(--blanco);
    font-size: 12px;
    font-weight: 700;
    line-height: 9px
}

.generalbox .inner .contenedor-paginador #itemLista .no-results {
    text-align: center;
    padding: 20px;
    color: var(--negro);
    font-style: italic
}

.generalbox .inner .contenedor-paginador .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    width: 100%;
    max-width: 500px
}

.generalbox .inner .contenedor-paginador .pagination button {
    padding: 10px;
    cursor: pointer;
    border: 1px solid var(--amarillo);
    background-color: var(--amarillo);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .contenedor-paginador .pagination button:hover {
    color: var(--amarillo);
    background-color: var(--negro)
}

.generalbox .inner .contenedor-paginador .pagination span#pageInfo {
    color: var(--negro);
    font-weight: 600
}

.generalbox .inner .contenedor-paginador .pagination button:disabled {
    background-color: var(--grisclaro)!important;
    pointer-events: none
}

.generalbox .inner {
}

.generalbox .inner .block-text-lado {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(6,1fr);
    -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-rows: repeat(5,1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    max-width: 1200px;
    margin-bottom: 30px
}

.generalbox .inner .block-text-lado>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.generalbox .inner .block-text-lado>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.generalbox .inner .block-text-lado>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.generalbox .inner .block-text-lado>:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

.generalbox .inner .block-text-lado>:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9
}

.generalbox .inner .block-text-lado>:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11
}

.generalbox .inner .block-text-lado>:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.generalbox .inner .block-text-lado>:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.generalbox .inner .block-text-lado>:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

.generalbox .inner .block-text-lado>:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 7
}

.generalbox .inner .block-text-lado>:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 9
}

.generalbox .inner .block-text-lado>:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 11
}

.generalbox .inner .block-text-lado>:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.generalbox .inner .block-text-lado>:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3
}

.generalbox .inner .block-text-lado>:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 5
}

.generalbox .inner .block-text-lado>:nth-child(16) {
    -ms-grid-row: 5;
    -ms-grid-column: 7
}

.generalbox .inner .block-text-lado>:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 9
}

.generalbox .inner .block-text-lado>:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 11
}

.generalbox .inner .block-text-lado>:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 1
}

.generalbox .inner .block-text-lado>:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 3
}

.generalbox .inner .block-text-lado>:nth-child(21) {
    -ms-grid-row: 7;
    -ms-grid-column: 5
}

.generalbox .inner .block-text-lado>:nth-child(22) {
    -ms-grid-row: 7;
    -ms-grid-column: 7
}

.generalbox .inner .block-text-lado>:nth-child(23) {
    -ms-grid-row: 7;
    -ms-grid-column: 9
}

.generalbox .inner .block-text-lado>:nth-child(24) {
    -ms-grid-row: 7;
    -ms-grid-column: 11
}

.generalbox .inner .block-text-lado>:nth-child(25) {
    -ms-grid-row: 9;
    -ms-grid-column: 1
}

.generalbox .inner .block-text-lado>:nth-child(26) {
    -ms-grid-row: 9;
    -ms-grid-column: 3
}

.generalbox .inner .block-text-lado>:nth-child(27) {
    -ms-grid-row: 9;
    -ms-grid-column: 5
}

.generalbox .inner .block-text-lado>:nth-child(28) {
    -ms-grid-row: 9;
    -ms-grid-column: 7
}

.generalbox .inner .block-text-lado>:nth-child(29) {
    -ms-grid-row: 9;
    -ms-grid-column: 9
}

.generalbox .inner .block-text-lado>:nth-child(30) {
    -ms-grid-row: 9;
    -ms-grid-column: 11
}

@media (max-width: 600px) {
    .generalbox .inner .block-text-lado {
        -ms-grid-columns:(1fr)[7];
        grid-template-columns: repeat(7,1fr);
        -ms-grid-rows: (1fr)[6];
        grid-template-rows: repeat(6,1fr)
    }

    .generalbox .inner .block-text-lado>:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(6) {
        -ms-grid-row: 1;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(7) {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    .generalbox .inner .block-text-lado>:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(9) {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(10) {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(11) {
        -ms-grid-row: 2;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(12) {
        -ms-grid-row: 2;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(13) {
        -ms-grid-row: 2;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(14) {
        -ms-grid-row: 2;
        -ms-grid-column: 7
    }

    .generalbox .inner .block-text-lado>:nth-child(15) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(16) {
        -ms-grid-row: 3;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(17) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(18) {
        -ms-grid-row: 3;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(19) {
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(20) {
        -ms-grid-row: 3;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(21) {
        -ms-grid-row: 3;
        -ms-grid-column: 7
    }

    .generalbox .inner .block-text-lado>:nth-child(22) {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(23) {
        -ms-grid-row: 4;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(24) {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(25) {
        -ms-grid-row: 4;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(26) {
        -ms-grid-row: 4;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(27) {
        -ms-grid-row: 4;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(28) {
        -ms-grid-row: 4;
        -ms-grid-column: 7
    }

    .generalbox .inner .block-text-lado>:nth-child(29) {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(30) {
        -ms-grid-row: 5;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(31) {
        -ms-grid-row: 5;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(32) {
        -ms-grid-row: 5;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(33) {
        -ms-grid-row: 5;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(34) {
        -ms-grid-row: 5;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(35) {
        -ms-grid-row: 5;
        -ms-grid-column: 7
    }

    .generalbox .inner .block-text-lado>:nth-child(36) {
        -ms-grid-row: 6;
        -ms-grid-column: 1
    }

    .generalbox .inner .block-text-lado>:nth-child(37) {
        -ms-grid-row: 6;
        -ms-grid-column: 2
    }

    .generalbox .inner .block-text-lado>:nth-child(38) {
        -ms-grid-row: 6;
        -ms-grid-column: 3
    }

    .generalbox .inner .block-text-lado>:nth-child(39) {
        -ms-grid-row: 6;
        -ms-grid-column: 4
    }

    .generalbox .inner .block-text-lado>:nth-child(40) {
        -ms-grid-row: 6;
        -ms-grid-column: 5
    }

    .generalbox .inner .block-text-lado>:nth-child(41) {
        -ms-grid-row: 6;
        -ms-grid-column: 6
    }

    .generalbox .inner .block-text-lado>:nth-child(42) {
        -ms-grid-row: 6;
        -ms-grid-column: 7
    }
}

.generalbox .inner .block-text-lado .imgfondo-block {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: 1/1/5/6;
    border-radius: 20px;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 900px) {
    .generalbox .inner .block-text-lado .imgfondo-block {
        -ms-grid-row:1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-area: 1/2/5/7
    }
}

@media (max-width: 900px) and (max-width:600px) {
    .generalbox .inner .block-text-lado .imgfondo-block {
        -ms-grid-row:1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 2;
        -ms-grid-column-span: 6;
        grid-area: 1/2/6/8;
        height: auto
    }
}

.generalbox .inner .block-text-lado .blocktext-lado {
    -ms-grid-row: 2;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
    grid-area: 2/2/6/7;
    width: 100%;
    background-color: var(--grisclaro);
    border-radius: 20px;
    padding: 20px;
    -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.25);
    box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.25)
}

.generalbox .inner .block-text-lado .blocktext-lado h3 {
    font-size: 1.8em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    color: var(--negro);
    text-align: left;
    margin-bottom: 20px
}

.generalbox .inner .block-text-lado .blocktext-lado p {
    line-height: 1.3
}

.generalbox .inner .block-text-lado .blocktext-lado .btn-caja {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--negro);
    background-color: var(--amarillo);
    border-radius: 10px;
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 8px 15px;
    margin-top: 5px;
    float: left
}

.generalbox .inner .block-text-lado .blocktext-lado .btn-caja:hover {
    background-color: var(--negro);
    color: var(--amarillo)
}

.generalbox .inner .block-text-lado .blocktext-lado ul {
    width: 100%;
    list-style-type: disc;
    color: var(--negro);
    float: left;
    margin: 0px;
    padding: 10px 20px 20px
}

.generalbox .inner .block-text-lado .blocktext-lado ul li {
    margin-bottom: 5px;
    font-family: "Open sans",sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.1
}

.generalbox .inner .boxcontent-filtroselec-pag {
    float: left;
    width: 100%
}

.generalbox .inner .boxcontent-filtroselec-pag .filter-container {
    margin-bottom: 20px;
    float: left;
    width: 48%
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .filter-container {
        width:100%
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .filter-container select#filter-select {
    padding: 8px;
    font-size: 16px;
    border: 2px solid var(--grisclaro2);
    border-radius: 4px;
    background: var(--blanco);
    width: 100%
}

.generalbox .inner .boxcontent-filtroselec-pag .barra-busqueda-repo {
    margin-bottom: 20px;
    float: left;
    width: 48%
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .barra-busqueda-repo {
        width:100%
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .barra-busqueda-repo .search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generalbox .inner .boxcontent-filtroselec-pag .barra-busqueda-repo .search-container .barrabusqueda-ofertas {
    padding: 10px;
    border: 2px solid var(--grisclaro2);
    border-radius: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .barra-busqueda-repo .search-container .btn-form3 {
    padding: 10px;
    margin-left: 5px;
    border: none;
    background-color: var(--amarillo);
    color: var(--negro);
    border-radius: 4px;
    cursor: pointer
}

.generalbox .inner .boxcontent-filtroselec-pag #itemList {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .boxcontent-filtroselec-pag #itemList .item {
    width: auto
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-documentos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-documentos .item {
    width: 30%!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .boxes-documentos .item {
        width:100%!important
    }
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .boxes-documentos .item .box-descargable-doc {
        margin:0px auto 30px
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item {
    width: 24%!important;
    position: relative;
    margin-bottom: 20px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento {
    width: 100%;
    max-width: 1300px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    margin: 0px auto 30px
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento {
        height:auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 30px
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-img {
    width: 40%;
    border-radius: 0px 20px 20px 0px
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-img {
        width:100%;
        padding-top: 180px;
        border-radius: 20px 20px 0px 0px
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-img img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto {
    width: 60%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 800px) {
    .generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto {
        width:100%
    }
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto p.tags-publicacion {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto p.tags-publicacion a.tag-publicacion {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--blanco);
    background-color: var(--negro);
    text-transform: uppercase;
    display: block;
    margin: 0px 3px 6px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto .btn-principal {
    width: -webkit-fit-content!important;
    width: -moz-fit-content!important;
    width: fit-content!important;
    background-color: var(--blanco)!important;
    border: 1px var(--blanco) solid;
    border-bottom: 5px solid var(--amarillo)!important;
    float: left
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto .btn-principal:hover {
    color: var(--blanco)!important;
    border: 1px var(--negro) solid;
    background-color: var(--negro)!important
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto h3 {
    font-family: "Open sans condensed",sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 15px;
    text-transform: uppercase
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto h4 {
    font-family: "Open sans condensed",sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 15px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto h4 a {
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .card-evento .caja-texto h4 a:hover {
    color: var(--amarillo)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-img-gal {
    width: 100%;
    max-width: 425px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-img-gal img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter {
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--grisclaro)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter span {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--grisoscuro);
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter .tags-publ {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter .tags-publ span {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--blanco);
    background-color: var(--negro);
    text-transform: uppercase;
    display: block;
    margin: 0px 3px 6px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter p.tags-publicacion {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter p.tags-publicacion span {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--blanco);
    background-color: var(--negro);
    text-transform: uppercase;
    display: block;
    margin: 0px 3px 6px;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter h3 {
    font-size: 1.1em;
    font-weight: bold;
    font-family: "Open Sans Condensed",sans-serif;
    color: var(--grisoscuro);
    text-transform: uppercase;
    display: block
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter a.link-btn-filterbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--negro);
    background-color: var(--amarillo);
    padding: 10px;
    font-size: 0.9em;
    border-radius: 30px;
    font-weight: bold;
    font-family: "Open sans",sans-serif;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border: 2px solid var(--amarillo);
    display: block;
    margin-top: 20px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter a.link-btn-filterbox:hover {
    background-color: var(--blanco)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter p {
    font-family: "Open sans condensed",sans-serif;
    font-size: 1em;
    margin-top: 10px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter p a {
    font-weight: bold;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: underline
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-item-filter p a:hover {
    color: var(--amarillo)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio {
    width: 100%;
    min-height: 450px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(8,1fr);
    -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-rows: repeat(6,1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(19) {
    -ms-grid-row: 5;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(20) {
    -ms-grid-row: 5;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(21) {
    -ms-grid-row: 5;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(22) {
    -ms-grid-row: 5;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(23) {
    -ms-grid-row: 5;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(24) {
    -ms-grid-row: 5;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(25) {
    -ms-grid-row: 7;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(26) {
    -ms-grid-row: 7;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(27) {
    -ms-grid-row: 7;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(28) {
    -ms-grid-row: 7;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(29) {
    -ms-grid-row: 7;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(30) {
    -ms-grid-row: 7;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(31) {
    -ms-grid-row: 7;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(32) {
    -ms-grid-row: 7;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(33) {
    -ms-grid-row: 9;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(34) {
    -ms-grid-row: 9;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(35) {
    -ms-grid-row: 9;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(36) {
    -ms-grid-row: 9;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(37) {
    -ms-grid-row: 9;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(38) {
    -ms-grid-row: 9;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(39) {
    -ms-grid-row: 9;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(40) {
    -ms-grid-row: 9;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(41) {
    -ms-grid-row: 11;
    -ms-grid-column: 1
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(42) {
    -ms-grid-row: 11;
    -ms-grid-column: 3
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(43) {
    -ms-grid-row: 11;
    -ms-grid-column: 5
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(44) {
    -ms-grid-row: 11;
    -ms-grid-column: 7
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(45) {
    -ms-grid-row: 11;
    -ms-grid-column: 9
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(46) {
    -ms-grid-row: 11;
    -ms-grid-column: 11
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(47) {
    -ms-grid-row: 11;
    -ms-grid-column: 13
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio>:nth-child(48) {
    -ms-grid-row: 11;
    -ms-grid-column: 15
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .img-box-portaf {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 1/1/6/9;
    border-radius: 30px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf {
    width: 100%;
    background-color: var(--blanco);
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    -ms-grid-row: 4;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-area: 4/1/7/8;
    padding: 20px;
    border-radius: 30px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf:hover {
    -ms-grid-row: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-area: 2/1/7/8
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf:hover .btn-sabermas {
    visibility: 0;
    display: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf:hover .txt-box-oculto {
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf span {
    width: 100%;
    float: left;
    text-align: right;
    color: var(--amarillo);
    font-size: 0.9em;
    font-family: "Open sans",sans-serif;
    font-weight: bold;
    margin-bottom: 20px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf h3 {
    font-size: 1.7em;
    font-weight: 600;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    line-height: 1.3;
    margin-bottom: 15px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .btn-sabermas {
    background-color: var(--amarillo);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 20px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .btn-sabermas p {
    font-size: 0.9em;
    margin: 0px 0px;
    font-weight: 600
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto {
    display: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto p a {
    padding: 0px;
    background-color: var(--blanco);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto p a:hover {
    background-color: var(--blanco)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto .btn-desc-oculto {
    background-color: var(--amarillo);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 600;
    color: var(--negro);
    margin-top: 5px;
    float: left;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto .btn-desc-oculto:hover {
    background-color: var(--negro);
    color: var(--amarillo)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto .btn-desc-oculto:hover i {
    color: var(--amarillo)
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item .box-portafolio .txt-box-portaf .txt-box-oculto .btn-desc-oculto i {
    margin-right: 7px;
    font-size: 0.9em;
    margin-top: 2px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-portafolios .item:has(.card-evento) {
    width: 100%!important
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-port-sinimg .item {
    margin-bottom: 20px
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-port-sinimg .item .box-portafolio {
    display: block!important;
    min-height: auto!important
}

.generalbox .inner .boxcontent-filtroselec-pag .boxes-port-sinimg .item .box-portafolio .txt-box-portaf {
    float: left
}

.generalbox .inner .boxcontent-filtroselec-pag .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    width: 100%;
    max-width: 400px
}

.generalbox .inner .boxcontent-filtroselec-pag .pagination button {
    padding: 10px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    border: 3px solid var(--amarillo);
    background-color: var(--blanco);
    color: var(--negro);
    font-size: 0.9em;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.generalbox .inner .boxcontent-filtroselec-pag .pagination button:hover {
    background-color: var(--amarillo)
}

.generalbox .inner .boxcontent-filtroselec-pag .pagination span#pageInfo {
    margin: 0 10px;
    color: var(--negro);
    font-weight: bold
}

.generalbox .inner {
}

.generalbox .inner .card-perfil-inv {
    width: 100%;
    max-width: 1000px;
    border-radius: 20px;
    background-color: var(--grisclaro);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.generalbox .inner .card-perfil-inv .perfil-img {
    width: 30%;
    max-width: 190px;
    height: 190px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@media (max-width: 1000px) {
    .generalbox .inner .card-perfil-inv .perfil-img {
        width:100%;
        margin: 0 auto 20px
    }
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt {
    width: 70%
}

@media (max-width: 1000px) {
    .generalbox .inner .card-perfil-inv .perfil-boxtxt {
        width:100%
    }
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt h1 {
    font-size: 1.8em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    color: var(--negro);
    margin-bottom: 10px
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .caja-entera {
    width: 100%!important
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .caja-entera h3 {
    font-size: 0.9em!important
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil {
    width: 50%;
    padding: 10px 10px 0px 0px
}

@media (max-width: 1000px) {
    .generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil {
        width:100%
    }
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil p a {
    font-weight: bold;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil p a:hover {
    color: var(--amarillo)
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil h2 {
    display: block;
    font-size: 1.2rem;
    font-family: "Open sans condensed",sans-serif;
    color: var(--negro);
    font-weight: bold;
    margin-bottom: 10px
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil h3 {
    display: block;
    font-size: 1rem;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    font-weight: bold;
    margin-bottom: 10px
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil ul {
    width: 100%;
    list-style-type: disc;
    color: var(--negro);
    float: left;
    margin: 0px;
    padding: 10px 20px 20px
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil ul li {
    margin-bottom: 5px;
    font-family: "Open sans",sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.1
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil ul li a {
    font-weight: bold;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt .mitades-perfiltxt .mitadperfil ul li a:hover {
    color: var(--amarillo)
}

.generalbox .inner .card-perfil-inv .perfil-boxtxt {
}

.generalbox .inner .box-hover-items {
    width: 100%;
    max-width: 1300px
}

@media (max-width: 800px) {
    .generalbox .inner .box-hover-items {
        max-width:auto
    }
}

.generalbox .inner .box-hover-items .titulos-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    float: left;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 20px
}

@media (max-width: 800px) {
    .generalbox .inner .box-hover-items .titulos-tabs {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.generalbox .inner .box-hover-items .titulos-tabs p.tab-tit {
    cursor: pointer;
    color: var(--negro2);
    background-color: var(--grisclaro2);
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    font-size: 1.4em;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 800px) {
    .generalbox .inner .box-hover-items .titulos-tabs p.tab-tit {
        font-size:1.2em;
        margin-bottom: 5px
    }
}

.generalbox .inner .box-hover-items .titulos-tabs .tab-tit.active {
    color: var(--negro);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: var(--amarillo)
}

.generalbox .inner .box-hover-items .tab-content {
    width: 100%;
    float: left;
    position: relative;
    background-color: var(--grisclaro);
    border-radius: 7px;
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36)
}

@media (max-width: 800px) {
    .generalbox .inner .box-hover-items .tab-content {
        width:100%
    }
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item {
    display: none;
    padding: 20px 30px
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item .btn-principal {
    min-width: 270px!important;
    max-width: 300px!important;
    background-color: var(--blanco)!important;
    border: 1px var(--blanco) solid;
    border-bottom: 5px solid var(--amarillo)!important
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item .btn-principal:hover {
    color: var(--blanco)!important;
    border: 1px var(--negro) solid;
    background-color: var(--negro)!important
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item h1,.generalbox .inner .box-hover-items .tab-content .tab-content-item h2 {
    font-size: 1.3em;
    font-weight: 400;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    padding-bottom: 6px;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item h1:before,.generalbox .inner .box-hover-items .tab-content .tab-content-item h2:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 20px;
    background-color: var(--amarillo);
    bottom: 0px
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item h3 {
    color: var(--negro);
    font-size: 1.2em;
    font-weight: 600;
    font-family: "Open sans",sans-serif;
    margin-bottom: 10px;
    text-align: left
}

@media (max-width: 800px) {
    .generalbox .inner .box-hover-items .tab-content .tab-content-item h3 {
        font-size:1.1em
    }
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item p {
    color: var(--negro);
    font-size: 1em;
    font-weight: normal;
    font-family: "Open sans",sans-serif;
    margin-bottom: 10px;
    line-height: 1.2
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item ul {
    margin: 0px;
    padding: 5px 20px 20px;
    list-style-type: disc;
    color: var(--negro)
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item ul li {
    margin-bottom: 10px;
    font-family: "Open sans",sans-serif;
    font-size: 1em;
    line-height: 1.2
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item ul li a {
    font-weight: 600;
    color: var(--negro);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item ul li a:hover {
    color: var(--amarillo)
}

.generalbox .inner .box-hover-items .tab-content .tab-content-item.active {
    display: block
}

.generalbox .inner {
}

.generalbox .inner .card-equipo {
    width: 100%;
    max-width: 380px;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.36);
    margin: 0px 5px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: var(--blanco)
}

.generalbox .inner .card-equipo .img-inves {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin-bottom: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.generalbox .inner .card-equipo h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 8px;
    color: var(--negro);
    text-align: center;
    width: 100%
}

.generalbox .inner .card-equipo p {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0px 0px 5px 0px;
    color: var(--negro);
    text-align: center;
    width: 100%
}

.generalbox .inner .card-equipo .mail-inves {
    width: 100%;
    height: 17px;
    border-radius: 0px;
    margin-bottom: 0px;
    text-align: center
}

.generalbox .inner .card-equipo ul {
    width: 100%;
    margin: 0px;
    padding: 10px 20px 10px;
    list-style-type: disc;
    color: var(--negro);
    float: left
}

.generalbox .inner .card-equipo ul li {
    margin-bottom: 10px;
    font-family: "Open sans",sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.3
}

.generalbox .inner .card-equipo ul li strong {
    font-weight: bold
}

.generalbox .inner .card-equipo .btn-cardequipo {
    height: auto;
    max-height: 50px;
    margin: 10px auto 0px;
    padding: 15px;
    background-color: var(--amarillo);
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    border-radius: 30px;
    font-family: "Open sans condensed",sans-serif;
    color: var(--negro);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    scale: 1;
    border: 2px solid var(--amarillo)
}

.generalbox .inner .card-equipo .btn-cardequipo:hover {
    background-color: var(--blanco);
    scale: 1.03
}

.generalbox .inner {
}

.generalbox .inner .mitadbox {
    float: left;
    width: 48%;
    padding: 20px;
    border-radius: 20px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 800px) {
    .generalbox .inner .mitadbox {
        width:100%;
        margin-bottom: 30px
    }
}

.generalbox .inner .mitadbox::nth-child(odd) {
    padding: 0px 30px 0px 0px
}

.generalbox .inner .mitadbox h3 {
    width: 100%;
    text-align: center;
    font-family: "Open sans condensed",sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    color: var(--negro);
    margin-bottom: 0.9em
}

.generalbox .inner .mitadbox .cont-blur {
    padding: 20px;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(6px);
    border-radius: 12px
}

.generalbox .inner .btn-img-acceso {
    padding: 40px 20px;
    border-radius: 50px;
    text-align: center;
    font-family: "Open sans condensed",sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    width: 30%;
    margin: 0px 5px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    scale: 1
}

@media (max-width: 800px) {
    .generalbox .inner .btn-img-acceso {
        width:100%;
        margin-bottom: 20px
    }
}

.generalbox .inner .btn-img-acceso span {
    padding: 15px;
    border-radius: 30px;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(6px);
    color: var(--negro)
}

.generalbox .inner .btn-img-acceso:hover {
    scale: 1.03
}

.generalbox {
}

.tit-principal {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    float: left
}

.tit-principal h2 {
    font-size: 26px;
    font-weight: 400;
    font-family: "Open sans",sans-serif;
    color: var(--negro);
    padding-bottom: 6px;
    text-transform: uppercase;
    position: relative
}

.tit-principal h2:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 20px;
    background-color: var(--amarillo);
    bottom: 0px
}

.header--Bottom2-um .inner--um .logo-um a img {
    max-width: 300px
}

@media (max-width: 1500px) {
    .header--Bottom2-um .inner--um .logo-um a img {
        max-width:280px
    }
}

.fondo--pie-um .inner--footer {
    height: auto!important
}