.loading #content-body section:not(.modProdOrientaciones) { visibility: hidden; } /* Para evitar el FOUC. Oculta las secciones mientras carga y se ejecuta el JS. Las orientaciones del pie tienen que estar visibles para poder calcular su altura */ :root { --planHover: #edfbfc; } #pagPlanEstudios { font-family: var(--mainFont); } html.planEstudios #pagPlanEstudios { font-size:100%; } html.planEstudios #pagPlanEstudios .group > :not(dialog) h2 { font-size:inherit; font-family: var(--mainFont); } .planEstudios .fancybox-content { width:50%; } .planEstudios #body { position: relative; } .planEstudios #body #centralpanel { width: 100%; margin: 0; padding: 0; } #pagPlanEstudios .bodyContent { display:block; width:100%; } .planEstudios .content-main-title h2 { float: right; margin-right: 1em; margin-bottom: 1em; font-size: 24px; font-style: normal; } #pagPlanEstudios .ort-planSem-container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1em 0; padding-bottom: 1em; border-style:solid; border-width:2px; width: 49%; flex-shrink: 1; } #pagPlanEstudios .content-desplegado-title h2, #pagPlanEstudios .content-desplegado-title a { display:block; margin:0; padding: 0; text-decoration: none; } .pagPlanEstudios #centralpanel #content-title h1 { border-bottom: none !important; } #pagPlanEstudios .innova-link .box-title a { background:none; display:block; padding: 0 5px; color: #000; text-decoration: none; } #pagPlanEstudios .content-main-title h2 { float: right; margin: -25px 1em 1em 0; padding:8px 24px; text-align:right; line-height: 2; } #pagPlanEstudios .ort-planPerfil-container .bodycontent-preview .content-desplegado-title { padding-left:5px; } #pagPlanEstudios .planEstudiosSem { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; } #pagPlanEstudios .planEstudiosSem > div { width: 49%; flex-shrink: 1; } #pagPlanEstudios .planEstudiosSem .semExtras { order: 2; } #pagPlanEstudios .planEstudiosSem .semExtras > div { display: block; } #pagPlanEstudios .planEstudiosSem .sem + .sem + .semExtras { margin-left: auto; } #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container { order: 1; } #pagPlanEstudios .planEstudiosSem > .sem2 + .ort-planTaller-container { order: 3; } #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container:first-child, #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container:only-child { width: 100%; margin-top: 1em; } #pagPlanEstudios .planEstudiosSem .sem + .sem ~ .ort-planTaller-container { justify-self: stretch; width: 100%; margin: .6em 0 0 auto; order: 3; } #pagPlanEstudios .planEstudiosSem .planTitle { order: 3; flex-grow: 1; flex-basis: 100%; } #pagPlanEstudios .planEstudiosSem .planTitle + .lstElectivas, #pagPlanEstudios .planEstudiosSem .planTitle + .ort-planTaller-container { order: 4; width: 100%; } #pagPlanEstudios .planEstudiosSem .sem1 + .planTitle + .ort-planTaller-container { order: 4; flex-basis: 49%; margin-right: 51%; } #pagPlanEstudios .planEstudiosSem .sem:first-child + .planTitle { order: initial; flex-grow: 0; flex-basis: 49%; } #pagPlanEstudios .planEstudiosSem .planNota { order: 9; flex-basis: 100%; margin: 1em 0; } #pagPlanEstudios .planEstudiosSem .planTitle:last-child { order: 5; } #pagPlanEstudios .ort_plansem_container { width: 49%; margin: 1em 0; padding-bottom: 1em; border: 4px solid #bbead4; border-radius: 1em; overflow: hidden; } #pagPlanEstudios .anio[style*='none'] + .ort_plansem_container { margin-left: 1em; } #pagPlanEstudios .ort-planSem-container .bodycontent-preview .group .content-desplegado-title { overflow: hidden; } #pagPlanEstudios .bodycontent-preview > div, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title:after { clear: both; border: none; margin: 0 1em; padding: 0; } #pagPlanEstudios .content-desplegado-title.box-title h2, .pagPlanEstudios #content-body a { margin: 0; padding: 0 .5em; text-decoration: underline; color: #34343c; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > div, #pagPlanEstudios .ort-planTaller-container .box-title h2 { padding:0; margin:0 } #pagPlanEstudios .anio { margin-top: 1em; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > .group + .group:not(:has(.titulo)) { margin-top: .6em; } #pagPlanEstudios .content-desplegado-title.box-title h2 { text-decoration: none; } #pagPlanEstudios .content-toptitle h3 { display: block; padding: .5em 1em; border: none; background: #fff; color:#525252; } #pagPlanEstudios .meta-con .box-title a:before, #pagPlanEstudios .meta-con .box-title a:after { display: none } #pagPlanEstudios .ort-planTaller-container * { margin: 0; padding: 0; } #pagPlanEstudios .ort-planTaller-container dialog ul { margin: 0 0 2.6875rem; padding: 0 25px 0 5%; } #pagPlanEstudios .ort-planTaller-container dialog :is(p, li) { margin: 0 0 .8em 0; } #pagPlanEstudios .ort-planTaller-container .box-title a { /*border: 4px solid #bcdeed; /*border-radius: 1em;*/ overflow: hidden; } #pagPlanEstudios .content-desplegado-title h2:hover, .pagPlanEstudios #content-body a:hover { background: var(--planHover); text-decoration:none; } #pagPlanEstudios .ort-planTaller-container { margin-top: .6em; } #pagPlanEstudios .planRequisitos .content-desplegado-title { display: none; } #pagPlanEstudios .planRequisitos .content-desplegado-body { position: static; max-width: 100%; border-bottom: 4px solid #bcdeed; font-size: 14px; color: #606166; } /* Items de semestres */ #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-image, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-toptitle { display:none; } #pagPlanEstudios .bodycontent-preview > div:first-child, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title:first-child, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title:last-child:after, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview.last .box-title:after { border: none; } #pagPlanEstudios .bodycontent-preview > div, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title:after { display:block; content:""; border-top:#c9c9c9 1px dashed; } .carreraCorta #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .tallerTit:after, .carreraCorta #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .tallerTit:before { display:block; content:""; margin:-1px 0 0 0; border-top:#fff 1px solid !important; border-bottom:#c9c9c9 1px solid !important; } #pagPlanEstudios .content-desplegado-title.box-title, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title { display:block; margin:0; padding:0; line-height:2.3; } #pagPlanEstudios .ortGeneric-container .content-main-title { display:none; } #pagPlanEstudios .ortGeneric-container .content-desplegado-title h2 { margin:10px 0; } #pagPlanEstudios .ortGeneric-container .content-desplegado-title h2 a{ font-weight:bold; text-decoration:underline; } #pagPlanEstudios .content-desplegado-title { position:relative; } #pagPlanEstudios .content-desplegado-title.video a:after, #pagPlanEstudios .content-desplegado-title.gallery a:after, #pagPlanEstudios .content-desplegado-title.box-title.infoNote a:after { content: ""; display: block;font-family: var(--fontAwesome); font-size: 155% !important; font-weight: bold; vertical-align:top; position: absolute; right: -10px; top:-8px; height: 32px; width: 32px; } #pagPlanEstudios .content-desplegado-title.video a:after { content:"\f144"; } /*#pagPlanEstudios .content-desplegado-title.box-title.infoNote a:after { background: rgba(0, 0, 0, 0) url("../img/icon-note-plan.png") no-repeat 0 0; }*/ #pagPlanEstudios .content-desplegado-title.gallery a:after { content: "\f03e"; } #pagPlanEstudios .ortGeneric-container .content-desplegado-title.box-title.infoNote:after, #pagPlanEstudios .ort-planTaller-container .content-desplegado-title.box-title.infoNote:after { display:none; } /*#pagPlanEstudios .ortGeneric-container .content-desplegado-title.box-title a { text-decoration:none; }*/ #pagPlanEstudios .ort-planTaller-container .content-desplegado-title a:after { right: 10px; } #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container .box-title.video a:after, #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container:first-child .box-title.gallery a:after, #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container:first-child .box-title.infoNote a:after { right: 0; } /* Notas en materias y talleres */ #pagPlanEstudios .content-desplegado-title.box-title h2 a { position:relative; outline:none; text-decoration:underline; } #pagPlanEstudios .content-desplegado-title.box-title h2 a .note { display:none; position:absolute; bottom:30px; right:0; z-index:2; } #pagPlanEstudios .content-desplegado-title.box-title h2 a .note:before { content:""; display:block; border:1px solid #000; position:absolute; left:0; bottom:10px; height:100%; width:100%; } #pagPlanEstudios .content-desplegado-title.box-title h2 a .note:after { content:""; display:block; position:absolute; bottom:0; right:10px; border-right:1px solid #000; height:10px; } #pagPlanEstudios .content-desplegado-title.box-title h2 a:hover .note { z-index:1; } #pagPlanEstudios .content-desplegado-title.box-title h2 a .note .bannerCierre { margin:-20px 0 0 0; padding:10px; } #pagPlanEstudios .content-desplegado-title.box-title h2 a:hover .note, #pagPlanEstudios .content-desplegado-title.box-title.infoNote:after { display:block; } #pagPlanEstudios .bodycontent-preview .content-preview .box-title a { display:block; text-decoration: none; } #pagPlanEstudios .content-desplegado-title.box-title > h2.title > a { position: relative; text-align: center; text-transform: uppercase; } #pagPlanEstudios .content-desplegado-title.box-title > h2.title .note { text-transform:none !important; } .pagPlanEstudios #bottompanel .ort-modSimple-container, #bottompanel .ortGeneric-container { border:none; } #pagPlanEstudios .ort-planTaller-container .box-title h2 a { background: #f3f3f3; border-color: var(--mainColorLight); font-weight: 500; color: var(--mainColor); } #pagPlanEstudios .ort-planTaller-container .box-title h2 a:hover { background-color: var(--planHover); } /* VENTANAS EMERGENTES */ .pagPlanEstudios .content-desplegado-body { overflow: auto; max-width: 500px; max-height: 400px; } .pagPlanEstudios .content-desplegado-body #type-innova-text { padding:10px 0 10px 10px; } .pagPlanEstudios #type-innova-text h3:before { border-style:solid; border-width:3px; border-color: #e4efe7; content: ""; display: inline-block; float: left; height: 6px; margin-bottom: 5px; margin-right: 5px; margin-top: 5px; width: 6px; } .pagPlanEstudios #type-innova-text h3 { font-size: 16px; font-weight: 600; padding: 20px 0 10px; } .contentPlanEstudios .content-description, .contentPlanEstudios .content-desplegado-body, .contentPlanEstudios .box-description { display:block; position:absolute; top:-9000px; max-height: 5000px; overflow: hidden; } .pagPlanEstudios .contentPlanEstudios .modal.box-title { display:block; margin:0 0 10px 0; font-size:125%; } /* Talleres, pasantías */ #pagPlanEstudios .ort-planTaller-container .box-title a { padding:0; text-align:center; } #pagPlanEstudios .ort-planTaller-container .box-body { display:block; margin:0; padding:0; } #pagPlanEstudios .ort-planTaller-container .box-body .content-description { display:block; padding:0; text-align:center !important; position:relative; } #pagPlanEstudios .ort-planTaller-container .content-main-title { display:none; } .tallerTit { font-weight: bold; text-align: center; } /* Taller con título adentro */ #pagPlanEstudios .ort-planTaller-container .titulo { margin-top: 1em; } #pagPlanEstudios .ort-planTaller-container .titulo > h2 { display: none; } #pagPlanEstudios .ort-planTaller-container .titulo > .box-title { padding: 1em; line-height: normal; } #pagPlanEstudios .ort-planTaller-container .titulo > .box-title span { font-size: 1rem; font-weight: 600; text-transform: uppercase; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > div { border-top: none; } #pagPlanEstudios .ort-planTaller-container .group + .group .box-title .box-title { display: block; margin: 0; padding: 1em; background: var(--planColor); color: #fff; text-align: center; } /* Título y titulo intermedio */ .planEstudios .planTitle { display: block; margin: .6em 0 0 0; padding: 1em; background: var(--mainColorDark); font-size: 1.25em; text-align: center; } .planEstudios .planTitle strong { font-weight: 800; font-size: 1.1em; } .planEstudios .planTitle.planTitleFinal { display: grid; font-size: 1.25em; } .planEstudios .planTitle.planTitleFinal strong { font-size: 1.3em; } /* Perfiles */ .planPerfilesItems { display: flex; justify-content: space-between; max-width: var(--maxWidth); margin: 0 auto; border: 1px solid #ddd; border-left: none; } .planPerfilesItems .planPerfilItem { flex: 1 0 25%; border-left: 1px solid #ddd; display: flex; } .planPerfilesItems .planPerfilItem a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; padding: 1.5em 2em 2.5em; font-family: var(--mainFont); font-size: 1.2rem; font-weight: 400; text-decoration: none; text-align: center; } .planPerfilesItems .planPerfilItem a:hover { background-color: #535353; color: #fff; } .planPerfilesItems .planPerfilItem a strong { font-weight: 400; } .planPerfilesItems .planPerfilItem a::before { content: ""; position: absolute; left: 50%; bottom: 10px; width: 10px; min-width: 10px; height: 20px; margin-left: auto; background: url(../img/bullet-generic.svg) no-repeat 0 0 / contain; transform: rotate(90deg); transition: .3s; } .planPerfilesItems .planPerfilItem a:hover::before { background-image: url(../img/bullet-blanco.svg); } .planPerfilesItems .planPerfilItem.open a::before { /*bottom: -10px;*/ background-image: url(../img/bullet-blanco.svg); transform: rotate(-90deg); } .planPerfilesItems .planPerfilItem a::after, .planPerfilesItems .planPerfilItem.open a::after { content: ""; position: absolute; top: 100%; display: block; width: 100%; height: 0; background-color: inherit; transition: .5s; } .planPerfilesItems .planPerfilItem.open a::after { height: 1em; } .planEstudios .wrapOrientacion { display: none; padding: 2em 4em; background: #f3f3f3; } .planPerfilesItems .planPerfilItem[data-orientacion="audiovisual"].open a, .planPerfilesItems .planPerfilItem[data-orientacion="audiovisual"] a:hover { background-color: #476db4; color: #fff; } .planPerfilesItems .planPerfilItem[data-orientacion="contenidos-digitales"].open a, .planPerfilesItems .planPerfilItem[data-orientacion="contenidos-digitales"] a:hover { background-color: #FF3B6E; color: #fff; } .planPerfilesItems .planPerfilItem[data-orientacion="periodismo"].open a, .planPerfilesItems .planPerfilItem[data-orientacion="periodismo"] a:hover { background-color: #A43BFF; color: #fff; } .planPerfilesItems .planPerfilItem[data-orientacion="publicidad-y-marketing"].open a, .planPerfilesItems .planPerfilItem[data-orientacion="publicidad-y-marketing"] a:hover { background-color: #04BA97; color: #fff; } .planPerfilesItems ~ .wrapOrientacion { margin: 1.0em 1px; border-top: 8px solid; } .planPerfilesItems[data-selected=audiovisual] ~ .wrapOrientacion { border-color: #476db4; } .planPerfilesItems[data-selected=contenidos-digitales] ~ .wrapOrientacion { border-color: #FF3B6E; } .planPerfilesItems[data-selected=periodismo] ~ .wrapOrientacion { border-color: #A43BFF; } .planPerfilesItems[data-selected=publicidad-y-marketing] ~ .wrapOrientacion { border-color: #04BA97; } .planPerfilesItems[data-selected=audiovisual] ~ .wrapOrientacion .planTitle, .planPerfilesItems[data-selected=audiovisual] ~ .wrapOrientacion .content-main-title h2 { background-color: #9cbdff; } .planPerfilesItems[data-selected=contenidos-digitales] ~ .wrapOrientacion .planTitle, .planPerfilesItems[data-selected=contenidos-digitales] ~ .wrapOrientacion .content-main-title h2 { background-color: #ff9db6; } .planPerfilesItems[data-selected=periodismo] ~ .wrapOrientacion .planTitle, .planPerfilesItems[data-selected=periodismo] ~ .wrapOrientacion .content-main-title h2 { background-color: #d19dff; } .planPerfilesItems[data-selected=publicidad-y-marketing] ~ .wrapOrientacion .planTitle, .planPerfilesItems[data-selected=publicidad-y-marketing] ~ .wrapOrientacion .content-main-title h2 { background-color: #81dccb; } .pagPlanEstudios .flickr-embed-frame { display:block; overflow:hidden; height:auto !important; margin:0; padding:0; } .planPerfilesItems[id*="mov_"] { display: none; } @media screen and (max-width: 1200px) { .planPerfilesItems .planPerfilItem a { padding: 1em 1em 2em; } } @media screen and (max-width: 900px) { .planPerfilesItems .planPerfilItem a { padding: .5em .5em 1.5em; font-size: 1.2rem; } .planPerfilesItems ~ .wrapOrientacion { margin-top: 1em; } } @media screen and (max-width: 640px) { .planPerfilesItems .planPerfilItem a { padding: 1em 1em 2em; } .planPerfilesItems { display: none; } .planPerfilesItems[id*="mov_"] { display: block; } .flickr-embed-frame { width: 100% !important; } } .pagListadoElectivas a { display:inline-block; margin:0; padding:0; text-decoration:underline; } .pagListadoElectivas a:hover { background:none; } .pagListadoElectivas .volverPlanestudios a { padding:5px 10px; } .pagListadoElectivas #content-toptitle { margin-top:50px; } .pagListadoElectivas h3 { display:block; margin:10px 0 20px 0; padding:2px 30px; clear:right; } .pagListadoElectivas hr { border-bottom:#000 dashed 1px; background:none; border-top:none; border-left:none; border-right:none; } /* Requisitos de graduación */ .pagPlanEstudios .orientacion .meta-con:last-child .box-title, .pagPlanEstudios .orientacion .meta-con:last-child a { cursor:text; } .pagPlanEstudios .orientacion .meta-con:last-child a { display:block; margin:0 !important; padding:0 !important; text-decoration:none; } /* Listas */ .pagPlanEstudios #type-innova-text ul { display:block; margin: 0 0 1.2em 0; padding:0; list-style:none; } .pagPlanEstudios #type-innova-text ul li:before { content:""; display:block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; margin-left: 0; margin-right: 0; } .pagPlanEstudios #type-innova-text ul li { display:block; margin:0; padding:5px 8px 5px 15px; position:relative; } /* ventana energente */ .pagPlanEstudios .fancybox-inner .box-title h2 { margin-bottom:20px; } .planEstudios .fancybox-content a { text-decoration: underline; } #pagPlanEstudios .bannerCierre { background:none; text-align:left; } .planPerfilesItems > li > .planPerfilTit h3 span { font-size: .72em; } .pagPlanEstudios #bottompanel.orientacion .meta-con .box-title { font-size: 1.1em; } .pagPlanEstudios .titulo .box-title strong, .titulo .box-title span { font-size: 1.16666em; } #pagPlanEstudios .planPerfiles header h2, #pagPlanEstudios .planPerfiles header h3 { font-size: 20px; } .planEstudios .content-main-title h2 { font-size: 14px; } #pagPlanEstudios .planPerfiles header h3, #pagPlanEstudios .bannerCierre { font-weight:normal; } #pagPlanEstudios .content-desplegado-title h2, #pagPlanEstudios .content-desplegado-title a { font-weight: 500; } #pagPlanEstudios .ort-planTaller-container .box-title a, .pagPlanEstudios .titulo span, .pagPlanEstudios .titulo .box-title strong, .titulo .box-title span, .pagPlanEstudios #bottompanel.orientacion h3, .pagPlanEstudios #bottompanel.orientacion .box-title, .pagListadoElectivas h3 { font-weight:bold; } .pagPlanEstudios .titulo .box-title, .planPerfilesItems > li > .planPerfilTit h3 span { text-transform:uppercase; } #pagPlanEstudios .ort-planTaller-container .box-title a, .pagPlanEstudios #type-innova-text ul li:before { border-style:solid; border-width: 1px; } .pagPlanEstudios #type-innova-text ul li:before { border-color:#8BBAC6; } #pagPlanEstudios .content-desplegado-title.box-title > h2.title .note, #pagPlanEstudios .bodycontent-preview .content-preview .box-title a, .pagPlanEstudios #bottompanel.orientacion h3, .pagPlanEstudios #bottompanel.orientacion .menuitems a, .pagPlanEstudios #bottompanel.orientacion .meta-con .box-title a, .pagListadoElectivas h3 { color:#000; } #pagPlanEstudios .content-desplegado-title h2, #pagPlanEstudios .content-desplegado-title a { color:#636363; } .pagPlanEstudios .contentPlanEstudios .meta-con.titulo .box-title a, .pagPlanEstudios #content-body .titulo a, #pagPlanEstudios .content-desplegado-title.box-title > h2.title > a, .pagPlanEstudios .titulo .box-title, .planEstudios .content-main-title h2 { color:#fff; } .pagListadoElectivas .volverPlanestudios a { color:#037b79; } #pagPlanEstudios .planPerfiles header h3, #pagPlanEstudios .planPerfiles header h2 { color: #3a4a59; } #pagPlanEstudios .content-desplegado-title.box-title h2 a .note .bannerCierre { background:#fff; } #pagPlanEstudios .planPerfiles header h3 { background: #f4f4f4; } .pagListadoElectivas h3{ background: #dadada; background: linear-gradient(to right, #dadada 0%,#ffffff 100%); } .pagPlanEstudios #bottompanel.orientacion .box-title { background: rgb(216,217,221); background: linear-gradient(to right, rgba(216,217,221,1) 0%,rgba(255,255,255,1) 100%); } #pagPlanEstudios .bodycontent-preview .content-preview .box-title a:hover, .pagPlanEstudios #bottompanel.orientacion .menuitems a:hover { background: #eee; } @media screen and (max-width: 1080px) { .pagPlanEstudios #body { margin: 0 1em; } } @media screen and (max-width: 800px) { /* Ipad (vertical) */ .planEstudios .fancybox-content { width:95%; padding: 25px 20px 20px; } #pagPlanEstudios .planEstudiosSem > div { width: 100% } #pagPlanEstudios .planEstudiosSem .sem:first-child + .planTitle, #pagPlanEstudios .planEstudiosSem .sem1 + .planTitle + .ort-planTaller-container, #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container { order: 0; } #pagPlanEstudios .planEstudiosSem .sem:first-child + .planTitle { flex-basis: 100%; } #pagPlanEstudios .planEstudiosSem .sem1 + .planTitle + .ort-planTaller-container { flex-basis: 100%; margin-right: auto; } #pagPlanEstudios .content-desplegado-title.box-title a { padding: 5px 0; line-height: 1.7; } .planEstudios .wrapOrientacion { padding-left: 2em; padding-right: 2em; } .ort-planPerfil-container .content-main-title h2 { font-size: 20px; } .planPerfilesItems > li { flex-basis: 45%; } .planPerfilesItems > li > .planPerfilTit h3 { font-size: calc(1rem + 1vw); } .planPerfilesItems > li > .planPerfilTit { margin-bottom: 3em; pointer-events: auto; } .planPerfilesItems > li > .planPerfilTit::after { display: block; } .planPerfilesItems > li > .planPerfilDesc { display: none; } .sem { display: block; clear:both; width:100%; } .sem1 { border-right: none; border-bottom: 1px solid #979797; } .sem2 { border-left: none; } } @media screen and (max-width: 640px) { .planPerfilesItems > li .planPerfilTit h3 { font-size: calc(1rem + 1.8vw); } } @media screen and (max-width: 480px) { .planPerfilesItems > li > .planPerfilTit h3 { font-size: calc(1rem + 3.5vw); } } .fancybox-inner .fancybox-infobar, .fancybox-inner .fancybox-navigation, .fancybox-inner .fancybox-progress { display: none !important; } /* Nuevo diseño */ #content-title h1, #content-body:not( > #pagPlanEstudios) { --maxWidthContent: var(--maxWidth); } #pagPlanEstudios .anio { margin-top: 2em; } #pagPlanEstudios .content-toptitle { display: grid; grid-template-columns: 3.5rem 1fr; border-radius: 5px 5px 0 0; overflow: hidden; } #pagPlanEstudios .content-toptitle::before { content: "SEM."; background: var(--greyMedium); place-content: center; text-align: center; font-weight: 600; color: #363636; } #pagPlanEstudios .content-toptitle h3 { margin-block: 0; background: var(--mainColorLight); color: #fff; border-radius: 0; text-align: center; font-weight: 700; } #pagPlanEstudios .ort-planSem-container { border: none; border-radius: 0; background: #f3f3f3; margin-block: .6rem 0; } #pagPlanEstudios .content-main-title { height: 100%; } #pagPlanEstudios .content-main-title h2 { float: none; place-content: center; height: 100%; margin: 0; padding: 1.725rem 0; line-height: 1.2; width: 3.5rem; border-radius: 0; background-color: var(--greyMedium); color: var(--greyText); text-align: center; } #pagPlanEstudios .bodyContent { display: flex; } #pagPlanEstudios .planEstudiosSem > div { width: 100%; } #pagPlanEstudios .planEstudiosSem .sem:first-child + .ort-planTaller-container + .planTitle, #pagPlanEstudios .planEstudiosSem .sem:first-child + .planTitle { order: initial; flex-basis: 100%; } #pagPlanEstudios .bodycontent-preview > div, #pagPlanEstudios .bodycontent-preview > div:first-child, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title::after { margin: 0; border: none; border-right: #c9c9c9 1px solid; } #pagPlanEstudios .bodycontent-preview > div, #pagPlanEstudios .bodycontent-preview > div * { height: 100%; } #pagPlanEstudios .bodycontent-preview > div:not(:has(dialog[open])) a { display: grid; place-content: center; } #pagPlanEstudios .sem .bodycontent-preview .group:only-child { border-left: #c9c9c9 1px solid; background: var(--greyLight) } #pagPlanEstudios .ort-planSem-container { padding: 0; } #pagPlanEstudios .content-desplegado-title.box-title, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title { line-height: 1.5; } #pagPlanEstudios .ortGeneric-container.sem { margin-top: .6em; } #pagPlanEstudios .content-desplegado-title.box-title h2 { margin: 0 0 10px 0; text-align: center; } #pagPlanEstudios .content-desplegado-title.box-title h2 a { padding-block: .8em; } #pagPlanEstudios .bodycontent-preview { --materias: 5; display: grid; grid-template-columns: repeat(var(--materias), 1fr); width: 100%; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(7):last-child) { --materias: 7; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(6):last-child) { --materias: 6; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(5):last-child) { --materias: 5; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(4):last-child) { --materias: 4; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(3):last-child) { --materias: 3; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(2):last-child) { --materias: 2; } #pagPlanEstudios .bodycontent-preview:has( > div:nth-child(1):last-child) { --materias: 1; } #pagPlanEstudios .content-desplegado-title.video a::after, #pagPlanEstudios .content-desplegado-title.gallery a::after, #pagPlanEstudios .content-desplegado-title.box-title.infoNote a::after { top: 2px; font-size: 100% !important; } #pagPlanEstudios .content-desplegado-title.video a::after { content: "\f03d"; } #pagPlanEstudios .sem1 + .ort-planTaller-container, #pagPlanEstudios .sem1 + .ort-planTaller-container .content-desplegado-title.box-title h2 { margin-bottom: 0; } #pagPlanEstudios .planEstudiosSem .sem1 + .planTitle + .ort-planTaller-container { flex-basis: 100%; margin-right: 0; } #pagPlanEstudios .planEstudiosSem > .ort-planTaller-container { order: initial; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview { display: block; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > div { border-right: none; } #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > div, #pagPlanEstudios .ort-planTaller-container .bodycontent-preview > div * { height: auto; } .modProdOrientaciones.convertFromPlanPerfiles:target .boxes .box h3 { padding-left: 5em; } .modProdOrientaciones.convertFromPlanPerfiles:target .boxes .box h3::after { content: "\e1ec"; position: absolute; inset: 0; right: auto; display: flex; align-items: center; padding-inline: 1rem; border-radius: 5px 0 0 5px; background: var(--mainColor); font-family: var(--fontAwesome); font-size: 2em; color: #fff; } .modProdOrientaciones.convertFromPlanPerfiles:target .boxes .box.open h3::after { border-radius: 5px 0 0; } .modProdOrientaciones.convertFromPlanPerfiles:target .boxes .box:nth-child(3n + 2) h3::after { background: var(--mainColorLight); } .modProdOrientaciones.convertFromPlanPerfiles:target .boxes .box:nth-child(3n + 3) h3::after { background: var(--mainColorDark); } @media screen and (max-width: 1024px) { #content-title, html.planEstudios #pagPlanEstudios { margin-inline: 0; } #pagPlanEstudios .content-toptitle { grid-template-columns: 1fr; } #pagPlanEstudios .content-toptitle::before { display: none; } #pagPlanEstudios .content-main-title h2 { width: auto; text-align: left; padding-block: 1.2em; } #pagPlanEstudios .content-main-title h2::before { content: 'Semestre '; padding-left: 1em; } #pagPlanEstudios .content-desplegado-title.box-title h2 { margin: 0; } #pagPlanEstudios .genericContent:not(.ort-planTaller-container) .content-desplegado-title.box-title h2 { padding-inline: 1em; } #pagPlanEstudios .genericContent:not(.ort-planTaller-container) .content-desplegado-title.box-title h2 a { place-content: start; text-align: left; } #pagPlanEstudios .bodyContent { flex-direction: column; } #centralpanel #pagPlanEstudios .bodycontent-preview { --materias: 1; } #pagPlanEstudios :not(.ort-planTaller-container) > .bodyContent > .bodycontent-preview > div, #pagPlanEstudios :not(.ort-planTaller-container) > .bodyContent > .bodycontent-preview > div:first-child, #pagPlanEstudios .genericContent .bodyContent .bodycontent-preview .content-preview .box-title::after { border: none; border-bottom: #c9c9c9 1px solid; } #pagPlanEstudios .content-desplegado-title.video a:after, #pagPlanEstudios .content-desplegado-title.gallery a:after, #pagPlanEstudios .content-desplegado-title.box-title.infoNote a:after { right: -22px; top: -2px; } } @media screen and (max-width: 640px) { #pagPlanEstudios .ort-planTaller-container .content-desplegado-title.box-title h2 a { padding-inline: .5em 1.5em; } } /* Materias del plan de estudios | Dialog */ body:has(#pagPlanEstudios dialog[open]) { overflow: hidden; } #pagPlanEstudios dialog { position: fixed; top: 0; bottom: 0; display: none; height: fit-content !important; max-height: calc(100% - 2em); width: 100%; max-width: clamp(20rem, 90vw, 50rem); margin: auto !important; padding: 1em 2em 1.5em !important; border: none; border-radius: 5px; box-shadow: 0 0 14px 4px rgba(0,0,0,.25); overflow: auto; scrollbar-width: thin; } #pagPlanEstudios dialog::backdrop { backdrop-filter: blur(2px); background: rgba(30,30,30,.9); } #pagPlanEstudios dialog .box-title:first-child h2 { margin-block: 1.2em 1em; } #pagPlanEstudios dialog .box-title + h3 { margin-top: 0; } #pagPlanEstudios dialog .videoWrapper { margin-block: 1em; } #pagPlanEstudios dialog .videoYoutube { padding: 0; } #pagPlanEstudios dialog .videoYoutube .play-button { height: 60px; } #pagPlanEstudios dialog .videoYoutube :is(iframe, img) { position: static; display: block; aspect-ratio: 16 / 9; } #pagPlanEstudios dialog .dialogClose { position: fixed; left: calc(50% + clamp(10rem, 45vw, 25rem) - 2.2em); z-index: 1; height: auto; margin-top: -0.5em; padding: .5em; border: none; background: transparent; text-shadow: 0 0 4px white; font-size: 1.2em } #pagPlanEstudios .bodycontent-preview > div dialog li a { display: inline; } #pagPlanEstudios .bodycontent-preview dialog * { height: auto; }