@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&display=swap'); @import url('https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i&display=swap'); /*! * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../webfonts/fa-light-300.eot);src:url(../webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-light-300.woff2) format("woff2"),url(../webfonts/fa-light-300.woff) format("woff"),url(../webfonts/fa-light-300.ttf) format("truetype"),url(../webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300} @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} @font-face { font-family: 'flexslider-icon'; src: url('../webfonts/flexslider-icon.eot'); src: url('../webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../webfonts/flexslider-icon.woff') format('woff'), url('../webfonts/flexslider-icon.ttf') format('truetype'), url('../webfonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* ############################# */ /* ## Universidad ORT Uruguay ## */ /* ##-------------------------## */ /* ## Estilos de estructura ## */ /* ############################# */ /* ---------- GRAL ---------- */ /* Variables */ :root { --mainColor: #661020; --bulletImg: url(../img/bullet-generic.svg); } * { box-sizing: border-box; } html { scroll-padding: 100px 0 0 0; /*scroll-behavior: smooth;*/ } body { margin: 0; padding: 0; font-family: "Open sans", sans-serif; overflow-anchor: auto; } ul,li { padding: 0; margin: 0; } ul { list-style: none; } ul[style*="list-style"] { list-style-type: none !important; } a { transition: .3s; text-decoration: none; } hr { } #type-ortProduct-container hr:nth-of-type(1), #type-ortProduct-container hr:last-of-type, hr.verMasHR { visibility: hidden; position: absolute; margin-top: -.5em; } p:last-child { margin-bottom: 0; } h1,h2,h3,h4,h5 { font-family: "Rubik", sans-serif; } h1 { font-size: 2.1rem; font-weight: 600; } h2 { font-size: 1.6rem; font-weight: 600; } h3 { font-size: 1.3rem; font-weight: 500; } h4 { font-size: 1.2rem; font-weight: 500; } h5 { font-size: 1.1rem; font-weight: 500; } /* Elementos para ocultar */ .skip, #logo-sector, #topmenu1-stop, #language-sector,#breadcrumb, #topmenu2-stop, #login-sector, #login-sector-stop,#logoff-sector-stop, #logoff-sector, #search-sector, #search-sector-stop, #head .box-head, #logo-sector-stop, #customhtml-stop { display: none; } /* [Editar]/[Nuevo] */ #editlink-place { float:right; margin:0 -160px 0 0; padding:0; color:#000; } #editlink, #newlink { cursor:pointer; } #editlink:hover, #newlink:hover { cursor:pointer; color:#cdcdcd; } #newcontentbox { position:absolute; top:35px; right:0; z-index: 9000; max-height: calc(100vh - 35px); overflow: auto; padding: 5px; background: rgba(0,0,0,.6); } #newcontentbox .box-body { height: auto; } #newcontentbox .box-body li { padding: 1px 10px; color: #fff; font-size: 12px; } #newcontentbox .box-body li:hover { color: yellow; cursor: pointer; } #editlink-place { position: absolute; right:200px; top: 10px; padding: 3px; border: 1px solid #999; background: rgba(0,0,0,.4); font-size: 12px; border-radius: 3px; color: #ccc; } #editlink-place span { padding: 2px; color: #fff; cursor: pointer; } #editlink-place span:hover { color: #ff9; } #logoff-sector { display: none; } @media screen and (max-width: 1400px) { h1 { font-size: 2.0rem; } h2 { font-size: 1.4rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1.1rem; } h5 { font-size: 1.0rem; } } @media screen and (max-width: 1280px) { h1 { font-size: 1.9rem; } h2 { font-size: 1.3rem; } h3 { font-size: 1.1rem; } } @media screen and (max-width: 1200px) { #editlink-place { display: none; } } @media screen and (max-width: 900px) { html { scroll-padding: 20px 0 0 0; } } @media screen and (max-width: 640px) { h1 { font-size: 1.6rem; } h2 { font-size: 1.3rem; } h3 { font-size: 1.1rem; } } /* ---------- Estructura ---------- */ #centralpanel { position: relative; min-height: 550px; overflow-x: hidden; } /* Cabezal */ #head { position: fixed; z-index: 1020; top: 0; left: 0; right: 0; /*border-top: 11px solid;*/ border-bottom: 3em solid; } #head .box-body { display: flex; /*flex-wrap: wrap;*/ align-items: center; justify-content: right; max-width: 1580px; margin: 0 auto; } #customhtml { order: 0; display: flex; align-items: stretch; margin-right: auto; } .logoORT { position: relative; width: 116px; height: 100px; background: no-repeat center center / contain; overflow: visible; } .logoORT a { display: block; width: 100%; height: 100%; text-indent: -9000px; } .logoORT a::before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 116px; height: 100%; background: url(../img/logo-universidad-ort-uruguay-facultades.svg) no-repeat center center / contain; } .logoORT a::after { content: "www.ort.edu.uy"; position: absolute; bottom: -35px; left: 0; z-index: 1; width: 100%; padding-left: 1em; text-indent: 0; color: #fff; text-align: center; } .logoFacultad { min-width: 454px; overflow: hidden; margin-left: 116px; background: no-repeat 0 center / contain; } .logoFacultad a { display: block; width: 100%; height: 100%; text-indent: -9000px; } .logoFacultad span { display: block; } .headSearch { order: 2; width: 50px; height: 50px; overflow: hidden; background: url(../img/ico-search.svg) no-repeat center center / 50%; text-indent: -9000px; } .headSearch a { display: block; width: 100%; height: 100%; } @media screen and (max-width: 1200px) { .headSearch { order: 0; } } #buscador { display: none; text-align: center; background: #f3f3f3; } #buscador * { font-family: "Rubik", sans-serif; } #buscador .buscadorTabs { display: none /*flex*/; justify-content: start; width: 100%; margin: 0; padding: 0; border-bottom: 5px solid; } #buscador .buscadorTabs li { margin: 0; } #buscador .buscadorTabs li::before { display: none; } #buscador .buscadorTabs li a { display: block; padding: .5em 3em; border: 2px solid; border-bottom: none; border-radius: 5px 5px 0 0; background: #fff; text-align: center; outline: none; } #buscador .buscadorTabs li a::after { font-family: "Font Awesome 5 Pro"; font-size: 2em; } #buscador .buscadorTabEst a::after { content: "\f5ea"; } #buscador .buscadorTabEst.buscadorTabEst a::after { /*color: transparent;*/ background: no-repeat center center / contain; font-weight: bold; } #buscador .buscadorTabEst.active a::after { /*width: 40px; height: 32px; background-image: url(../img/ico-diploma-regular.svg); background-size: 100%; overflow: hidden; background-attachment: scroll; transform: translateZ(0); backface-visibility: hidden;*/ } #buscador .buscadorTabOrt a::after { content: "\f0ac"; } #buscador .buscadorCont { display: /*none*/; } /*#buscador .buscadorCont.active { display: block; }*/ #buscador .buscadorCont#search-estudiar { border-top: 2px solid #ccc; display: none; } #buscador .buscadorCont { padding: 2em; border-radius: 0 0 5px 5px; } #buscador .search-title { padding: 0 0 1em; font-size: 1.3em; font-weight: 500; text-align: center; color: #363636; } #buscador .search-title-mov { display: none; } #buscador form input[type=search] { width: 100%; padding: .5em .5em .5em 2.5em; box-sizing: border-box; font-size: 1.2em; background: #fff url(../img/ico-search.svg) no-repeat .5em center / 1.4em; border: none; border-radius: 5px; box-shadow: 0 3px 4px rgba(0,0,0,.3) } #buscador form input[type=submit] { margin: 1em 0 0; padding: .2em 1em; border: 6px solid; border-radius: 5px; font-size: 1.3em; font-weight: 500; color: #fff; } @media screen and (max-width: 480px) { #buscador .buscadorTabs { padding-top: 1em; } #buscador .buscadorTabs li { flex: 1; } #buscador .buscadorTabs li a { padding: .5em; } #buscador .buscadorCont { padding: 1.5em 0; } #buscador .search-title { display: none; font-size: 1.5em; } #buscador .search-title-mov { display: block; } #buscador form input[type=search] { font-size: 1.2em; } #buscador form input[type=submit] { font-size: 1.2em; } } @media screen and (max-width: 1600px) { #head { padding: 0 20px; } } @media screen and (max-width: 1400px) { .logoORT a::before { width: 110px; } .logoFacultad { min-width: 384px; margin-left: 110px; } } @media screen and (max-width: 900px) { body { border-top: 1.9em solid #222; } #head { position: absolute; top: 1.8em; box-shadow: 0 5px 5px rgba(0,0,0,.65); border-bottom: 0; } .logoORT { position: absolute; left: 0; width: 100%; height: 0; } .logoORT a::before { bottom: auto; width: 100px; height: 80px; margin-left: 20px; } .logoORT a::after { bottom: auto; top: -1.8em; right: 20px; width: auto; font-size: .85em; text-align: right; } .logoFacultad { min-height: 80px; min-width: 250px; margin-left: 100px; } } @media screen and (max-width: 480px) { #head { padding: 0 10px; } .logoORT a::before { margin-left: 10px; } .logoORT a::after { right: 10px; } .logoFacultad { min-width: 150px; } } @media screen and (max-width: 360px) { .logoFacultad { min-width: 140px; } } @media screen and (max-width: 320px) { .logoORT a::before { width: 80px; } .logoFacultad { min-width: 120px; margin-left: 80px; } } /* Menúes */ #topmenu1 { order: 1; } #topmenu1 > ul { display: flex; font-size: .85em; z-index: 2; } #topmenu1 > ul > li { position: relative; margin: 0 .3em; } #topmenu1 > ul > li > div > a { display: block; padding: 1em .7em; } #topmenu1 > ul > li.selected > div { padding: 1em .7em; } #topmenu1 > ul .navPerfilesMov { display: none; } #topmenu1 .navmenu li.selected div::after, #topmenu1 .depth1 > li a::after{ content: ""; position: absolute; left: 0; bottom: 0; display:block; width: 100%; height: 3px; visibility: hidden; transform: scaleX(0); transition: all .15s ease-in; margin-top: 0; } #topmenu1 .navmenu li.selected div:after, #topmenu1 .depth1 > li > div a:hover::after{ visibility: visible; transform: scaleX(1); transition: all .25s ease-out; } /* Submenú */ #topmenu1 .depth2 { display: none; } @media screen and (min-width: 1201px) { /* MIN */ #topmenu1 .depth1 > .haschild:hover > div > a::after { visibility: visible; transform: scaleX(1); } #topmenu1 .depth2 > li a:hover { background: #e6e6e6; } #topmenu1 .depth1 > li.selected > div::after, #topmenu1 .depth1 > li a::after { bottom: .4em; } #topmenu1 .depth2 > li a::after{ bottom: 0; } #topmenu1 .depth1 > .haschild:hover .depth2 { opacity: 1; pointer-events: auto; } #topmenu1 .depth1 > .haschild::after { content: ""; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%, -100%) scale(-1); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; transition: .3s; } #topmenu1 .depth1 > .haschild:hover::after { transform: translate(-50%, -100%) scale(1) translateY(100%); } #topmenu1 .depth2 { display: block; pointer-events: none; opacity: 0; position: absolute; left: 50%; min-width: 100%; transform: translateX(-50%) translateY(10px); padding: 5px; background: #fff; border-radius: 5px; transition: .5s; } #topmenu1 .depth2::before { content: ""; position: absolute; top: -10px; right: -15px; bottom: -15px; left: -15px; } #topmenu1 .depth2 li:not(:last-child) { border-bottom: 1px solid #ddd } #topmenu1 .depth2 li.selected div, #topmenu1 .depth2 a { position: relative; display: block; padding: 5px; color: #1d1d1d; white-space: nowrap; font-size: .8125rem; } #topmenu1 .depth2 li.selected div { color: rgba(0, 0, 0, .5) } #topmenu1 .depth2 li.selected div:after { background-color: var(--mainColor); } #topmenu1 .depth2 a:hover { color: #1d1d1d; } #topmenu1 .depth1 .depth2 a::after { background-color: var(--mainColor); } #topmenu1 .depth1 > .haschild > button { display: none; } } @media screen and (max-width: 1200px) { #topmenu1 .depth1 > li div { position: relative; } #topmenu1 > ul > li.selected > div { padding: .69em; } #topmenu1 .depth1 > li.open > div { margin: 0 -15px; padding: 0 15px; background: #f3f3f3; } #topmenu1 > ul.depth1 > li.parentselected.haschildAndLink > div { margin: 0; padding: 0; } #topmenu1 > ul.depth1 > li.parentselected.open > div { margin: 0 -15px; padding: 0 calc(15px); } #topmenu1 > ul.depth1 > li.parentselected.open:not(.haschildAndLink) > div { padding: .69em calc(15px + .69em); } #topmenu1 .depth2 { background: #f3f3f3; margin: 0 -15px; padding: 0 15px; } #topmenu1 .parentselected .depth2 li { position: relative; } #topmenu1 .parentselected .depth2 li:not(.selected) div::after { display: none; } #topmenu1 .depth2 li.selected div, #topmenu1 .depth2 li:not(.selected) a { position: relative; display: block; padding: .5em 10px; border-bottom: 1px solid #dbdbdb; } #topmenu1 .depth1 > .haschild > button { position: absolute; right: 0; padding: 10px 8px; border: none; background: transparent; transform: translateY(-120%); transition: .3s; } #topmenu1 .depth1 > .haschild > button span { display: block; width: 0; height: 0; padding: 0; border: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--mainColor); } #topmenu1 .depth1 > .haschild:not(.open) > button { transform: translateY(-120%) scale(-1) } } #topmenu2 { position: absolute; bottom: -3em; left: 0; right: 0; } /* El valor de bottom debe ser igual al border-bottom del #head */ #topmenu2 > ul { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; max-width: 1580px; height: 3em; margin: 0 auto; } #topmenu2 > ul li { font-size: 0.85em; position: relative } #topmenu2 > ul li::before { content: "|"; position: absolute; margin-left: -4px; } #topmenu2 > ul li:first-child::before { display: none; } #topmenu2 > ul li a { padding: .8em 1em; } #topmenu2 > ul li.selected div { padding: 0 1em; color: #fff; } #topmenu2 .navmenu li.selected div::after, #topmenu2 .depth1 > li a::after{ content: ""; position: absolute; left: 8px; right: 8px; bottom: -.5em; display:block; height: 2px; background-color: #fff; visibility: hidden; transform: scaleX(0); transition: all .15s ease-in; margin-top: 0; } #topmenu2 .navmenu li.selected div::after, #topmenu2 .depth1 > li a:hover::after{ visibility: visible; transform: scaleX(1); transition: all .25s ease-out; } @media screen and (max-width: 1600px) { #topmenu2 { padding: 0 20px; } } @media screen and (max-width: 1366px) { #topmenu1 > ul { font-size: .85em; } } @media screen and (max-width: 1280px) { #topmenu1 > ul { font-size: .85em; } } @media screen and (max-width: 1200px) { #topmenu1 > ul > li.parentselected > div, #topmenu1 > ul > li > div > a { padding: .69em; } #topmenu1 { cursor: pointer; } #topmenu1::before { content: "\f0c9"; margin-right: -10px; padding: 20px 10px; font-family: "Font Awesome 5 Pro"; font-size: 2.5em; } #topmenu1 > ul { position: absolute; right: 0; top: 80px; flex-direction: column; display: none; max-width: 360px; min-width: 300px; overflow: hidden; padding: 0; background: #fff; border-top: 5px solid; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-radius: 0 0 0 5px; font-size: 1.125em; text-align: left; cursor: auto; box-shadow: 0 3px 4px rgba(0,0,0,.25); } #topmenu1.navOpen > ul { display: flex; } #topmenu1 > ul > li { margin: 0 1em } } @media screen and (max-width: 1024px) { #topmenu1 > ul { font-size: .85em; } } @media screen and (max-width: 900px) { #topmenu1 > ul .navPerfilesMov { display: block; margin: 5px 0 0 0; border-top: 3px solid #e4e4e4; } #topmenu1 > ul .navPerfilesMov .menuPerfilesMov { display: flex; flex-wrap: wrap; } #topmenu1 > ul .itemPerfiles { flex: 1 1 50%; background: #343434; } #topmenu1 > ul .itemPerfiles:nth-child(4n+2), #topmenu1 > ul .itemPerfiles:nth-child(4n+3) { background: #2f2f2f; } #topmenu1 > ul .itemPerfiles > div { display: flex; height: 100%; align-items: stretch; } #topmenu1 .navmenu li.selected div { color: rgba(0,0,0,.5); } #topmenu1 .depth1 > li a::after { display: none; } #topmenu1 > ul .itemPerfiles a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #fff; padding: .5em 1em; text-align: center; } #topmenu1 > ul .itemPerfiles.selected div { align-items: center; justify-content: center; color: rgba(255,255,255,.5); } #topmenu1 ul > li.navPerfilesMov a:hover::after { display: none; } #topmenu2 { height: 0; position: static; } #topmenu2 > ul { height: 0; } #topmenu2 > ul li { flex: 1 1 50%; } #topmenu2 > ul li:not(.menuSearch) { display: none; } #topmenu2 > ul li::before { display: none; } } @media screen and (max-width: 480px) { #topmenu1 > ul { max-width: 100% } } /* Menu de Perfiles en #Body, fuera de #head. Se mueve con JS */ .perfBd #topmenu2 { position: static; background: #363636; } .perfBd #head { border-bottom: none; } .perfBd #body { margin-top: 100px; } .perfBd #topmenu2 > ul li.menuLinkOrt::before { display: none; } .perfBd #topmenu2 > ul li.menuLinkOrt { order: -1; margin-right: auto; font-size: .85rem; } .perfBd #topmenu2 > ul li.menuLinkOrt a:after { display: none } .perfBd .logoORT a::after { display: none; } @media screen and (max-width: 1600px) { .perfBd #topmenu2 { padding: 0 20px; } } @media screen and (max-width: 900px) { .perfBd #body { margin-top: 80px; } .perfBd .logoORT a::after { display: block; } } /* Menú flotante */ .menuScroll.collapsed { right: 0; transform: translateX(calc(100% - 72px)); } .menuScroll:hover { transform: translateX(0); } .menuScroll li { margin: 0; } .menuScroll li a { line-height: 1; background-color: #343434; border: 3px #202020; border-style: solid none; font-size: 1em; outline: none; } .menuScroll li.menuScrollWa a { font-size: 1em; } .menuScroll li a:hover { background-color: #202020; } .menuScroll li a::before { margin: -3px 0 -3px -5px; padding: 6px; line-height: 54px; border: 2px solid #424242; border-radius: 5px; background: #535353 none; text-align: center; font-family: "Font Awesome 5 Pro"; font-size: 2.2em; } .menuScroll li.menuScrollAgenda a::before { content: "\f274"; } .menuScroll li.menuScrollSolicita a::before { content: "\f0e0"; } /* "\f05a" */ .menuScroll li.menuScrollInsc a::before { content: "\f872"; } .menuScroll li.menuScrollWa a::before { content: "\f232"; border-color: #456b44; font-family: "Font Awesome 5 Brands"; } .menuScroll li.menuScrollTw a::before { content: "\f099"; border-color: #1A91DA; font-family: "Font Awesome 5 Brands"; background-color: #1DA1F2; } .menuScroll li.menuScrollIg a::before { content: "\f16d"; border-color: #661020; font-family: "Font Awesome 5 Brands"; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } .menuScroll li a span { padding: 0 20px; font-family: "Rubik", sans-serif; font-size: 1.2em; font-weight: 400; } .menuScroll li a span { pointer-events: none; } /*.typeLevel-1 ~ .menuScroll .menuScrollInsc, .typeLevel-2 ~ */.menuScroll .menuScrollInsc { display: none; } /* Oculto flotante de inscripción solo para carreras */ @media screen and (max-width: 480px) { .menuScroll.collapsed, .menuScroll { bottom: 0; padding: 0; } .menuScroll.collapsed {transform: translateX(0); } .menuScroll li.menuScrollAgenda { float: left; width: 100%; } .menuScroll li.menuScrollSolicita { float: left; width: 100%; display: block; } .menuScroll li.menuScrollWa { right: 0; left: auto; } .menuScroll li a { font-size: .65em; border: none; } .menuScroll li.menuScrollWa a { font-size: .65em; } .menuScroll li a::before { height: 100%; margin: 0; padding: 2px 0px; background: none; border: none; border-radius: 0; font-size: 2.8em; } .menuScroll li.menuScrollWa a::before { border-left: 2px solid #fff; } .menuScroll li a span { /*padding-left: 0;*/ font-size: 1.6em; font-weight: 400; } } @media screen and (max-width: 320px) { .menuScroll li a span { padding-left: 10px; font-size: 1.5em; } } /* Scroll to top */ body .scrollToTop { position: -webkit-sticky; position: sticky; right: 10px; bottom: 10px; display: block; width: 50px; height: 50px; margin: -50px 10px 0 auto; transform: translateY(-10px); background: url(../img/scroll-up-arrow.svg) no-repeat center center / contain; opacity: .8; outline: none; z-index: 1; } body .scrollToTop:hover { opacity: 1; } @media screen and (max-width: 480px) { body .scrollToTop { width: 60px; height: 60px; margin-top: -60px; } body .scrollToTop.hasMenuScroll { bottom: 60px; } } /* Panel inferior */ #bottompanel2 { position: relative; margin-top: 86px; padding: 0 20px; border-top: 14px solid #661020; } #bottompanel2::before { content: ""; position: absolute; top: calc(-86px - 14px); left: 0; display: block; width: 100%; height: 86px; } #bottompanel2 .bottompanel-body { display: flex; flex-wrap: wrap; justify-content: start; max-width: 1580px; margin: 0 auto; padding: 2em 0 4em; } #bottompanel2 .bottompanel-body > div { flex: 1 1; } #bottompanel2 .bottompanel-body::after { content: ""; display: block; width: 24%; } #bottompanel2 .bottompanel-body .box-title { margin-bottom: .5em; color: #661020; text-transform: uppercase; } #bottompanel2 .menuitem li div { display: flex; } #bottompanel2 .menuitem li div::before { content: ""; flex-grow: 0; flex-basis: 15px; min-width: 15px; height: 11px; vertical-align: top; margin-top: .7em; background: url(../img/bullet-foot.svg) no-repeat 0 0 / contain; } #bottompanel2 .menuitem li div a { padding: .3em 0; color: #1d1d1d; line-height: 1.5; } #bottompanel2 .meta-htm:last-child { order: -1; flex: 100%; position: relative; width: 100%; max-width: 100%; } #bottompanel2 .networks { position: absolute; top: calc(-86px - 1.5em); width: 100%; } #bottompanel2 .networks ul { display: flex; flex-wrap: nowrap; justify-content: flex-end; width: 100%; } #bottompanel2 .networks ul li { margin: .5em 0 .5em 1.6em; text-align: right; } #bottompanel2 .networks ul .official-accounts { order: -1; width: auto; margin-left: auto; margin-right: 0; } #bottompanel2 .networks ul li a { color: #fff; } #bottompanel2 .networks ul li a::before { font-size: 2.1em; } #bottompanel2 .networks ul li.official-accounts a { display: inline-block; margin: .5em 0 0 0; text-decoration: underline; } @media screen and (max-width: 1400px) { #bottompanel2 .networks { top: calc(-86px - 1em); } #bottompanel2 .networks ul li a::before { font-size: 2em; } #bottompanel2 .networks ul li { margin: 0 0 .5em 1em; } } @media screen and (max-width: 1280px) { #bottompanel2 .menuitem li div { font-size: .9em; } #bottompanel2 .networks ul li a::before { font-size: 1.7em; } } @media screen and (max-width: 1200px) { #bottompanel2 .bottompanel-body::after { display: none; } } @media screen and (max-width: 640px) { #bottompanel2 { margin-top: 150px; } #bottompanel2::before { top: calc(-150px - 14px); height: 150px; } #bottompanel2 .bottompanel-body { flex-wrap: wrap; padding-bottom: 0em; } #bottompanel2 .bottompanel-body > div { flex-basis: 50%; max-width: 50%; margin-bottom: 3em } #bottompanel2 .bottompanel-body > .meta-htm:last-child { order: -1; flex-basis: 100%; max-width: 100%; margin: 0; } #bottompanel2 .networks { top: calc(-150px); } #bottompanel2 .networks ul { flex-wrap: wrap; justify-content: center; margin-bottom: 2em; padding-bottom: 2em; } #bottompanel2 .networks ul li { margin: 0 1em .5em 1em; text-align: center; } #bottompanel2 .networks ul .official-accounts { order: 1; margin: 0; width: 100%; } #bottompanel2 .menuitem li { margin: .3em 0; } #bottompanel2 .menuitem li div a { padding: .5em 0; } #bottompanel2 .menuitem li div::before { margin-top: .9em; } } @media screen and (max-width: 480px) { #bottompanel2 .bottompanel-body > div { flex-basis: 100%; max-width: 100%; margin-bottom: 3em; } #bottompanel2 .networks ul li { margin: 0 .7em .5em .7em } } /* Pie */ #foot { padding: 0 20px; border-top: 55px solid #363636; background-color: #fff; color: #363636; } #foot a { color: #fff; } #foot > .box { position: relative; max-width: 1580px; margin: 0 auto; padding: 2em 0; } #foot .legal { position: absolute; right: 0; top: -50px; display: flex; justify-content: flex-end; } #foot .legal li { margin-left: 2em; } #foot .legal li a { display: block; padding: .5em 0; text-decoration: underline; } #foot .contentFoot { display: flex; align-items: center;} #foot .contentFoot .logoOrt { width: 155px; height: 70px; background: url(../img/logo-universidad-ort-uruguay.svg) no-repeat center center / contain; text-indent: -9000px; overflow: hidden; } #foot .contentFoot .address ul { display: flex; } #foot .contentFoot .address ul li { margin-left: 5em; } #foot .contentFoot .address a { color: #363636; pointer-events: none; } @media screen and (max-width: 800px) { #foot { padding-bottom: 60px; } #foot .legal { justify-content: space-evenly; width: 100%; } #foot .legal li { margin: 0; font-size: .875em; } #foot .contentFoot { flex-wrap: wrap; } #foot .contentFoot .logoOrt { flex-basis: 100%; height: 80px; margin-bottom: 2em; } #foot .contentFoot .address { width: 100%; } #foot .contentFoot .address ul { flex-wrap: wrap; margin: 0 auto; text-align: center; } #foot .contentFoot .address ul li { flex-basis: 50%; margin: 0; font-size: .875em; } #foot .contentFoot .address ul li:first-child { flex-basis: 100%; margin-bottom: 1.5em; } #foot .contentFoot .address a { color: #363636; pointer-events: auto; } } @media screen and (max-width: 375px) { #foot .legal { justify-content: space-between; } } /* Contenido */ #body { margin-top: 148px; } #rightpanel, #leftpanel { display: none; } #column-1 > .innova_htmlfragmenter:first-child { position: absolute; top: -4000px; width: 20px; height: 20px; overflow: hidden; } #content-headPicture img { display: block; /*max-*/ width: 100%; height: auto; object-fit: cover; object-position: center top; } #content-picture img { display: block; max-width: 60%; height: auto; margin: 0 auto; } #content-picture .pictureContent { max-width: 1580px; margin: 0 auto 2em; } #content-toptitle { width: 100%; padding: 0 8%; font-size: 1.6em; text-transform: uppercase; line-height: 3; background: #f3f3f3; } #content-toptitle > .toptitleContent { max-width: 1580px; margin: 0 auto; padding: 20px 80px 20px 0; line-height: 1.5; } #content-date { width: 100%; padding: 0 8%; } #content-date .dateContent { max-width: 1580px; margin: -.5em auto .5em; font-family: "Rubik", sans-serif; font-size: 1.25em; font-weight: 500; color: #363636; } #content-title { padding: 0 8%; } #content-picture ~ #content-title, #content-headPicture + #content-title, #breadcrumb + #content-title { border-top: 50px solid #f3f3f3; } #content-title h1 { max-width: 1580px; margin: 0 auto; padding: 1.3em 75px .6em 0; } #content-description { padding: 0 8%; } #content-description > * { max-width: 1580px; margin: 0 auto; padding: .7em 0 1.5em; font-family: "Rubik", sans-serif; font-size: 1.4em; font-weight: 500; } #content-eventType > .eventTypeContent { max-width: 1580px; margin: 0 auto; font-family: "Rubik", sans-serif; font-size: 1.75em; text-transform: uppercase; font-weight: 300; } #content-body > *:not(#type-ortSection-container):not(#type-ortProduct-container):not(#type-ortFormGracias-container):not(#type-ortSection-productContainer):not(#type-ortSectionProduct-container):not(.menuScroll) { max-width: calc(16% + 1580px); margin: 0 auto; padding: 0 8% 5em; } #body #centralpanel #content-body.ort-body .ort-genericGontent #content-body#content-body #type-innova-text { max-width: 100%; padding: 0 0 5em; } /* Aparentemente los not() suman para la especificidad. Por eso tantos selectores... y para evitar el !important :/ */ [class*=pid] a { text-decoration: underline; } [class*=pid] a:hover { text-decoration: none; } [class*=pid] .box a { text-decoration: none; } [class*=pid] .boxCont a { text-decoration: underline; text-underline-offset: 2px; } [class*=pid] .boxCont a:hover { text-decoration: none; } [class*=pid] .boxBt a { text-decoration: none; } .type-ortnews h2,.type-ortnews h3,.type-ortnews h4, .modExpanded h2,.modExpanded h3,.modExpanded h4, .genericContent h2,.genericContent h3,.genericContent h4 { margin: 2.6875rem 0 0.9375rem 0; } .type-ortnews p img, .ort-body p > img { max-width: 100%; height: auto; } .type-ortnews p img:only-child:not([class^="contentImg"]), .ort-body p > img:only-child { display: block; max-width: 100%; height: auto; margin: 0 auto; } .ort-body p > img.contentImgLeft { margin: 0 2em 15px 0; } .ort-body p > img.contentImgRight { margin: 0 0 15px 2em; } #centralpanel { display: flex; flex-direction: column; } #centralpanel #breadcrumb { order: 0; } #centralpanel #content-headPicture { order: 1; } #centralpanel #content-toptitle { order: 2; } #centralpanel #content-eventType { order: 2; } #centralpanel #content-title { order: 3; } #centralpanel #content-navContext { order: 4; } #centralpanel #content-description { order: 6; } #centralpanel #content-date { order: 5; } #centralpanel #content-tools { order: 2; } #centralpanel #content-picture { order: 8; } #centralpanel #content-body { order: 9; } #centralpanel #related-materials { order: 12; } #breadcrumb { display: block; padding: 0 20px; font-family: "Rubik", sans-serif; } #breadcrumb ul { display: flex; max-width: 1580px; margin: 0 auto; padding-left: 1em; } #breadcrumb ul li { flex: 0 1 auto; overflow: hidden; display: flex; align-items: center; padding: 0 1em 0 0; line-height: 40px; font-size: .87em; font-weight: 400; color: #606060; } #breadcrumb ul li::before { content: ""; width: 20px; height: 10px; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; } #breadcrumb ul li:first-child::before { display: none; } #breadcrumb ul li a { color: #606060; font-weight: 300; line-height: 2.5em; } #breadcrumb ul li > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 1600px) { #content-title h1, #content-toptitle > .toptitleContent, #content-description > *, #content-picture .pictureContent, #content-date .dateContent, #content-body > *:not(.type-ortSection-container):not(.type-ortProduct-container):not(.menuScroll), #breadcrumb ul { /*padding-left: 20px; padding-right: 20px;*/ } #content-title h1 { padding-right: 75px; } } @media screen and (max-width: 1400px) { #content-description > * { font-size: 1.2em; } } @media screen and (max-width: 1250px) { #content-description > * { font-size: 1.1em; } } @media screen and (max-width: 1024px) { #content-body > *:not(#type-ortSection-container):not(#type-ortProduct-container):not(#type-ortFormGracias-container):not(#type-ortSection-productContainer):not(#type-ortSectionProduct-container):not(.menuScroll) { padding: 0 6% 5em; } #content-toptitle, #content-title, #content-date, #content-description { padding: 0 6%; } #body #centralpanel #content-body.ort-body .ort-genericGontent #content-body#content-body #type-innova-text { padding: 0; } } @media screen and (max-width: 900px) { #body { margin-top: 80px; } #content-headPicture .headPictureContent { min-height: 150px; } #content-headPicture .headPictureContent img { height: 150px; object-fit: cover; object-position: center top; } #content-picture img { max-width: 80%; } #content-toptitle { font-size: 1.4em } #content-title h1 { padding-right: 20px; } #breadcrumb ul { padding-left: 0; } #breadcrumb li { overflow: hidden; } #breadcrumb ul li:not(:nth-last-child(2)) { display: none; } /* Solo se ve el último link del breadcrumb */ #breadcrumb ul li::before { transform: rotate(180deg); background-position: right top; } #breadcrumb ul li:first-child::before { display: block; } #breadcrumb ul li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } @media screen and (max-width: 640px) { #content-title h1 { padding-right: 40px; } #content-description > * { font-size: 1em; } } @media screen and (max-width: 480px) { #content-picture img { max-width: 100%; } #content-toptitle > .toptitleContent { visibility: hidden; overflow: hidden; white-space: nowrap; } } /* ---------- Módulos ---------- */ .mod { background: #fff; padding: 3% 8%; text-align: center; } .mEq + .mod.modExpanded, .mod.modExpanded:first-child { padding: 20px 8% 5%; } .mod.modProdAnticipadas, .mod:nth-child(odd) { background: url(../img/bg-destacado-top.svg) no-repeat center top / contain, url(../img/bg-destacado-bottom.svg) no-repeat center bottom / contain, #f4f3f3; } /* El color e imagen de fondo de los módulos pares es igual en todos los portales. Los destacados están en el css propio de cada portal. */ .modInner { max-width: 1580px; margin: 0 auto; } .mod:not(.modExpanded) h2 { margin: 0 0 10px; } .mod.modExpanded h2 { color: #363636; } .mod .modDescription { max-width: 85%; margin: .4em auto 0; font-size: 1.1em; font-weight: 500; } .mod.modExpanded .modDescription { color: #363636; } .mod .modTopTitle { display: none; } .mod .modPicture { max-width: 60%; height: auto; margin: 2em auto 0; text-align: center; } .mod .modPicture img { max-width: 100%; height: auto; } @media screen and (max-width: 1400px) { .mod .modDescription { font-size: 1em } } @media screen and (max-width: 1024px) { .mEq + .mod.modExpanded, .mod.modExpanded:first-child { padding: 20px 6% 5%; } } @media screen and (max-width: 640px) { .mod .modPicture { max-width: 100%; } .mod .modDescription { font-size: .9em } } .mEq { display: none; } .ort-genericGontent section.mod { background: none; } @media screen and (max-width: 1024px) { .mod { padding: 10% 6%; } .mod.modProdAnticipadas, .mod:nth-child(odd) { background-image: url(../img/bg-destacado-top-mov.svg), url(../img/bg-destacado-bottom-mov.svg); } } /* Imagen principal en home */ .mod.imgPrincipal { position: relative; display: flex; height: calc(100vh - 148px - 3vw - 110px) /* calc(altoScreen - cabezal - paddingModSiguiente - mitadIconoNiveles) */; padding: 0; background: no-repeat center top / cover; /*background-attachment: fixed;*/ } .mod.imgPrincipal img { width: 100%; height: 100%; object-fit: cover; } .mod.imgPrincipal > .modInnerMsg, .mod.imgPrincipal > div { margin: auto; padding:2% 4%; border-radius: 5px; background: rgba(0,0,0,.6); font-family: "Rubik", sans-serif; color:#fff; line-height: 1.3; text-align:center; } .mod.imgPrincipal > .modInnerMsg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .mod.imgPrincipal > .modInner .proxCom { font-size: calc(20px + (34 - 20) * ((100vw - 360px) / (1920 - 360))); font-weight: 600; white-space: nowrap; } .mod.imgPrincipal > .modInner .proxCom br { display: none; } .mod.imgPrincipal > div { /*background: none;*/ } /* Oculta frase */ .imgPrincipal .txt { /*display: none;*/ } /* Oculta frase */ .imgPrincipal .txt > span { font-size:1.6em; margin-bottom:2px; font-weight: 500; } .imgPrincipal .txt > span.ord-3, .imgPrincipal .txt > span.ord-4 { display:none; } /* Oculta frase */ .imgPrincipal .txt > span.ord-2, .imgPrincipal .txt > span:first-child { font-size: calc(20px + (34 - 20) * ((100vw - 360px) / (1920 - 360))); font-weight: 600; margin-bottom: .6em; } .imgPrincipal .txt > span:last-child:not(:first-child) { font-size:1.2em; font-weight: 400; } .imgPrincipal .txt > span.ord-3 { margin-top: 1.8em; } .imgPrincipal .txt .ord-1 br { display: none; } @media screen and (max-width: 1024px) { .mod.imgPrincipal { height: calc(100vh - 148px - 3vw - 120px); } } @media screen and (max-width: 900px) { .mod.imgPrincipal { height: calc(100vh - 80px - 3vw - 120px); } } @media screen and (max-width: 800px) { .imgPrincipal .txt > span { font-size: 1em; } .imgPrincipal .txt > span:last-child:not(:first-child) { font-size:1.125em; } } @media screen and (max-width: 640px) { .mod.imgPrincipal { height: calc(100vh - 80px - 3vw - 100px - 100px) /* calc(altoScreen - cabezal - paddingModSiguiente - mitadIconoNiveles - barraNavegadorMoviles) */; } .mod .modDescription { max-width: 100%; font-size: 1em; } .imgPrincipal .txt > span:last-child:not(:first-child) { font-size: .9em; } .mod.imgPrincipal > .modInner .proxCom br, .imgPrincipal .txt .ord-1 br { display: initial; } } @media screen and (max-width: 480px) { } /* -- Estructura de los boxes -- */ /* Box Miniaturas */ .modBoxThumb .boxes { display: flex; flex-flow: wrap; justify-content: center; margin: 20px -20px; text-align: left; } .modBoxThumb.modRotator .boxes { display: flex; flex-wrap: nowrap; justify-content: start; margin: 20px 0px; padding: 0; grid-gap: 0; gap: 0; } .modBoxThumb.modRotator .boxes.boxes .box { min-width: auto; max-width: none; flex-basis: auto; margin: 0; } .modBoxThumb .boxes .box { position: relative; flex: 0 0 calc(25% - 40px); margin: 20px; border-radius: 5px; } .modBoxThumb .boxes .box > a { display: block; height: 100%; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; } .modSingle.modSingleOverlap .mod:nth-child(2n+1) .boxCont a, .modBoxThumb.modBox.mod:nth-child(2n+1) .box a { color: #222; } .modBoxThumb .boxes .box > a:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .modBoxThumb .boxes .boxMedia.boxVideo { position: relative; } .modBoxThumb .boxes .boxMedia.boxVideo::before { /*content: "\f144";*/ content: ""; position: absolute; bottom: 0; left: 0; width: 35px; height: 35px; transform: translate(1em, 50%); background: no-repeat center center / contain; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .modBoxThumb.modLightbox .boxes .boxMedia::before { content: ""; position: absolute; bottom: 50%; left: 50%; width: 70px; height: 70px; transform: translate(-50%, 50%); background: url(../img/ico-thumb-video-white.svg) no-repeat center center / contain; } .modBoxThumb .boxes .boxMedia.boxVideo + .boxCont h3 { text-align: center; } @media screen and (max-width: 900px) { .modBoxThumb .boxes { margin-bottom: 0; } .modBoxThumb .boxes .box { flex: 0 0 calc(25% - 20px); margin: 10px; } .modBoxThumb .boxes .boxMedia.boxVideo::before { width: 35px; height: 35px; } } @media screen and (max-width: 640px) { .modBoxThumb.modRotator .boxes { display: block; } .modBoxThumb.modRotator .flex-viewport .boxes { display: flex; } .modBoxThumb.modRotator .boxes.boxes .box { width: 100%; } } /* Box Íconos */ .modBoxIcon .boxes { display: flex; flex-flow: wrap; justify-content: center; margin: 20px -20px; text-align: center; } .modBoxIcon .boxes .box { position: relative; flex: 0 0 calc(25% - 40px); margin: 20px; border-radius: 5px; } .modBoxIcon .boxes .box > a { display: block; height: 100%; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; } .modBoxIcon .boxes .box > a:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } /* Módulo simple */ .modSingle .boxes { display: block; text-align: left; } .modSingle .boxes .box { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; gap: 40px; } .modSingle.modBoxIcon .boxes .box { display: block; text-align: center; } .modSingle.modSingleLeft .boxes .box { grid-template-areas: "media info"; } .modSingle.modSingleRight .boxes .box { grid-template-areas: "info media"; } .modSingle.modSingleOverlap .boxes .box { grid-template-areas: "media info"; } .modSingle.modSingleCenter .boxes .box { display: block; } .modSingle.modNoThumb .boxes .box { display: block; } .modSingle.modNoThumb .boxes .boxCont { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .modSingleCenter.modNoThumb .boxes .boxCont { display: block; } .modSingle.modNoThumb .boxes .boxCont > h2, .modSingle.modNoThumb .boxes .boxCont > h3 { flex: 1 1 100%; } .modSingle.modNoThumb .boxes .boxCont > .copete { flex: 0 0 70%; } .modSingle.modNoThumb .boxes .boxCont > .boxBt { width: auto; /*margin-top: 10px;*/ } .modSingle.modNoThumb:not(.modSingleCenter) .boxes .boxCont > .boxBt { flex-basis: 30%; margin-top: 0; } .modSingle.modNoThumb.modSingleRight .boxes .boxCont > .boxBt { text-align: right; padding-left: 2em; } .modSingle.modNoThumb.modSingleLeft .boxes .boxCont > .boxBt { text-align: left; padding-right: 2em; } .modSingle.modNoThumb .boxes .boxCont > .boxBt a { text-align: center; } .modSingle .boxes .boxMedia { grid-area: media; } .modSingle .boxes .boxCont { grid-area: info; } .modSingle .boxes h3 { grid-area: titulo; } .modSingle.modSingleOverlap .boxes .box { position: relative; display: flex; align-items: start; } .modSingle.modSingleOverlap .boxes .boxMedia { width: 60%; min-width: 60%; } .modSingle.modSingleOverlap .boxes .boxCont { position: relative; right: 0; bottom: 0; width: 50%; height: auto; margin-top: 20%; margin-left: -8%; padding: 40px; border-radius: 5px; box-shadow: 3px 3px 4px rgba(0,0,0,.25); } .modSingle .boxes .tools { display: none; position: absolute; } .modSingle.modVideo .videoYoutube { border-radius: 5px } .modSingle.modVideo img { border-radius: 5px; } .modSingle.modRotator .boxes { display: block; } .modSingle.modRotator:not(.modSingleCenter) .box .flexInner { display: grid; grid-template-areas: "media info"; } .modSingle.modSingleRight.modRotator:not(.modSingleCenter) .box .flexInner { display: grid; grid-template-areas: "info media"; } .modSingle.modSingleOverlap.modRotator .box { margin-bottom: 4.5em; } .modSingle.modSingleOverlap.modRotator .box .flexInner { display: flex; } .modSingle.modSingleOverlap.modRotator .box .boxCont { margin-right: 8px; } .modSingle.modRotator .modInner > .boxes .box:not(:first-child) { display: none; } /* En módulo rotador solo muestra el primer item hasta que se ejecuta el script */ @media screen and (max-width: 1280px) { .modSingle.modSingleOverlap .boxes .boxCont { margin-top: 25%; margin-left: -12%; } } @media screen and (max-width: 1024px) { .modSingle.modNoThumb .boxes .boxCont > .copete { flex-basis: 100%; } .modSingle.modNoThumb:not(.modSingleCenter) .boxes .boxCont > .boxBt { flex-basis: 100%; margin-top: 1em; margin-bottom: 0; padding: 0; text-align: left; } } @media screen and (max-width: 900px) { .modSingle .boxes .box { grid-template-columns: 1fr; } .modSingle.modSingleLeft .boxes .box { grid-template-areas: "media" "info"; } .modSingle.modSingleRight .boxes .box { grid-template-areas: "media" "info"; } .modSingle.modSingle.modRotator:not(.modSingleCenter) .box .flexInner { grid-template-areas: "media" "info"; } .modSingle.modSingleOverlap .boxes .box { display: block; } .modSingle.modSingleOverlap .boxes .boxMedia { width: auto; } .modSingle.modSingleOverlap .boxes .boxCont { position: relative; width: auto; bottom: auto; margin: -15px 10px 0; padding: 30px 20px; } .modSingle.modSingleOverlap.modRotator .box .boxCont { margin-right: 20px; } .modSingle.modSingleOverlap.modRotator .box { margin-bottom: .5em; } .modSingle.modSingleOverlap.modRotator .box .flexInner { display: block; } .modBoxThumb.modRotator { padding-bottom: 10%; } } @media screen and (max-width: 640px) { .modSingle .boxes .box { display: block; } } /* Módulo viñetas */ .modBoxBullet .boxes { display: flex; flex-wrap: wrap; justify-content: space-between; } .modBoxBullet .boxes.mod1 { justify-content: center; margin-top: 20px; } .modBoxBullet .boxes .box { flex: 1 1 50%; max-width: calc(50% - 20px); margin: 10px 0; } /* Módulo ampliado */ .modExpanded { /*overflow: hidden;*/ text-align: left; } .modExpanded .modCont { /*font-size: 1.4em;*/ } .modExpanded h2 { margin-bottom: .7em; } .modExpanded .modDescription { max-width: none; font-family: "Rubik", sans-serif; font-size: 1.2em; font-weight: 500; } .modExpanded .modPicture { max-width: 60%; height: auto; margin: 2em auto 0; text-align: center; } .modExpanded .modPicture img { max-width: 100%; height: auto; } @media screen and (max-width: 640px) { .modExpanded .modPicture { max-width: 100%; } } /* Módulo listado */ .modList:first-child, .mEq + .modList { background: #fff; } .modList .modInner > h2 { display: none; } /* Temporal hasta que se arregle el parámetro de plantilla */ .modList .boxes .box { margin: 40px; position: relative; } .modList .boxes.hasDate .box { margin-bottom: 60px; } .modList .boxes .box a { display: flex; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; } .modList .boxes .box > a:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .modList .boxes .box .boxMedia { flex: 0 0 20%; } .modList .boxes .box .boxMedia img { height: 100%; object-fit: cover; object-position: center top; border-radius: 5px 0 0 5px; } .modList .boxes .box .boxCont { flex: 1; display: flex; flex-direction: column; padding: 0; border-radius: 5px 5px 0 0; overflow: hidden; } .modList .boxes .box .boxMedia + .boxCont { border-radius: 0 5px 5px 0; } .modList .boxes .box .boxCont h2, .modList .boxes .box .boxCont h3 { padding: 1.5rem; background: #f3f3f3; color: var(--mainColor); } .modList .boxes .box .boxCont h3:last-child { margin-bottom: 0; border-radius: 5px; } .modList .boxes .box .boxCont .copete { padding: 1.5rem; } .modList .boxes .box .boxCont .fecha { right: 0; transform: translate(-20%,-50%); } .modList .boxes .box .boxCont .fecha + * { margin-top: 0; padding-right: 6em; } @media screen and (max-width: 1024px) { .modList .boxes { padding-left: 0; padding-right: 0; } .modList .boxes .box .boxMedia { flex-basis: 30% } } @media screen and (max-width: 800px) { .modList .boxes .box { margin: 40px 0; } .modList .boxes .box .boxMedia { flex-basis: 40%; } .modList .boxes .box .boxCont h2, .modList .boxes .box .boxCont h3, .modList .boxes .box .boxCont .copete { padding: 1rem 1.5rem; } .modList .boxes .box .boxCont .fecha { transform: translateY(-50%) scale(.8); } .modList .boxes .box .boxCont .fecha + * { padding-right: 5em; } } @media screen and (max-width: 480px) { .modList .boxes .box a { flex-wrap: wrap; } .modList .boxes .box .boxMedia { flex-basis: 100%; height: 15em; } .modList .boxes .box .boxMedia img { border-radius: 5px 5px 0 0; object-position: center center; } .modList .boxes .box .boxCont { flex: auto; } } /* Paginación */ #body .page-selector { display: flex; justify-content: space-between; background: none; font-family: "Rubik", sans-serif; font-weight: 500; } #body .page-selector > div.next-page:only-child { margin-left: auto; } #body .page-selector > div a { border: 1px solid; border-radius: 5px; } #body .page-selector > div a::after, #body .page-selector > div a::before { content: ""; width: 10px; height: 15px; border: 0 none; transform: none; background: url(../img/bullet-generic.svg) no-repeat center center / contain; } #body .page-selector > div a::before { transform: rotate(180deg) } #body .page-selector a { color: #737373; text-decoration: none; } #body .page-selector ul { display: flex; margin: 0 auto; padding: 2em 0 0 0; } #body .page-selector ul li { position: relative; } #body .page-selector ul li::before { position: absolute; left: 0; top: 50%; width: 2px; height: 1.5em; margin: 0; background: #737373; transform: translateY(-50%); } #body .page-selector ul li:first-child::before { display: none; } #body .page-selector ul li a { padding: .6em; } #body .page-selector ul li.selected a { opacity: .5; cursor: default; pointer-events: none; } @media screen and (max-width: 800px) { #body .page-selector { flex-wrap: wrap; margin-bottom: 60px; } #body .page-selector ul { order: 3; flex-basis: 100%; justify-content: center; } } /* Módulo con background */ .mod.modBgImg { /*padding-top: 2.6%; padding-bottom: 2.6%;*/ background: center center / cover; } .mod.modBgImg h2 { color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,.5); /*font-size: 2.6rem;*/ } .mod.modBgImg .modDescription { color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,.5); } .mod.modBgImg .box .boxCont { display: block; } .mod.modBgImg .mod1 .box .boxCont { display: grid; grid-template-columns: 3fr 1fr; } .mod.modBgImg .box .boxCont h2 { margin-right: auto; } .mod.modBgImg .box .boxCont .boxBt { margin: 0 0 10px auto; } .mod.modBgImg .box .boxCont .copete { order: 2; grid-column: 1 / span 2; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,.5); } @media screen and (max-width: 1280px) { .mod.modBgImg .box .boxCont { grid-template-columns: 2fr 1fr; } } @media screen and (max-width: 900px) { .mod.modBgImg .box .boxCont { display: block; } .mod.modBgImg h2 { /*font-size: 2em;*/ } } /* Tamaños */ .modBox .boxes.mod1 .box { min-width: calc(40% - 40px); } .modBox .boxes.mod2 .box { min-width: calc(40% - 40px); } .modBox .boxes.mod3 .box { min-width: calc((100% / 3) - 40px); } .modBox .boxes.mod4 .box { min-width: calc(25% - 40px); } .modBox .boxes.mod5 .box { min-width: calc(20% - 40px); } .modBox.modRotator .boxes .box { min-width: calc(25% - 40px); } .modBox.modSlider .boxes .box { min-width: calc(50% - 40px); } @media screen and (max-width: 1024px) { .modBox .boxes.mod1 .box { min-width: calc(50% - 40px); } .modBox .boxes.mod2 .box { min-width: calc(50% - 40px); } .modBox .boxes.mod3 .box { min-width: calc(50% - 40px); } .modBox .boxes.mod4 .box { min-width: calc(50% - 40px); } .modBox .boxes.mod5 .box { min-width: calc((100% / 3) - 40px); } } @media screen and (max-width: 640px) { .modBox:not(.modBoxIcon):not(.modRotator) .boxes.boxes .box { min-width: calc(100% - 40px); } .modBoxBullet .boxes .box { max-width: 100%; } .modBoxIcon .boxes.mod2 .box, .modBoxIcon .boxes.mod3 .box, .modBoxIcon .boxes.mod4 .box { flex: 0 0 calc(50% - 20px); min-width: calc(50% - 20px); margin: 10px; } } @media screen and (max-width: 375px) { .modBoxIcon .boxes.mod2 .box, .modBoxIcon .boxes.mod3 .box, .modBoxIcon .boxes.mod4 .box { flex: 0 0 calc(100% - 20px); } } /* Fragmentos de boxes */ .boxes .box .boxMedia { } .boxes .boxMedia figure { position: relative; margin-bottom: 0; } .boxes .boxMedia figure img { margin-bottom: 0; } .boxes .boxMedia figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: .6em; margin-bottom: 0; background: rgba(0,0,0,.7); color: #fff; text-align: left; } .boxes .box .boxCont { padding: 30px 20px; } .modBoxIcon .box .boxCont { padding: 10px 10px 20px; } .modSingle .box .flexInner .boxCont, .modBoxThumb .box .boxCont { padding: 30px; } .modSingle .box .boxCont, .modNoThumb .box .boxCont { padding: 30px 0; } @media screen and (max-width: 640px) { .modBoxThumb .box .boxCont { padding: 20px; } .modSingle .box .flexInner .boxCont, .modSingle .box .boxCont { padding: 20px 0 0; } .modSingle.modDestacado .box .boxCont { padding-top: 40px; } .modBoxIcon.modNoLink .box .boxCont { padding-bottom: 0; } } .box .fecha { /*display: none;*/ margin-bottom: .5em; font-family: 'Rubik', sans-serif; font-size: 1.5em; } .box .colgado { font-family: 'Rubik', sans-serif; font-size: 1.25em; font-weight: 400; text-transform: uppercase; } .box h3 { margin: 0 0 5px; font-family: 'Rubik', sans-serif; /*font-size: 1.5em; font-weight: 500;*/ } .modSingle .box h2, .modSingle .box h3 { } .box .copete, .modSingle .box .copete { font-size: 1.1em; } .box .copete:empty { display: none; } .box img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 5px 5px 0 0; } .modSingle .box img { border-radius: 5px; } /*.modEvents*/ .box .fecha { display: block; position: absolute; padding: .6em 1em; border-radius: 5px; background: #363636; font-size: 1em; color: #fff; text-align: center; transform: translateY(calc(-70% - 20px)); } /*.modEvents*/ .box .fecha .fechaAnio { display: none; } /*.modEvents*/ .box .fecha .fechaMes { display: block; line-height: 1; font-size: 1.4em; font-weight: 300; text-transform: uppercase; } /*.modEvents*/ .box .fecha .fechaDia { display: block; line-height: 1; font-size: 2.1em; font-weight: 900; } /*.modEvents*/ .box .fecha + * { margin-top: 30px; } /*.modEvents*/ .box .hora { visibility: hidden; height: 0; overflow: hidden; } /*.modEvents*/ .box .boxCont .colgado { margin-bottom: 5px; } @media screen and (max-width: 1400px) { .box .colgado { font-size: 1.2em; } .box .copete, .modSingle .box .copete { font-size: 1em; } .modEvents .box .fecha .fechaMes { font-size: 1.2em; } .modEvents .box .fecha .fechaDia { font-size: 1.8em; } } @media screen and (max-width: 1280px) { .box .colgado { font-size: 1em; } .modEvents .box .fecha { padding: .5em .8em; } .modEvents .box .fecha .fechaMes { font-size: 1.1em; } .modEvents .box .fecha .fechaDia { font-size: 1.6em; } } @media screen and (max-width: 1024px) { .box .copete, .modSingle .box .copete { font-size: 1em; } } @media screen and (max-width: 640px) { .modSingle .boxes h2 { font-size: 1.4em; } .box .copete, .modSingle .box .copete { font-size: .9em; } } @media screen and (max-width: 480px) { .modEvents .boxMedia { padding-left: 80px; } .modEvents .boxMedia img { height: 125px; object-fit: cover; object-position: top; } .modEvents .box .fecha { top: 0; left: 0; height: 125px; max-width: 85px; min-width: 85px; transform: none; border-radius: 5px 0 0; display: flex; flex-wrap: wrap; align-content: center } .modEvents .box .fecha > * { flex: 1 1 100%; } .modEvents .box .fecha + * { margin-top: 0px } } /* Botones */ a.boton, .boxBt, .modBt { margin-top: 30px; font-family: 'Rubik', sans-serif; font-size: 1.1em; font-weight: 600; text-align: center; } .modBt { margin-top: 35px; } a.boton { margin-top: 0; } a.boton, .boxBt a, .modBt a { display: inline-block; padding: .5em 1.2em; border: 2px solid; border-radius: 5px; text-decoration: none; } .boxBt { position: absolute; width: 100%; bottom: 0; transform: translateY(50%); } .modSingle .boxBt { position: static; text-align: left; transform: translate(0); } .modSingle.modBoxIcon .boxBt { text-align: center; } @media screen and (max-width: 1400px) { .boxBt, .modBt { font-size: 1em; } } @media screen and (max-width: 1280px) { .boxBt, .modBt { font-size: .95em; } } /* Add This (Tools) */ #content-tools { height: 0; margin: 0; padding: 0; } .tools { position: absolute; top: 0; right: 1em; z-index: 1; width: 50px; height: 50px; line-height: 45px; border-radius: 50%; font-size: 12px; text-align: center; } .tools { margin-top: 56.25%; transform: translateY(-50%); } .ort-tools .tools { margin-top: 90px; right: calc(8% + 110px) /*calc(((100vw - 1580px) /2) + 110px)*/; } #content-toptitle ~ .ort-tools .tools { margin-top: 117px; } #content-headPicture ~ .ort-tools .tools { margin-top: calc(15.625% + 40px); } #centralpanel > .tools { margin-top: 75px; } /* Para contenidos de Innova */ #centralpanel > div#breadcrumb + .tools { margin-top: calc(75px + 40px); } /* Para contenidos de Innova */ .tools .icons-share { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0; background: url(../img/ico-share.svg) no-repeat center center,url(../img/ico-share-white.svg) no-repeat center center; background-color: #e5e5e5; z-index: 2; border-radius: 50%; color: #454445; box-shadow: 0 3px 4px rgba(0,0,0,.25); outline: none; font-family: "Font Awesome 5 Pro"; font-size: 2.5em; } .tools .icons-share::after { /*content: "\f1e0"; display: block;*/ } .active .tools .icons-share, .tools.active .icons-share { background: url(../img/ico-share-white.svg) no-repeat center center; } .tools .addthis_toolbox { position: absolute; top: 0; bottom: 0; right: 0; left: 0; outline: none; } .tools .addthis_toolbox > a.at300b { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; margin: 0; opacity: 0; transform: translate(0,0); transition: .5s; background: white; border-radius: 50%; color: #454445; box-shadow: 0 3px 4px rgba(0,0,0,.25); outline: none; } .tools .addthis_toolbox > a.at300b:hover { background: #e5e5e5; } .tools .addthis_toolbox > a.active.at300b { opacity: 1; } .tools .addthis_toolbox > a.active.at300b[class*=linkedin] { transform: translate(0%,-140%); } .tools .addthis_toolbox > a.active.at300b[class*=twitter] { transform: translate(-120%,-60%); } .tools .addthis_toolbox > a.active.at300b[class*=facebook] { transform: translate(-120%,80%); } .tools .addthis_toolbox > a.active.at300b[class*=whatsapp] { transform: translate(-0%,140%); } .tools .addthis_toolbox > a.at300b * { display: none; } .tools .addthis_toolbox > a.at300b::before { font-family: "Font Awesome 5 Brands"; font-size: 2.5em; } .tools .addthis_toolbox > a.at300b[class*=linkedin]::before { content: "\f0e1"; } .tools .addthis_toolbox > a.at300b[class*=twitter]::before { content: "\f099"; } .tools .addthis_toolbox > a.at300b[class*=facebook]::before { content: "\f39e"; } .tools .addthis_toolbox > a.at300b[class*=whatsapp]::before { content: "\f232"; } .box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); border-radius: 5px; opacity: 0; transition: .3s; pointer-events: none; } .box.active::before { pointer-events: all; opacity: 1; z-index: 1; } @media screen and (max-width: 1580px) { } @media screen and (max-width: 900px) { .ort-tools .tools { right: 110px; } #content-headPicture ~ .ort-tools .tools { margin-top: calc(150px + 40px); } #centralpanel > .tools { margin-top: 65px; } /* Para contenidos de Innova */ #centralpanel > div#breadcrumb + .tools { margin-top: calc(65px + 40px); } /* Para contenidos de Innova */ } @media screen and (max-width: 640px) { .ort-tools .tools { right: 100px; } } @media screen and (max-width: 480px) { .ort-tools .tools { right: 50px; } .modEvents .flexslider .tools { margin-top: 56.25% !important; } /* Para que no se superponga a las flechas de navegación */ } @media screen and (min-width: 640px) { /* MIN */ .tools .addthis_toolbox > a.active.at300b[class*=whatsapp] { display: none; } } /* ---------- Módulos individuales ---------- */ /* Single Left */ .modSingleLeft { } /* Single Right */ .modSingleRight { } /* Single Right sin thumb (Usado para los boxes sin contenido) */ .modSingleRight.modNoThumb .modInner { display: grid; grid-template-areas: "title ." "description button"; grid-template-columns: 5fr 1fr; align-items: start } .modSingleRight.modNoThumb.modNoButton.modNoCont .modInner, .modSingleRight.modNoThumb.modNoButton .modInner { grid-template-areas: "title" "description"; grid-template-columns: 1fr; } .modSingleRight.modNoThumb .modInner > h2 { grid-area: title; text-align: left; } .modSingleRight.modNoThumb .modInner > .modDescription { grid-area: description; max-width: 100%; margin-left: 0; text-align: left; } .modSingleRight.modNoThumb .modInner > .modBt { grid-area: button; margin: 0 0 0 30px; text-align: right; white-space: nowrap; } @media screen and (max-width: 900px) { .modSingleRight.modNoThumb .modInner { display: block; } .modSingleRight.modNoThumb .modInner > .modBt { margin: 30px 0 0 0; text-align: left; } } /*.modSingleRight.modNoThumb.modNoCont .modInner { grid-template-areas: "title button" "description ."; }*/ .modSingleRight.modNoThumb .modInner h2 + .modBt { grid-row: 1; } /* Single Right sin thumb sin Contenidos (con y sin contenidos asociados) */ .modSingleRight.modNoThumb.modNoCont .modInner { display: grid; align-items: start; grid-template-areas: "title . ." "description button ."; grid-template-columns: 7fr 3fr calc(100% - (100% / 6 * 5)); } .modSingleRight.modNoThumb.modNoCont .modInner .modDescription { max-width:100%; flex: 0 0 70%; margin: 0; } .modSingleRight.modNoThumb.modNoCont.modNoButton .modInner .modDescription { flex: none; } @media screen and (max-width: 1024px) { .modSingleRight.modNoThumb.modNoCont .modInner { display: block; } .modSingleRight.modNoThumb.modNoCont .modInner > .modBt { margin: 30px 0 0 0; text-align: left; } } /* Single Center */ .modSingleCenter { } .modSingle.modSingleCenter .boxes .box { text-align: center; } .modSingle.modSingleCenter .boxes .boxMedia { padding: 20px 0; } .modSingle.modSingleCenter .boxes .box img { width: 50%; margin: 0 auto; border-radius: 5px; } .modSingle.modSingleCenter .boxes .box .boxCont { max-width: 85%; margin-left: auto; margin-right: auto; } .modSingle.modSingleCenter .boxBt { text-align: center; } @media screen and (max-width: 640px) { .modSingle.modSingleCenter .boxes .box img { width: auto } .modSingle.modSingleCenter .boxes .box .boxCont { max-width: 100%; } } /* Single Overlap */ .modSingleOverlap { } .modSingleOverlap .box h2, .modSingleOverlap .box h3 { } .modSingleOverlap .box .copete { /*font-size: 1.375em;*/ } /* Box Miniatura */ .modBoxThumb { } /* Box Ícono */ .modBoxIcon { } .modBoxIcon .box .boxMedia { display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 5 Pro"; font-size: 3.8em; font-weight: 300; } .modBoxIcon .box img { display: none; width: auto; max-width: 100px; margin: 0 auto; border-radius: 0; } /* Box Viñeta */ .modBoxBullet { } .modBoxBullet .boxes .boxCont { padding: 15px 20px; } .modBoxBullet .boxes .box h3 { display: flex; font-family: "Open sans"; font-weight: 400; text-align: left; } .modBoxBullet .boxes .box h3::before { content: ""; width: 10px; min-width: 10px; height: 19px; margin: .35em; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; } .modBoxBullet .boxes .box > a { position: relative; display: block; height: 100%; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; } .modBoxBullet .boxes .box > a:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .modBoxBullet.modDestacado .boxes a h3 { margin-bottom: 0; padding: 15px 20px; } .modBoxBullet.modDestacado .boxes .boxCont { padding: 0 20px; } .modBoxBullet.modDestacado .boxes .boxCont .copete { padding-bottom: 15px; } /* Box destacado */ .modBox.modBoxThumb.modDestacado .box { margin-bottom: 60px; } .modBox.modBoxThumb.modDestacado .box h3 { margin: 0; padding: 14px 20px; border-radius: 5px 5px 0 0; font-size: 1.6rem; font-weight: 600; text-align: center; } .modBox.modBoxThumb.modDestacado .box img { border-radius: 0; } .modSingle.modDestacado .boxMedia img { border-radius: 5px; } .modSingle.modSingleLeft.modDestacado .boxes { padding-top: 40px; } .modSingle.modSingleRight.modDestacado .boxes { padding-top: 0; } .modSingle.modSingleLeft.modDestacado .boxMedia img { transform-origin: left top; transform: translate(40px,0) scale(0.946666); } .modSingle.modSingleRight.modDestacado .boxMedia img { transform-origin: bottom right; transform: translate(-40px,0) scale(0.946666); } @media screen and (max-width: 1400px) { .modBoxIcon .box .boxMedia { font-size: 3.6em; } .modBox.modBoxThumb.modDestacado .box h3 { font-size: 1.4rem; } } @media screen and (max-width: 1280px) { .modBoxIcon .box .boxMedia { font-size: 3.4em; } } @media screen and (max-width: 640px) { .modBoxIcon .box .boxMedia { /*min-height: 120px;*/ font-size: 3.2em; } .modBox.modBoxThumb.modDestacado .box h3 { font-size: 1.3rem; } .modBoxBullet .boxes .box h3::before { width: 8px; min-width: 8px; } .modSingle.modSingleLeft.modDestacado .boxMedia img { transform: translate(20px,0) scale(0.946666); } .modSingle.modSingleRight.modDestacado .boxMedia img { transform: translate(-20px,0) scale(0.946666); } } /* Temporal para mostrar opciones */ .modDestacado .tools { transform: translateY(calc(-50% + 51px)); /* Alto del título */ } /* ---------- Contenido ---------- */ .ort-genericGontent ul, .ort-genericGontent ol, .ort-genericGontent p { /*font-size: 1.25rem;*/ } p.destacados, p.destacados2, p.destacados3 { position: relative; clear: both; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 6rem 22.6%; font-size: 1.4rem; font-weight: 600; } p.destacados::after, p.destacados2::after, p.destacados3::after { content: ""; clear: both; display: block; width: 100%; height: 0; } p.destacados a, p.destacados2 a, p.destacados3 a { text-decoration: underline; } p.destacados, p.destacados a { font-weight: 400; color: #fff; } p.destacados2 { background: url(../img/bg-destacado-top.svg) no-repeat center top / contain, url(../img/bg-destacado-bottom.svg) no-repeat center bottom / contain, #f3f3f3; } @media screen and (max-width: 1024px) { p.destacados2 { background-image: url(../img/bg-destacado-top-mov.svg), url(../img/bg-destacado-bottom-mov.svg); } } @media screen and (max-width: 1580px) { p.destacados, p.destacados2, p.destacados3 { padding: 5rem 10%; } } @media screen and (max-width: 1200px) { p.destacados, p.destacados2, p.destacados3 { padding: 4rem 8%; font-size: 1.2rem; } } @media screen and (max-width: 1024px) { p.destacados, p.destacados2, p.destacados3 { padding: 5rem 8%; } } @media screen and (max-width: 800px) { .ort-genericGontent ul, .ort-genericGontent ol, .ort-genericGontent p, .ort-oplaboral ul, .ort-oplaboral ol, .ort-oplaboral p { font-size: 1rem; } p.destacados, p.destacados2, p.destacados3 { padding: 3rem 8%; } } img[data-flickr-embed="true"] { max-width: 767px; height: 432px; } .flickr-embed-frame { display: block; max-width: 767px !important; margin: 0 auto !important; } .instagram-media-rendered { margin: 0 auto 12px !important; } /* Uso important porque Instagram genera márgenes inline */ figure { margin: 0 auto .7em; text-align: center; line-height: 1.5; } figure.contentImgLeft { float: left; margin-right: 1.5em; } figure.contentImgRight { float: right; margin-left: 1.5em; } figure img { width: 100%; height: auto; margin-bottom: .5em; } figcaption { font-size: .7em; color: #363636; } .galleryWrapper + figcaption, #content-picture figcaption { margin-top: .5em; } /* Tablas */ table { border-collapse: collapse; overflow: hidden; border: none; } table th,table td { padding: 1em; font-size: 1.125em; border: 1px solid #d2d2d2; } table thead th { border-bottom: 5px solid; background: #e5e5e5; font-weight: 600; } table tr { background: #fff; } table tr:nth-child(odd) { background: #f3f3f3; } .tableScroll { overflow-x: auto; } .tableScroll .tblHeadLabel { display: none; } @media screen and (max-width: 600px) { .tablaRow2Cols tbody th, .tablaRow2Cols td, .tablaRow2Cols tr { display: block; } .tablaRow2Cols .titulo { display: none; } .tablaRow2Cols h3 { margin-top: 1.5em; } .tablaRow2Cols tr:nth-child(odd) { background: #fff; } .tablaRow2Cols tr { margin-bottom: 1.2em; background: #fff; } .tablaRow2Cols td { position: relative; margin-top: -1px; padding: .8em; font-size: 1em; background: #f3f3f3; } .tablaRow2Cols td.cellHasLbl { padding-top: 2em; } .tablaRow2Cols .tableSeparator { height: 0; margin: 0; padding: 0; border: none; overflow: hidden; } .tablaRow2Cols .country { padding-top: 0; background: #d2d2d2; } .tablaRow2Cols .tblHeadLabel { position: absolute; top: 0; left: 0; display: block; padding: .2em .5em; font-size: .8em; background: #fff; border-radius: 0 0 5px } .tablaRow2Cols .tblHeadLabel:empty { display: none; } .tablaRow2Cols tbody th { margin-bottom: 1em; background: lightblue; } } /* Menú contextual */ #content-body .content-navContext { display: none; } .content-navContext { order: 1; position: relative; height: 0; margin: 0 auto; margin: 0 8%; } .hasNavOrient#centralpanel #content-navContext { order: 2; } .content-navContext nav { position: absolute; right: 0; top: -100px; width: 75px; height: 75px; max-width: 500px; cursor: pointer; overflow: hidden; z-index: 0; } #content-toptitle ~ .content-navContext nav { top: -185px; } .hasNavOrient #content-toptitle ~ .content-navContext nav { top: -75px; } #content-toptitle ~ .content-navContext nav.navHasOwnMenu { top: -80px; } .hasNavOrient #content-toptitle ~ .content-navContext nav.navHasOwnMenu { top: 1.7em; } .content-navContext nav.navOpen { width: 25%; height: auto; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.25); transition: .3s; z-index: 5 } .content-navContext nav::before { content: "\f141"; display: block; width: 55px; height: 55px; margin: .2em .3em .2em auto; padding: 0; transform-origin: center center; transition: .3s; transform: rotate(90deg); font-family: "Font Awesome 5 Pro"; font-size: 3.5em; line-height: 1; text-align: center; overflow: hidden; } .content-navContext nav.navOpen::before { transform: rotate(0deg); } .content-navContext nav > * { cursor: auto; } .content-navContext nav .navTit, .content-navContext nav h3 { position: relative; margin: 0; padding: .8em 13%; background: #f3f3f3; font-family: "Rubik", sans-serif; font-size: 1.4em; font-weight: 600; color: #363636; } .content-navContext nav ul + .navTit, .content-navContext nav ul + h3 { border-top: 4px solid #c7c7c7; } .content-navContext nav ul { clear: right; font-family: "Rubik", sans-serif; font-size: 1.2em; } .content-navContext nav li a { display: block; padding: .8em 13%; color: #393939; } .content-navContext nav li a:hover { background: #e6e6e6; } .content-navContext nav li.selected a { font-weight: 400; position: relative; } .content-navContext nav .navTit.selected::after, .content-navContext nav h3.selected::after, .content-navContext nav li.selected a::after { content: ""; position: absolute; bottom: 0; left: 10%; display: block; width: 80%; height: 1px; border-bottom: 3px solid; } .content-navContext nav ul:last-child li.selected:last-child { margin-bottom: 1em; } @media screen and (max-width: 1580px) { .content-navContext nav { margin-right: 20px; } } @media screen and (max-width: 1400px) { .content-navContext nav.navOpen { width: 30%; } } @media screen and (max-width: 900px) { .content-navContext nav { top: -65px; margin-right: 0px; } .content-navContext nav { height: 55px; width: 55px; } #content-toptitle ~ .content-navContext { position: static; } #content-headPicture ~ #content-toptitle ~ .content-navContext nav { top: calc(150px + 45px); } #content-headPicture ~ #content-toptitle ~ .content-navContext nav.navHasOwnMenu { top: calc(150px + 90px + 45px); } #content-toptitle ~ .content-navContext nav { top: 45px; } .content-navContext nav::before { margin: 0 0 0 auto; } } @media screen and (max-width: 768px) { .content-navContext nav.navOpen { width: 40%; } } @media screen and (max-width: 640px) { .content-navContext nav.navOpen { max-width: 300px; margin-left: 20px } .content-navContext nav .navTit, .content-navContext nav h3 { font-size: 1.2em; } .content-navContext nav ul { font-size: 1em; } } @media screen and (max-width: 480px) { .content-navContext nav.navOpen { width: 80%; } } /* Imágenes */ img.contentImgLeft { max-width: 100%; height: auto; margin-right: 1.5em; margin-bottom: .3em; } img.contentImgRight { max-width: 100%; height: auto; margin-left: 1.5em; margin-bottom: .3em; } /* Videos */ #body pre { visibility: hidden; } .videoResponsive, #body .mod .videoYoutube { background: transparent; overflow: visible; margin-bottom: 0; } .modExpanded .videoResponsive { } .videoWrapper { max-width: 767px; margin: 0 auto; } #type-innova-container-site .ortgeneric_container .videoWrapper { max-width: 100%; } /* Video en contenedorORT en página principal */ #type-innova-container-site .ortgeneric_container .videoResponsive { padding-bottom: 30%; } /* Video en contenedorORT en página principal */ #type-innova-container-site .ortgeneric_container .content-toptitle { display: none; } #type-innova-container-site .ortgeneric_container [class^=content-title] { display: none; } /* Flickr */ .galleryWrapper { max-width: 767px; margin: 0 auto; } .galleryWrapper[data-orient^=vert] { max-width: 360px; } /* Fancybox */ .fancybox-content { border-radius: 5px; } .fancybox-content ul { list-style-type: none !important; } @media screen and (max-width: 640px) { .fancybox-content { padding: 20px; } } /* Flexslider */ .flexslider { background: transparent; border-color: transparent; } .modBox .flexslider { border: none; padding: 0 5px 0 0; } .modBox .flexslider .flex-viewport { /*padding-right: 5px;*/ } .modBox.modSlider .flexslider { padding: 0; margin-bottom: 0 } .modBox.modSlider .flexslider img { border-radius: 5px; } .flex-control-paging li a { outline: none; } .flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-next { opacity: 1; right: -80px; width: 70px; height: 70px; margin-top: -35px; background: rgba(255,255,255,1) url(../img/bullet-generic.svg) no-repeat center center / 20%; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.3); text-indent: -9000px; text-align: left; } .flex-direction-nav li a.flex-prev { left: -80px; transform: rotate(180deg); box-shadow: 0 -2px 4px rgba(0,0,0,.3); } .flex-direction-nav a:before { visibility: hidden; } .flexslider:hover .flex-direction-nav .flex-prev { left: -80px; } .flexslider:hover .flex-direction-nav .flex-next { right: -80px; } .modBox .flexslider { flex-direction: column; display: flex; } .modBox .flexslider .flex-control-nav { position: static; } .modBox .flexslider .modBt { order: 9; } .mod.modColor.modSlider a, .mod.modColor.modSlider a:hover { box-shadow: none; } .modSlider .flex-direction-nav li a.flex-prev, .modSlider .flexslider:hover .flex-direction-nav li a.flex-prev { left: -.3em; width: 40px; height: 40px; margin-top: -20px; } .modSlider .flex-direction-nav li a.flex-next, .modSlider .flexslider:hover .flex-direction-nav li a.flex-next { right: -.3em; width: 40px; height: 40px; margin-top: -20px; } .modSlider .flex-control-nav { display: none; bottom: 0; } .mod.modBoxThumb.modSlider .boxes .box.box { background: none; } .modSlider .box .boxCont { text-align: center; padding-bottom: 0; } .modBoxIcon.modRotator .boxes { flex-wrap: nowrap; justify-content: start; padding: 0; margin: 20px 0; } .modBoxIcon.modRotator .boxes.boxes .box { min-width: auto; max-width: none; flex-basis: auto; margin: 0; } .modBoxIcon.modRotator .boxes.boxes .box a { position: relative; margin: 0 /*20px*/; } @media screen and (max-width: 1024px) { .flex-direction-nav li a.flex-prev { left: -70px; opacity: .8; } .flex-direction-nav li a.flex-next { right: -70px; opacity: .8; } .flexslider:hover .flex-direction-nav .flex-prev { left: -70px; opacity: .8; } .flexslider:hover .flex-direction-nav .flex-next { right: -70px; opacity: .8; } } @media screen and (max-width: 640px) { .modSlider .flex-direction-nav li a.flex-prev, .modSlider .flexslider:hover .flex-direction-nav li a.flex-prev, .flex-direction-nav li a.flex-prev { left: -35px; top: 0; margin-top: 45%; width: 30px; height: 30px; opacity: .8; } .modSlider .flex-direction-nav li a.flex-next, .modSlider .flexslider:hover .flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-next { right: -35px; top: 0; margin-top: 45%; width: 30px; height: 30px; opacity: .8; } .flexslider:hover .flex-direction-nav .flex-prev { left: -40px; opacity: .8; } .flexslider:hover .flex-direction-nav .flex-next { right: -40px; opacity: .8; } .modSlider .flexslider .flex-direction-nav li a.flex-prev, .modSlider .flexslider .flex-direction-nav li a.flex-next, .modSlider .flexslider:hover .flex-direction-nav li a.flex-prev, .modSlider .flexslider:hover .flex-direction-nav li a.flex-next { margin-top: -20px; top: 50%; } .modBox .flexslider .flex-control-nav { height: 20px; overflow: hidden; } } @media screen and (max-width: 480px) { .modSlider .flex-direction-nav li a.flex-prev, .modSlider .flexslider:hover .flex-direction-nav li a.flex-prev { left: 5px; } .modSlider .flex-direction-nav li a.flex-next, .modSlider .flexslider:hover .flex-direction-nav li a.flex-next { right: 5px; } .mod .flexslider { overflow: hidden; } .mod .flexslider .flex-viewport { overflow: initial !important; } .flex-direction-nav li a.flex-prev { left: 5px; top: 0; width: 48px; height: 48px; } .flex-direction-nav li a.flex-next { right: 5px; top: 0; width: 48px; height: 48px; } .flexslider:hover .flex-direction-nav .flex-prev { left: 5px; } .flexslider:hover .flex-direction-nav .flex-next { right: 5px; } .modBoxIcon .flexslider .modDescription ~ .flex-direction-nav li a.flex-prev { top: auto; left: 0; margin-top: -55%; } .modBoxIcon .flexslider .modDescription ~ .flex-direction-nav li a.flex-next { top: auto; right: 0; margin-top: -55%; } } /* Rotador de Innova */ .innova_rotator { width: 100%; overflow: hidden; } .innova_rotator .box-title { display: none; } .innova_rotator .content-slider { position: relative; } .innova_rotator .content-slider .items img { display: block; width: 100%; height: calc(79.26vh - 148px - 3vw - 110px); border-radius: 0; object-fit: cover; object-position: center top; } .innova_rotator .content-slider .item > .item-title { display: none; color: red; } .innova_rotator .content-slider .items .item-picture::after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,1) 100%); } .innova_rotator .content-slider .items .item-text { position: absolute; left: 0; right: 0; bottom: 12%; } .innova_rotator .content-slider .items .item-text > * { width: 100%; max-width: 1580px; margin: 0 auto; padding: 0; } .innova_rotator .content-slider .items .item-toptitle { margin-bottom: 5px; font-size: .875em; } .innova_rotator .content-slider .items .item-text .item-title { max-width: 1400px; margin: 0 auto; font-family: "Rubik", sans-serif; font-weight: 900; font-size: calc(18px + (50 - 18) * ((100vw - 360px) / (1920 - 360))); color: #fff; text-align: center; } .innova_rotator .content-slider .items .item-text .item-title a { text-decoration: none; color: #fff; } .innova_rotator .content-slider .items .item-text .item-description { font-family: "Rubik", sans-serif; color: #fff; font-weight: 400; text-align: center; } .innova_rotator .content-slider .items .item-text .see-more { display: none; } .innova_rotator .content-slider .item-selector { position: absolute; right: 0px; bottom: 35px; width: 100%; } .innova_rotator .content-slider .item-selector ul { display: flex; justify-content: center; margin: 0; padding: 0; } .innova_rotator .content-slider .item-selector li { margin: 0 5px; padding: 0; font-size: 1em; } .innova_rotator .content-slider .item-selector li.previous, .innova_rotator .content-slider .item-selector li.next { display: none; } .innova_rotator .content-slider .item-selector li .top-title { display: none; } .innova_rotator .content-slider .item-selector li a { display: block; width: 12px; height: 12px; overflow: hidden; background: transparent; border-radius: 50%; border: 2px solid #fff; text-indent: 50px; } .innova_rotator .content-slider .item-selector li.selected-item a { background: #fff; } .innova_rotator .content-slider .rotator-pause { display: none; } .innova_rotator .content-slider .previous-item, .innova_rotator .content-slider .next-item { position: absolute; top: 50%; width: 50px; height: 65px; transform: translate(0,-50%); } .innova_rotator .content-slider .previous-item { left: calc((100vw - 1580px) /2); } .innova_rotator .content-slider .next-item { right: calc((100vw - 1580px) /2); transform: rotate(180deg) translate(0,50%); } .innova_rotator .content-slider .previous-item span, .innova_rotator .content-slider .next-item span { width: 0; } .innova_rotator .content-slider .previous-item a, .innova_rotator .content-slider .next-item a { display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; overflow: hidden; text-indent: -9000px; } .innova_rotator .content-slider .next-item a { background-position: -78px center; } .innova_rotator .content-slider .previous-item a::after, .innova_rotator .content-slider .next-item a::after { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-size: 3.125em; color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,.55); text-indent: 0; } /*.meta-app.innova_rotator.sinLnks .item-selector { position: relative; }*/ .meta-app.innova_rotator.sinLnks .item-selector:before{ content:""; display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; } /*.meta-app.innova_rotator.sinLnks .previous-item, .meta-app.innova_rotator.sinLnks .next-item {display: none; }*/ @media screen and (max-width: 1600px) { .innova_rotator .content-slider .items .item-text > * { padding: 0 70px; } .innova_rotator .content-slider .previous-item { left: 20px; } .innova_rotator .content-slider .next-item { right: 20px; } .innova_rotator .content-slider .item-selector { bottom: 20px; } } @media screen and (max-width: 1400px) { .innova_rotator .content-slider .items img { height: calc(90vh - 148px - 3vw - 110px); } } @media screen and (max-width: 1200px) { .innova_rotator .content-slider .item-selector { bottom: 15px; } } @media screen and (max-width: 900px) { .innova_rotator .content-slider .items .item-text > * { padding: 0 25px; } .innova_rotator .content-slider .items img { height: calc(100vh - 80px - 3vw - 120px - 20px - 100px); } } @media screen and (max-width: 640px) { .innova_rotator .content-slider .items img { height: calc(100vh - 80px - 3vw - 100px - 30px - 100px); } } /* Listas - Definiciones genéricas */ .fancybox-content ul, .ort-description ul, .ort-genericGontent ul, .ort-oplaboral ul, .type-ortnews ul, .copete ul, .modExpanded ul { margin-bottom: 2.6875rem; padding: 0 25px 0 5%; } .modSingle .copete ul, .modBox .copete ul { padding: 0 25px; } .fancybox-content ul li, .ort-description ul li, .ort-genericGontent ul li, .ort-oplaboral ul li, .type-ortnews ul li, .copete ul li, .modExpanded ul li { margin: 0 0 .8em; } .fancybox-content ul li::before, .ort-description ul li::before, .copete ul li::before, .ort-genericGontent ul li::before, .ort-oplaboral ul li::before, .type-ortnews ul li::before, .modExpanded ul li::before { content: ""; position: absolute; width: 6px; height: 17px; margin: .15rem 0 0 -13px; background: url(../img/bullet-generic.svg) no-repeat center center / contain; background-image: var(--bulletImg); } .modColor .copete ul li::before { background-image: url(../img/bullet-blanco.svg); } .fancybox-content ul li::before { margin-top: .1rem; } .ort-description ul li ul, .ort-genericGontent ul li ul, .ort-oplaboral ul li ul, .type-ortnews ul li ul, .copete ul li ul, .modExpanded ul li ul { margin-top: .8em; margin-bottom: 0; } .ort-description ul li ol, .ort-genericGontent ul li ol, .ort-oplaboral ul li ol, .copete ul li ol, .modExpanded ul li ol { margin-top: .8em; margin-bottom: 0; } .ort-description ul li ul li::before, .ort-genericGontent ul li ul li::before, .ort-oplaboral ul li ul li::before, .type-ortnews ul li ul li::before, .copete ul li ul li::before, .modExpanded ul li ul li::before { content: "\2022"; margin-top: -5px; margin-left: -20px; background: none; font-size: 1.4em; color: #636363; } .ort-description ul li ol li::before, .ort-genericGontent ul li ol li::before, .ort-oplaboral ul li ol li::before, .type-ortnews ul li ol li::before, .copete ul li ol li::before, .modExpanded ul li ol li::before { display: none } ol li::marker { font-weight: 600; } .ort-description ol, .ort-genericGontent ol, .ort-oplaboral ol, .type-ortnews ol, .copete ol, .modExpanded ol { margin-bottom: 2.6875rem; padding: 0 25px 0 5%; list-style: decimal; } .modSingle .copete ol, .modBox .copete ol { padding: 0 25px; } .ort-description ol li, .ort-genericGontent ol li, .ort-oplaboral ol li, .type-ortnews ol li, .copete ol li, .modExpanded ol li { margin: 0 0 .8em; } .ort-description ol li ul, .ort-genericGontent ol li ul, .ort-oplaboral ol li ul, .type-ortnews ol li ul, .copete ol li ul, .modExpanded ol li ul { margin-top: .8em; margin-bottom: 0; list-style: none; } .ort-description ol li ul li, .ort-genericGontent ol li ul li, .ort-oplaboral ol li ul li, .type-ortnews ol li ul li, .copete ol li ul li, .modExpanded ol li ul li { margin-top: .8em; margin-bottom: 0; } .modColor .copete ol li ul li::before { background-image: url(../img/bullet-blanco.svg); } .ort-description ol li ol, .ort-genericGontent ol li ol, .ort-oplaboral ol li ol, .type-ortnews ol li ol, .copete ol li ol, .modExpanded ol li ol { margin-bottom: 0; list-style: decimal; } /* Listas - Definiciones específicas por tipo */ ul li.tituloLista { margin-left: -25px } ul li.tituloLista h3 { margin: 0; } ul li.tituloLista::before { display: none; } ul.listThumbs.listThumbs { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -20px; margin-right: -20px; padding: 0; } ul.listThumbs li { flex: 0 0 calc(25% - 40px); margin: 20px; } ul.listThumbs li::before { display: none; } ul.listThumbs li img { width: 100%; height: auto; } .ort-description ul { margin-left: 2em; padding: 0; } .ort-description ul li { margin: 0 0 .3em; } .copete ul { margin: 1em 0 1em; } .copete ul li { margin: 0 0 .3em; } ul.flotante { display: inline-block; width: 48%; vertical-align: top; padding-left: 25px; } .lstColumn { column-count: 2; column-gap: 5%; } .lstColumn li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .lstFaq { } .lstFaq::before { display: none; } .lstFaq::after { content: ""; clear: both; display: block; width: 100%; height: 0; } .lstFaq h3 { display: flex; padding: 1em 2em; border-radius: 5px; background: #f3f3f3; cursor: pointer; box-shadow: 3px 3px 4px rgba(0,0,0,.25); } .mod:nth-child(2n+1) .lstFaq h3 { background-color: #fff; } .lstFaq h3::before { content: ""; order: 3; display: block; transform: rotate(90deg); width: 10px; min-width: 10px; height: 20px; margin-left: auto; transition: .3s; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; } .lstFaq.open h3::before { transform: rotate(-90deg); } .lstFaq h3 ~ * { position: relative; display: none; } .lstFaq h3 ~ *:not(ul) { margin-left: 1.2em; margin-right: 1.2em; } .lstFaq h3 ~ .videoWrapper { margin-left: auto; margin-right: auto; } #centralpanel .lstFaq > ul li::before { content: ""; margin: .5rem 0 0 -25px; background: url(../img/bullet-generic.svg) no-repeat center center / contain; } ul.listLang { display: flex; justify-content: flex-end; margin: 0; padding: 0; } ul.listLang li { margin: 0 0 0 10px; padding: 0; } ul.listLang li:first-child { margin: 0; } ul.listLang li a { padding: .5em .9em; border: 1px solid #ccc; border-radius: 5px; background-color: #ccc; font-weight: 600; } ul.listLang li::before { display: none; } ul.listLang li.active a { background-color: #f3f3f3; color: #363636; font-weight: 500; text-decoration: none; pointer-events: none; } /* Timeline - Necesita .lstFaq para los ítems */ ul.lstTimeline { position: relative; margin-left: 3.5em; padding-left: 5em;} ul.lstTimeline::before { content: ""; position: absolute; left: -.375em; top: 15px; bottom: 0; margin-left: 1em; border-left: 2px solid var(--mainColor); } ul.lstTimeline li.lstFaq { border-radius: 10px; background: #f3f3f3; box-shadow: 3px 3px 4px rgba(0,0,0,.25); } ul.lstTimeline li.lstFaq.open { padding-bottom: 1em; } ul.lstTimeline li.lstFaq h3 { display: block; margin-top: 0; padding: .6em 2.5em .6em 1em; box-shadow: none; position: relative; background: none; } ul.lstTimeline li.lstFaq h3::before { position: absolute; right: 1em; top: calc(50% - 4px); width: 8px; min-width: 8px; height: 12px; margin-top: 2px; } ul.lstTimeline li.lstFaq.open h3::before { margin-top: 0; } ul.lstTimeline li.lstFaq.open h3::after { content: ""; position: absolute; left: 1em; right: 1em; bottom: 0; display: block; border-bottom: 1px solid #363636; } ul.lstTimeline h3 strong { position: absolute; left: -5.2em; padding: .3em .6em .3em .5em; background: var(--mainColor); color: #fff; transform: translateY(-5px); } ul.lstTimeline h3 strong::after { content: ""; position: absolute; right: 0; top: 50%; width: .8em; height: .8em; background: var(--mainColor); transform: rotate(45deg) translate(0, -.55em); } ul.lstTimeline h3 sub { vertical-align: unset; font-size: 1.2em; color: var(--mainColor); } .mod.modSingle .modDescription ul li { overflow: hidden; display: flex; align-items: start; padding: 0 1em 0 0; } .mod.modSingle .modDescription ul li:before { content: ""; flex-shrink: 0; width: 20px; height: 10px; margin-top: 6px; background: url(../../common/img/bullet-generic.svg) no-repeat 0 0 / contain; } .mod.modColor .modDescription ul li:before { background-image: url(../images/bullet-listas-white.svg); } @media screen and (max-width: 1280px) { ul.lstTimeline::before { left: 0; } } @media screen and (max-width: 800px) { .ort-genericGontent ul, .ort-oplaboral { font-size: 1rem; } .flotante { width: 100%; } .lstColumn { column-count: 1; } ul.listThumbs li { flex: 0 0 calc(50% - 20px); margin: 10px; } ul.lstTimeline { margin-left: 1.5em; } } @media screen and (max-width: 640px) { .fancybox-content ul li::before, .ort-description ul li::before, .copete ul li::before, .ort-genericGontent ul li::before, .ort-oplaboral ul li::before, .type-ortnews ul li::before, .modExpanded ul li::before { height: 15px; margin-top: .3em; } ul.lstTimeline { margin-left: 0; padding-left: 2em; padding-right: 0; } ul.lstTimeline::before { top: -1em; } ul.lstTimeline li.lstFaq { margin-top: 3.5em; } ul.lstTimeline h3 strong { left: -1.5em; top: -2em; } ul.lstTimeline h3 strong::after { display: none; } } @media screen and (max-width: 480px) { .fancybox-content ul, .ort-description ul, .ort-genericGontent ul, .ort-oplaboral ul, .type-ortnews ul, .copete ul, .modExpanded ul { padding: 0 25px; } ul.listThumbs li { flex: 0 0 calc(100% - 40px); margin: 20px; } ul.lstTimeline { padding-left: 2em; padding-right: 0; } ul.lstTimeline h3 { font-size: .92em; } ul.lstTimeline h3 strong { font-size: 1.3em; font-weight: 500; } } /* Citas */ blockquote { position: relative; left: 50%; margin-left: -50vw; width: 100vw; padding: 2em 23%; background: #edebeb; font-family: "Rubik",sans-serif; font-size: 1.5rem; font-weight: 500; color: #363636; } .ort-genericGontent blockquote p, .ort-oplaboral blockquote p { padding: 0; margin: 0; font-size: 1em; } blockquote p:first-child::after, blockquote p:first-child::before { content: ""; display: inline-block; width: 32px; height: 30px; margin: 0 .5em 0 -.5em; background: url(../img/quotes.svg) no-repeat center center / contain; } blockquote p:first-child::after { transform: rotate(180deg) scale(.5) translate(10px,10px); margin: 0; } @media screen and (max-width: 1366px) { blockquote { font-size: 1.25rem; } blockquote p:first-child::after, blockquote p:first-child::before { width: 32px; height: 25px; } } @media screen and (max-width: 1200px) { blockquote { padding: 1.5em 12%; } } @media screen and (max-width: 480px) { blockquote { font-size: 1.125rem; } blockquote p:first-child::after, blockquote p:first-child::before { width: 27px; height: 20px; } } /* Formularios */ .modExpanded .modDescription ~ #type-innova-form2 { margin-top: 3em; } .modExpanded link + h2 { text-align: center; margin-bottom: 1em; } .modExpanded link + h2 + .modDescription { text-align: center; margin-bottom: 3em; } #centralpanel .jsonform-wrapper fieldset.wrapper-fieldset { max-width: 700px; margin: 0 auto; border: none; } #centralpanel .jsonform-wrapper ul.form-group-list > li { padding: .4em 0; } #centralpanel .jsonform-wrapper fieldset label, #centralpanel .jsonform-wrapper fieldset span.label { display: block; width: auto; padding: .2em .8em; font-size: 1.3rem; font-weight: 600; color: #525252; text-align: left; } #centralpanel .jsonform-wrapper .form-statictitle { font-weight: 600; color: #363636; } #centralpanel .jsonform-wrapper .form-statictext div { line-height: 1.5; } #centralpanel .jsonform-wrapper .form-radio ul.group-list, #centralpanel .jsonform-wrapper .form-checkgroup ul.group-list, #centralpanel .jsonform-wrapper .form-textarea ul.group-list { width: 100%; } #centralpanel .jsonform-wrapper li:not(.form-textarea) > ul.group-list li { text-indent: 1.5em; } #centralpanel .jsonform-wrapper ul.group-list li label { font-size: 1.2rem; } #centralpanel .jsonform-wrapper .group-list li span { font-size: 1rem; } #centralpanel .jsonform-wrapper input[type="text"], #centralpanel .jsonform-wrapper input[type="email"], #centralpanel .jsonform-wrapper input[type="tel"], #centralpanel .jsonform-wrapper input[type="date"], #centralpanel .jsonform-wrapper input[type="password"], #centralpanel .jsonform-wrapper select, #centralpanel .jsonform-wrapper textarea { width: 100%; height: auto; padding: .5em 1em; border: 3px solid #eee; border-radius: 5px; background: #fafafa; font-size: 1.25rem; color: #525252 } #centralpanel .jsonform-wrapper input[type="radio"], #centralpanel .jsonform-wrapper input[type="checkbox"] { margin-right: .8em; } #centralpanel .jsonform-wrapper .g-recaptcha div { margin: 0 auto; } #centralpanel .jsonform-wrapper .form-button { text-align: center; } #centralpanel .jsonform-wrapper .form-button button { display: inline-block; padding: .5em 1.2em; border: 2px solid; border-radius: 5px; font-family: 'Rubik', sans-serif; font-size: 1.1rem; font-weight: 600; color: #fff; transition: .3s; text-decoration: none; } #centralpanel .jsonform-wrapper .form-error input, #centralpanel .jsonform-wrapper .form-error textarea { border: 2px solid red; } #centralpanel .jsonform-wrapper .flexrequired > label span, #centralpanel .jsonform-wrapper span.required, #centralpanel .jsonform-wrapper .form-required span { margin: 0 0 0 5px; } #centralpanel .jsonform-wrapper .flexrequired > label span::after, #centralpanel .jsonform-wrapper .flexrequired > span span::after, #centralpanel .jsonform-wrapper .required::after { content: '*'; color: red; } #centralpanel .jsonform-wrapper .input-msg { display: block; } #centralpanel .jsonform-wrapper .form-error .input-msg-error { padding: 5px 0 0 0; text-align: right; font-family: "Rubik", sans-serif; font-size: 1.175rem; color: #BF2026; } #centralpanel .jsonform-wrapper .form-error .input-msg-error strong { font-weight: 500; } #centralpanel .jsonform-wrapper .form-error .g-recaptcha iframe { border: 2px solid red; border-radius: 5px; } #centralpanel .jsonform-wrapper .form-error.form-recaptcha .input-msg-error { text-align: center; } #centralpanel .jsonform-wrapper .dialog-box { display: flex; max-width: 1024px; margin: 2em auto 0; border-radius: 5px; background: #ffeeee; border: 2px solid #eec4c8; color: #525252; } #centralpanel .jsonform-wrapper .dialog-box .dialog-icon { padding: 0; transform: translateX(-50%); } #centralpanel .jsonform-wrapper .dialog-box .dialog-data { padding: 20px 20px 20px 0; } #centralpanel .jsonform-wrapper .dialog-title { display: block; font-weight: normal; font-size: 1.25em; line-height: 1.1; } #centralpanel .jsonform-wrapper .dialog-title a { text-decoration: underline; } #centralpanel .jsonform-wrapper .dialog-icon .icn { width: 51px; height: 100%; display: block; background: no-repeat center center; } #centralpanel .jsonform-wrapper .dialog-icon .icn-circle-info-lg { background-image: url(/innovaform/www/custom/imgs/icons/icn-circle-info-lg.png); } #centralpanel .jsonform-wrapper .dialog-icon .icn-circle-success-lg { background-image: url(/innovaform/www/custom/imgs/icons/icn-circle-success-lg.png); } #centralpanel .jsonform-wrapper .dialog-icon .icn-circle-error-lg { background-image: url(/innovaform/www/custom/imgs/icons/icn-circle-error-lg.png); } #centralpanel .jsonform-wrapper .dialog-icon .icn-warning-lg { background-image: url(/innovaform/www/custom/imgs/icons/icn-warning-lg.png); } .jsonform-wrapper button[disabled] { pointer-events: none; opacity: .5; } #centralpanel .jsonform-wrapper .leyDatos { margin: 1em 2em 3em; color: #666; text-align: center; } @media screen and (max-width: 1400px) { #centralpanel .jsonform-wrapper .form-button button { font-size: 1rem; } } @media screen and (max-width: 1280px) { #centralpanel .jsonform-wrapper .form-button button { font-size: .95rem; } } @media screen and (max-width: 1024px) { #centralpanel .jsonform-wrapper form > fieldset > ul.form-group-list, #centralpanel .jsonform-wrapper .dialog-box { width: auto; margin: 0 30px; padding: 0; } #centralpanel .jsonform-wrapper ul.form-group-list > li.form-error { width: 100%; } #centralpanel .jsonform-wrapper .group-list li span { /*display: block;*/ } } @media screen and (max-width: 640px) { #centralpanel .jsonform-wrapper form > fieldset > ul.form-group-list, #centralpanel .jsonform-wrapper .dialog-box { margin: 0; } #centralpanel .jsonform-wrapper li:not(.form-textarea) ul.group-list li { text-indent: .5em; } #centralpanel .jsonform-wrapper fieldset label, #centralpanel .jsonform-wrapper fieldset span.label { padding-left: 0; font-size: 1.1em } } #site-message { margin: 0; padding: 5em 50px; border-top: 50px solid #f3f3f3; font-weight: 600; color: #363636; text-align: center; } #type-innova-container-site #mas-informacion { display: none; } /* Formulario de Más información en lightbox */ .lb-mas-info .fancybox-content { background: #eee; } .fancybox-container #mas-informacion { padding: 0; background: none; } .fancybox-container #mas-informacion h2 { margin: 0 0 .5em; } .fancybox-container #mas-informacion .jsonform-wrapper .form-radio ul.group-list, .fancybox-container #mas-informacion .jsonform-wrapper .form-checkgroup ul.group-list, .fancybox-container #mas-informacion .jsonform-wrapper .form-textarea ul.group-list { width: 100%; } .fancybox-container #mas-informacion .jsonform-wrapper fieldset.wrapper-fieldset { max-width: 700px; margin: 0 auto; border: none; } .fancybox-container #mas-informacion .jsonform-wrapper input[type="text"], .fancybox-container #mas-informacion .jsonform-wrapper input[type="email"], .fancybox-container #mas-informacion .jsonform-wrapper input[type="tel"], .fancybox-container #mas-informacion .jsonform-wrapper input[type="date"], .fancybox-container #mas-informacion .jsonform-wrapper input[type="password"], .fancybox-container #mas-informacion .jsonform-wrapper select, .fancybox-container #mas-informacion .jsonform-wrapper textarea { width: 100%; height: auto; padding: .5em 1em; border: 3px solid #eee; border-radius: 5px; background: #fafafa; font-size: 1.25rem; color: #525252; } .fancybox-container #mas-informacion .jsonform-wrapper fieldset label, .fancybox-container #mas-informacion .jsonform-wrapper fieldset span.label { display: block; width: auto; padding: .2em .8em; font-size: 1.3rem; font-weight: 600; color: #525252; text-align: left; } .fancybox-container #mas-informacion .modInner { max-width: 1200px; padding: 0; border-radius: 5px; } .fancybox-container #mas-informacion .modDescription { max-width: 95%; } .fancybox-container #mas-informacion ul.form-group-list { display: flex; flex-wrap: wrap; } .fancybox-container #mas-informacion ul.form-group-list > li { width: 100%; } .fancybox-container #mas-informacion ul.form-group-list > li.formItemSm { width: 50%; padding-right: 10px; } .fancybox-container #mas-informacion ul.form-group-list > li.formItemSm + .formItemSm { padding-left: 10px; padding-right: 0; } .fancybox-container #mas-informacion .jsonform-wrapper button { transition: .3s; } @media screen and (max-width: 1400px) { .fancybox-container #mas-informacion .jsonform-wrapper .form-button button { font-size: 1rem; } } @media screen and (max-width: 1280px) { .fancybox-container #mas-informacion .jsonform-wrapper .form-button button { font-size: .95rem; } } @media screen and (max-width: 1024px) { .fancybox-container #mas-informacion .jsonform-wrapper form > fieldset > ul.form-group-list, .fancybox-container #mas-informacion .jsonform-wrapper .dialog-box { width: auto; margin: 0 30px; padding: 0; } .fancybox-container #mas-informacion .jsonform-wrapper ul.form-group-list > li.form-error { width: 100%; } .fancybox-container #mas-informacion .jsonform-wrapper .form-group, .fancybox-container #mas-informacion .jsonform-wrapper ul.form-group-list > li { padding: 0; } .fancybox-container #mas-informacion .jsonform-wrapper button { margin: 1.5em auto; } } @media screen and (max-width: 800px) { .fancybox-container #mas-informacion ul.form-group-list > li.formItemSm.formItemSm { width: 100%; } .fancybox-container #mas-informacion ul.form-group-list > li.formItemSm + .formItemSm { padding: 0; } } @media screen and (max-width: 640px) { .fancybox-container #mas-informacion { padding: 0; } .fancybox-container #mas-informacion .modInner { padding: 3em 1.5em 2em; } .fancybox-container #mas-informacion .jsonform-wrapper form > fieldset > ul.form-group-list, .fancybox-container #mas-informacion .jsonform-wrapper .dialog-box { margin: 0; } .fancybox-container #mas-informacion .jsonform-wrapper li:not(.form-textarea) ul.group-list li { text-indent: .5em; } .fancybox-container #mas-informacion .jsonform-wrapper fieldset label, .fancybox-container #mas-informacion .jsonform-wrapper fieldset span.label { padding-left: 0; font-size: 1.1em } } @media screen and (max-width: 480px) { .fancybox-content { padding: 10px; } .fancybox-container #mas-informacion .modInner { padding: 1.5em .5em 1em; } } /* Eventos, Docentes, Noticias */ .eventoDetalleBody #content-body .eventoInfo, .eventoDetalleBody #content-body .eventoOrganiza, .eventoDetalleBody #content-body .eventoOrganiza .cuerpo-docente .mod.modExpanded, .noticias .mEq + .mod.modExpanded, .noticias .mod.modExpanded { padding-left:0; padding-right:0; } .eventoDetalleBody .eventoAbstract, .eventoDetalleBody .eventoInfoInner, .eventoDetalleBody .eventoDescripcion, .eventoDetalleBody .eventoExpositores, .cuerpo-docente .docentesListadoWrapper, .newsListWrapper { padding-left: 8%; padding-right: 8%; } @media screen and (max-width: 1024px) { .eventoDetalleBody .eventoAbstract, .eventoDetalleBody .eventoInfoInner, .eventoDetalleBody .eventoDescripcion, .eventoDetalleBody .eventoExpositores, .cuerpo-docente .docentesListadoWrapper, .newsListWrapper { padding: 0 6%; } } .newsFilters > .modInner { display: block; overflow: hidden; padding: 0 25px 0 5%; } /* Página de ampliación de noticia */ .type-ortnews .modNew .modCont::after { content: ""; display: block; clear: both; width: 100%; height: 1px; } /* Material relacionado */ #related-materials > .box-body { padding: 20px 8% 30px; width: 100%; max-width: calc(16% + 1580px); margin: 0 auto; } #related-materials .box-title { font-weight: bold; } #related-materials > .box-body .box { margin-bottom: 1.5em; } #related-materials ul li { display: flex; align-items: center; margin-top: 5px; line-height: 1.5; } #related-materials ul li::before { content: ""; background: url(../img/bullet-generic.svg) no-repeat center left / contain; width: 15px; height: 15px; } @media screen and (max-width: 1024px) { #related-materials > .box-body { padding: 50px 6%; } } /* ---------- Carreras ---------- */ /* Módulos forzados a fondo blanco */ .mod.modProdAbout, .mod.modProdDatos, .mod.modProdMedia, [id*=type-ort][data-level^=Carrera] #mas-informacion { background: #fff; } /* Intro */ .mod.modProdIntro { padding: 0; background: #fff; background-image: none; } .mod.modProdIntro .modInner { max-width: 100%; } .mod.modProdIntro .boxes { margin: 0; } .mod.modProdIntro .boxes .box { grid-gap: 0; gap: 0; margin: 0; } .mod.modProdIntro .boxes .box .boxMedia { display: flex; align-items: center; padding: 8% 10px; } .mod.modProdIntro.modVideo .boxes .box .boxMedia { display: block; } .mod.modProdIntro .boxes .box .boxMedia > .videoWrapper, .mod.modProdIntro .boxes .box .boxMedia > img { transform-origin: right center; transform: translateX(-16%) scale(.95); max-width: 950px; } .mod.modProdIntro.modSingleLeft .boxes .box .boxMedia > .videoWrapper, .mod.modProdIntro.modSingleLeft .boxes .box .boxMedia > img { transform-origin: left center; transform: translateX(16%) scale(.95); } .mod.modProdIntro .boxes .box .boxCont { display: flex; flex-direction: column; justify-content: center; padding: 10% calc(16% + 10px); } .mod.modProdIntro.modSingleLeft .boxes .box .boxCont { } @media screen and (max-width: 900px) { .mod.modProdIntro .boxes .box > div { padding: 10% 8% 5%; } .mod.modProdIntro .boxes .box .boxMedia { padding: 0; } .mod.modProdIntro.modSingle .boxes .box .boxMedia > .videoWrapper, .mod.modProdIntro.modSingle .boxes .box .boxMedia img { transform-origin: center center; transform: translateY(10%) scale(.95); } } /* Presentación */ .mod.modProdPresentacion { padding: 0 8%; background: #fff; background-image: none; } .mod.modProdPresentacion .modDescription { max-width: 100%; text-align: left; } .mod.modProdPresentacion.modBox.modBoxIcon .boxes .box > a { background: #f3f3f3; } .mod.modProdPresentacion li a > * { pointer-events: none; } @media screen and (max-width: 1024px) { .mod.modProdPresentacion { padding: 0 6%; } } @media screen and (max-width: 375px) { .mod.modProdPresentacion.modBox.modBoxIcon .boxes .box { flex: 0 0 calc(50% - 20px); } } /* Sobre la carrera */ .modProdAbout .modCont::after { content: ""; display: block; clear: both; width: 100%; height: 1px; } .modProdAbout .contImg { float: left; margin-bottom: .5em; margin-right: 2em; max-width: 50%; height: auto; border-radius: 5px; } .modProdAbout .modCont ul { margin-bottom: 0; } .verMas,.verMenos { display: block; margin-top: 1em; font-family: "Rubik", sans-serif; text-align: center; cursor: pointer; } .verMenos { } .verMas::before,.verMenos::before { content: ""; display: block; width: 120px; height: 5px; margin: 0 auto; border-top: 1px solid; } .verMas.verMasAbout::before { width: 200px; } .verMas::after,.verMenos::after { content: "^"; display: inline-block; transform: rotate(180deg) scale(1.8) translateY(25%); margin: 0 .5em; } .verMenos::after { transform: rotate(0) scale(1.8) translateY(25%); } @media screen and (max-width: 800px) { .modProdAbout .contImg { max-width: 100%; } } @media screen and (max-width: 480px) { .modProdAbout .contImg { width: 100%; } } /* Coordinador */ .mod.modProdCoord { margin: 0; padding: 0; background: #f3f3f3; } .mod.modProdCoord .modCont { padding: 1em 0; font-family: "Rubik", sans-serif; font-size: 1.5em; text-align: right; } .mod.modProdCoord .modCont .coordinator strong { font-weight: 500; } .mod.modProdCoord .modCont a { float: left; color: #222; } @media screen and (max-width: 1600px) { .mod.modProdCoord { padding: 0 8%; } } @media screen and (max-width: 1024px) { .mod.modProdCoord { padding: 2% 6%; } .mod.modProdCoord .modCont { display: flex; flex-direction: column; font-size: 1.25em; text-align: center; } .mod.modProdCoord .modCont .coordinator strong { display: block; font-weight: 900; } .mod.modProdCoord .modCont .autoridades { order: 2; width: 100%; max-width: 400px; margin: 1em auto 0; padding: 1em 0 0; border-top: 1px solid #939393; } } /* Próximos comienzos */ .mod.modProdProxCom { padding-top: 2%; padding-bottom: 2%; } .mod.modProdProxCom h2 { max-width: 1300px; margin: 0 auto; font-size: 2rem; font-size: calc(24px + (32 - 24) * ((100vw - 360px) / (1920 - 360))); } @media screen and (max-width: 800px) { .mod.modProdProxCom { padding-top: 4%; padding-bottom: 4%; } } /* Horarios */ .mod.modProdHorario { padding-top: 2%; padding-bottom: 2%; } .mod.modProdHorario dl { display: flex; flex-wrap: wrap; justify-content: center; align-content: start; color: #363636; } .mod.modProdHorario dl dt { flex-basis: 100%; margin: 0; padding: 0 .5em; font-size: 1.5em; font-weight: 600; line-height: 1.5; } .mod.modProdHorario dl dd {position: relative; margin: 0; padding: 0 1em; font-size: 1.375em; } .mod.modProdHorario dl dd:not(:first-of-type)::before { content: "|"; position: absolute; left: -.3em; } .mod.modProdHorario dl dd p:last-child { margin-bottom: 0; } @media screen and (max-width: 800px) { .mod.modProdHorario { padding-top: 4%; padding-bottom: 4%; } .mod.modProdHorario dl { } .mod.modProdHorario dl dd, .mod.modProdHorario dl dt { margin: .2em 0; padding-left: 0; padding-right: 0; text-align: center; } .mod.modProdHorario dl dd:not(:first-of-type)::before { display: none; } .mod.modProdHorario dl dd p { line-height: 1.3; } } /* Recursos */ .mod.modProdRecursos .box h3 { text-align: center; } /* Inscripciones anticipadas */ /*.mod.modProdAnticipadas { padding-top: 4%; padding-bottom: 4%; }*/ .mod.modProdAnticipadas .modCont p { margin: 0; font-size: 1.5em; color: #363636; } .mod.modProdAnticipadas .modCont h3 { margin: .3em 0 0; font-size: 1.6em; font-weight: 500; } .mod.modProdAnticipadas .modCont strong::before { content: ""; display: block; } @media screen and (max-width: 800px) { .mod.modProdAnticipadas .modCont p { font-size: 1.25em; } } /* Iniciá tu inscripción */ .mod.modProdInscripcion.mod .box .boxCont > h2 { font-size: 2.6em } @media screen and (max-width: 900px) { .mod.modProdInscripcion .box .boxCont { display: block; padding-top: 0; } .mod.modProdInscripcion.mod .box .boxCont > h2 { margin-bottom: 20px; font-size: 2em; } .mod.modProdInscripcion.mod .boxes .box .boxCont > * { margin-left: 0; margin-right: 0; text-align: center; } } @media screen and (max-width: 900px) { .mod.modProdInscripcion.mod .box .boxCont > h2 { font-size: 1.4em; } } /* Plan */ .modProdPlan.modBoxIcon .box .boxMedia { padding-top: 0; } /* Media (imagen o video) */ .mod.modProdMedia { background: #fff; background-image: none; } /* Datos de la carrera */ .modProdAbout + .modProdDatos { padding-top: 1px; } .modBoxBullet.modProdDatos.mod { background: none; } .modBoxBullet.modProdDatos h2 { text-align: left; } .modBoxBullet.modProdDatos .boxes { display: block; } .modBoxBullet.modProdDatos .boxes .box { max-width: 100%; margin: 0; } .modBoxBullet.modProdDatos .boxes .box .boxCont { margin: 20px 0; padding: 0; text-align: left; } .modBoxBullet.modProdDatos .boxes .box h3 { position: relative; z-index: 1; justify-content: space-between; align-items: center; margin: 0; padding: .5em 1em .5em 1.5em; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; background: #f3f3f3; font-family: "Rubik", sans-serif; cursor: pointer; transition: .3s; } .modBoxBullet.modProdDatos .boxes .box h3:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .modBoxBullet.modProdDatos .boxes .box h3::before { order: 3; transform: rotate(90deg); height: 20px; transition: .3s; } .modBoxBullet.modProdDatos .boxes .box.open h3::before { transform: rotate(-90deg); } .modBoxBullet.modProdDatos .boxes .box .copete { position: relative; padding: 1.5em 2.2em; display: none; background: #f3f3f3; } .modBoxBullet.modProdDatos .boxes .box.open .copete { display: block; } .modBoxBullet.modProdDatos .boxes .box .copete p:last-child { margin-bottom: 0; } .modBoxBullet.modProdDatos small { display: block; margin: 0 0 1.5em; } .modBoxBullet.modProdDatos small:last-child { margin-bottom: 0; } .modBoxBullet.modProdDatos small strong { display: block; margin-bottom: .5em; } .modProdDatos .modBt { text-align: left; } .modProdDatos .modBt strong { display: block; } .modProdDatos .modBt a { margin-top: .8em; text-decoration: none; } /* Orientaciones/Profundizaciones */ .modProdOrientaciones.op2 .boxes { display: flex; margin:20px -20px; max-width: 100%; } .modProdOrientaciones.op2 .box { margin-bottom: 80px; } .modProdOrientaciones.op2 .boxes .box.open h3 { border-bottom: none; } .modProdOrientaciones.op2 .box .boxCont { margin-top:-40px; background: none; border:none; box-shadow:none; } .modProdOrientaciones.op2 .box .boxCont .copete { padding: 20px; background:none; } .modProdOrientaciones.op2 .boxes .box h3 { text-align: center; padding-top: 30px; padding-bottom: 20px; padding-left: 1.2em; padding-right: 1.2em; border-style:solid; border-width: 3px; box-shadow: 0px 3px 10px rgba(0,0,0,.5); min-height: 160px; } .modProdOrientaciones.op2 .boxes .box .boxMedia { font-size: 3.6em; position: inherit; transform: none; text-align:center; margin:0 auto; width:110px; height:110px; line-height:110px; } .modProdOrientaciones.op2 .boxes .box h3:hover:before, .modProdOrientaciones.op2 .boxes .box.open h3:before { background-image: url(../images/bullet-listas-white.svg); } .modProdOrientaciones.op2 .boxes .box h3:before { position: absolute; bottom: 0; } .mod:nth-child(2n+1) .modProdOrientaciones.op2 .box{ background: none; } .modProdOrientaciones.op2 .boxes .box h3, .mod:nth-child(2n+1).modProdOrientaciones.op2 .box .boxCont .copete { background-color: #ffffff; } .modProdOrientaciones.op2 .boxes .box.open h3, .modProdOrientaciones.op2 .boxes .box h3:hover, .modProdOrientaciones.op2 .boxes .box:hover .boxMedia, .modProdOrientaciones.op2 .boxes .box.open .boxMedia { color:#fff; } .modProdOrientaciones.op2 .boxes .box.open h3 { border-bottom-color: #1e4872; } .modProdOrientaciones.op2 .boxes.mod4 .box { display: flex; flex-direction: column; } .modProdOrientaciones.op2 .boxes .box .boxCont { display: flex; flex-direction: column; flex: 1; background: none; box-shadow: none; } .modProdOrientaciones.op2 .box .boxCont .copete { top: -15px; z-index: 0; border-radius: 0 0 20px 20px; background: #f3f3f3; box-shadow: 3px 3px 4px rgba(0,0,0,.25); } .modProdOrientaciones.op2 .boxes .box h3 { z-index: 1; } .modProdOrientaciones.op2 .boxes .box h3::before { z-index: 2; } .modProdOrientaciones.op2 .boxes .box .boxMedia { z-index: 2; } .modProdOrientaciones.op2 .box.open .boxCont .copete { flex: 1 auto; } @media screen and (max-width: 1366px) { .modProdOrientaciones.op2 .boxes .box h3 { min-height: 190px; } } @media screen and (max-width: 1024px) { .modProdOrientaciones.op2 .boxes .box h3 { min-height: 160px; } } /* Si no tiene link ni descripción */ .modProdOrientaciones.modNoLink .boxes .box.boxNoDescription > .boxCont { box-shadow: none; } .modProdOrientaciones.mod .boxes .box > .boxCont h3:last-child { justify-content: flex-start; box-shadow: none; cursor: default; border: none } .modProdOrientaciones.mod .boxes .box > .boxCont h3:last-child:hover { box-shadow: none; } .modProdOrientaciones.mod .boxes .box > .boxCont h3:last-child::before { display: none; } /* Orientaciones al pie de la carrera */ .modProdOrientaciones { } .modProdOrientaciones .boxes { display: block; max-width: 1300px; margin: 0 auto; } .modProdOrientaciones .boxes .box .boxMedia { position: absolute; top: 0; z-index: 1; font-size: 2.5em; min-height: auto; width: 74px; height: 74px; padding: 0; border: none; border-radius: 50%; transform: translate(-50%, 0); color: #fff; } .modProdOrientaciones .boxes .box .boxCont { display: block; padding: 0; box-shadow: 3px 3px 4px rgba(0,0,0,.25); border-radius: 5px; background: #f3f3f3; } .modProdOrientaciones:nth-child(odd) .boxes .box .boxCont { background: #fff; } .modProdOrientaciones.op2:nth-child(odd) .boxes .box .boxCont { background: none; } .modProdOrientaciones .boxes .box h3 { position: relative; display: flex; justify-content: center; align-items: center; margin: 0; padding: 1.2em 1em 1.2em 2.5em; border-radius: 5px; font-family: "Rubik", sans-serif; font-weight: 500; text-align: left; cursor: pointer; transition: .3s; } .modProdOrientaciones .boxes .box.open h3 { border-bottom: 5px solid; border-radius: 5px 5px 0 0; } .modProdOrientaciones .boxes .box:not(.open) h3:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .modProdOrientaciones.op2 .boxes .box h3:before, .modProdOrientaciones .boxes .box h3::before { content: ""; order: 3; display: block; transform: rotate(90deg); width: 10px; min-width: 10px; height: 20px; margin-left: auto; transition: .3s; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; } .modProdOrientaciones .boxes .box.open h3::before { transform: rotate(-90deg); } .modProdOrientaciones .boxes .box h3 strong::before { content: "\00A0"; } .modProdOrientaciones .box .boxCont .copete { position: relative; display: none; padding: 0 3.5em; overflow: hidden; text-align: left; } .modProdOrientaciones .box .boxCont .copete > *:first-child { margin-top: 0; padding-top: 1.5em; } .modProdOrientaciones .box .boxCont .copete > *:last-child { margin-bottom: 0; padding-bottom: 1.5em; } .modProdOrientaciones .box .boxCont .copete > ul { padding-left: 1.5em; padding-right: 0; } @media screen and (max-width: 1024px) { .modProdOrientaciones.op2 .boxes .box h3 { min-height:none; } } @media screen and (max-width: 900px) { .modProdOrientaciones .boxes .box.box { margin-right: 0; } .modProdOrientaciones .boxes .box .boxMedia { top: .3em; width: 50px; height: 50px; font-size: 1.6em; transform: translate(-60%, .2em); } .modProdOrientaciones .boxes .box h3 { align-items: start; padding-left: 1.4em; padding-right: 2em; } .modProdOrientaciones .boxes .box h3::before { margin-right: -18px; width: 8px; min-width: 8px; } .modProdOrientaciones .box .boxCont .copete { padding: 0 1.5em 0 1.5em; } .modProdOrientaciones .box .boxCont .copete > ul li:before { height: 12px; } .modProdOrientaciones.op2 .boxes .box h3:before { margin-right: auto; } } @media screen and (max-width: 480px) { .modProdOrientaciones.op2 .boxes .box { flex: 0 0 calc(100% - 20px); min-width: calc(100% - 20px); } .modProdOrientaciones.op2 .boxes .box h3 { min-height: 140px; } .modProdOrientaciones .boxes .box .boxMedia { top: .1em; } } @media screen and (max-width: 400px) { .modProdOrientaciones .boxes .box.box { margin-left: 15px; } .modProdOrientaciones .boxes .box h3 { padding-right: 40px; } .modProdOrientaciones .boxes .box h3::before { margin-right: 0; position: relative; right: -15px; } .modProdOrientaciones.op2 .boxes .box h3:before { right: inherit; } .modProdOrientaciones.op2 .box .boxCont .copete { padding:20px 10px; } } /* Orientaciones en plan de estudios */ .planEstudios .modProdOrientaciones .boxes { display: flex; position: relative; max-width: 100%; } .planEstudios .modProdOrientaciones .boxes .box { position: static; } .planEstudios .modProdOrientaciones .boxes .boxMedia { display: none; } .planEstudios .modProdOrientaciones .boxes .boxCont { } .planEstudios .modProdOrientaciones .boxes .boxCont h3 { padding: 1.8em 1em; border-color: #fff; color: #fff; text-align: center; } .planEstudios .modProdOrientaciones .boxes .open .boxCont h3 { border-bottom: 20px solid #fff; } .planEstudios .modProdOrientaciones .boxes .box h3::before { position: absolute; left: 50%; bottom: 5px; margin-left: -10px; background-image: url(../img/bullet-blanco.svg); } .planEstudios .modProdOrientaciones .boxes .open h3::before { bottom: -10px; } .planEstudios .modProdOrientaciones .boxes .copete { position: absolute; background: #fff; width: calc(75% - 40px); box-shadow: 3px 3px 4px rgba(0,0,0,.25); transform-origin: center bottom; } @media screen and (max-width: 1024px) { .planEstudios .modProdOrientaciones .boxes .copete { width: auto; } .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(odd) .copete { transform: none; margin-right: 20px; } .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(even) .copete { transform: none; right: 20px; margin-left: 20px; } .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(odd):last-child .copete { /*transform: translateX(-25%); width: calc(100% - 40px);*/ margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 900px) { .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(even) .copete { margin-left: 40px; } } @media screen and (max-width: 640px) { .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(even) .copete { margin-left: 20px; right: 10px; } .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(odd) .copete { margin-right: 10px; } } @media screen and (max-width: 400px) { .planEstudios .modProdOrientaciones .boxes .box { margin-left: 0; } } @media screen and (max-width: 375px) { .planEstudios .modProdOrientaciones .boxes .open .boxCont h3 { border-bottom: none; } .planEstudios .modProdOrientaciones .boxes .open h3::before { bottom: 5px; } .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(1n) .copete, .planEstudios .modProdOrientaciones .boxes.mod4 .box:nth-child(odd):last-child .copete { transform: none; width: auto; margin: 0 7px 0 13px; right: 0; } } .planEstudios .modProdOrientaciones .boxes .box:nth-child(1) .boxCont { background-color: #52807d; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(2) .boxCont { background-color: #9982ae; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(3) .boxCont { background-color: #e78941; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(4) .boxCont { background-color: #d77162; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(5) .boxCont { background-color: #4e9aaa; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(6) .boxCont { background-color: #5c73a9; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(7) .boxCont { background-color: #97a75e; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(1) h3 { border-color: #52807d; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(2) h3 { border-color: #9982ae; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(3) h3 { border-color: #e78941; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(4) h3 { border-color: #d77162; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(5) h3 { border-color: #4e9aaa; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(6) h3 { border-color: #5c73a9; } .planEstudios .modProdOrientaciones .boxes .box:nth-child(7) h3 { border-color: #97a75e; } /* Lista con íconos de font-awesome */ ul.listIconsFont { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -10px; margin-right: -10px; padding: 0; } .modProdAbout ul.listIconsFont { margin-bottom: 3.5em; } ul.listIconsFont li::before { display: none; } ul.listIconsFont li { display: flex; flex-basis: calc(25% - 20px); align-items: center; margin: 10px; padding-right: 3.3em; font-size: .9375em; font-weight: 600; } ul.listIconsFont.icons_3 li, ul.listIconsFont.icons_5 li, ul.listIconsFont.icons_6 li { flex-basis: calc(100% / 3 - 20px); } ul.listIconsFont li i { flex-shrink: 0; width: 80px; font-size: 3.7em; margin-right: 15px; text-align: center; } ul.listIconsFont li:nth-child(1) i { color: #339a41; } ul.listIconsFont li:nth-child(2) i { color: #5b257a; } ul.listIconsFont li:nth-child(3) i { color: #f8ba0a; } ul.listIconsFont li:nth-child(4) i { color: #c4152f; } ul.listIconsFont li:nth-child(5) i { color: #bd1781; } ul.listIconsFont li:nth-child(6) i { color: #f08315; } ul.listIconsFont li:nth-child(7) i { color: #2c509d; } ul.listIconsFont li:nth-child(8) i { color: #c1c029; } @media screen and (max-width: 1400px) { ul.listIconsFont li { padding-right: .5em; } } @media screen and (max-width: 1200px) { ul.listIconsFont li { flex-basis: calc(100% / 3 - 20px); } } @media screen and (max-width: 900px) { ul.listIconsFont[class*=icons] li, ul.listIconsFont li { flex-basis: calc(50% - 20px); } } @media screen and (max-width: 640px) { ul.listIconsFont[class*=icons] li, ul.listIconsFont li { flex-basis: calc(100% - 20px); margin: 7px 10px; } ul.listIconsFont li i { font-size: 3em; } } /* No hay resultados */ .noResults { padding: 4em 1em 4em; text-align: center; } .noResults .noResultsTitle { font-size: 1.25rem; font-weight: 600; color: var(--mainColor, #661020); } /* Navegación (Próximos comienzos, qué estudiar) */ .estudiarNav { margin: 0; padding: 0 8%; } .movEstudiarNav { display: none; } .estudiarNav ul { display: flex; max-width: 1580px; margin: 0 auto; padding: 0; list-style: none; border-bottom: 5px solid; } .estudiarNav ul li { flex: 0 0 auto; display: flex; min-width: 20%; } .estudiarNav ul li a { display: flex; justify-content: center; align-items: center; width: 100%; padding: .6em .3em; border-style: solid; border-width: 2px 2px 0; border-color: #ddd; border-radius: 7px 7px 0 0; font-size: 1.1em; font-weight: 700; color: #383838; text-decoration: none; outline: transparent; } .estudiarNav ul li a:hover { } .estudiarNav ul li a.active { color: #fff; } .estudiarNav ul li .navItCount { display: inline-flex; justify-content: center; align-items: center; width: 2em; min-width: 2em; height: 2em; margin: 0 0 0 .5em; border: 2px solid #661020; border-radius: 50%; background: #fff; color: #661020; font-size: 1rem; font-weight: 600; } @media screen and (max-width: 1366px) { .estudiarNav ul li a { font-size: 0.9em; } } @media screen and (max-width: 1024px) { .estudiarNav { margin: 0; padding: 0 6%; } .estudiarNav ul li { flex: 1 1 25%; } .estudiarNav ul li a { font-size: 0.8em; } } @media screen and (max-width: 800px) { .estudiarNav ul li a { padding: .5em .3em; font-weight: 600; text-align: center; } .estudiarNav ul li a { font-size: 0.7em; } } @media screen and (max-width: 640px) { .estudiarNav ul li a { padding: .5em .2em; } } @media screen and (max-width: 600px) { html.ortProdContainer { scroll-padding: 70px; } #estudiarNav { display: none; } .movEstudiarNav { display: block; } .movEstudiarNav:last-of-type + section + script + script + .mod { margin-top: 2em; } .searchWithResults .movEstudiarNav#mov_carreras-universitarias::before { content: "Resultados de la búsqueda:"; display: block; margin: -1rem 0 3rem; font-size: 1.375rem; font-weight: 600; color: #661020; } .estudiarNav ul { display: block; border-bottom: none; } .estudiarNav ul li { margin-top: .5em; } .estudiarNav ul li a { position: relative; padding: .5em 2em .5em 1em; justify-content: space-between; border-radius: 5px; border-width: 1px; background: #f3f3f3; box-shadow: 3px 3px 4px rgba(0,0,0,.05); } .estudiarNav ul li a:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.5); } .estudiarNav ul li a::after { content: ""; position: absolute; right: 0; width: 16px; height: 16px; margin: 0 .5rem; transform: scaleY(-1) rotate(-90deg); transition: .3s; background: url(../img/bullet-generic.svg) no-repeat center center / contain; } .estudiarNav.estudiarNav ul li a.active { color: #363636; background-color: #f3f3f3; } .estudiarNav ul li a.active::after { transform: scaleY(1) rotate(-90deg); } .movEstudiarNav.estudiarNav li a { align-items: center; } } @media screen and (max-width: 480px) { .estudiarNav ul li a { font-size: 1em; } } /* Más información */ #mas-informacion h2 { text-align: center; } /* Buscador (Próximos comienzos, qué estudiar) */ .estudiarSearch { margin: 1em 8% 3em; padding: 60px; background: #f3f3f3; border-radius: 5px; color: #353535; font-size: 1.375rem; } .estudiarSearch > * { max-width: 1580px; margin: 0 auto} .estudiarSearch h2 { margin: 0; text-align: center; font-size: 2rem; font-weight: 500; color: #353535; } .estudiarSearch fieldset { margin: 0; padding: 1rem 0; border: none; /*border-top: 1px solid #b3b3b3;*/ } .estudiarSearch .fsEstudiarSearchFld { text-align: center; } .estudiarSearch .fsEstudiarSearchFld input { width: calc(100% - 5rem); max-width: 820px; padding: .8em .5em .8em 2.5em; border: none; border-radius: 5px; background: #fff url(icon-search.svg) no-repeat .5rem center / 1.4rem; font-size: 1rem; box-shadow: 0px 3px 4px rgba(0,0,0,.3); } .estudiarSearch h3 { display: none; margin: 0 auto; max-width: 820px; font-size: .9091em; font-weight: 500; color: #363636; cursor: pointer; transform: translateX(-12px); } .estudiarSearch h3::after { content: ""; position: absolute; width: 18px; height: 18px; margin: .5rem 0 0 .7rem; background: url(../img/bullet-generic.svg) no-repeat center center / contain; font-size: 1.363636em; font-weight: 700; transform-origin: center center; transform: rotate(90deg); transition: .5s; } .estudiarSearch h3.selected::after { transform: scaleY(-1) rotate(90deg); } .estudiarSearch select { padding: .7em 1.5em; border: none; background: #fff; border-radius: 5px; font-size: 1em; color: #353535; box-shadow: 0px 2px 4px rgba(0,0,0,.3); text-align: left; } .estudiarSearch fieldset.fsEstudiarSearchFld { border: none; } .estudiarSearch .searchClear { position: absolute; display: inline-block; margin-top: .35rem; margin-left: -2px; transform: translateX(-100%); padding: 0 3px 0 12px; background: #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10px); font: 27px arial,sans-serif; color: #a1b9ed; cursor: pointer; text-transform: lowercase; } .estudiarAdvSearch { margin: 1rem 0; text-align: center; } .estudiarAdvSearch .fsSearchLevel { padding: 1em 0 2em; text-align: center; } .estudiarAdvSearch .fsSearchLevel label { display: block; margin: 0 0 1rem 0; text-align: center; } .estudiarAdvSearch ul { display: block; list-style: none; max-width: none; margin: 0 auto; padding: 0; text-align: center; } .estudiarAdvSearch ul li { margin: 0; text-align: left; } .estudiarAdvSearch .filtro { display: inline-block; margin: 2em .5em 0 .5em; vertical-align: top; text-align: left; } .estudiarAdvSearch .filtro.filtroTitulo { margin-left: .5em; } .estudiarAdvSearch .filtroFacultad { display: flex; flex-wrap: wrap; justify-content: center; max-width: 980px; margin: 0 auto; padding: 0; } .estudiarAdvSearch .filtroFacultad .formField { columns: 2; column-count: 2; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .estudiarAdvSearch label { display: block; margin-right: 1em; } .estudiarAdvSearch .filtroSelect > label { display: none; } .estudiarAdvSearch .formField { } .estudiarAdvSearch .formField label { font-weight: 600; } .estudiarAdvSearch .formField select { padding: .4em 1em; } .estudiarAdvSearch .formField input[type=checkbox] { } .estudiarAdvSearch .SumoSelect { width: 230px } .estudiarAdvSearch .SumoSelect > div.optWrapper { top: 40px; } .estudiarAdvSearch .SumoSelect .select-all { height: auto; } .estudiarAdvSearch .SumoSelect li { display: block } .estudiarAdvSearch .SumoSelect > .optWrapper > .options li.opt { padding-top: 5px; padding-bottom: 5px } .estudiarAdvSearch .SumoSelect label { font-size: .8em; font-weight: 500; } .estudiarAdvSearch .SumoSelect .CaptionCont label > i { width: 14px; height: 14px; background: url(../img/bullet-generic.svg) no-repeat center center / contain; transform: rotate(90deg); } .estudiarAdvSearch .SumoSelect .CaptionCont, .estudiarAdvSearch .SumoSelect.open .CaptionCont, .estudiarAdvSearch .SumoSelect:focus .CaptionCont, .estudiarAdvSearch .SumoSelect:hover .CaptionCont { display: flex; justify-content: space-between; padding: 5px 15px; border: 0 none; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,.3); } .estudiarAdvSearch .SumoSelect:focus .CaptionCont, .estudiarAdvSearch .SumoSelect.open .CaptionCont { box-shadow: 0 2px 6px rgba(0,0,0,.6); } .estudiarAdvSearch .SumoSelect .CaptionCont span { opacity: 0; transition: .8s; } .estudiarAdvSearch .CaptionCont:not([title="..."]) span { opacity: 1; } .estudiarAdvSearch .SumoSelect .CaptionCont label { /*margin-left: auto; margin-right: 0;*/ } .estudiarAdvSearch .SumoSelect ul li:last-child { margin-left: 0; } .estudiarAdvSearch .CaptionCont::before { transition: .5s; position: absolute; top: .2em; font-size: 1em; } .estudiarAdvSearch .CaptionCont:not([title="..."])::before { position: absolute; top: -2em; width: 100%; font-size: .8em; text-align: left; } .estudiarAdvSearch .filtroComienzo .CaptionCont::before { content: "Comienzo"; } .estudiarAdvSearch .filtroDuracion .CaptionCont::before { content: "Duración"; } .estudiarAdvSearch .filtroAreas .CaptionCont::before { content: "Temática"; } .estudiarAdvSearch .filtroNivel .CaptionCont::before { content: "Nivel"; } .estudiarAdvSearch .filtroTitulo { display: inline-flex; justify-content: center; align-items: center } .estudiarAdvSearch .filtroTitulo label { display: inline-block; } .carrerasSearch { padding: 0 8%; background: #f3f3f3; } .carrerasSearchInner { display: flex; justify-content: space-between; align-items: center; max-width: 1580px; margin: 2em auto 4em; padding: 1.4em 0; } .fsSwitchView, .fsCarrerasSearch { padding: 0; margin: 0; border: none; } .fsSwitchView { margin-left: auto; } .fsCarrerasSearch > label { display: none; } .fsCarrerasSearch .SumoSelect { width: 420px; color: #363636; } .fsCarrerasSearch .SumoSelect > .CaptionCont { padding: 8px 15px; border: 2px solid #9e9e9e; border-radius: 8px; } .fsCarrerasSearch .CaptionCont::before { content: "Filtrar por facultad"; transition: .5s; position: absolute; top: .4em; font-size: 1.2em; } .fsCarrerasSearch .CaptionCont:not([title="..."])::before { position: absolute; top: -2em; width: 100%; font-size: .8em; text-align: left; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple { font-size: 1.2em; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple > .options li.opt span i, .fsCarrerasSearch .SumoSelect .select-all > span i { width: 18px; height: 18px; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .fsCarrerasSearch .SumoSelect .select-all.selected > span i, .fsCarrerasSearch .SumoSelect .select-all.partial > span i { background: #661020; } .fsCarrerasSearch .SumoSelect .CaptionCont label > i { width: 14px; height: 14px; background: url(../img/bullet-generic.svg) no-repeat center center / contain; transform: rotate(90deg); } .switchView { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 2px solid #9e9e9e; border-radius: 5px; font-size: 0; color: #9e9e9e; color: var(--mainColor); } .switchView:hover { box-shadow: 0 0 4px rgba(0,0,0,.5); transition: .3s; } .switchView::before { font-family: "Font Awesome 5 Pro"; font-size: 2.2rem; transition: .3s; } .switchView:hover::before { text-shadow: 0 0 2px rgba(0,0,0,.3); } .switchView#switchList::before { content: "\f022"; } .switchView#switchGrid::before { content: "\f00a"; } [data-view=list] .switchView#switchList, [data-view=grid] .switchView#switchGrid { background: #ccc; } .carrerasSearch::after, .fsSearchAdvParam::after { content: "Se aplicaron los filtros ↓"; position: absolute; z-index: 1005; transform: translate(-50%, 80%); padding: .3em .8em; border-radius: 10px; opacity: 0; transition: 1s; background: #f3f3f3; pointer-events: none; box-shadow: 0 0 3px rgba(0,0,0,.3); white-space: nowrap; } .carrerasSearch::after { left: 50%; transform: translate(-50%, 100%); } .carrerasSearch.filtroAplicado::after, .fsSearchAdvParam.filtroAplicado::after { opacity: 1; } .modBoxEmpty .modInner::before { content: "No se encontraron resultados en este nivel"; } @media screen and (max-width: 1366px) { .fsCarrerasSearch .CaptionCont::before { font-size: 1.1em; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple { font-size: 1.1em; } .switchView { width: 44px; height: 44px; } .switchView::before { font-size: 2rem; } } @media screen and (max-width: 1024px) { .type-ortSectionProduct-container .customFaculties { margin-top: 3em; } .carrerasSearch { margin-bottom: 2em; } .carrerasSearchInner { margin: 0; } .fsCarrerasSearch .CaptionCont::before { font-size: 1em; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple { font-size: 1em; } } @media screen and (max-width: 800px) { .fsCarrerasSearch .SumoSelect { width: 320px; } .fsCarrerasSearch .CaptionCont::before { font-size: 0.9em; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple { font-size: 0.9em; } } @media screen and (max-width: 600px) { .fsSearchAdvParam::after { transform: translate(-50%, 50%); } .carrerasSearch::after { transform: translate(-50%, 0); padding: .8em; } } @media screen and (max-width: 480px) { .fsCarrerasSearch .SumoSelect { width: 250px; } .fsCarrerasSearch .SumoSelect > .optWrapper.multiple > .options li.opt span i, .fsCarrerasSearch .SumoSelect .select-all > span i { width: 12px; height: 12px; } } @media screen and (max-width: 400px) { .fsCarrerasSearch .SumoSelect { width: 200px; } } .estudiarAdvSearch .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .estudiarAdvSearch .SumoSelect .select-all.selected > span i { background-color: #661020; } .estudiarAdvSearch .SumoSelect .select-all.partial > span i { background-color: #ccc; } @media screen and (max-width: 600px) { .estudiarAdvSearch .SumoSelect li.opt label { font-weight: 400; font-size: .75em; } .estudiarAdvSearch .SumoSelect .MultiControls { font-size: .8em; } .estudiarSearch h3 { text-align: center; } .estudiarAdvSearch .SumoSelect .CaptionCont, .estudiarAdvSearch .SumoSelect.open .CaptionCont, .estudiarAdvSearch .SumoSelect:focus .CaptionCont, .estudiarAdvSearch .SumoSelect:hover .CaptionCont {justify-content: center; } } .sumo_selectFaculties .optWrapper.multiple { font-size: .9em; } @media screen and (min-width: 480px) { /* MIN */ .sumo_tematicAreas .optWrapper.selall { width: 200%; transform: translateX(-25%); } .sumo_tematicAreas .optWrapper.selall .options { display: flex; flex-wrap: wrap; } .sumo_tematicAreas .optWrapper.selall .options .opt { flex: 1 0 50%; max-width: 50%; } .sumo_selectFaculties .optWrapper.multiple { width: 100%; } } @media screen and (min-width: 640px) { /* MIN */ .sumo_selectFaculties .optWrapper.multiple { width: 200%; padding: 2em; border-radius: 8px; font-size: 1em; color: #363636; } .sumo_selectFaculties .optWrapper.multiple .options { display: flex; flex-wrap: wrap; justify-content: start; } .sumo_selectFaculties .optWrapper.multiple .options .opt { flex: 0 0 50%; } } @media screen and (min-width: 1200px) { /* MIN */ .sumo_selectFaculties .optWrapper.multiple { width: 300%; font-size: 1.3em; } .sumo_selectFaculties .optWrapper.multiple .options .opt { flex-basis: calc(100% / 3); } } .estudiarSearch .fsFormBt { padding: 1em 0 0 0; border: none; text-align: center; } .estudiarSearch .fsFormBt input { padding: .5em 1.5em; border: 3px solid; border-radius: 6px; font-size: 1.25rem; font-weight: bold; color: #fff; cursor: pointer; } .estudiarSearch #message, .searchNoResults { padding: 2em; font-size: 1.6rem; font-weight: 600; text-align: center; } .estudiarSearch #message { padding-top: 4em; } @media screen and (max-width: 640px) { .estudiarSearch { margin: 1em 6% 1em; padding: 40px 10px 10px; } .estudiarSearch h2 { font-size: 1.2rem; } .estudiarSearch .fsEstudiarSearchFld input { width: calc(100% - 4rem); } .estudiarSearch #message { padding: 3em 0 1em; } .searchNoResults { padding: 0; } .estudiarAdvSearch ul li label { font-size: 1.1rem; } .estudiarAdvSearch ul li { margin-left: 0; } .estudiarAdvSearch ul li.filtroFacultad .formField { columns: 1; column-count: 1; margin-top: .5em; font-size: .92rem; } .estudiarAdvSearch ul li.filtroFacultad .formField label { padding: .3em 0; } .estudiarAdvSearch .filtro { margin: 1.5em 0 0 0; } .estudiarAdvSearch .filtroTitulo { text-align: center; } .estudiarAdvSearch .filtroTitulo > * { margin: 0; padding: 0; } .estudiarAdvSearch .filtroTitulo label { margin-right: 0.5em; } .estudiarAdvSearch .SumoSelect .CaptionCont { font-size: .8em; } } /* Box por Carreras (Próximos comienzos, qué estudiar) */ .modBoxPorProd { margin: 0 0 3em; padding: 0 8%; } .modBoxPorProd { display: none; /*margin: 0 1em; padding: 1px 4em 1em 4.5em; color: #1d1d1d; background: #f3f3f3;*/ } .modBoxPorProd.active { display: block; } .estudiarNav ~ .modBoxPorProd { padding-top: 0; background: none; } .modBoxPorProd > .modInner { max-width: 1580px; margin: 0 auto; padding: 3% 40px; background: #f3f3f3; } .modBoxPorProd > .modInner h2 { text-align: left; } .modBoxPorProd > .modInner h2:not(:first-child) { margin-top: 1.5em; } .carrerasSearch ~ .modBoxPorProd h2 { font-size: 1.4rem; } .modBoxPorProd > .modInner > h3 { padding: .5em 1em; background: #fff; text-align: left; } .modBoxPorProd > .modInner > h3:only-of-type { display: none; } .modBoxPorProd .boxes { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; gap: 40px; margin: 15px 0; } .modBoxPorProd .boxes .box { margin: 0 } .modBoxPorProd .boxes .box a { background: #fff } .modBoxPorProd .boxes .box .boxCont { padding: 0; } .modBoxPorProd .boxes h3 { margin: 0; padding: 1em 20px; background: #f3f3f3; font-size: 1.125em; } .modBoxPorProd .boxes .copete { padding: 20px; font-size: .875em; } .modBoxPorProd .boxes dt { display: inline; margin: 0; } .modBoxPorProd .boxes dt:before { content: '\D\A'; white-space: pre; } .modBoxPorProd .boxes dt:first-child:before { content: normal; } .modBoxPorProd .boxes dt:after { content: " "; } .modBoxPorProd .boxes dd { display: inline-block; vertical-align: top; margin: 0 0 1em; } .modBoxPorProd .boxes .box a { display: flex; flex-direction: column; justify-content: stretch } .modBoxPorProd .boxes .box .boxCont { flex: 1; display: flex; flex-direction: column; padding: 0; } .modBoxPorProd .boxes .box .boxCont > h3 { flex: 1 0 auto; } .modBoxPorProd .boxes .box .boxCont > .copete { flex: 0 0 130px; max-height: 130px; } /* Vista de lista */ .modBoxPorProd * { transition: .5s; } [data-view=list] .modBoxPorProd .modInner { padding-left: 5.5%; } [data-view=list] .modBoxPorProd .boxes { display: block; margin-top: 10px; } [data-view=list] .modBoxPorProd .boxes a { background: none; box-shadow: none; text-decoration: underline; text-underline-offset: 3px; } [data-view=list] .modBoxPorProd .boxes a:hover { box-shadow: none; text-decoration: none; } [data-view=list] .modBoxPorProd .boxes .boxMedia, [data-view=list] .modBoxPorProd .boxes .copete { display: none; } [data-view=list] .modBoxPorProd .boxes .boxCont { padding: 0; margin: 0; flex-wrap: nowrap; flex-direction: row; justify-content: start; } [data-view=list] .modBoxPorProd .boxes .boxCont::before { content: ""; flex: 0 0 auto; display: block; width: 8px; height: 8px; margin: .9em .6em 0 0; border-radius: 50%; background: #363636; } [data-view=list] .modBoxPorProd .boxes h3 { max-width: calc(100% - 6px - .4em); padding: .26em 0; background: none; font-family: "Open sans"; font-weight: 400; font-size: 1.2em; } @media screen and (max-width: 1366px) { .carrerasSearch ~ .modBoxPorProd h2 { font-size: 1.2rem; } [data-view=list] .modBoxPorProd .boxes h3 { font-size: 1em; } [data-view=list] .modBoxPorProd .boxes .boxCont::before { width: 6px; height: 6px; margin: .85em .4em 0 0; } } @media screen and (max-width: 1024px) { .modBoxPorProd { margin: 0 0 3em; padding: 0 6%; } .modBoxPorProd .boxes { grid-template-columns: repeat(3,1fr); } .carrerasSearch ~ .modBoxPorProd h2 { font-size: 1.1rem; } } @media screen and (max-width: 800px) { .modBoxPorProd .boxes { grid-template-columns: 1fr 1fr; } .carrerasSearch ~ .modBoxPorProd h2 { font-size: 1rem; } [data-view=list] .modBoxPorProd .boxes .boxCont::before { margin-top: 1.2em; } [data-view=list] .modBoxPorProd .boxes h3 { padding: .55em 0; font-size: 1em; } } @media screen and (max-width: 600px) { .modBoxPorProd > .modInner { padding: 1.5em 20px 2.5em; } .modBoxPorProd .boxes { grid-gap: 20px; gap: 20px; } .modBoxPorProd .boxes h3 { padding: 1em 10px; background: #fff; border-radius: 5px; font-size: .8rem; /*word-wrap: break-word; overflow-wrap: break-word;*/ /*-webkit-hyphens: auto; -moz-hyphens: auto; ms-hyphens: auto; hyphens: auto;*/ } .modBoxPorProd .boxes .copete { display: none; } } @media screen and (max-width: 400px) { .modBoxPorProd h2 { font-size: 1rem; } .modBoxPorProd > .modInner > h3 { font-size: .9rem; } .modBoxPorProd .boxes { grid-gap: 15px; gap: 15px;/*grid-template-columns: 1fr;*/ } .modBoxPorProd .boxes h3 { padding: 1em 12px; font-size: .73rem; } } /* Próximos comienzos (Hereda de Carreras/Qué estudiar) */ .proxCom .estudiarSearch { display: none; } @media screen and (max-width: 600px) { .proxCom .modBoxPorProd .boxes h3 { padding: 10px; } .proxCom[data-view=list] .modBoxPorProd .boxes h3 { padding: .28em 0; } .proxCom .modBoxPorProd .boxes .box .boxCont > .copete { display: block; max-height: 50px; padding: 0 10px 10px; font-size: .75rem } .proxCom[data-view=list] .modBoxPorProd .boxes .box .boxCont > .copete { display: none; } .proxCom .modBoxPorProd .boxes dl > *:not(:last-child) { display: none; } .proxCom .modBoxPorProd .boxes dd:only-of-type { display: none; } } @media screen and (max-width: 414px) { .proxCom .modBoxPorProd .boxes .box .boxCont > .copete { max-height: 55px; padding-top: 5px; font-size: .72rem; } } @media screen and (max-width: 375px) { .proxCom .modBoxPorProd .boxes .box .boxCont > .copete { max-height: 65px; padding-top: 0; font-size: .7rem; } } /* Reunión informativa */ .modProdReunion.mod.modBox { padding-top: 2.6%; padding-bottom: 2.6%; /*background: center center / cover; background-image: url(../img/bg-reunion-informativa.jpg);*/ } .modProdReunion .boxes.mod1 .box { min-width: 54%; } .modProdReunion .box .boxCont { padding: 0; box-shadow: 3px 3px 5px rgba(0,0,0,.5); } .modProdReunion .box .fecha { position: absolute; left: 0; top: 0; transform: translate(-50%, -50%); padding: 5px 25px; border-radius: 5px; background: #dcdcdc; font-family: "Rubik", sans-serif; font-size: 2.625rem; font-weight: 800; color: #4a4949; text-transform: uppercase; text-align: center; } .modProdReunion .box .fecha .fechaMes { display: block; font-size: .5em; font-weight: 300; } .modProdReunion .box .fecha .fechaAnio { display: none; } .modProdReunion .box h2 { padding: 20px 10%; border-radius: 5px 5px 0 0; background: #fff; /*color: #fff;*/ } .modProdReunion:nth-child(odd) .box h2 { background: #f3f3f3; } .modProdReunion .box .copete { padding: 20px 10%; } .modProdReunion .box .copete dl { display: flex; margin-bottom: 1.5em; } .modProdReunion .box .copete dl dd { margin-left: .6em; } @media screen and (max-width: 1400px) { .modProdReunion .boxes.mod1 .box { min-width: 65%; } } @media screen and (max-width: 1200px) { .modProdReunion .boxes.mod1 .box { min-width: 70%; margin-left: 40px; } } @media screen and (max-width: 1024px) { .modProdReunion .box .fecha { font-size: 2em; } .modProdReunion .box h2 { text-align: center; } .modProdReunion .box .copete { padding-top: 5px; text-align: center; } .modProdReunion .box .copete dl { flex-direction: column; text-align: center; } .modProdReunion .box .copete dl dd { margin-top: .8em; margin-left: 0; } } @media screen and (max-width: 640px) { .modProdReunion .boxes.mod1 { margin-right: 0; margin-top: 40px; } .modProdReunion .box h2 { padding: 15px 15%; text-align: center; font-size: 1.25rem; } } @media screen and (max-width: 480px) { .modProdReunion .boxes.mod1 { } .modProdReunion .boxes.mod1 .box { flex-basis: 80%; margin-left: 50px; } .modProdReunion .box .fecha { padding: 5px 15px; font-size: 2em; } } /* Módulo Novedades */ .modNews .boxes { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; gap: 40px; margin-left: 0; margin-right: 0; } .modNews .boxes .box { margin: 0; } .modNews .boxes .box .boxCont { padding: 20px 15px 15px; } .modNews .boxes .box .boxCont h3 { font-size: clamp(1em,3vw,1.3em) } .modNews .boxes.news2 .box:nth-child(1), .modNews .boxes.news2 .box:nth-child(2), .modNews .boxes.news3 .box:nth-child(1), .modNews .boxes.news4D .box, .modNews .boxes.news6 .box:nth-child(1), .modNews .boxes.news6 .box:nth-child(6), .modNews .boxes.news7 .box:nth-child(1) { grid-column: span 2; } .modNews .boxes.news2 .box:nth-child(1) .boxMedia, .modNews .boxes.news2 .box:nth-child(2) .boxMedia, .modNews .boxes.news3 .box:nth-child(1) .boxMedia, .modNews .boxes.news4D .box .boxMedia, .modNews .boxes.news6 .box:nth-child(1) .boxMedia, .modNews .boxes.news6 .box:nth-child(6) .boxMedia, .modNews .boxes.news7 .box:nth-child(1) .boxMedia { height: 100%; padding: 0; } .modNews .boxes.news2 .box:nth-child(1) img, .modNews .boxes.news2 .box:nth-child(2) img, .modNews .boxes.news3 .box:nth-child(1) img, .modNews .boxes.news4D .box img, .modNews .boxes.news6 .box:nth-child(1) img, .modNews .boxes.news6 .box:nth-child(6) img, .modNews .boxes.news7 .box:nth-child(1) img { border-radius: 5px; height: 100%; object-fit: cover; } .modNews .boxes.news2 .box:nth-child(1) .boxCont, .modNews .boxes.news2 .box:nth-child(2) .boxCont, .modNews .boxes.news3 .box:nth-child(1) .boxCont, .modNews .boxes.news4D .box .boxCont, .modNews .boxes.news6 .box:nth-child(1) .boxCont, .modNews .boxes.news6 .box:nth-child(6) .boxCont, .modNews .boxes.news7 .box:nth-child(1) .boxCont { position: absolute; bottom: 0; width: 100%; padding-top: 40px; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); border-radius: 0 0 5px 5px; } .modNews .boxes.news2 .box:nth-child(1) h3, .modNews .boxes.news2 .box:nth-child(2) h3, .modNews .boxes.news3 .box:nth-child(1) h3, .modNews .boxes.news4D .box h3, .modNews .boxes.news6 .box:nth-child(1) h3, .modNews .boxes.news6 .box:nth-child(6) h3, .modNews .boxes.news7 .box:nth-child(1) h3 { color: #fff; text-shadow: 0 0 3px #000; } .modNews .boxes.news2 .box:nth-child(1) .tools, .modNews .boxes.news2 .box:nth-child(2) .tools, .modNews .boxes.news3 .box:nth-child(1) .tools, .modNews .boxes.news4D .box .tools, .modNews .boxes.news6 .box:nth-child(1) .tools, .modNews .boxes.news6 .box:nth-child(6) .tools, .modNews .boxes.news7 .box:nth-child(1) .tools { margin-top: 0; top: 50%; } @media screen and (max-width: 900px) { .modNews .boxes { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .modNews .boxes { grid-template-columns: 1fr; } .modNews .boxes.boxes .box.box { grid-column: span 2; } } .modNews.mod.modBoxThumb .boxes .box.newsImgHidden { background: no-repeat center top / cover; } .modNews.mod.modBoxThumb .boxes .box.newsImgHidden img { display: none; } @media screen and (max-width:900px) { .modNews.mod.modBoxThumb .boxes .box.newsImgHidden { background: no-repeat -9000px -9000px / auto; } .modNews.mod.modBoxThumb .boxes .box.newsImgHidden img { display: block; } } /* Módulo Eventos manual */ .modEventsPrev .boxes { flex-direction: column; } .modEventsPrev .boxes .box .boxMedia { display: none; } .modEventsPrev .boxes .box .boxCont { display: flex; flex-direction: column; } .modEventsPrev .boxes .box .hora { order: 1; } .modEventsPrev .boxes .box .copete { order: 2; } /* Íconos manuales */ /* --------------- */ .modBoxIcon .box .boxMedia { padding: 25px 10px 10px; background: no-repeat center center; } /* No modificar esta línea */ /* Agregar la clase manteniendo el resto del selector y agregar la url de la imagen */ .modBoxIcon .boxIco.claseicono { background-image: url(mod-ico-ejemplo.svg); } .modBoxIcon .boxMedia.icoIdiomaAleman { background-image: url(../img/idiomas/ico-idioma-aleman.svg); } .modBoxIcon .boxMedia.icoIdiomaChino { background-image: url(../img/idiomas/ico-idioma-chino.svg); } .modBoxIcon .boxMedia.icoIdiomaJapones { background-image: url(../img/idiomas/ico-idioma-japones.svg); } .modBoxIcon .boxMedia.icoIdiomaPortugues { background-image: url(../img/idiomas/ico-idioma-portugues.svg); } .modBoxIcon .boxMedia.icoIdiomaFrances { background-image: url(../img/idiomas/ico-idioma-frances.svg); } .modBoxIcon .boxMedia.icoIdiomaIngles { background-image: url(../img/idiomas/ico-idioma-ingles.svg); } .modBoxIcon .boxMedia.icoIdiomaItaliano { background-image: url(../img/idiomas/ico-idioma-italiano.svg); } .modBoxIcon .boxMedia.icoIdiomaCoreano { background-image: url(../img/idiomas/ico-idioma-coreano.svg); } .modBoxIcon .boxMedia.icoIdiomaEspanol { background-image: url(../img/idiomas/ico-idioma-espanol.svg); } .modBoxIcon .boxMedia.fa-youtube, .modBoxIcon .boxMedia.fa-twitter, .modBoxIcon .boxMedia.fa-facebook-f::before { font-family: "Font Awesome 5 Brands"; } /* ---------- Clases personalizadas ---------- */ /* Iconos Marcas */ .modBoxIcon.customIcoBrands .box .boxMedia { font-family: "Font Awesome 5 Brands"; } /* Niveles*/ .type-ortSection-container > .mEq + .customLevels, .type-ortSection-container > .customLevels:first-child { padding-top: 1.5%; } .mod.customLevels .boxes .box { min-width: calc(25% - 0px); flex: 0 0 calc(25% - 0px); margin: 0; } .mod.customLevels .boxes .box a { box-shadow: none; background: transparent; } .mod.customLevels .boxes .box .boxMedia::before { width: 130px; height: 130px; line-height: 130px; border: 5px solid; border-radius: 50%; transition: .3s; } .mod.customLevels .boxes .box a:hover .boxMedia::before { background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.3); } .mod.customLevels .boxes .box .boxCont { padding: 0px 20px 30px; } .mod.customLevels .boxes .box .boxCont h3 { font-weight: 500; color: #484848; } @media screen and (max-width: 1400px) { .type-ortSection-container > .mEq + .customLevels, .type-ortSection-container > .customLevels:first-child { padding-top: 0.1%; } .mod.customLevels .boxes .box .boxMedia::before { width: 120px; height: 120px; line-height: 120px; } } @media screen and (max-width: 1280px) { .mod.customLevels .boxes .box .boxMedia::before { width: 110px; height: 110px; line-height: 110px; } } @media screen and (max-width: 1024px) { .mEq + .mod.customLevels, .mod.customLevels:first-child { padding-top: 3%; } } @media screen and (max-width: 640px) { .mod.customLevels { } .mod.customLevels .boxes .box { min-width: calc(50% - 0px); flex: 0 0 calc(50% - 0px); } .mod.customLevels .boxes .box .boxMedia { /*min-height: 120px;*/ font-size: 3.2em; } .mod.customLevels .boxes .box .boxMedia::before { flex: 0 0 auto; width: 100px; height: 100px; line-height: 100px; } .mod.customLevels .boxes .box .boxCont { padding: 0 0 30px; } .mod.customLevels .boxes .box .boxCont h3 { /*font-size: 1.1875em;*/ } } /* Recursos (Hereda de Niveles) */ .mod.customLevels.customResources .boxes .box.box > a { background: transparent; } .mod.customLevels.customResources .boxes .box .boxMedia::before { background: #484848; border-color: #484848; } .mod.customLevels.customResources .boxes .box a:hover .boxMedia::before { background: #fff; color: #484848; } /* Admisiones */ @media screen and (max-width: 375px) { .modBoxIcon.customAdmisiones .boxes .box { flex: 0 0 calc(50% - 20px); } } /* Facultades */ .mod.customFaculties .boxes .box { flex-basis: calc(20% - 40px); min-width: calc(20% - 40px); border-radius: 5px; } .mod.customFaculties .boxes .box > a { background: #fff; } .mod.customFaculties .box .boxMedia { padding: 25px 10px; border-radius: 5px 5px 0 0; } .mod.customFaculties .box .boxCont { padding-top: 20px; } .mod.customFaculties .boxes .box h3 { font-size: 1.2em; } @media screen and (max-width: 1366px) { .mod.customFaculties .boxes .box h3 { font-size: 1.1em; } } @media screen and (max-width: 1200px) { .mod.customFaculties .boxes .box { flex-basis: calc(25% - 40px); } } @media screen and (max-width: 1024px) { .mod.customFaculties .boxes .box { flex-basis: calc(100% - 40px); } .mod.customFaculties .boxes .box a { text-align: left; display: flex;align-items: center; } .mod.customFaculties .boxes .box a > * { text-align: left; } .mod.customFaculties .boxes .box a > .boxMedia { min-width: 100px; text-align: center; border-radius:5px; } } /* Experiencia internacional */ .customExpInternacional .box h3 { font-weight: 500; text-align: center; text-transform: uppercase; } .customExpInternacional .box .boxCont { text-align: center; } @media screen and (max-width: 640px) { .customExpInternacional .boxes .box { margin-top: 20px; margin-bottom: 20px; } .customExpInternacional .box .boxCont { position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; height: 100%; background: rgba(0,0,0,.60); border-radius: 5px; } .customExpInternacional .box .boxCont h3 { color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,.45); } .customExpInternacional .box .boxCont .copete { color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,.45); } } @media screen and (max-width: 480px) { .customExpInternacional .box .boxCont h3 { font-size: 1.25em; margin-bottom: 5px; } .customExpInternacional .box .boxCont .copete { font-size: 0.875em } } /* Áreas */ .customAreas .box h3 { text-align: center; } /* Autoridades */ .customAutoridades .box { text-align: center; } .customAutoridades .box h3 { font-weight: 400; } .customAutoridades .box .boxCont .copete { font-family: "Rubik", sans-serif; font-size: 1.3em; font-weight: 500; } /* Anuarios (Publicaciones tapa vertical) */ .customAnuarios .boxCont:empty { display: none; } .customAnuarios.modBox .boxes.mod4 .box { flex: 0 0 calc(20% - 20px); min-width: calc(20% - 20px); } @media screen and (max-width: 1440px) { .customAnuarios.modBox .boxes .boxCont { padding: 20px; } .customAnuarios .boxCont h3 { font-size: 1.1rem; } } @media screen and (max-width: 1366px) { .customAnuarios .boxCont h3 { font-size: 1rem; } } @media screen and (max-width: 1024px) { .customAnuarios.mod.modBox .boxes.mod4 .box { flex: 0 0 calc(25% - 20px); min-width: calc(25% - 20px); } } @media screen and (max-width: 800px) { .customAnuarios.modBox .boxes .boxCont { padding: 15px; } .customAnuarios .boxCont h3 { font-size: .9rem; } } @media screen and (max-width: 640px) { .customAnuarios.mod.modBox .boxes.mod4 .box { flex: 0 0 calc(33% - 20px); min-width: calc(33% - 20px); } } @media screen and (max-width: 480px) { .customAnuarios.mod.modBox .boxes.boxes .box { flex: 0 0 calc(50% - 20px); min-width: calc(50% - 20px); } .customAnuarios .boxCont h3 { font-size: .85rem; } .customAnuarios .boxCont .copete { font-size: .8rem; } } .customAnuarios.flexslider .slides img { width: auto; } .customAnuarios.modBoxThumb.modRotator .boxes { display: block; } .customAnuarios.modBoxThumb.modRotator .boxes.mod4 .box { min-width: auto; } /* Publicaciones tapa horizontal */ .customPubliH .boxCont:empty { display: none; } @media screen and (max-width: 640px) { .customPubliH.mod.modBox .boxes.mod4 .box { flex: 0 0 calc(50% - 20px); min-width: calc(50% - 20px); } } @media screen and (max-width: 480px) { .customPubliH.mod.modBox .boxes.mod4 .box { flex: 0 0 calc(50% - 20px); min-width: calc(50% - 20px); } .customPubliH .boxCont h3 { font-size: .85rem; } .customPubliH .boxCont .copete { font-size: .8rem; } } /* Desplegables (Expositores) */ .customDesplegable .boxes { align-items: start; } .customDesplegable .box.open { align-self: stretch; } .customDesplegable .box .copete { display: none; } .customDesplegable .box.open .copete { display: block; } .customDesplegable .box h3 { position: relative; margin-bottom: 10px; text-align: center; } .customDesplegable .box h3 + .copete { margin-top: 24px; } .customDesplegable .box.hasCont h3 { cursor: pointer; } .customDesplegable .box.hasCont h3::after { content: ""; position: absolute; bottom: -20px; left: 50%; width: 16px; height: 16px; margin: 0 0 0 -8px; transform: scaleY(-1) rotate(-90deg); transition: .3s; background: url(../img/bullet-generic.svg) no-repeat center center / contain; } .customDesplegable .box.open h3::after { transform: scale(1) rotate(-90deg); } /* Deportes - Plantel */ .customPlantel .boxes .box { grid-template-columns: 1.5fr 1fr; grid-gap: 2em; gap: 2em; } .customPlantel .box .boxCont { padding-top: 0; } .customPlantel .boxCont ul { margin: 0; padding: 0; } .customPlantel .boxCont ul li { padding: 1em 0; border-bottom: 1px solid #939393; } .customPlantel .boxCont ul li::before { display: none; } .customPlantel .boxCont ul li em { font-size: 1.3em; font-weight: bold; font-style: normal; color: #363636; } @media screen and (max-width: 1366px) { .customPlantel .boxCont ul li { font-size: .8em; } } @media screen and (max-width: 900px) { .customPlantel .box .boxCont { padding-top: 30px; } .customPlantel .boxes .box { display: block; } .customPlantel .boxCont ul li { font-size: 1em; } } /* Deportes - Logros */ .customLogros h2, .customLogros .modDescription { max-width: 100%; text-align: left; } .customLogros.modBoxBullet .boxes { margin-top: 3em } .customLogros.modBoxBullet .boxes .box { flex-basis: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } .customLogros.modBoxBullet .boxes .boxCont { padding: 25px 50px; } .customLogros .boxes .box h3 { font-weight: 600; } .customLogros .boxes .box h3::before { display: none; } .customLogros .box .copete p { margin: 0; text-align: left; } .customLogros .box .copete p em { font-weight: 400; font-style: normal; } @media screen and (max-width: 480px) { .customLogros.modBoxBullet .boxes .box { flex-basis: 100%; max-width: 100%; } .customLogros.modBoxBullet .boxes .boxCont { padding: 15px 20px; } } /* Deportes - Resultados */ .tblDeportesResult { position: relative; width: auto; margin: 1em auto 0; border: none; border-radius: 5px; font-size: 1rem; } .tblDeportesResult th,.tblDeportesResult td { border: none; color: #363636; font-size: 1.35em; } .tblDeportesResult thead::after { content: ""; position: absolute; display: block; width: calc(100% - 40px); margin-left: 20px; border-bottom: 1px solid #a1a1a1; } .tblDeportesResult thead th { padding: .8em 2em; background: transparent; font-weight: 400; text-align: center; } .tblDeportesResult tbody th { padding: .5em 2em; text-align: center; } .tblDeportesResult tbody td { width: 50%; padding: .5em; border-radius: 0 5px 5px 0; background: #661020; font-family: "Rubik", sans-serif; font-size: 4.5em; font-weight: 600; color: #fff; line-height: 1; text-align: center } .tblDeportesResult tbody td:first-child { position: relative; border-radius: 5px 0 0 5px; } .tblDeportesResult tbody td:first-child::before { content: ""; position: absolute; right: 0; top: 20px; width: 0; height: calc(100% - 40px); border-left: 1px solid #fff; } @media screen and (max-width: 640px) { .tblDeportesResult { width: 100%; font-size: .75rem; } .tblDeportesResult tbody th { padding: .8em .5em; } .tblDeportesResult tbody td { padding: .4em; } } @media screen and (max-width: 480px) { .tblDeportesResult { font-size: .75rem; } } /* Deportes - Jugadores */ .customJugadores.modBoxThumb.modBox .box, .customJugadores.modBoxThumb.modBox.mod:nth-child(2n+1) .box { background: transparent; } .customJugadores.modBoxThumb .boxCont { padding-top: 15px; text-align: center; } .customJugadores.modBoxThumb .boxCont h3 { margin-bottom: 5px; } .customJugadores.modBoxThumb .boxCont p { margin: 0; } /* Press */ .customPress h2, .customPress .modDescription { max-width: 100%; text-align: left; } .customPress.modBoxBullet .boxes { margin-top: 3em } .customPress.modBoxBullet .boxes .box { flex-basis: 80%; max-width: 80%; margin-left: auto; margin-right: auto; } .customPress.modBoxBullet .boxes .boxCont { padding: 25px 50px; } .customPress .boxes .box h3 { font-weight: 600; } .customPress .boxes .box h3::before { display: none; } .customPress .box .copete p { margin: 0; text-align: left; } .customPress .box .copete p em { font-weight: 400; font-style: normal; } @media screen and (max-width: 480px) { .customPress.modBoxBullet .boxes .box { flex-basis: 100%; max-width: 100%; } .customPress.modBoxBullet .boxes .boxCont { padding: 15px 20px; } } /* Idiomas */ .mod.customIdiomas .boxes .box { flex: 0 1; min-width: calc((100% / 3) - 80px); margin: 1em 40px 20px; } .customIdiomas.modRotator .boxes { flex-wrap: nowrap; justify-content: start; padding: 0; margin: 20px 0; } .customIdiomas.modRotator .boxes.boxes .box { min-width: auto; max-width: 497px; flex-basis: auto; margin: 0; } .customIdiomas.modRotator .boxes.boxes .box a { position: relative; margin-left: 50px; } .mod.customIdiomas .box .boxMedia { position: absolute; top: 50%; left: 0; width: 86px; height: 86px; transform: translate(-50%,-50%); background-size: contain; } .mod.customIdiomas .box .boxCont { display: flex; align-items: center; height: 100%; padding: 44px 20px 44px 4.5em; } .mod.customIdiomas .box .boxCont h3 { font-weight: 400; text-align: left; } @media screen and (max-width: 1024px) { .mod.customIdiomas .boxes .box { flex: 1 1; min-width: calc(100% / 3 - 40px); } } @media screen and (max-width: 640px) { .mod.customIdiomas .boxes .box { min-width: calc(50% - 40px); } } @media screen and (max-width: 480px) { .mod.customIdiomas .boxes .box { min-width: calc(100% - 50px); margin-left: 70px; } } /* Investigación */ .mod.customInvestigacion .boxes .box { flex: 0 1; min-width: calc((100% / 3) - 80px); margin: 20px 40px; } .mod.customInvestigacion .box > a { } .mod.customInvestigacion .box .boxMedia { position: absolute; top: 50%; font-size: 2.5em; min-height: auto; width: 75px; height: 75px; padding: 0; border: 2px solid #e4e4e4; border-radius: 50%; background: #f3f3f3; transform: translate(-50%, -50%); color: #393939; } .mod.customInvestigacion .box .boxCont { display: flex; align-items: center; height: 100%; padding-left: 3.5em; } .mod.customInvestigacion .box .boxCont .copete { display: none; } .mod.customInvestigacion .box .boxCont h3 { font-weight: 400; font-size: 1.5em; text-align: left; } @media screen and (max-width: 1200px) { .mod.customInvestigacion .boxes .box { min-width: calc(50% - 100px); } } @media screen and (max-width: 900px) { .mod.customInvestigacion .boxes .box { min-width: calc(100% - 100px); } } /* Laboratorios */ .mod.customLaboratorios .boxes .box { flex: 0 1; min-width: calc((100% / 3) - 40px); } /* Lista de PDF */ .customPdf h2, .customPdf .modDescription { max-width: 100%; text-align: left; } .customPdf.modBoxBullet .boxes { margin-top: 3em } .customPdf.modBoxBullet .boxes .box { flex-basis: 80%; max-width: 80%; margin: 20px auto; } .customPdf.modBoxBullet .boxes .boxCont { padding: 25px 50px; } .customPdf .boxes .box h3 { font-weight: 600; } .customPdf .boxes .box h3::before { display: none; } .customPdf .box .copete p { margin: 0; text-align: left; } .customPdf .box .copete p em { font-weight: 400; font-style: normal; } @media screen and (max-width: 480px) { .customPdf.modBoxBullet .boxes .box { flex-basis: 100%; max-width: 100%; } .customPdf.modBoxBullet .boxes .boxCont { padding: 15px 20px; } } .customPdf .boxes .box > a::before { content: ""; position: absolute; right: 0; width: 40px; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px; background: #fff url(../img/ico-pdf.svg) no-repeat center center / contain; transform: translate(-50%,-50%); } .customPdf:nth-child(odd) .boxes .box > a::before { background-color: #f3f3f3; } /* Exámenes */ .customExamenes.modBoxThumb.modBox .box { background: transparent; } .customExamenes .box img { width: calc(100% - 2px); padding: 16px 12px; border: 1px solid #ddd; } /* Testimonios */ .customTestimonios .boxes .box .boxMedia { padding-bottom: 0; } .customTestimonios .boxes .box .boxMedia img { width: 175px; height: 175px; object-fit: cover; border-radius: 50%; } .customTestimonios .boxes .box h2, .customTestimonios .boxes .box h3 { max-width: 800px; margin: 0 auto; font-weight: 500; color: #363636; } .customTestimonios .boxes .box .boxCont { display: flex; flex-direction: column; } .customTestimonios .boxes .box .copete { width: auto; margin: 1em auto 0; padding: 1em 2em 0; border-top: 2px solid #c9c9c9; } .customTestimonios .boxes .box .copete p { margin: 0; font-family: "Rubik", sans-serif; font-weight: 300; } .customTestimonios .boxes .box .copete strong, .customTestimonios .boxes .box .copete em { font-size: 1.3rem; font-weight: 600; font-style: normal; color: #363636; } /* Citas */ .customCita .modDescription, .customCita .boxCont { max-width: 100%; font-family: "Rubik",sans-serif; font-size: 1.5rem; font-weight: 500; } .customCita .modDescription p, .customCita .boxCont p { padding: 0; margin: 0; font-size: 1em; } .customCita .modDescription p:first-child::after, .customCita .modDescription p:first-child::before, .customCita .boxCont p:first-child::after, .customCita .boxCont p:first-child::before { content: ""; display: inline-block; width: 32px; height: 30px; margin: 0 .5em 0 -.5em; background: url(../img/quotes.svg) no-repeat center center / contain; } .customCita .modDescription p:first-child::after, .customCita .boxCont p:first-child::after { transform: rotate(180deg) translate(0px,5px) scale(.6); margin: 0; } .customCita .modDescription p:last-child, .customCita .boxCont p:last-child { text-align: right; font-size: 1em; font-weight: 400; } .customCita .box .copete { font-size: 1em; } .customCita .box .boxCont { padding: 0; } @media screen and (max-width: 1366px) { .customCita .modDescription, .customCita .boxCont { font-size: 1.25rem; } .customCita .boxCont p:first-child::after, .customCita .boxCont p:first-child::before { width: 32px; height: 25px; } } @media screen and (max-width: 480px) { .customCita .modDescription, .customCita .boxCont { font-size: 1.125rem; } .customCita .boxCont p:first-child::after, .customCita .boxCont p:first-child::before { width: 27px; height: 20px; } } /* Historias */ .customHistorias .boxes.mod1 .box, .customHistorias .boxes.mod2 .box, .customHistorias .boxes.mod3 .box { min-width: auto; } .customHistorias .boxes .box a { display: flex; flex-direction: column; justify-content: stretch; background: #fff; } .customHistorias .boxes h3 { margin: 0; padding: 1em 20px; font-size: 1.125em; } .customHistorias .boxes .copete { padding: 20px; font-size: .875em; } .customHistorias .boxes .box .boxCont { flex: 1; display: flex; flex-direction: column; padding: 0; } .customHistorias .boxes .box .boxCont > h3 { flex: 1 0 auto; } .customHistorias .boxes .box .boxCont > .copete { flex: 0 0 105px; max-height: 105px; } @media screen and (max-width: 1024px) { .customHistorias .boxes { grid-template-columns: repeat(3,1fr); } } @media screen and (max-width: 800px) { .customHistorias .boxes { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 600px) { .customHistorias > .modInner { padding: 2.5em 20px; } .customHistorias .boxes { grid-gap: 20px; gap: 20px; } .customHistorias .boxes h3 { font-size: 1rem; padding: 1em 10px; } .customHistorias .boxes .boxMedia.boxVideo + .boxCont h3 { text-align: left; } .customHistorias .boxes .copete { display: none; } } @media screen and (max-width: 400px) { .customHistorias h2 { font-size: 1rem; } .customHistorias > .modInner > h3 { font-size: .9rem; } .customHistorias .boxes { grid-gap: 15px; gap: 15px; } .customHistorias .boxes h3 { padding: 1em 12px; font-size: .73rem; } } /* Bordes de color */ [class*="customBorder"] { --color1: #e76300; /* Naranja */ --color2: #008993; /* Celeste */ --color3: #ef063d; /* Rosado */ } .modBox[class*="customBorder"] .boxes .box > a { border-top: 19px solid; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modBox[class*="customBorder"] .boxes .box > a > .boxMedia img { border-top-left-radius: 0; border-top-right-radius: 0; } .modBox.customBorder1 .boxes .box > a { border-color: var(--color1); } .modBox.customBorder2 .boxes .box > a { border-color: var(--color2); } .modBox.customBorder3 .boxes .box > a { border-color: var(--color3); } /* Links externos */ .mod.modBox.customLnkExt .boxes .box h3:before, .mod.modBox.customLnkExt .box > a:before { content:""; font-family: "Font Awesome 5 Pro"; } .mod.modBox.customLnkExt .boxes .box .boxCont { padding: 15px 50px 15px 20px; } .mod.modBox.customLnkExt .box > a:before { content:"\f08e"; position: absolute; top:10px; right: 10px; font-size: 2em; } /* Openhouse */ .customOpenhouse.mod.modBgImg h2 { color: #363636; text-shadow: none; } .customOpenhouse.mod.modBgImg .modDescription { color: #000; text-shadow: none; } /* Infografía - Inicio */ .mod.customInfografia .box .boxMedia { position: absolute; top: 3rem; left: 0; width: 86px; height: 86px; padding: 0; transform: translate(-50%,-50%); border-radius: 50%; background: #661020; color: #fff; } .mod.customInfografia .box .boxMedia::before { font-size: 2.6rem; } .mod.customInfografia .box .boxCont { background: #f3f3f3; display: block; height: 100%; margin-left: 15px; padding: 0; border-radius: 20px; text-align: left; } .mod.customInfografia:nth-child(odd) .box .boxCont { background: #fff } .mod.customInfografia .box .boxCont h3 { display: flex; align-items: center; min-height: 4.8em; margin: 0; padding: .5em 1em .5em 40px; border: 3px solid #661020; border-radius: 20px; text-align: left; } .mod.customInfografia .boxesNoDescrip .box .boxCont h3 { height: 100%; } .mod.customInfografia .box .boxCont .copete { padding: .5em 1em .5em 40px; } /* Primer y último ítem */ .mod.customInfografia .box:first-child .boxMedia, .mod.customInfografia .box:last-child .boxMedia { display: none; } .mod.customInfografia .box:first-child .boxCont, .mod.customInfografia .box:last-child .boxCont { background: none; align-items: start; } .mod.customInfografia .box:first-child h3 { width: 100%; min-height: 3.5em; margin-top: .2em; padding: 0 1.5em; border-radius: 50px; background: #661020; color: #fff; text-transform: uppercase; font-size: 1.5em; white-space: nowrap; justify-content: center; } .mod.customInfografia .box:last-child h3 { width: auto; min-height: 2em; margin: 0; padding: .8em 1.8em; border: none; border-radius: 100px; justify-content: center; background: none; color: #fff; text-transform: uppercase; text-align: center; } .mod.customInfografia .box:last-child { display: flex; align-items: start; transform: translateX(-50px); } .mod.customInfografia .box:last-child:nth-child(6n) { transform: translateX(0); } .mod.customInfografia .box:last-child .boxCont { position: relative; height: auto; margin-right: -50px; padding: 0; border-radius: 150px; border: 4px solid white; background: #661020; } .mod.customInfografia .box:last-child:nth-child(6n) .boxCont { margin-right: 0; } .mod.customInfografia .box:last-child .boxCont h3::before { content: ""; position: absolute; left: -7px; right: -7px; top: -7px; bottom: -7px; display: block; border: 3px solid #661020; background: #fff; border-radius: 150px; z-index: -1; } .mod.customInfografia .box:last-child .boxCont .copete { margin: -.5em 0 0; padding: 0 1.5em 1em; color: #fff; text-align: center; } .mod.customInfografia .box:last-child .boxCont .copete ul { margin: 0; padding: 0 10px; } .mod.customInfografia .box:last-child .boxCont .copete ul li::before { display: none; } @media screen and (min-width: 1281px) { /* Min */ .mod.customInfografia .boxes { display: grid; grid-template-columns: repeat(3,1fr); grid-auto-flow: dense; grid-gap: 80px; } .mod.customInfografia .boxes li.box { margin: 0 0 0 50px; } .mod.customInfografia .boxes > li:nth-child(6n + 4) { grid-column: 3; } .mod.customInfografia .boxes > li:nth-child(6n + 5) { grid-column: 2; } /* Puntos chicos */ .mod.customInfografia .box::after, .mod.customInfografia .box:nth-child(6n)::before { content: ""; position: absolute; top: 43px; right: 0; z-index: 0; display: block; width: 80px; height: 0; margin-right: -5px; transform: translateX(100%); border-top: 7px dotted #661020; } .mod.customInfografia .boxes li.box:nth-child(6n+3)::after { width: 40px; height: calc(100% + 40px + 2.4rem) /* 100%+mitadGap+mitadAltoTit */; border-right: 7px dotted #661020; border-bottom: 7px dotted #661020; } .mod.customInfografia .boxes li.box:nth-child(6n+4)::after { display: none; } .mod.customInfografia .boxes li.box:nth-child(6n)::before { right: auto; left: 0; width: 45px; height: calc(100% + 40px + 2.4rem); transform: translateX(calc(-110% - 43px)); border-left: 7px dotted #661020; border-bottom: 7px dotted #661020; opacity: 1; border-radius: 0; background: transparent; } .mod.customInfografia .boxes li.box:last-child::before, .mod.customInfografia .boxes li.box:last-child::after { display: none; } .mod.customInfografia .boxes li.box:nth-child(6n):last-child::after { display: block } /* Puntos grandes */ .mod.customInfografia .boxes .box:nth-child(6n) .boxCont::before, .mod.customInfografia .boxes .box .boxCont::after { content: ""; position: absolute; top: 2.4rem; right: 0; z-index: 0; display: block; width: 18px; height: 18px; background: #661020; border-radius: 50%; transform: translate(85px,0); } .mod.customInfografia .boxes .box:nth-child(6n+3) .boxCont::after { display: none; } .mod.customInfografia .boxes .box:nth-child(6n+4) .boxCont::after { transform: translate(110%,4px); } .mod.customInfografia .boxes .box:nth-child(6n+5) .boxCont::after, .mod.customInfografia .boxes .box:nth-child(6n+6) .boxCont::after { transform: translate(110%,0px); } .mod.customInfografia .boxes .box:last-child .boxCont::after { display: none; right: auto; left: 0; transform: translate(-130%,-3px); } .mod.customInfografia .boxes .box:nth-child(6n) .boxCont::before { top: calc(100% + 40px + 4.8rem); left: -45px; right: auto; transform: translate(-100%,6px); } .mod.customInfografia .boxes .box:nth-child(6n):last-child .boxCont::after { display: block; right: -8px; left: auto; transform: translate(110%,-4px); } .mod.customInfografia .boxes .box:nth-child(6n):last-child .boxCont::before { display: none } } @media screen and (max-width: 1680px) { .mod.customInfografia .boxes { margin-left: 20px; margin-right: 20px; } } @media screen and (max-width: 1400px) { .mod.customInfografia .boxes { margin-left: 20px; margin-right: 30px; } } @media screen and (max-width: 1280px) and (min-width: 801px) { .mod.customInfografia .boxes { display: grid; grid-template-columns: repeat(2,1fr); grid-auto-flow: dense; grid-gap: 80px; } .mod.customInfografia .boxes li.box { margin: 0 0 0 50px; } .mod.customInfografia .boxes > li:nth-child(1n) { grid-column: auto; } .mod.customInfografia .boxes > li:nth-child(4n + 3) { grid-column: 2; } .mod.customInfografia .boxes > li:nth-child(4n + 4) { grid-column: 1; } /* Puntos chicos*/ .mod.customInfografia .box::after, .mod.customInfografia .box:nth-child(2n)::before { content: ""; position: absolute; top: 43px; right: 0; z-index: 0; display: block; width: 80px; height: 0; margin-right: -5px; transform: translateX(100%); border-top: 7px dotted #661020; } .mod.customInfografia .boxes li.box:nth-child(4n+2)::after { width: 40px; height: calc(100% + 40px + 2.4rem) /* 100%+mitadGap+mitadAltoTit */; border-right: 7px dotted #661020; border-bottom: 7px dotted #661020; } .mod.customInfografia .boxes li.box:nth-child(4n+3)::after { display: none; } .mod.customInfografia .boxes li.box:nth-child(4n)::before { right: auto; left: 0; width: 45px; height: calc(100% + 40px + 2.4rem); transform: translateX(calc(-110% - 43px)); border-left: 7px dotted #661020; border-bottom: 7px dotted #661020; opacity: 1; border-radius: 0; background: transparent; } .mod.customInfografia .boxes li.box:last-child::before, .mod.customInfografia .boxes li.box:last-child::after { display: none; } .mod.customInfografia .boxes li.box:nth-child(4n):last-child::after { display: block } /* Puntos grandes */ .mod.customInfografia .boxes .box:nth-child(4n) .boxCont::before, .mod.customInfografia .boxes .box .boxCont::after { content: ""; position: absolute; top: 2.4rem; right: 0; z-index: 0; display: block; width: 18px; height: 18px; background: #661020; border-radius: 50%; transform: translate(85px,0); } .mod.customInfografia .boxes .box:nth-child(4n) .boxCont::before { top: calc(100% + 40px + 4.8rem); left: -45px; right: auto; transform: translate(-100%,6px); } .mod.customInfografia .boxes .box:nth-child(4n) .boxCont::after { transform: translate(110%,0px); } .mod.customInfografia .boxes .box:nth-child(4n+2) .boxCont::after { display: none; } .mod.customInfografia .boxes .box:nth-child(4n+3) .boxCont::after { display: block; transform: translate(110%,4px); } .mod.customInfografia .boxes .box:last-child .boxCont::after { display: none; right: auto; left: 0; transform: translate(-130%,-3px); } .mod.customInfografia .boxes .box:nth-child(4n):last-child .boxCont::after { display: block; right: 0; left: auto; transform: translate(110%,0px); } .mod.customInfografia .boxes .box:nth-child(4n+3):last-child .boxCont::after { display: block; right: 0; left: auto; transform: translate(110%,4px); } .mod.customInfografia .boxes .box:nth-child(4n+3):last-child .boxCont::before { display: none } /* Primer y último ítem */ .mod.customInfografia .boxes .box:last-child .boxCont { width: 100%; } .mod.customInfografia .boxes .box:last-child .boxCont h3 { width: 100%; } .mod.customInfografia .boxes .box:nth-child(4n+4):last-child, .mod.customInfografia .boxes .box:nth-child(4n+3):last-child { transform: translateX(0); } } @media screen and (max-width: 800px) { .mod.customInfografia .boxes { display: block; margin-left: 20px; margin-right: 0; } .mod.customInfografia .boxes .box { padding-bottom: 2em; } .mod.customInfografia .box:first-child .boxCont h3 { width: auto; min-height: 3.5em; margin-bottom: 2em; transform: translateX(-43px) } .mod.customInfografia .boxes .box:last-child { width: calc(100% + 50px); transform: translate(0); left: -50px; right: -50px; } .mod.customInfografia .box:last-child .boxCont { margin-right: 0; } .mod.customInfografia .box .boxCont::before { content: ""; position: absolute; bottom: -4px; left: -9px; z-index: 0; display: block; width: 18px; height: 18px; background: #661020; border-radius: 50%; } .mod.customInfografia .box::after { content: ""; position: absolute; top: 86px; left: -10px; z-index: 0; display: block; transform: translateX(100%); width: 0px; height: calc(100% - 86px); border-left: 7px dotted #661020; } .mod.customInfografia .box:last-child .boxCont::before, .mod.customInfografia .box:last-child::after { display: none; } } /* Infografía - Fin */ /* Buscador en sección */ .searchInSection { text-align: center; } .searchInSection h3 { margin-top: 0; } .searchInSection form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .searchInSection form select, .searchInSection form input[type=search] { width: 100%; max-width: 820px; margin: 10px 2em 0 auto; padding: .8em .5em .8em 2.5em; box-sizing: border-box; font-size: 1em; background: #f3f3f3 url(../img/ico-search.svg) no-repeat .5em center / 1.4em; border: none; border-radius: 5px; box-shadow: 0 3px 4px rgba(0,0,0,.3); } .searchInSection form select { width: auto; max-width: 640px; padding-left: .5em; } .searchInSection form button[type=submit], .searchInSection form input[type=submit] { margin: 10px auto 0 0; padding: .2em 1em; border: 6px solid; border-radius: 5px; font-size: 1em; font-weight: 500; color: #fff; } .mod:nth-child(odd) .searchInSection form select, .mod:nth-child(odd) .searchInSection form input[type=search] { background-color: #fff; } .searchInSection .searchLinks { flex: 1 0 100%; text-align: left; } .searchInSection .searchLinks ul { display: flex; justify-content: start; margin-bottom: 0; padding-top: .5em; padding-left: 2.5%; } .searchInSection .searchLinks ul li { margin-bottom: .2em; } .searchInSection .searchLinks li::before { display: none; } .searchInSection .searchLinks li a { display: inline-block; padding: .5em 1.5em .5em 0; } @media screen and (max-width: 1200px) { .searchInSection form button[type=submit], .searchInSection form input[type=submit] { margin: 1em auto 0 auto; } } @media screen and (max-width: 1024px) { .searchInSection form { flex-direction: column; } .searchInSection form input[type=search] { margin: 0; text-overflow: ellipsis; } .searchInSection form input[type=submit] { margin: 1em 0 0 0; } .searchInSection .searchLinks { flex: auto; text-align: center; } .searchInSection .searchLinks ul { margin: 1em 0 0; padding: 0; justify-content: center; } .searchInSection .searchLinks li a { padding: .5em; } } /* Buscador de Bibliotecas (hereda de searchInSection) */ #type-ortSection-container > #cid100796, #type-ortSection-container > #cid100159 { padding-top: 50px; padding-bottom: 4%; background: url(/innovafront/theme/bibliotecas/images/bg-buscador.jpg) no-repeat center bottom / cover; } .searchBiblio { max-width: 1024px; margin: auto; } .searchBiblio form input[type=search] { max-width: 640px; } @media screen and (max-width: 1200px) { .searchBiblio form { justify-content: center; } } @media screen and (max-width: 1024px) { .searchInSection.searchBiblio form > * { flex: 0 0 auto; margin-left: auto; margin-right: auto; } } /* Rotador de biblioteca */ .koha-coverflow img { object-fit: contain; } .koha-coverflow .slides li { text-align: center; } /* Resultados de búsqueda */ .searchResults { padding: 0 8% 5% 8%; } .searchResults a:hover { text-decoration: underline; } @media screen and (max-width: 1024px) { .searchResults { padding: 0 6% 5% 6%; } } /* Página de gracias */ .mod.customGracias { padding-top: 0; padding-bottom: 5em; background: none; } .customGracias h1 { color: #661020; } .customGracias .modDescription { max-width: 640px; font-size: 1.6em; font-weight: 600; color: #484848; } /* Mapas */ #visualization { padding: 0; background: url(../img/ajax-loader.gif) no-repeat center center; } #countryList { display: flex; flex-wrap: wrap; padding: 20px 30px; max-width: 70%; text-align: left; } #countryList li { padding: 0 0 3px; flex: 1 1 calc(100% / 3); } #countryList li a { display: block; padding: 2px 5px; } #countryList li a span { display: inline-block; width: 15px; height: 15px; margin-right: .5em; vertical-align: middle; } /*{ background: #dc143c; color: #fff; }*/ #countryList li a:hover { text-decoration: underline; } .countrySelector { padding: 2em; text-align: center; background: #f3f3f3; } .countrySelector select { margin: 0 .5em; padding: .7em 2.5em .7em 1.5em; border: 1px solid #efefef; border-radius: 8px; background: #fff url(../img/bullet-generic-down.svg) no-repeat 96% center / 14px; box-shadow: 3px 3px 4px rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; } .modCountries { padding-top: 0; } .countryLB { min-width: 360px; max-width: 800px; width: 100%; } .countryLB h2 { margin: 0 0 1.5em; color: var(--mainColor); text-align: center; } .countryLB ul li { display: grid; grid-template-columns: 80px 2fr 1fr; margin-bottom: 2em; font-size: 1em; background: #f3f3f3; border-radius: 5px; } .countryLB ul li::before { display: none; } .countryLB .mapPersonImg { display: flex; grid-row: 1 / 4; grid-column: 1 / 2; width: 100px; } .countryLB .mapPersonImg img { display: block; width: 100px; height: 100px; margin: auto; border-radius: 50%; object-fit: cover; transform: translateX(-50%); } .countryLB h3 { grid-column: 2 / 3; width: 100%; margin: .8em 0 .2em; padding-right: 5px; font-size: 1.2rem; font-weight: 600; } .countryLB p { grid-column: 2 / 3; margin: 0 .5em 0 0; } .countryLB .mapPersonLnk { grid-row: 1 / 4; grid-column-start: 3; display: flex; align-items: center; justify-content: end; position: relative; margin: 0; padding-right: 12px; text-align: right; transform: translate(0, 0); } .countryLB .mapPersonLnk a { margin: auto 0 auto auto; box-shadow: 3px 3px 4px rgba(0,0,0,.25); white-space: nowrap; } @media screen and (max-width: 1024px) { #countryList { max-width: 100%; } } @media screen and (max-width: 800px) { #countryList li { flex-basis: calc(100% / 2); } .countrySelector select { margin-top: .8em; } .countryLB ul li { grid-template-columns: 80px 2fr 1.1fr; } } @media screen and (max-width: 600px) { #countryList li { flex-basis: 100%; } .countryLB { min-width: 300px; } .countryLB h2 { margin: 0; transform: translateY(50%) } .countryLB ul li { display: block; margin-top: 70px; text-align: center; } .countryLB .mapPersonImg { width: 100%; height: 60px; } .countryLB .mapPersonImg img { transform: translateY(-50%); width: 90px; height: 90px; } .countryLB h3 { width: auto; margin: 0 .5em; padding-right: 0; font-size: 1.1em; text-align: center; } .countryLB p { margin: 0 .5em; font-size: .8em; } .countryLB .mapPersonLnk { justify-content: center; padding: 1em 0; text-align: center; } .countryLB .mapPersonLnk a { margin: 0; } } /* Para modificar en generic.css */ #body .videoYoutube img { top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } #body .videoYoutube[data-ytdefimg] img { top: 0; } .fancybox-wrap .videoYoutube img { top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .fancybox-wrap .videoYoutube[data-ytdefimg] img { top: 0; } /* Temporal */ .pruebaEstudiarRecargada .modBoxPorProd .boxes .box .boxCont:first-child::before { content: ""; padding-top: 56.25%; height: 0; background: grey; border-radius: 5px 5px 0 0; } @media screen and (max-width: 600px) { .pruebaEstudiarRecargada .modBoxPorProd .boxes .box .boxCont:first-child { height: 100%; flex-direction: row; } .pruebaEstudiarRecargada .modBoxPorProd .boxes .box .boxCont:first-child h3 { flex-basis: 64%; } .pruebaEstudiarRecargada .modBoxPorProd .boxes .box .boxCont:first-child::before { display: block; padding-top: 0; height: 100%; min-width: 36%; flex: 1 1 36%; border-radius: 5px 0 0 5px; } } .pruebaEstudiarHL .modBoxPorProd .boxes .box .boxCont > h3 { background: #c0c0f0; } .pruebaEstudiarHL .modBoxPorProd .boxes .box .boxCont > .copete { outline: 1px dotted darkorange; } /* Temp: oculto botones y bloques en las homes de carreras universitarias y cortas (se puede usar el atributo data-level o la clase typeLevel-X). El typeLevel diferencia los distintos niveles por su id (de 1 a 5). El atributo data-level es el nombre. Ojo que, eventualmente, podría cambiar. */ /* Lo siguiente aplica a Carreras universitarias y Carreras cortas (aquellos niveles cuyo nombre empiece con "Carrera"). */ .type-ortProduct-container[data-level^=Carrera] #boxPresAbout, .type-ortProduct-container[data-level^=Carrera] #boxPresGraduados, .type-ortProduct-container[data-level^=Carrera] section#plan-de-estudios, .type-ortProduct-container[data-level^=Carrera] section#Plan-de-estudios, .type-ortProduct-container[data-level^=Carrera] section#por-que, .type-ortProduct-container[data-level^=Carrera] section#inscripcion { display: none; } .type-ortProduct-container[data-level^=Carrera] .modProdAbout { padding-top: 1%; } .type-ortProduct-container[data-level^=Carrera] .modProdDatos h2 { margin-bottom: 40px; } .modProdAbout .modInner > h2:first-child, .modProdAbout .modCont > h2:first-child { margin-top: 0; } [id*=type-ort][data-level^=Carrera] #mas-informacion .modInner { max-width: 1200px; padding: 3em 0 2em; border-radius: 5px; background: #eee; } [id*=type-ort][data-level^=Carrera] #mas-informacion .modDescription { max-width: 95%; } [id*=type-ort][data-level^=Carrera] ul.form-group-list { display: flex; flex-wrap: wrap; } [id*=type-ort][data-level^=Carrera] ul.form-group-list > li { width: 100%; } [id*=type-ort][data-level^=Carrera] ul.form-group-list > li.formItemSm { width: 50%; padding-right: 10px; } [id*=type-ort][data-level^=Carrera] ul.form-group-list > li.formItemSm + .formItemSm { padding-left: 10px; padding-right: 0; } [id*=type-ort][data-level^=Carrera] #mas-informacion input, [id*=type-ort][data-level^=Carrera] #mas-informacion textarea{ background-color: #fff; } @media screen and (max-width: 800px) { [id*=type-ort][data-level^=Carrera] ul.form-group-list > li.formItemSm.formItemSm { width: 100%; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 640px) { [id*=type-ort][data-level^=Carrera] #mas-informacion .modInner { padding: 3em 1.5em 2em; } } .cookieSituation { display: none !important; } .cookieConsent { display: none; }