/*
 * HTML5 Boilerplate
 * Tuned by DrezLab.com 
 *
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
  font-family: 'Roboto', 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size:100%; 
  -webkit-text-size-adjust:100%; 
  -ms-text-size-adjust:100%;
}

body { 
  margin: 0; 
  background: #fff;
  font-size: 16px;
  line-height: 1.47059;
  font-weight: 400;
  font-family: 'Roboto', 'Open Sans', Helvetica, Arial, sans-serif;
  color: #333;
  font-style: normal;
}

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

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background:#FFA410; color: #fff; text-shadow:none; }
::selection { background:#FFA410; color: #fff; text-shadow:none; }

span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, time, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Links
   ========================================================================== */

a { color: var(--isec-normal); cursor: pointer !important; }
/* a:visited { color:#FFB91B; } */
a:hover { color:var(--isec-dark); }
a:focus { outline:thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline:0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 600; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #c8c9c7; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

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

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:0; padding:0; list-style:none; list-style-image:none; }
dd { margin: 0 0 0 40px; }
li { list-style:none; list-style-image:none; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }

/*
 * Correct overflow not hidden in IE9
 */

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


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin:0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border:0; *margin-left:-7px; padding:0; white-space:normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height:normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { appearance: textfield; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
/* input:valid, textarea:valid {  } */
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin:0.2em 0; background:#CCC; color:black; padding:0.2em 0; }


/* ==|== primary styles =====================================================
   Author: DrezLab.com
   ========================================================================== */


/* ---  ISEC Colors  --- */

:root {

  --isec-light: #ffebbc;
  --isec-normal: #ffc425;
  --isec-dark: #ffae15;
  --isec-xdark: #ff990d;
  --isec-xxdark: #ff8709;

  --lc-normal: #e02f78;
  --lc-dark: #bd1c5e;
  --lc-light: #fcc1d0;

  --pr-normal: #f4d51f;
  --pr-dark: #ffbf00;
  --pr-light: #fff0bc;

  --op-normal: #6e3a86;
  --op-dark: #582e6b;
  --op-light: #cfbad6;

  --pe-normal: #4cadda;
  --pe-dark: #2892c3;
  --pe-light: #cbe3f3;

  --pd-normal: #9aca3c;
  --pd--dark: #7ca52d;
  --pd--light: #e0edc0;

  --pu-normal: #009854;
  --pu-dark: #007a43;
  --pu-light: #b9ddc3;

  --rp-normal: #232225;
  --rp-dark: #0B0B0B;
  --rp-light: #9C9B9D;

  --cd-normal: #c41266;
  --cd-dark: #642d87;
  --cd-light: #c992c7;

  --md-normal: #93268f;
  --md-dark: #731b6e;
  --md-light: #c992c7;

  --dg-light: #fad201;
  --dg-normal: #f99d1c;
  --dg-dark: #f77f0f;
  --dg-xdark: #f36708;
  --dg-xxdark: #f05304;

  --dm-normal: #d0162d;
  --dm-dark: #bf0022;
  --dm-light: #f5998f;

  --dw-normal: #FF595E;
  --dw-dark: #FF3B40;
  --dw-light: #ffb4b6;

  --fo-normal: #808285;
  --fo-dark: #737476;
  --fo-light: #d3d4d5;

  --ac-normal: #005094;
  --ac-dark: #004076;
  --ac-light: #6abaff;

  --tm-normal: #36b0a7;
  --tm-dark: #2b8d86;
  --tm-light: #c4e5e1;

  --dz-normal: #790025;
  --dz-dark: #590015;
  --dz-light: #d8aeaf;
}

/* ---  Typography  --- */

@font-face {
    font-family: 'RusticoDrezlab';
    src: url('../fonts/rustico-drezlab/rustico-drezlab.eot');
    src: url('../fonts/rustico-drezlab/rustico-drezlab.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rustico-drezlab/rustico-drezlab.woff2') format('woff2'),
         url('../fonts/rustico-drezlab/rustico-drezlab.woff') format('woff'),
         url('../fonts/rustico-drezlab/rustico-drezlab.ttf') format('truetype'),
         url('../fonts/rustico-drezlab/rustico-drezlab.svg#rusticodrezlab') format('svg');
    font-weight: normal;
    font-style: normal; }

/* ---  Basics  --- */

h1, h2, h3, h4, h5, h6 {
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: var(--isec-normal);
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 18px;
}
a, a:hover, a:active {
  text-decoration: none;
}
span.nobreak {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---  Estructura general de divs  --- */

div#wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
div#main-wrap {
  width: 100%;
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.layout-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.layout-row-alternate {
  background-color: #f3f3f2;
}
.layout-row-featured {
  background-color: var(--isec-normal);
}
.layout-row-featured .titulo-thin,
.layout-row-featured .subtitulo-thin,
.layout-row-featured .titulo-medium {
  color: #fff;
}
.layout-row-featured .titulo-thin:after,
.layout-row-featured .subtitulo-thin:after,
.layout-row-featured .titulo-medium:after {
  border-bottom-color: #fff;
}
.layout-row-extrapadding {
  padding: 100px 0;
  margin: 60px 0;
}
.layout-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.layout-wrapper .separador {
  border-bottom: 1px solid var(--isec-normal);
  margin: 10px 0;
}
.layout-wrapper-nopadding {
  padding: 0;
}
.layout-wrapper-padding {
  padding: 10px 0 90px;
}
.pure-g-padding.pure-g > div[class*="pure-u-"] {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pure-g-padding.pure-g {
  margin: 0 -20px;
}

@media (min-width:992px) {
div#wrap {
  width: 1020px;
}
div#main-wrap {
  width: 970px;
  position: absolute;
  right: 0;
  z-index: 10;
}
}
@media (max-width:992px) {
.layout-row-extrapadding {
  padding: 60px 0;
  margin: 30px 0;
}
}
.VisibleOnly-mobile {
  display: none;
}
@media (max-width:768px) {
.VisibleOnly-desktop {
  display: none;
}
.VisibleOnly-mobile {
  display: block;
}
}

#mainHeader { 
  background-color: var(--isec-normal);
}
#mainHeader h1 {
  font-size: 30px;
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform: none;
  margin: 0;
  padding: 17px 20px;
}
#mainHeader h2 {
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  text-transform: none;
  margin: -20px 0 0;
  padding: 0 20px 17px;
}
#mainHeader h3 {
  font-size: 20px;
  font-weight: 100;
  color: #fff;
  text-transform: none;
  padding: 17px 20px 0;
  margin-bottom: -20px;
}

/* ---  CONTENEDOR SITIO  --- */
 
.contenedor-sitio {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
  padding: 0 40px;
}

@media(max-width:1200px) {
.contenedor-sitio {
	width: 100%;
}
}

@media(max-width:540px) {
.contenedor-sitio {
	padding: 0 25px;
}
}

/* ---  Menú Principal SUB NAV  --- */

#sub-nav {
	position: fixed;
	top: 120px; /* Below #nav-principal */
  left: 0;
  width: 100%;
  height: 60px;
  max-height: 0;
  overflow: hidden;
  opacity: 0; /* Hide it properly */
  visibility: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s;
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  z-index: 120;
}
.sin-nav #sub-nav {
	display: none;
}
#sub-nav.grupo1 {
	background: #97999b;
}
#sub-nav.grupo2 {
	background: #888b8d;
}
#sub-nav.grupo3 {
	background: #75787b;
}
#sub-nav.grupo4 {
	background: #63666a;
}
#sub-nav.buscar {
	background: #53565a;
}
#sub-nav.opened {
	height: 60px;
}
#sub-nav.open {
  max-height: 60px; /* Show full height */
  opacity: 1;
  visibility: visible;
}
/* Push #nav-carreras down when #sub-nav opens */
#sub-nav.open + #nav-carreras {
  top: 210px; /* Moves down when open */
}
/* Ensure body content starts correctly */
body {
  padding-top: 150px; /* Default: 120px for #nav-principal + 30px for #nav-carreras */
  transition: padding-top 0.3s ease-in-out;
}
a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

/* Increase body padding when #sub-nav is open */
body.sub-nav-open {
  padding-top: 210px;
}
#sub-nav-container {
	width: 1200px;
	margin: 0 auto;
	padding: 0; /* padding: 0 70px; anulado porque desde que el menú es fijo no hace falta la X para cerrar */
  overflow: hidden;
	position: relative;
	height: 60px;
}
#sub-nav ul {
	overflow: hidden;
  float: right;
	text-align: right;
}
#sub-nav ul li {
	display: inline-block;
	text-align: right;
	height: 60px;
}
#sub-nav a {
	font-size: 14px;
	color: white;
	display: block;
	padding: 20px;
	transition: all .2s ease-in-out;
}
#sub-nav a:hover {
	text-decoration: none;
  color: var(--isec-normal);
}
.sub-nav-menu {
	transition: all 0.4s ease-in;
	z-index: 10;
	width: 100%;
	position: relative;
	display: none;
}
.sub-nav-menu.menu-visible {
	opacity: 1;
	z-index: 15;
	display: block;
}
#sub-nav-close {
	width: 70px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: none;
	border: none;
	margin: 0;
}

@media(max-width:1200px) {
#sub-nav-container {
	width: 100%;
	/* padding: 0 70px; anulado porque desde que el menú es fijo no hace falta la X para cerrar */
}
}

@media(max-width:768px) {
#sub-nav {
	display: none;
}
}

/* ---  Menú Principal MAIN NAV  --- */

#nav-principal {
	background: #fff;
	padding: 40px 0;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  z-index: 150;
}
.sin-nav #nav-principal {
	display: none;
}
#nav-principal .contenedor-sitio ul {
	float: right;
	margin-top: 9px;
	text-align: right;
}
#nav-principal .contenedor-sitio ul li {
	display: inline-block;
	text-align: right;
}
#nav-principal .contenedor-sitio ul li a {
	font-size: 16px;
	font-weight: 300;
	color: #97999b;
	text-transform: uppercase;
	margin-left: 30px;
	transition: all .1s ease-in;
	display: block;
}
#nav-principal .contenedor-sitio ul li a:hover, #nav-principal .contenedor-sitio ul li a:focus {
	text-decoration: none;
}
#nav-principal .contenedor-sitio ul li a:hover {
	color: #53565a;
}
#nav-principal .contenedor-sitio ul li a.activo {
	font-weight: 400;
}
.grupo1 #nav-principal .contenedor-sitio ul li a.activo-grupo1 {
	font-weight: 400;
	color: #53565a;
}
.grupo2 #nav-principal .contenedor-sitio ul li a.activo-grupo2 {
	font-weight: 400;
	color: #53565a;
}
.grupo3 #nav-principal .contenedor-sitio ul li a.activo-grupo3 {
	font-weight: 400;
	color: #53565a;
}
.grupo4 #nav-principal .contenedor-sitio ul li a.activo-grupo4 {
	font-weight: 400;
	color: #53565a;
}
.grupo1 #nav-principal .contenedor-sitio ul li a:hover.activo-grupo1 {
	color: #23272c;
}
.grupo2 #nav-principal .contenedor-sitio ul li a:hover.activo-grupo2 {
	color: #23272c;
}
.grupo3 #nav-principal .contenedor-sitio ul li a:hover.activo-grupo3 {
	color: #23272c;
}
.grupo4 #nav-principal .contenedor-sitio ul li a:hover.activo-grupo4 {
	color: #23272c;
}
.sin-seccion #nav-principal .contenedor-sitio ul li a.activo-grupo2 {
	font-weight: 300;
	color: #97999b;
}
.sin-seccion #nav-principal .contenedor-sitio ul li a:hover.activo-grupo2 {
	color: #53565a;
}
#nav-principal .triangulo {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 20px;
	height: 1px;
	background-color: #fff;
	transition: all .2s ease;
}
#nav-principal .triangulo.grupo1 {
	background-color: #97999b;
}
#nav-principal .triangulo.grupo2 {
	background-color: #97999b;
}
#nav-principal .triangulo.grupo3 {
	background-color: #97999b;
}
#nav-principal .triangulo.grupo4 {
	background-color: #97999b;
}
#logo-isec-seccion {
	margin-top: 3px;
	float: left;
}

/* ---  Menú Principal MENU MOBILE  --- */
 
#mobile-menu-bt {
	display: none;
	float: right;
	background: none;
	border: none;
	padding: 10px 0 10px 15px;
	outline: none;
}
#nav-mobile-bg #mobile-menu-bt {
	padding: 10px 15px;
}
#mobile-menu-bt i {
	height: 2px;
	width: 25px;
	margin-bottom: 8px;
	display: block;
	background: #97999b;
	transform-origin: -7% 50%;
	transition: all .6s cubic-bezier(0.23, 1, 0.32, 1);
}
body.mobile-opened {
	position: fixed;
}
.mobile-opened #mobile-menu-bt i {
	opacity: 0;
}
.mobile-opened #mobile-menu-bt i:first-child {
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 1;
}
.mobile-opened #mobile-menu-bt i:last-child {
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 1;
}
#nav-mobile {
	display: none;
	max-height: 0;
	height: 100vh;
  overflow-y: scroll;
  position: fixed;
	background: rgba(22, 26, 31, 0.8);
	top: 0;
	right: 0;
	left: 0;
	transition: max-height .2s linear;
	z-index: 19999;
}
#nav-mobile-bg {
	background: #23272c;
	overflow: hidden;
	padding-top: 12px;
}
#nav-mobile h4 {
	color: #a7a8aa;
	border-top: 1px solid #63666a;
	padding: 13px 25px 19px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	font-weight: 400;
	margin: 0;
}
#nav-mobile h4:hover {
	color: #bbbcbc;
}
#nav-mobile h4:before {
	content: '+';
	transition: .2s all ease-in-out;
	color: #a7a8aa;
	position: absolute;
	right: 25px;
	top: 11px;
	font-size: 20px;
	font-weight: 300;
	transform: rotate(0deg);
}
#nav-mobile-bg .col-nav-footer.opened h4:before {
	transform: rotate(45deg);
}
#nav-mobile .col-nav-footer:first-child h4 {
	border-top: 0;
}
#nav-mobile-bg .col-nav-footer.listado-carreras {
  padding: 0;
}
#nav-mobile .col-nav-footer.listado-carreras h4 {
  padding: 13px 0 0;
}
#nav-mobile .col-nav-footer.listado-carreras h4:before {
	content: '';
}
#nav-mobile .listado-carreras {
  background: none;
	margin-bottom: 60px;
}
#nav-mobile .listado-carreras h4:hover {
	color: inherit;
}
#nav-mobile .listado-carreras h4 a {
	text-transform: none;
  width: 100%;
  margin-bottom: 0;
  padding: 10px 40px;
  border-radius: 0;
}
#nav-mobile .listado-carreras h4 a:hover {
	color: #fff;
}

#nav-mobile .lc a.btn { background: var(--lc-normal); }
#nav-mobile .lc a.btn:hover { background: var(--lc-dark); }
#nav-mobile .lc a.btn .fas { color: var(--lc-light) !important; }

#nav-mobile .pr a.btn { background: var(--pr-normal); }
#nav-mobile .pr a.btn:hover { background: var(--pr-dark); }
#nav-mobile .pr a.btn .fas { color: var(--pr-light) !important; }

#nav-mobile .op a.btn { background: var(--op-normal); }
#nav-mobile .op a.btn:hover { background: var(--op-dark); }
#nav-mobile .op a.btn .fas { color: var(--op-light) !important; }

#nav-mobile .pe a.btn { background: var(--pe-normal); }
#nav-mobile .pe a.btn:hover { background: var(--pe-dark); }
#nav-mobile .pe a.btn .fas { color: var(--pe-light) !important; }

#nav-mobile .pd a.btn { background: var(--pd-normal); }
#nav-mobile .pd a.btn:hover { background: var(--pd-dark); }
#nav-mobile .pd a.btn .fas { color: var(--pd-light) !important; }

#nav-mobile .pu a.btn { background: var(--pu-normal); }
#nav-mobile .pu a.btn:hover { background: var(--pu-dark); }
#nav-mobile .pu a.btn .fas { color: var(--pu-light) !important; }

#nav-mobile .rp a.btn { background: var(--rp-normal); }
#nav-mobile .rp a.btn:hover { background: var(--rp-dark); }
#nav-mobile .rp a.btn .fas { color: var(--rp-light) !important; }

#nav-mobile .cd a.btn { background: var(--cd-normal); }
#nav-mobile .cd a.btn:hover { background: var(--cd-dark); }
#nav-mobile .cd a.btn .fas { color: var(--cd-light) !important; }

#nav-mobile .md a.btn { background: var(--md-normal); }
#nav-mobile .md a.btn:hover { background: var(--md-dark); }
#nav-mobile .md a.btn .fas { color: var(--md-light) !important; }

#nav-mobile .dg a.btn { background: var(--dg-normal); }
#nav-mobile .dg a.btn:hover { background: var(--dg-dark); }
#nav-mobile .dg a.btn .fas { color: var(--dg-light) !important; }

#nav-mobile .dm a.btn { background: var(--dm-normal); }
#nav-mobile .dm a.btn:hover { background: var(--dm-dark); }
#nav-mobile .dm a.btn .fas { color: var(--dm-light) !important; }

#nav-mobile .dw a.btn { background: var(--dw-normal); }
#nav-mobile .dw a.btn:hover { background: var(--dw-dark); }
#nav-mobile .dw a.btn .fas { color: var(--dw-light) !important; }

#nav-mobile .fo a.btn { background: var(--fo-normal); }
#nav-mobile .fo a.btn:hover { background: var(--fo-dark); }
#nav-mobile .fo a.btn .fas { color: var(--fo-light) !important; }

#nav-mobile .ac a.btn { background: var(--ac-normal); }
#nav-mobile .ac a.btn:hover { background: var(--ac-dark); }
#nav-mobile .ac a.btn .fas { color: var(--ac-light) !important; }

#nav-mobile .tm a.btn { background: var(--tm-normal); }
#nav-mobile .tm a.btn:hover { background: var(--tm-dark); }
#nav-mobile .tm a.btn .fas { color: var(--tm-light) !important; }

#nav-mobile .dz a.btn { background: var(--dz-normal); }
#nav-mobile .dz a.btn:hover { background: var(--dz-dark); }
#nav-mobile .dz a.btn .fas { color: var(--dz-light) !important; }

#nav-mobile .verde a.btn { background: #787809; }
#nav-mobile .verde a.btn:hover { background: #585806; }

#nav-mobile ul {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding-left: 25px;
	transition: all .3s ease;
	margin-top: -4px;
}
#nav-mobile li {
	margin-bottom: 9px;
	padding-left: 9px;
}
#nav-mobile li a {
	display: block;
	color: #75787b;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
  letter-spacing: 0px;
	z-index: 1;
	position: relative;
}
#nav-mobile li a:hover {
  color: #97999b;
}
#nav-mobile li:last-child a {
	padding-bottom: 5px;
}
#nav-mobile .opened ul {
	max-height: 1000px;
	opacity: 1;
}
#nav-mobile.opened {
	max-height: 100vh;
	min-height: 100vh;
}
#nav-mobile-bg .col-nav-footer {
	width: 100%;
	float: none;
	transform: translate(-10px, -5px);
	transition: transform .1s cubic-bezier(0.55, 0.06, 0.68, 0.19), opacity .2s ease-in;
	opacity: 0;
	padding: 0 15px;
}
#nav-mobile-bg .col-nav-footer.visible {
	opacity: 1;
	transform: translate(0, 0);
}
.nav-mobile-hide.opened {
	display: none;
}
#nav-mobile-bg .col-nav-footer-x {
	width: 100%;
	padding: 0 15px;
}

@media(max-width:768px) {
#nav-mobile {
	display: block;
}
#nav-principal {
	position: fixed;
  width: 100%;
  height: 70px;
	padding: 13px 0;
}
#mobile-menu-bt {
	display: block;
}
#mobile-menu-bt:focus, #mobile-menu-bt:active {
	border: none !important;
}
#nav-principal .contenedor-sitio ul {
	display: none;
}
}

/* ---  Menú CARRERAS  --- */

#nav-carreras {
	background-color: #d9d9d6;
  background-image: linear-gradient(to right, var(--lc-normal), var(--dz-normal));
  position: relative;
  z-index: 100;
  position: fixed;
  top: 120px; /* Directly below #nav-principal */
  left: 0;
  width: 100%;
  height: 30px;
  transition: top 0.3s ease-in-out;
}

.menuCarreras {
	display: flex;
  align-items: stretch;
}

.menuCarreras > div {
  text-align: center;
  flex: 1 1 auto;
  height: 30px;
}

.menuCarreras .item a {
	color: #fff;
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  line-height: 1;
}
/*
.menuCarreras .item a:hover {
	background: rgba(0, 0, 0, 0.1); 
}
*/
.menuCarreras .nav-spacer {
  display: none;
  color: rgba(0, 0, 0, 0);
}

.menuCarreras .lc { background: var(--lc-normal); }
.menuCarreras .pr { background: var(--pr-normal); }
.menuCarreras .op { background: var(--op-normal); }
.menuCarreras .pe { background: var(--pe-normal); }
.menuCarreras .pd { background: var(--pd-normal); }
.menuCarreras .pu { background: var(--pu-normal); }
.menuCarreras .rp { background: var(--rp-normal); }
.menuCarreras .cd { background: var(--cd-normal); }
.menuCarreras .md { background: var(--md-normal); }
.menuCarreras .dg { background: var(--dg-normal); }
.menuCarreras .dm { background: var(--dm-normal); }
.menuCarreras .dw { background: var(--dw-normal); }
.menuCarreras .fo { background: var(--fo-normal); }
.menuCarreras .ac { background: var(--ac-normal); }
.menuCarreras .tm { background: var(--tm-normal); }
.menuCarreras .dz { background: var(--dz-normal); }

.menuCarreras .verde { background: #787809; }

#nav-carreras .tooltip { 
  position: relative; 
  display: inline-block; 
}
#nav-carreras .tooltip .tooltiptext { 
  visibility: hidden; 
  color: #fff; 
  font-family: 'elizeth', 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-radius: 6px; 
  padding: 8px 20px; 
  position: absolute; 
  z-index: 30; 
  top: 120%; 
  left: 0; 
  opacity: 0; 
  transition: all .3s ease-in-out; 
  white-space: nowrap;
}
#nav-carreras .tooltip .tooltiptext::after {
  content: ""; 
  position: absolute; 
  top: -5px; 
  left: 41px; 
  border-width: 5px; 
  border-style: solid;
  margin-top: -5px;
}
#nav-carreras .tooltip:hover .tooltiptext {
  visibility: visible; 
  opacity: 1;
}

#nav-carreras .tooltip.lc .tooltiptext { background-color: var(--lc-normal); }
#nav-carreras .tooltip.pr .tooltiptext { background-color: var(--pr-normal); }
#nav-carreras .tooltip.op .tooltiptext { background-color: var(--op-normal); }
#nav-carreras .tooltip.pe .tooltiptext { background-color: var(--pe-normal); }
#nav-carreras .tooltip.pd .tooltiptext { background-color: var(--pd-normal); }
#nav-carreras .tooltip.pu .tooltiptext { background-color: var(--pu-normal); }
#nav-carreras .tooltip.rp .tooltiptext { background-color: var(--rp-normal); }
#nav-carreras .tooltip.cd .tooltiptext { background-color: var(--cd-normal); }
#nav-carreras .tooltip.md .tooltiptext { background-color: var(--md-normal); }
#nav-carreras .tooltip.dg .tooltiptext { background-color: var(--dg-normal); }
#nav-carreras .tooltip.dm .tooltiptext { background-color: var(--dm-normal); }
#nav-carreras .tooltip.dw .tooltiptext { background-color: var(--dw-normal); }
#nav-carreras .tooltip.fo .tooltiptext { background-color: var(--fo-normal); }
#nav-carreras .tooltip.ac .tooltiptext { background-color: var(--ac-normal); }
#nav-carreras .tooltip.tm .tooltiptext { background-color: var(--tm-normal); }
#nav-carreras .tooltip.dz .tooltiptext { background-color: var(--dz-normal); }

#nav-carreras .tooltip.verde .tooltiptext { background-color: #787809; }

#nav-carreras .tooltip.lc .tooltiptext::after { border-color: transparent transparent var(--lc-normal) transparent; }
#nav-carreras .tooltip.pr .tooltiptext::after { border-color: transparent transparent var(--pr-normal) transparent; }
#nav-carreras .tooltip.op .tooltiptext::after { border-color: transparent transparent var(--op-normal) transparent; }
#nav-carreras .tooltip.pe .tooltiptext::after { border-color: transparent transparent var(--pe-normal) transparent; }
#nav-carreras .tooltip.pd .tooltiptext::after { border-color: transparent transparent var(--pd-normal) transparent; }
#nav-carreras .tooltip.pu .tooltiptext::after { border-color: transparent transparent var(--pu-normal) transparent; }
#nav-carreras .tooltip.rp .tooltiptext::after { border-color: transparent transparent var(--rp-normal) transparent; }
#nav-carreras .tooltip.cd .tooltiptext::after { border-color: transparent transparent var(--cd-normal) transparent; }
#nav-carreras .tooltip.md .tooltiptext::after { border-color: transparent transparent var(--md-normal) transparent; }
#nav-carreras .tooltip.dg .tooltiptext::after { border-color: transparent transparent var(--dg-normal) transparent; }
#nav-carreras .tooltip.dm .tooltiptext::after { border-color: transparent transparent var(--dm-normal) transparent; }
#nav-carreras .tooltip.dw .tooltiptext::after { border-color: transparent transparent var(--dw-normal) transparent; }
#nav-carreras .tooltip.fo .tooltiptext::after { border-color: transparent transparent var(--fo-normal) transparent; }
#nav-carreras .tooltip.ac .tooltiptext::after { border-color: transparent transparent var(--ac-normal) transparent; }
#nav-carreras .tooltip.tm .tooltiptext::after { border-color: transparent transparent var(--tm-normal) transparent; }
#nav-carreras .tooltip.dz .tooltiptext::after { border-color: transparent transparent var(--dz-normal) transparent; }

#nav-carreras .tooltip.verde .tooltiptext::after { border-color: transparent transparent #787809 transparent; }

#nav-carreras .tooltip .tooltiptext { background-color: #63666a !important; }
#nav-carreras .tooltip .tooltiptext::after { border-color: transparent transparent #63666a transparent !important; }

@media(max-width:768px) {
#nav-carreras {
  margin-top: 0px;
    line-height: 1.3;
}
.menuCarreras .item a {
  display: none;
}
.menuCarreras .nav-spacer {
  display: block;
}
#nav-carreras .tooltip:hover .tooltiptext {
  visibility: hidden; 
  opacity: 0;
}
}

/* ---  Inicio  --- */
.inicio {
  background-color: #f3f3f2;
}
.slider-logos {
  background-color: #fff;
}
.carreras .slider-logos {
  margin-bottom: 60px;
}
.slider-logos-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
.slider-logos-item {
  padding: 0 10px;
}
.slider-logos-imagebox {
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 10px;
}
.slider-logos-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  margin: 0;
  padding: 0;
  border-style: none;
}
.slider-logos-textbox {
  font-size: 15px;
  border-top: 1px solid #a7a8aa;
  padding: 20px 15px;
}
.slider-logos-categoria {
  display: block;
  font-size: 13px;
  font-style: italic;
}
.slider-logos .slick-dots {
  text-align: center;
}
.slider-logos .slick-dots li {
  width: 30px;
  margin: 0 9px;
}
.slider-logos .slick-dots li button:before {
  content: none;
}
.slider-logos .slick-dots li button {
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 2px;
  padding: 0;
  border-radius: 999px;
  background-color: #bfbfbf;
  border: none;
}
.slider-logos .slick-dots li.slick-active button {
  width: 30px;
  height: 2px;
  border-radius: 999px;
  background-color: #bfbfbf;
  position: relative;
  overflow: hidden;
}
.slider-logos .slick-dots li.slick-active button::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #404040;
  transform-origin: left;
  transform: scaleX(0);
  animation: logos-dot-fill 6s linear forwards;
}
.slider-logos .slick-arrow {
  display: none !important;
}
@keyframes logos-dot-fill {
  to {
    transform: scaleX(1);
  }
}
@media (max-width: 992px) {
  .slider-logos .slick-dots li {
    width: 15px;
  }
  .slider-logos .slick-dots li button,
  .slider-logos .slick-dots li.slick-active button {
    width: 15px;
  }
}
@media (max-width: 510px) {
  .slider-logos .slick-dots {
    display: none !important;
  }
}

/* ---  Hero Section  --- */
.HeroSection-container {
  /* height: calc(100vh - 150px); modificado mail 211217 */
  height: 100vh;
  position: relative;
}
.HeroSection-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.HeroSection-text {
  position: absolute;
  max-width: 525px;
  padding-top: 75px;
  z-index: 10;
}
.HeroSection-titulo-thin {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 300;
  line-height: 1.15;
  text-transform: none;
  margin-bottom: 30px;
}
.HeroSection-titulo-thin:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid var(--isec-normal);
  padding-top: 25px;
}
h1.HeroSection-titulo-thin {
  font-size: 50px;
}
.HeroSection-bajada {
  color: #fff;
  font: 26px 'Roboto', 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 30px;
}
.destacada-container {
  height: 500px;
  position: relative;
  margin-bottom: 30px;
}
.HeroSection-video {
  background-color: inherit !important;
}
.HeroSection-soundbutton {
  margin: 20px;
}
.HeroSection-soundbutton a.btn {
  font-size: 12px;
  background-color: rgba(0,0,0,.3);
}
.HeroSection-soundbutton a:hover.btn {
  background-color: rgba(0,0,0,.6);
}
.HeroSection-soundbutton a.btn i {
  color: var(--isec-normal);
}
.HeroSection-video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: fixed;    
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); 
  z-index: -100;
  background-size: cover;
  object-fit: cover;
}
.HeroSection-videoContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.HeroSection-videoContainer iframe {
  /* optional */
  width: 100%;
  height: 100%;
}
.HeroSection-textbox-float {
  position: relative;
  width: 720px; /* original size 650px */
  max-width: 90%;
  margin: 0 auto 60px;
  z-index: 10;
}
.HeroSection-textbox {
  background-color: #fff;
  padding: 60px;
  /* margin-top: -150px; modificado mail 211217 */
  margin-top: -300px;
}
.HeroSection-textbox-float .HeroSection-bajada {
  color: inherit;
}
@media (max-width:768px) {
/*
.HeroSection-container {
  height: calc(100vh - 95px); modificado mail 211217
}
 */
.HeroSection-video .HeroSection-text {
  max-width: 80%;
  padding-top: 30px;
}
.HeroSection-text {
  max-width: 80%;
  margin: 0 auto;
}
h1.HeroSection-titulo-thin {
  font-size: 30px;
}
.HeroSection-bajada {
  font-size: 18px;
}
.HeroSection-textbox {
  padding: 40px;
  /*margin-top: -100px; modificado mail 211217 */
  margin-top: -195px;
}
}
@media (max-height:500px) {
.HeroSection-container {
  min-height: 500px;
}
.HeroSection-image {
  top: inherit;
  bottom: 0;
}
}
/* ---  Main Feature Section  --- */
.FeatureSection {
  background-color: #f3f3f2;
}
.FeatureSection-container {
  height: 50vh;
  min-height: 500px;
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  margin: 60px 0;
}
.FeatureSection-imagebox {
  position: absolute;
  z-index: 1;
  width: calc(100% - 5vw);
  height: 100%;
}
.FeatureSection-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  margin: 0;
  padding: 0;
  border-style: none;
}
.FeatureSection-textbox {
  position: absolute;
  z-index: 5;
  background-color: #fff;
  padding: 60px;
  margin: 20px 0;
  max-width: 50%;
  align-self: auto;
}
.FeatureSection-imageright .FeatureSection-imagebox {
  right: 0;
}
.FeatureSection-imageleft .FeatureSection-textbox {
  right: 0;
}
.FeatureSection-titulo-thin {
  color: #53565a;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.15;
  text-transform: none;
  margin-bottom: 30px;
}
.FeatureSection-titulo-thin:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid #53565a;
  padding-top: 25px;
}
.FeatureSection-bajada {
  color: #53565a;
  font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
@media (max-width:768px) {
.FeatureSection-container {
  height: inherit;
  min-height: none;
  flex-wrap: wrap;
  flex-direction: column;
}
.FeatureSection-imagebox {
  width: 100%;
  height: 50vh;
  min-height: 500px;
  position: initial;
}
.FeatureSection-textbox {
  position: relative;
  width: 96%;
  max-width: none;
  padding: 50px;
  margin: -150px auto 0;
}
.FeatureSection-titulo-thin {
  font-size: 30px;
}
.FeatureSection-bajada {
  font-size: 18px;
}
}
/* ---  Half Features Section  --- */
.HalfFeatureSection {
  background-color: #f3f3f2;
}
.HalfFeatureSection-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
.HalfFeatureSection-item {
  width: 50%;
  padding: 0 5px;
  margin-bottom: 60px;
}
.HalfFeatureSection-item:first-child {
  transform: translate(-5px, 0);
}
.HalfFeatureSection-item:last-child {
  transform: translate(5px, 0);
}
.cursos .HalfFeatureSection-item {
  margin-top: 60px;
}
.HalfFeatureSection-imagebox {
  width: 100%;
  height: 50vh;
  min-height: 500px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.HalfFeatureSection-textbox {
  width: 90%;
  position: relative;
  margin: -150px auto 0;
  z-index: 5;
  background-color: #fff;
  padding: 50px;
}
.HalfFeatureSection-titulo-thin {
  color: #53565a;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.15;
  text-transform: none;
  margin-bottom: 30px;
}
.HalfFeatureSection-titulo-thin:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid #53565a;
  padding-top: 25px;
}
.HalfFeatureSection-bajada {
  color: #53565a;
  font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
.HalfFeatureSection-volanta {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.HalfFeatureSection-texto {
  font-weight: 300;
  margin-bottom: 30px;
}
.HalfFeatureSection-link-txt {
  text-decoration: underline;
}
.HalfFeatureSection-link-txt:hover {
  text-decoration: underline;
}
@media (max-width:992px) {
.HalfFeatureSection-container {
  flex-direction: column;
}
.HalfFeatureSection-item {
  width: 100%;
  padding: 0;
  transform: translate(0, 0) !important;
}
}
@media (max-width:768px) {
.HalfFeatureSection-textbox {
  width: 96%;
}
.HalfFeatureSection-titulo-thin {
  font-size: 24px;
}
.HalfFeatureSection-bajada {
  font-size: 16px;
}
}
/* ---  Main  --- */

#main {
  background: #fff;
  padding: 0 !important;
  position: relative;
}
#main p + h2, div#main p + h3 {
  padding-top: 10px;
  }
.grid1col, .grid2col, .grid3col {
  width: auto;
  padding: 50px 20px 0;
}
.grid1col.last, .grid2col.last, .grid3col.last {
  padding-bottom: 50px;
}
.grid-nopadding {
  width: auto;
  padding: 30px 0;
}
.padding-extra {
  padding: 60px 20px;
}
.column {
  margin-right: 30px;
  float: left;
}
.column.last {
  margin-right: 0;
  float: right;
}
.grid1col .column {
  margin-right: 0;
}
.grid2col .column {
  width: 48%;
  margin-bottom: 0;
}
.grid3col .column {
  margin-right: 19px;
}
.grid3col .column {
  width: 31%;
  margin-bottom: 0;
}

@media (max-width:1230px) {
  .grid1col, .grid2col, .grid3col {
    padding: 50px 50px 0;
  }
}
@media (max-width:992px) {
  .column {
    margin-right: 0;
    display: block;
    float: none;
  }
  .column.last {
    float: none;
  }
  .grid2col .column {
    width: 100%;
    margin-bottom: 20px;
  }
  .grid3col .column {
    width: 100%;
  }
  #main .grid1col, #main .grid2col, #main .grid3col {
    padding-top: 0;
  }
  .padding_mobile {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

@media (max-width:768px) {
  .grid1col, .grid2col, .grid3col {
    padding-top: 30px;
  }
  .grid1col.last, .grid2col.last, .grid3col.last {
    padding-bottom: 30px;
  }
}

div.lines {
  width: 100%;
  height: 3px;
  background: url(../img/bkg/bkg-lines.gif) repeat-x;
}

.imagen-link .textblock {
  width: 100%;
  position: absolute;
  top: 50px;
  padding: 0 50px;
}
.imagen-link .subtitulo {
  font-size: 16px;
  font-weight: 200;
  color: #fff;
}
.imagen-link .link {
  color: #fff;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 50px;
}
.imagen-link a:hover .link {
  text-decoration: underline;
}

.relacionados {
  margin-bottom: 90px;
}
.relacionados_imagebox {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #000;
  margin: 10px 0;
}
.relacionados_linkbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.relacionados_hover {
  display: none;
  width: 100%;
  height: 300px;
  position: absolute;
  z-index: 20;
  background-color: rgba(0,0,0,0.3)
}
.relacionados_titulo {
  font-size: 25px;
  font-weight: 300;
  text-transform: none;
}
.relacionados_subtitulo {
  color: #666;
  font-size: 20px;
  font-weight: 300;
  text-transform: none;
}
.relacionados_categoria {
  color: #333;
  font-size: 16px;
  font-weight: 900;
}
a.relacionados_linkbox:hover .relacionados_hover {
  display: inline-block;
}
a.relacionados_linkbox:hover .relacionados_titulo {
  color: var(--isec-dark);
}
a.relacionados_linkbox:hover .relacionados_subtitulo {
  color: #333;
}

@media (max-width:992px) {
  .grid3col .column {
    margin-bottom: 30px;
  }
}
/* ---  Carreras  --- */

.big-data .separador {
  margin: 10px 0 20px;
}
.big-data-numbers {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 90px;
  font-weight: 600;
  line-height: 1.1;
}
.big-data-numbers .light {
  font-size: 60px;
  font-weight: 100;
}
.big-data-titulo {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
}
.big-data-texto {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 100;
}

.carreras .listado-carreras {
  padding: 30px 0;
}

.carreras.main .block-buttons-wrap {
  margin: 10px 0 110px;
}
.carreras .imagen-link {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.carreras .imagen-link a {
  display: block;
  min-height: 300px;
  margin: 30px;
  background-color: rgba(0,0,0,0.8);
  position: relative;
}
.carreras .imagen-link a:hover {
  background-color: rgba(0,0,0,0.9);
}
.carreras .imagen-link .titulo {
  font-size: 40px;
  font-weight: 900;
  color: #fff;
}
.carreras .imagen-link .titulo:after {
  content: "";
  border-bottom: 1px solid #fff;
  width: 40px;
  height: 0px;
  padding-top: 20px;
  display: block;
  margin: 0 auto;
}

.imagen-link.uade a {
  border-bottom: 6px solid #193167; 
  background-color: rgba(25,49,103,0.89);
}
.imagen-link.uade a:hover {
  background-color: rgba(25,49,103,0.95);
}
.imagen-link.uai a {
  border-bottom: 6px solid #4e1b27;
  background-color: rgba(102,41,56,0.89);
}
.imagen-link.uai a:hover {
  background-color: rgba(102,41,56,0.95);
}
.imagen-link.uca a {
  border-bottom: 6px solid #133462;
  background-color: rgba(19,52,98,0.89);
}
.imagen-link.uca a:hover {
  background-color: rgba(19,52,98,0.95);
}
.imagen-link.ufasta a {
  border-bottom: 6px solid #7C05E5;
  background-color: rgba(124,5,229,0.89);
}
.imagen-link.ufasta a:hover {
  background-color: rgba(124,5,229,0.95);
}
.imagen-link.uflo a {
  border-bottom: 6px solid #26336C;
  background-image: linear-gradient(45deg, rgba(75,51,137,0.89), rgba(45,122,151,0.89), rgba(112,190,149,0.89));
}
.imagen-link.uflo a:hover {
  background-image: linear-gradient(45deg, rgba(75,51,137,0.95), rgba(45,122,151,0.95), rgba(112,190,149,0.95));
}
.imagen-link.uk a {
  border-bottom: 6px solid #d10135; 
  background-color: rgba(209,1,53,0.89);
}
.imagen-link.uk a:hover {
  background-color: rgba(209,1,53,0.95);
}
.imagen-link.umai a {
  border-bottom: 6px solid #172752;
  background-color: rgba(70,138,201,0.89);
}
.imagen-link.umai a:hover {
  background-color: rgba(70,138,201,0.95);
}
.imagen-link.umsa a {
  border-bottom: 6px solid #06205c;
  background-color: rgba(6,32,92,0.89);
}
.imagen-link.umsa a:hover {
  background-color: rgba(6,32,92,0.95);
}
.imagen-link.unsam a {
  border-bottom: 6px solid #7da1c3;
  background-color: rgba(121,165,195,0.89);
}
.imagen-link.unsam a:hover {
  background-color: rgba(121,165,195,0.95);
}
.imagen-link.up a {
  border-bottom: 6px solid #fff; 
  background-color: rgba(0,0,0,0.89);
}
.imagen-link.up a:hover {
  background-color: rgba(0,0,0,0.95);
}
.imagen-link.usba a {
  border-bottom: 6px solid #ad203a; 
  background-color: rgba(173,32,58,0.89);
}
.imagen-link.usba a:hover {
  background-color: rgba(173,32,58,0.95);
}

.over-img-header {
  height: 100px;
  margin-bottom: 30px;
  padding: 20px;
}
#uade .over-img-header {
  background-color: #193167;
}
#uai .over-img-header {
  background-color: #662938;
}
#uca .over-img-header {
  background-color: #133462;
}
#ufasta .over-img-header {
  background-color: #7C05E5;
}
#uflo .over-img-header {
  background-color: #26336C;
  background-image: linear-gradient(45deg, rgba(75,51,137,1), rgba(45,122,151,0.89), rgba(112,190,149,1));
}
#uk .over-img-header {
  background-color: #d10135;
}
#umai .over-img-header {
  background-color: #172752;
}
#umsa .over-img-header {
  background-color: #06205c;
}
#unsam .over-img-header {
  background-color: #7da1c3;
}
#up .over-img-header {
  background-color: #000;
}
#usba .over-img-header {
  background-color: #ad203a;
}
.over-logo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.big-data .column {
  width: 45%;
}
@media (max-width: 992px) {
  .big-data .column {
    width: 100%;
  }
  .big-data .column.first {
    margin-bottom: 60px;
  }
  .big-data-titulo {
    line-height: 1.2;
  }
  .big-data-texto {
    line-height: 1.2;
  }
}
@media (max-width: 688px) {
  .over-logo {
    max-width: inherit;
  }
}

@media (min-width: 993px) {
.botones-contacto .column.first {
  text-align: right;
}
.botones-contacto .column.last {
text-align: left;
}
.botones-contacto .alumnos-whatsapp {
  text-align: inherit !important;
  margin: 30px 0 60px;
}
}
@media (max-width: 992px) {
.botones-contacto .column.first {
  margin-top: 60px;
}
  .botones-contacto .alumnos-whatsapp {
  margin: 30px 0;
}
}

/* ---  Diplomaturas  --- */

.diplomaturas .imagen-link {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.diplomaturas .imagen-link a {
  display: block;
  min-height: 250px;
  position: relative;
}
.diplomaturas .imagen-link.aes a { 
  background-color: var(--ac-normal);
}
.diplomaturas .imagen-link.aes a:hover { 
  background-color: var(--ac-dark);
}
.diplomaturas .imagen-link.dmktdep a { 
  background-color: #619a18;
}
.diplomaturas .imagen-link.dmktdep a:hover { 
  background-color: #437b0c;
}
.diplomaturas .imagen-link.dmktdig a { 
  background-color: var(--cd-dark);
}
.diplomaturas .imagen-link.dmktdig a:hover { 
  background-color: #5B0D57;
}
.diplomaturas .imagen-link.dcn a { 
  background-color: #a56e7c;
}
.diplomaturas .imagen-link.dcn a:hover { 
  background-color: #884e5c;
}
.diplomaturas .imagen-link.pea a { 
  background-color: #6a4540;
}
.diplomaturas .imagen-link.pea a:hover { 
  background-color: #4b2c28;
}
.diplomaturas .imagen-link .titulo {
  font-weight: 200;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 50px;
  padding: 0 50px;
}
.diplomaturas .plan li {
  font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  padding-bottom: 10px;
}
.diplomaturas .plan li i {
  color: var(--isec-normal);
}

/* ---  Certificaciones Online  --- */

.certificaciones.page .block-buttons-wrap {
  margin-top: 20px;
}
.certificaciones .imagen-link {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.certificaciones .imagen-link a {
  display: block;
  min-height: 300px;
  margin: 30px;
  background-color: #53565a;
  /* background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.75), rgba(0,0,0,0.3)); */
  position: relative;
}
.certificaciones .imagen-link a:hover {
  background-color: #363a3f;
  /* background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.75), rgba(0,0,0,0.4)); */
}
.certificaciones .imagen-link .titulo {
  font-weight: 200;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 50px;
  padding: 0 50px;
}
.certificaciones .imagen-link .titulo:after {
  content: "";
  border-bottom: 1px solid #fff;
  width: 40px;
  height: 0px;
  padding-top: 30px;
  display: block;
  margin: 0 auto;
}

.imagen-link.lc a { border-bottom: 6px solid var(--lc-normal); }
.imagen-link.pr a { border-bottom: 6px solid var(--pr-normal); }
.imagen-link.op a { border-bottom: 6px solid var(--op-normal); }
.imagen-link.pe a { border-bottom: 6px solid var(--pe-normal); }
.imagen-link.pd a { border-bottom: 6px solid var(--pd-normal); }
.imagen-link.pu a { border-bottom: 6px solid var(--pu-normal); }
.imagen-link.cd a { border-bottom: 6px solid var(--cd-normal); }
.imagen-link.md a { border-bottom: 6px solid var(--md-normal); }
.imagen-link.dg a { border-bottom: 6px solid var(--dg-normal); }
.imagen-link.dm a { border-bottom: 6px solid var(--dm-normal); }
.imagen-link.dw a { border-bottom: 6px solid var(--dw-normal); }
.imagen-link.fo a { border-bottom: 6px solid var(--fo-normal); }
.imagen-link.rp a { border-bottom: 6px solid var(--rp-normal); }
.imagen-link.ac a { border-bottom: 6px solid var(--ac-normal); }
.imagen-link.tm a { border-bottom: 6px solid var(--tm-normal); }
.imagen-link.dz a { border-bottom: 6px solid var(--dz-normal); }

.imagen-link.verde a { border-bottom: 6px solid #787809; }

.certificaciones.page .block-buttons-x3 .icono {
  font-size: 60px; 
  color: var(--isec-normal);
  margin-bottom: 20px;
  display: block;
}
.certificaciones.page .block-buttons-x3 .titulo {
  margin-bottom: 0;
}
.certificaciones.page .block-buttons-x3 .texto {
  color: #c8c9c7;
  font-size: 20px;
}
.certificaciones .frase p {
  font-size: 90px;
}
@media (max-width:480px) {
  .certificaciones .frase p {
    font-size: 60px;
  }
}
@media (max-width: 992px) {
  .certificaciones.main .block-buttons-x3 {
      display: inline-block;
  }
.certificaciones .imagen-link a {
  min-height: 250px;
}
}
/* ---  Talleres  --- */

.talleres.orientacion-vocacional .subtitulo { font-size: 18px; }

/* ---  Equipamiento  --- */

.equipamiento-album {
  position: relative;
  height: 350px;
  margin-bottom: 10px;
}
.equipamiento-album a {
  display: block;
  width: 100%;
  height: 100%;
}
.equipamiento-album .img {
  display: inline-block;
  width: 870px;
  height: 100%;
  background-color: #c8c9c7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 2;
}
.equipamiento-album .block {
  display: inline-block;
  background-color: var(--isec-normal);
  width: 350px;
  height: 100%;
  position: absolute;
  text-align: center;
  z-index: 12;
}
.equipamiento-album .izq {
  left: 0;
}
.equipamiento-album .der {
  right: 0;
}
.equipamiento-album .triangulo {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  position: absolute;
  top: 125px;
  z-index: 10;
}
.equipamiento-album .triangulo.izq {
  left: 350px;
  border-left: 26px solid var(--isec-normal);
}
.equipamiento-album .triangulo.der {
  right: 350px;
  border-right: 26px solid var(--isec-normal);
}
.equipamiento-album .txt {
  color: #fff;
  text-transform: uppercase;
}
.equipamiento-album .txt .title {
  font: 40px 'Roboto Condensed', "Arial Narrow", Arial, Helvetica, sans-serif;
  font-weight: 300;
  position: absolute;
  top: 117px;
  width: 100%;
  padding: 0 20px;
}
.equipamiento-album .txt .title.mobile {
  display: none;
}
.equipamiento-album .txt .link {
  font: 16px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  display: block;
  position: absolute;
  bottom: 30px;
  width: 100%;
  padding-bottom: 10px;
}
.equipamiento-album .txt .link:after {
  content: "";
  position: absolute;
  border-top: 1px solid #fff;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  width: 40px;
  height: 0px;
}
.equipamiento-album .hover {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
}
.equipamiento-album a:hover .hover {
  background-color: rgba(0,0,0,0.1);
}

.equipamiento #infraestructura {
  padding-top: 0;
}

.equipamiento .carrerastexto .subtitulo-light { font: 18px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; color: #666; text-transform: uppercase; }
.equipamiento .carrerastexto .subtitulo-light:before { content: "\2014"; font: 10px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 100; color: var(--isec-normal); display: block; margin-bottom: 10px; transform: scaleX(5); transform-origin: 0 0; }
.equipamiento .carrerastexto p + h4 { margin-top: 40px; }

.equipamiento .carrerastexto .subtitulo-thin { font: 25px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 100; color: var(--isec-normal); text-transform: uppercase; }
.equipamiento .carrerastexto .subtitulo-thin:before { content: "\2014"; font: 10px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 100; color: var(--isec-normal); display: block; margin-bottom: 15px; transform: scaleX(5); transform-origin: 0 0; }
.equipamiento .carrerastexto p + h4 { margin-top: 40px; }

@media (max-width:768px) {
.equipamiento-album {
  height: 500px;
}
.equipamiento-album .img {
  display: block; 
  width: 100%; 
  height: 350px; 
  position: relative;
}
.equipamiento-album .block {
  width: 100%; 
  height: 150px; 
  position: relative;
}
.equipamiento-album .triangulo {
  top: 300px;
}
.equipamiento-album .triangulo.izq {
  left: 50%; 
  margin-left: -13px; 
  transform: rotate(-90deg);
}
.equipamiento-album .triangulo.der {
  right: 50%; 
  margin-right: -13px; 
  transform: rotate(90deg);
}
.equipamiento-album .txt .title {
  top: 40px;
  width: 100%;
  font-size: 30px;
}
.equipamiento-album .txt .title.desktop {
  display: none;
}
.equipamiento-album .txt .title.mobile {
  display: block;
}
.equipamiento-album .hover {
  display: none;
}
}

/* ---  Alumnos  --- */
.alumnos.cartelera #slide {
  margin-right: 19px;
}
.alumnos.cartelera #slide:nth-child(3n) {
  margin-right: 0;
}
.alumnos .layout-row-featured {
  margin-top: -90px;
  padding-top: 90px;
}
.alumnos .layout-row-featured .grid3col {
  padding-top: 20px;
}
.layout-row-featured .news-img {
  border: none;
}
.layout-row-featured .news-titulo {
  color: #fff;
  font-weight: 400;
}
.layout-row-featured .news-titulo:after {
  border-bottom-color: #fff;
}
.alumnos .grid3col .column:nth-child(3n+2) {
  margin: 0 2%;
}
.news-wrapper {
  height: 300px;
}
.news-img {
  background-position: center;
  background-size: cover;
  width: 100%;
  min-width: 1px;
  height: 150px;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #d9d9d6;
}
.news-img-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 20;
  display: inline-block;
}
a:hover .news-img-hover {
  background-color: rgba(0,0,0,0.1);
}
.news-titulo {
  font-size: 20px;
  font-weight: 300;
  line-height: normal;
  text-transform: none;
  color: #404040;
  margin-top: 3px;
}
.news-titulo:after {
  content: "";
  display: block;
  width: 60px;
  border-bottom: 1px solid var(--isec-normal);
  padding-top: 20px;
}
.news-fecha {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  color: #666;
}
.vermas { 
  text-align: center;
  margin: 60px auto; 
}
@media (min-width: 992px){
  .alumnos .grid3col .column {
    width: 32%;
    margin: 0;
  }
}
.alumnos .block-buttons-x2 a {
  font: 30px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #fff;
  background-color: #53565a;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  padding: 30px;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  background-clip: padding-box;
  background-origin: content-box;
}
.alumnos .block-buttons-x2 a:hover {
  background-color: #454545;
}
.alumnos .block-buttons-x2 a i {
  margin-right: 10px;
}
.alumnos .promos .slick-dots {
    bottom: 50px;
}
@media (max-width:992px) {
  .alumnos .block-buttons-x2 a {
    text-align: left;
  }
}
.alumnos-whatsapp {
  text-align: center;
  margin: 90px 0;
}
/* ---  Alumnos overlay  --- */
.alumnos .over-html.fancybox-content {
  background-color: #fff;
}
.over-img-cartelera {
  background-position: center;
  background-size: cover;
  max-width: 600px;
  height: 200px;
  margin: 15px 0 30px;
}
.alumnos .news .over-titulo {
  font-size: 33px;
  line-height: normal;
  margin: 30px 0;
}
.alumnos .news .over-titulo:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid var(--isec-normal);
  padding-top: 30px;
}
.over-noticia-info {
  color: #4d4d4d;
  font-size: 12px;
  margin-bottom: 10px;
}
.over-noticia-info span {
  display: inline-block;
}
.over-noticia-separador {
  padding: 0 6px;
}
.over-noticia-fecha {
  text-transform: uppercase;
}

/* ---  Alumnos grillas  --- */
@media (min-width: 992px){
  .alumnos .over-wrapper {
    width: 600px;
  }
}
.over-grillas-title {
  color: #fff;
  font-size: 50px;
  font-weight: 200 !important;
  line-height: normal;
}
.over-grillas h5 {
  font-weight: 400 !important;
  margin-bottom: 10px;
}
.over-grillas a {
  color: #333;
  display: block;
}
.over-grillas a:hover {
  color: var(--isec-normal);
}
.over-grillas .separador {
  display: block;
  margin: 10px 0;
}
#grillas-lc .over-img-header {
  background-color: var(--lc-normal);
}
#grillas-pr .over-img-header {
  background-color: var(--pr-normal);
}
#grillas-op .over-img-header {
  background-color: var(--op-normal);
}
#grillas-pe .over-img-header {
  background-color: var(--pe-normal);
}
#grillas-pd .over-img-header {
  background-color: var(--pd-normal);
}
#grillas-pu .over-img-header {
  background-color: var(--pu-normal);
}
#grillas-cd .over-img-header {
  background-color: var(--cd-normal);
}
#grillas-md .over-img-header {
  background-color: var(--md-normal);
}
#grillas-dg .over-img-header {
  background-color: var(--dg-normal);
}
#grillas-dm .over-img-header {
  background-color: var(--dm-normal);
}
#grillas-dw .over-img-header {
  background-color: var(--dw-normal);
}
#grillas-fo .over-img-header {
  background-color: var(--fo-normal);
}
#grillas-rp .over-img-header {
  background-color: #787809;
}
#grillas-ac .over-img-header {
  background-color: var(--ac-normal);
}
#grillas-tm .over-img-header {
  background-color: var(--tm-normal);
}
#grillas-dz .over-img-header {
  background-color: var(--dz-normal);
}

/* ---  Muestra 2020 y 2021  --- */

.muestra .equipamiento-album .txt .title {
  top: 90px;
  font-size: 32px;
  padding: 0 50px;
}
.muestra .title-small {
  font-size: 20px;
  display: block;
}
@media (max-width:768px) {
  .muestra .equipamiento-album {
    height: 575px;
  }
  .muestra .equipamiento-album .block {
    height: 225px;
  }
  .muestra .equipamiento-album .txt .title {
    top: 40px;
    font-size: 30px;
  }
}
.muestra .fancybox-content {
  padding: 0;
}
.embed-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.aspectratio-16x9 {
    padding-bottom: 56.25%;
}
.aspectratio-4x3 {
    padding-bottom: 75%;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---  Contacto  --- */

.contacto .promos {
  height: 800px;
}
.contacto .promosimg {
  height: 800px;
}
.contacto .promostextbox {
  top: 200px;
}
.contacto .promos .slick-dots {
  bottom: 200px;
}
.contacto .block-buttons-wrap {
  margin-top: -180px;
}
.block-buttons-x3.gris {
  text-align: center;
  background-color: #53565a;
  padding: 50px;
}
.contacto .block-buttons-x3 a.btn {
  width: auto;
  height: 50px;
  padding: 15px 30px;
}
.contacto .block-buttons-x3 a.btn.whatsapp {
  padding: 12px 30px;
}
.contacto .block-buttons-x3 a.btn.whatsapp img {
  width: auto;
  height: 25px;
}
.contacto .block-buttons-x3 .titulo {
  font-weight: 200;
}
.contacto .block-buttons-x3 .horario {
  color: #c8c9c7;
  font-weight: 300;
  margin-top: 20px;
}
.mapa {
  margin-top: -120px;
}
.google-maps {
  height: 750px;
  margin: 0;
}
.over-html {
  display: none;
}
.over-html.fancybox-content {
  background-color: #efeff0;
}
.over-wrapper {
  max-width: 600px;
}
.over-html h1, 
.over-html h2, 
.over-html h3, 
.over-html h4, 
.over-html h5,
.over-html h6 {
  font-weight: 200;
  text-transform: none;
}
.over-html p {
  margin-bottom: 15px;
}
.over-html .fa-ul {
  margin: 15px 1.5em;
}
.over-html .fa-li {
  color: #63666a;
}
.over-titulo {
  margin-bottom: 20px;
}

@media (max-width: 992px) {
.contacto .promostextbox {
  top: inherit;
}
.contacto .block-buttons-wrap {
  margin: 0;
  padding: 0;
  background-color: #c8c9c7;
}
.block-buttons-x3.gris {
  margin: 0;
}
.block-buttons-x3.gris:nth-child(2) {
  margin: 0;
  background-color: #363a3f;
}
.block-buttons-x3.gris:nth-child(3) {
  background-color: #23272c;
}
.mapa {
  margin: 0;
}
}

/* ---  Bolsa de trabajo  --- */
 
.bolsa .grid2col h2 {
  font: 18px 'elizeth', 'Roboto',Helvetica,Arial,sans-serif;
  color: #333;
  padding-bottom: 15px;
  border-bottom: 1px solid #E6E6E6;
}
.bolsa div#main p + h2 {
  padding-top: 20px;
}

/* ---  Botones  --- */

a.btn {
  font: 16px 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #fff;
  text-align: center;
  /* background-image: linear-gradient(45deg,var(--isec-normal), var(--isec-dark)); */
  background-image: 
    linear-gradient(to right, var(--isec-normal), var(--isec-dark), var(--isec-xxdark), #000);
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position 0.3s ease;
  border: 0;
  display: inline-block;
  cursor: pointer;
  padding: 12px 36px;
  -khtml-border-radius: 24px;
  -ms-border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
/*  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-origin: content;
  -webkit-background-origin: content-box;
  background-origin: content-box;  */
}
a.btn:hover {
  background-position: 100% 0%;
}
a.btn i {
  padding-left: 10px;
}
a.btn .fas {
  color: var(--isec-light);
}
a.btn.column {
  width: 100%;
  margin-bottom: 10px;
}
a.btn.small {
  font: 10px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
}
a.btn.small span.btn {
  padding: 5px 10px 4px;
}
a.btn.small span.txt {
  margin-bottom: 0;
}
a.btn.small span.icon {
  font-size: 13px;
  margin-left: 6px;
}
a.btn.fullwidth {
  width: 100%;
}
a.btn.anchovariable {
  width: auto;
  padding: 8px 20px;
}
a.btn.anchovariable-long {
  width: auto;
  padding: 8px 50px;
}

.boton-simple {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .boton-simple {
    margin-bottom: 15px;
  }
  .empty {
    display: none;
  }
}

/* ---  Footer  --- */

.footer2021 {
  padding: 50px 0;
  color: #a7a8aa;
  background: #63666a;
  font-size: 15px;
}
.footer2021 a {
  color: #a7a8aa;
  transition: all .2s ease-in-out;
}
.footer2021 a:hover {
  color: var(--isec-normal);
}
.footer-row {
  padding: 20px 40px;
}
.footer-sitemap h3 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 6px;
}
@media (max-width:1024px) {
.footer-sitemap h3 {
  margin-top: 15px;
}
}
.footer-sitemap ul {
  margin-bottom: 10px;
}
@media (max-width:1024px) {
.footer-sitemap ul {
  margin-bottom: 0;
}
}
.footer-sitemap li {
  margin-bottom: 6px;
}
.footer-socialnetworks {
  text-align: center;
}
.footer-socialnetworks a {
  color: #fff;
  display: inline-block;
  margin: 0 10px;
}
.footer-socialnetworks a:hover {
  color: #fff;
}
.footer-socialnetworks a.circle-icon {
  background: #75787b;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
}
.footer-socialnetworks a:hover.circle-icon {
  background: #848484;
}
.footer-socialnetworks a:hover.whatsapp {
  background: #25d366;
}
.footer-socialnetworks a:hover.facebook {
  background: #4267B2;
}
.footer-socialnetworks a:hover.instagram {
  background: #E1306C;
}
.footer-socialnetworks a:hover.twitter {
  background: #1DA1F2;
}
.footer-socialnetworks a:hover.x-twitter {
  background: #000;
}
.footer-socialnetworks a:hover.youtube {
  background: #FF0000;
}
.footer-socialnetworks a:hover.linkedin {
  background: #2867B2;
}
.footer-socialnetworks a:hover.tiktok {
  background: #25F4EE;
}
.footer-contactinfo {
  text-align: center;
  margin-bottom: 30px;
}
.footer-whatsapp {
  text-align: center;
}
.footer-whatsapp a.btn {
  width: auto;
  padding: 8px 36px;
}
.footer-educacion {
  padding-top: 30px;
  border-top: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
}
@media (max-width:1024px) {
  .footer-educacion {
    text-align: center;
  }
  .footer-educacion .footer-column {
    padding: 18px 0 !important;
  }  
}

/* ---  Radiomake  --- */

.radiomake #download {
  background-color: #f3f3f2;
  padding: 50px 0;
}
.radiomake .download {
  width: 600px;
  text-align: center;
}
.radiomake .armado {
  padding: 50px 0;
  margin: 35px 0;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width:768px) {
  .radiomake .download {
    width: auto;
  }
  .radiomake .armado img {
  width: 90vw;
  }
}
.radiomake .botones {
  text-align: center;
  margin-bottom: 35px;
}
.radiomake .botones a {
  display: inline-block;
  margin-right: 20px;
  transition: all .3s ease-in-out;
}
.radiomake .botones a:last-child {
  margin: 0;
}
.radiomake .botones a:hover {
  opacity: 0.7;
}
.radiomake .listenonline p {
  font-size: 75px;
}
.radiomake .player {
  margin-top: 50px;
}
.radiomake .imagen-link {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.radiomake .imagen-link a {
  display: block;
  padding: 45px 0;
  position: relative;
  font-size: 75px;
  color: #fff;
}
.radiomake .imagen-link.youtube a { 
  background-color: #FF0000;
}
.radiomake .imagen-link.youtube a:hover { 
  background-color: #CD201F;
}
.radiomake .imagen-link.twitch a { 
  background-color: #9146FF;
}
.radiomake .imagen-link.twitch a:hover { 
  background-color: #772CE8;
}

/* Promos */
.promos {
  height: 550px;
  position: relative;
  margin-bottom: 0;
}

.promosimg {
  background-position: center;
  background-size: cover;
  height: 550px;
}

.promostextbox {
  position: relative;
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
  top: -180px;
  left: auto;
  right: auto;
  z-index: 40;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.carousel_hero ~ #main {
  margin-top: -180px;
  position: relative;
  z-index: 5;
}

.promostextbox .contenedor {
  padding: 45px 90px 60px;
}

.promostextbox .contenedor .btn {
  margin-top: 20px;
  position: relative;
}

@media (max-width:992px) {
  .promostextbox {
    top: 0;
    width: 100%;
    max-width: none;
    margin: 0 auto 30px;
    border-radius: 0;
    box-shadow: none;
    background-color: #f3f3f3;
    background-image: linear-gradient(#fff 60%, #f3f3f3 100%);
  }
  
  .promostextbox .contenedor {
    padding: 60px;
  }

  .promos { 
    height: auto !important; 
    padding-bottom: 40px; 
    background-color: #eee;
  }
  
  /*
  .promosimg { height: 400px !important; }
  .promostextbox { width: 100%; height: auto; background-color: #eee; position: relative; bottom: 0; }
  .promostextbox .contenedor { height: auto; margin: 20px; }
  .promostextbox .contenedor .btn { position: inherit; }
  .promostextbox .texto { margin-bottom: 30px; }
  .slider-img-txt .slick-dots { top: 360px; height: 30px; }
  */
}

.promostextbox .titulo {
  font-size: 48px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: normal;
  color: #23272c;
  margin-bottom: 9px;
}

.promostextbox .subtitulo {
  font-size: 24px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  line-height: normal;
  color: #23272c;
  margin-bottom: 9px;
}

.promostextbox .texto {
  font-size: 18px;
  font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #23272c;
}

.float-btn {
  font-size: 14px;
  width: 250px;
  height: 50px;
  position: absolute;
  top: 200px;
  right: 0;
  z-index: 50;
  background: #ccc;
  padding: 30px;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

/* Promos alt */
.billboard {
  position: relative;
}
.billboard-box {
  background-color: #53565a;
  padding: 50px;
  position: absolute;
  bottom: -50px;
  z-index: 40;
}
.billboard + .layout-row #main {
  margin-top: 30px;
}
.billboard .titulo {
  font-size: 65px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: none;
}
.billboard .titulo:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid var(--isec-normal);
  padding-top: 15px;
}
.billboard .subtitulo {
  font-size: 46px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #fff;
  margin-bottom: 0;
  text-transform: none;
}
@media (max-width:480px) {
  .billboard-box {
    padding: 40px 20px;
    position: inherit;
    margin-top: -50px;
  }
  .billboard .titulo {
    font-size: 45px;
  }
  .billboard .subtitulo {
    font-size: 30px;
  }
}
/* ---  Slider con imágenes que se mueven junto con el bloque de texto  --- */
.slider-img-txt .promostextbox { z-index: 60; }
.slider-img-txt .dz .promostextbox .titulo { color: var(--dz-normal); }
.slider-img-txt .dcn .promostextbox .titulo { color: #a56e7c; }

.promos .slick-dotted.slick-slider { margin-bottom: 0; }
.promos .slick-dots { bottom: 20px; z-index: 50; }
.promos .slick-dots li { margin: 0; }
.promos .slick-dots li button:before { color: #fff; opacity: 0.5; font-size: 12px; }
.promos .slick-dots li.slick-active button:before { color: #fff; opacity: 1; }

.promos.video {
  height: 750px;
}
.promos.video .promosimg {
  height: 750px;
}
.promos.video .slick-dots {
  display: none;
}
.embed-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.ratio16by9 {
  padding-bottom: 56.25%;  
}
.ratio4by3 {
  padding-bottom: 75%;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width:768px) {
  .hide-desktop { display: none; }
}

.promos-titulo-wrap {
  position: absolute;
  bottom: 130px;
  z-index: 40;
}
@media (max-width:768px) {
  .promos-titulo-wrap {
    left: 20px;
  }
}
.promos-titulo-wrap .titulo-thin {
  color: #fff;
  font-weight: 100;
}
.promos-titulo-wrap .titulo-thin:after {
  border-bottom: 1px solid #fff;
}

/* Carousel Hero ------------------------------------------------------------------------------- */
.carousel_hero {
  margin-top: 20px;
  margin-bottom: -180px;
  width: 100%;
  position: relative;
  z-index: 1;
}

/* Asegurar que el contenido siguiente quede encima */
.carousel_hero + .layout-row,
.carousel_hero ~ #main {
  position: relative;
  z-index: 5;
}

.carousel_hero .slider {
  max-width: 1500px;  /* 1160px centrales + 2*160px de padding */
  margin: 0 auto;
}

.carousel_hero .slick-list {
  overflow: visible;
}

.carousel_hero .slick-slide {
  margin: 0 10px;     /* 10px + 10px = 20px entre central y laterales */
}

/* Imágenes */
.carousel_hero .promosimg {
  height: 550px;
  background-position: center;
  background-size: cover;
  border-radius: 30px;
  overflow: hidden;
}

/* Flechas contra el borde de la ventana */
.carousel_hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.carousel_hero-arrow:hover {
  background: rgba(0, 0, 0, 0.45);
}

.carousel_hero-prev {
  left: 30px;
}

.carousel_hero-next {
  right: 30px;
}

.carousel_hero-prev::before,
.carousel_hero-next::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.carousel_hero-prev::before {
  transform: rotate(-135deg); /* apunta a la izquierda */
  margin-left: 5px;
}

.carousel_hero-next::before {
  transform: rotate(45deg);   /* apunta a la derecha */
  margin-right: 5px;
}

/* Dots + barra activa animada */
.carousel_hero .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.carousel_hero .slick-dots {
  margin-bottom: 210px;
  text-align: center;
}

.carousel_hero .slick-dots li {
  width: 45px;
  margin: 0 6px;
}

/* quitamos el pseudo por defecto de slick */
.carousel_hero .slick-dots li button:before {
  content: none;
}

/* base: puntos inactivos */
.carousel_hero .slick-dots li button {
  font-size: 0;
  line-height: 0;
  width: 45px;
  height: 3px;
  padding: 0;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.75);
  border: none;
}

/* activo: solo barra alargada, sin círculo de fondo */
.carousel_hero .slick-dots li.slick-active button {
  width: 45px;
  height: 3px;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.75);
  position: relative;
  overflow: hidden;
}

.carousel_hero .slick-dots li.slick-active button::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  transform-origin: left;
  transform: scaleX(0);
  animation: hero-dot-fill 6s linear forwards;
}
@keyframes hero-dot-fill {
  to {
    transform: scaleX(1);
  }
}

/* Carousel Hero + promos: pantallas chicas (≤992px) */
@media (max-width: 992px) {
  .carousel_hero {
    margin-top: 0;
    margin-bottom: 0;
  }

  .carousel_hero ~ #main {
    margin-top: 0;
  }

  .carousel_hero .slider {
    max-width: 100%;
  }

  .carousel_hero .slick-list {
    overflow: hidden;
  }

  .carousel_hero .slick-slide {
    margin: 0;
  }

  .carousel_hero .promosimg {
    width: 100%;
    height: 75vh;
    border-radius: 0;
  }

  .carousel_hero .slick-slide > div,
  .carousel_hero .promoslide {
    width: 100%;
  }

  .carousel_hero .slick-dots {
    margin-bottom: 45px;
  }

  .carousel_hero-arrow {
    display: none;
  }

}
/* Carousel Hero ------------------------------------------------------------------------------- */

/* Bloque Intro -------------------------------------------------------------------------------- */

#intro .titulo-intro {
  padding-top: 30px;
} 

.titulo {
  font-size: 30px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}
.subtitulo {
  font-size: 20px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #666;
  margin-bottom: 15px;
}
.titulo.color {
  color: var(--isec-normal);
}
.titulo.gris {
  color: #666;
}
.titulo.blanco {
  color: #fff;
}

.carrerastexto .titulo-con-icono { display: table; margin-bottom: 10px; }
.carrerastexto .titulo-con-icono .icono { width: 160px; display: table-cell; vertical-align: top; }
.carrerastexto .titulo-con-icono .icono img { width: auto; height: 120px; }
.carrerastexto .titulo-con-icono .color-grisccc img { filter: brightness(0) saturate(100%) invert(93%) sepia(0%) saturate(26%) hue-rotate(238deg) brightness(91%) contrast(86%); }
.carrerastexto .titulo-con-icono .texto { display: table-cell; vertical-align: top; }
.carrerastexto .titulo-con-icono .titulo { margin-bottom: 15px; }

.carrerastexto p {
  color: #363a3f;
  line-height: 1.5;
  margin-bottom: 20px;
}

.info-color {
  background-color: var(--isec-normal);
}
.info-color .modulo-2 {
  height: 62px;
}
.info-color .modulo-3 {
  height: 82px;
}
.info-color .icono {
  width: 90px;
  height: 100%;
  padding-left: 10px;
  display: block;
  float: left;
}
.info-color .icono img {
  width: 60px;
  height: 50px;
  filter: invert(25%) sepia(0%) saturate(273%) hue-rotate(137deg) brightness(99%) contrast(78%);
}
.info-color .texto {
  width: calc(100% - 90px);
  display: inline-block;
}
.info-color .texto .color {
  font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: var(--isec-normal);
  text-transform: uppercase;
  display: block;
}

.lc .info-color .texto .color {
  color: var(--lc-light);
}
.pr .info-color .texto .color {
  color: var(--pr-light);
}
.op .info-color .texto .color {
  color: var(--op-light);
}
.pe .info-color .texto .color {
  color: var(--pe-light);
}
.pd .info-color .texto .color {
  color: var(--pd-light);
}
.pu .info-color .texto .color {
  color: var(--pu-light);
}
.cd .info-color .texto .color { 
  color: var(--cd-light);
}
.md .info-color .texto .color { 
  color: var(--md-light);
}
.dg .info-color .texto .color {
  color: var(--dg-light);
}
.dm .info-color .texto .color {
  color: var(--dm-light);
}
.dw .info-color .texto .color {
  color: var(--dw-light);
}
.fo .info-color .texto .color {
  color: var(--fo-light);
}
.ac .info-color .texto .color {
  color: var(--ac-light);
}
.tm .info-color .texto .color {
  color: var(--tm-light);
}
.dz .info-color .texto .color {
  color: var(--dz-light);
}

.info-color .texto .gris { 
  color: #63666a;
  display: block;
}
.info-color .texto .blanco { 
  color: #fff;
  display: block;
}
.info-color.oscuro .texto .gris {
  color: #bbb;
}
.info-color .texto .link a {
  width: inherit;
  padding: 8px 32px;
  margin-top: 16px;
}
.info-color a.btn {
  background: var(--fo-normal);
}
.info-color a.btn:hover {
  background: var(--fo-dark);
}
.info-color a.btn.whatsapp {
  text-transform: none;
}
.info-color a.btn.light {
  text-transform: none;
}
.info-color .separador {
  border-bottom: 1px solid #fff;
  margin: 35px 0;
}
.info-color.fullwidth {
  padding: 50px;
}
.info-color.fullwidth .texto {
  width: 850px;
  padding-right: 10px;
}
.info-color a.link-texto {
  color: #53565a;
}
.info-color a.link-texto:hover {
  color: #363a3f;
}
.carreras .info-color {
  padding: 180px 0; 
  margin: -120px 0;
}

.card {
  position: relative;
  border-radius: 30px;
  padding: 0 50px 0;
  filter: drop-shadow(0 0 0.15rem rgba(0, 0, 0, 0.15));
  background-clip: padding-box;
  z-index: 1;
}
@media (max-width:889px) {
  .card {
    padding: 0;
  }
}
.card_white {
  border: 1px solid #fff;
  background-color: #f3f3f2;
  background-image: linear-gradient(#f9f9f9 60%, #fff 100%);
}
.card_gray {
  border: 1px solid #53565a;
  background-color: #63666a;
  background-image: linear-gradient(#63666a 60%, #363a3f 100%);
}
.card_dark_gray {
  border: 1px solid #23272c;
  background-color: #53565a;
  background-image: linear-gradient(#53565a 60%, #23272c 100%);
}

.card_border_animation {
  position: relative;
  overflow: hidden;
}

.card_border_animation::before {
  content: "";
  position: absolute;
  left: -100%;
  width: 200%;
  top: -200%;
  height: 400%;
  background: linear-gradient(0deg, #8fadf4 40%, #939393 60%);
  opacity: 0;
  transition: opacity .3s ease;
  animation: card-border-rotate 2s linear infinite;
  transform-origin: 50% 50%;
  z-index: 0;
}

.lc .card_border_animation::before {
  background: linear-gradient(0deg, var(--lc-dark) 40%,  #fff 60%);
}
.lc .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--lc-dark) 40%,  #63666a 60%);
}

.pr .card_border_animation::before {
  background: linear-gradient(0deg, var(--pr-dark) 40%,  #fff 60%);
}
.pr .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--pr-dark) 40%,  #63666a 60%);
}

.op .card_border_animation::before {
  background: linear-gradient(0deg, var(--op-dark) 40%,  #fff 60%);
}
.op .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--op-dark) 40%,  #63666a 60%);
}

.pe .card_border_animation::before {
  background: linear-gradient(0deg, var(--pe-dark) 40%,  #fff 60%);
}
.pe .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--pe-dark) 40%,  #63666a 60%);
}

.pd .card_border_animation::before {
  background: linear-gradient(0deg, var(--pd-dark) 40%,  #fff 60%);
}
.pd .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--pd-dark) 40%,  #63666a 60%);
}

.pu .card_border_animation::before {
  background: linear-gradient(0deg, var(--pu-dark) 40%,  #fff 60%);
}
.pu .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--pu-dark) 40%,  #63666a 60%);
}

.rp .card_border_animation::before {
  background: linear-gradient(0deg, var(--rp-dark) 40%,  #fff 60%);
}
.rp .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--rp-dark) 40%,  #63666a 60%);
}

.cd .card_border_animation::before {
  background: linear-gradient(0deg, var(--cd-dark) 40%,  #fff 60%);
}
.cd .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--cd-dark) 40%,  #63666a 60%);
}

.md .card_border_animation::before {
  background: linear-gradient(0deg, var(--md-dark) 40%,  #fff 60%);
}
.md .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--md-dark) 40%,  #63666a 60%);
}

.dg .card_border_animation::before {
  background: linear-gradient(0deg, var(--dg-dark) 40%,  #fff 60%);
}
.dg .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--dg-dark) 40%,  #63666a 60%);
}

.dm .card_border_animation::before {
  background: linear-gradient(0deg, var(--dm-dark) 40%,  #fff 60%);
}
.dm .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--dm-dark) 40%,  #63666a 60%);
}

.dw .card_border_animation::before {
  background: linear-gradient(0deg, var(--dw-dark) 40%,  #fff 60%);
}
.dw .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--dw-dark) 40%,  #63666a 60%);
}

.fo .card_border_animation::before {
  background: linear-gradient(0deg, var(--fo-dark) 40%,  #fff 60%);
}
.fo .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--fo-dark) 40%,  #63666a 60%);
}

.ac .card_border_animation::before {
  background: linear-gradient(0deg, var(--ac-dark) 40%,  #fff 60%);
}
.ac .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--ac-dark) 40%,  #63666a 60%);
}

.tm .card_border_animation::before {
  background: linear-gradient(0deg, var(--tm-dark) 40%,  #fff 60%);
}
.tm .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--tm-dark) 40%,  #63666a 60%);
}

.dz .card_border_animation::before {
  background: linear-gradient(0deg, var(--dz-dark) 40%,  #fff 60%);
}
.dz .card_gray.card_border_animation::before {
  background: linear-gradient(0deg, var(--dz-dark) 40%,  #63666a 60%);
}

.card_border_animation::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 29px;
  z-index: 1;
}

.card_white.card_border_animation::after {
  background-image: linear-gradient(#f9f9f9 60%, #fff 100%);
}
.card_gray.card_border_animation::after {
  background-image: linear-gradient(#63666a 60%, #363a3f 100%);
}

.card_border_animation:hover::before {
  opacity: 1;
}

.card_border_animation > * {
  position: relative;
  z-index: 2;
}

@keyframes card-border-rotate {
  0% {
    transform: translate(25%, 10%) rotate(0deg);
  }
  to {
    transform: translate(25%, 10%) rotate(1turn);
  }
}

.info-gris-wrapper {
  background-color: #7c8084;
  background-image: linear-gradient(to right, #53565a, #63666a);
}
.block-buttons-wrap.info-gris .grid2col {
  padding-top: 0;
}

.info-gris {
  padding: 0;
  display: table;
  width: 100%;
  background: linear-gradient( #f4f4f3, #f4f4f3);
  background-size: 100% 120px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: transparent;
}
.info-gris .card {
  width: 49%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.info-gris .calle {
  width: 2%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.info-gris-mas-claro-wrapper {
  background-color: #75787b;
}
.info-gris .gris-mas-claro {
  background-color: #75787b;
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.info-gris .contenedor {
  padding: 50px 20px;
}
@media (max-width:889px) {
  .info-gris .grid2col {
    padding: 0 20px;
  }
  .info-gris .contenedor {
    padding: 42px;
  }
}

.info-gris .titulo {
  font-size: 27px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: var(--isec-normal);
}
.info-gris .titulo.rustico {
  font-size: 28px;
  font-family: 'RusticoDrezlab', 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2;
  margin-bottom: 0;
}
.info-gris .subtitulo {
  font-size: 18px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
.info-gris .texto {
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}
.info-gris .naranja {
  color: var(--isec-normal);
}
.info-gris .blanco {
  color: #fff;
}
.info-gris .link-txt {
	margin-top:  15px;
}
.info-gris .link-txt:hover {
	text-decoration:  underline;
}
.info-gris ul.texto {
  margin-left: 1.5em;
}
.info-gris .texto li i {
  color: var(--isec-normal);
}
.info-gris .icono {
  width: 150px;
  display: table-cell;
  vertical-align: top;
}
.info-gris .icono img {
  width: 150px;
  height: auto;
}

.info-gris.isec .gris-oscuro {
  width: 70%;
}
.info-gris.isec .gris-claro {
  width: 30%;
}

.info-gris-new {
  color: #fff;
  background-color: #75787b;
}
.info-gris-new .subtitulo-thin {
  color: #fff;
}
.info-gris-new .fa-ul {
  margin-left: 1.5em;
}
.info-gris-new .fa-li {
  color: var(--isec-normal);
}

.card ul, .card li {
  list-style-type: disc;
}
.info-featured .card ul {
  margin-left: 15px;
}

/* Bloque Info Featured: .layout-row-featured solapa la card .info-featured */
.carreras {
  --info-featured-overlap: 210px;
  --info-featured-inner-gap: 8px;
}

.carreras .layout-row-featured {
  position: relative;
  z-index: 2;
  margin-top: 60px;
  margin-bottom: calc(-1 * var(--info-featured-overlap));
}

.carreras .block-buttons-wrap.info-featured {
  position: relative;
  z-index: 1;
  margin-top: 0;
}

.carreras .block-buttons-wrap.info-featured .card {
  padding-top: calc(var(--info-featured-overlap) + var(--info-featured-inner-gap));
}

.carreras .layout-row-featured .titulo-medium {
  margin: 0;
}

.carreras .layout-row-featured .grid1col {
  padding: 50px;
}

@media (max-width: 1230px) {
  .carreras .layout-row-featured .grid1col {
    padding-left: 90px;
    padding-right: 90px;
  }
}

@media (max-width: 992px) {
  .carreras {
    --info-featured-overlap: 240px;
    --info-featured-inner-gap: 7px;
  }
}

@media (max-width: 890px) {
  .carreras .layout-row-featured .grid1col {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 768px) {
  .carreras {
    --info-featured-overlap: 270px;
    --info-featured-inner-gap: 6px;
  }

  .carreras .layout-row-featured .grid1col.last {
    padding-bottom: 22px;
  }
}

@media (max-width: 580px) {
  .carreras {
    --info-featured-overlap: 300px;
    --info-featured-inner-gap: 3px;
  }
}

@media (max-width: 420px) {
  .carreras {
    --info-featured-overlap: 390px;
    --info-featured-inner-gap: 1px;
  }
}

/* Bloque Q&A */
.qa-section {
  margin-top: -72px;
  padding-bottom: 90px;
}

.qa-section .layout-wrapper {
  padding: 0 30px;
}

.qa-accordion {
  max-width: 1110px;
  margin: 0 auto;
}

.qa-item {
  position: relative;
}

.qa-item + .qa-item {
  margin-top: 30px;
}

.qa-question {
  position: relative;
  display: block;
  width: calc(100% - 30px);
  max-width: 1110px;
  margin-right: auto;
  padding: 45px 75px 45px 45px;
  border-radius: 30px;
  background-image: linear-gradient(to right, var(--isec-normal), var(--isec-dark), var(--isec-dark), var(--isec-normal));
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position 0.3s ease;
  color: #fff;
  text-align: left;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 1.05;
  border: none;
  cursor: pointer;
  overflow: visible;
  transition: background-color 0.3s ease;
  z-index: 2;
}

.qa-question:hover {
  background-position: 100% 0%;
}

.lc .qa-question {
  background-image: linear-gradient(to right, var(--lc-normal), var(--lc-dark), var(--lc-dark), var(--lc-normal));
}

.pr .qa-question {
  background-image: linear-gradient(to right, var(--pr-normal), var(--pr-dark), var(--pr-dark), var(--pr-normal));
}

.op .qa-question {
  background-image: linear-gradient(to right, var(--op-normal), var(--op-dark), var(--op-dark), var(--op-normal));
}

.pe .qa-question {
  background-image: linear-gradient(to right, var(--pe-normal), var(--pe-dark), var(--pe-dark), var(--pe-normal));
}

.pd .qa-question {
  background-image: linear-gradient(to right, var(--pd-normal), var(--pd-dark), var(--pd-dark), var(--pd-normal));
}

.pu .qa-question {
  background-image: linear-gradient(to right, var(--pu-normal), var(--pu-dark), var(--pu-dark), var(--pu-normal));
}

.rp .qa-question {
  background-image: linear-gradient(to right, var(--rp-normal), var(--rp-dark), var(--rp-dark), var(--rp-normal));
}

.cd .qa-question {
  background-image: linear-gradient(to right, var(--cd-normal), var(--cd-dark), var(--cd-dark), var(--cd-normal));
}

.md .qa-question {
  background-image: linear-gradient(to right, var(--md-normal), var(--md-dark), var(--md-dark), var(--md-normal));
}

.dg .qa-question {
  background-image: linear-gradient(to right, var(--dg-normal), var(--dg-dark), var(--dg-dark), var(--dg-normal));
}

.dm .qa-question {
  background-image: linear-gradient(to right, var(--dm-normal), var(--dm-dark), var(--dm-dark), var(--dm-normal));
}

.dw .qa-question {
  background-image: linear-gradient(to right, var(--dw-normal), var(--dw-dark), var(--dw-dark), var(--dw-normal));
}

.fo .qa-question {
  background-image: linear-gradient(to right, var(--fo-normal), var(--fo-dark), var(--fo-dark), var(--fo-normal));
}

.ac .qa-question {
  background-image: linear-gradient(to right, var(--ac-normal), var(--ac-dark), var(--ac-dark), var(--ac-normal));
}

.tm .qa-question {
  background-image: linear-gradient(to right, var(--tm-normal), var(--tm-dark), var(--tm-dark), var(--tm-normal));
}

.dz .qa-question {
  background-image: linear-gradient(to right, var(--dz-normal), var(--dz-dark), var(--dz-dark), var(--dz-normal));
}


@media (min-width: 994px) {
  .qa-question {
    font-size: 45px;
  }
}

.qa-question .qa-highlight {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 800;
}

.qa-question .qa-toggle {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #231f20;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.qa-question .qa-toggle::before,
.qa-question .qa-toggle::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22px;
  height: 4px;
  background: #fff;
  border-radius: 999px;
  transform-origin: center center;
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.qa-question .qa-toggle::before {
  transform: translate(-50%, -50%) rotate(0deg) scaleX(1);
}

.qa-question .qa-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg) scaleX(1);
}

.qa-item.is-open .qa-toggle {
  transform: translateY(-50%) rotate(90deg);
}

.qa-item.is-open .qa-toggle::before {
  transform: translate(-50%, -50%) rotate(0deg) scaleX(0);
}

.qa-toggle-line {
  display: none;
}

.qa-question::after {
  content: '';
  position: absolute;
  left: 90px;
  bottom: -29px;
  width: 54px;
  height: 30px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  z-index: 2;
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease;
}

@media (max-width:889px) {
  .qa-question::after {
  left: 75px;
  }
}

.lc .qa-question::after {
  background-color: var(--lc-normal) ;
}
.lc .qa-question:hover::after {
  background-color: var(--lc-dark) ;
}

.pr .qa-question::after {
  background-color: var(--pr-normal) ;
}
.pr .qa-question:hover::after {
  background-color: var(--pr-dark) ;
}

.op .qa-question::after {
  background-color: var(--op-normal) ;
}
.op .qa-question:hover::after {
  background-color: var(--op-dark) ;
}

.pe .qa-question::after {
  background-color: var(--pe-normal) ;
}
.pe .qa-question:hover::after {
  background-color: var(--pe-dark) ;
}

.pd .qa-question::after {
  background-color: var(--pd-normal) ;
}
.pd .qa-question:hover::after {
  background-color: var(--pd-dark) ;
}

.pu .qa-question::after {
  background-color: var(--pu-normal) ;
}
.pu .qa-question:hover::after {
  background-color: var(--pu-dark) ;
}

.rp .qa-question::after {
  background-color: var(--rp-normal) ;
}
.rp .qa-question:hover::after {
  background-color: var(--rp-dark) ;
}

.cd .qa-question::after {
  background-color: var(--cd-normal) ;
}
.cd .qa-question:hover::after {
  background-color: var(--cd-dark) ;
}

.dg .qa-question::after {
  background-color: var(--dg-normal) ;
}
.dg .qa-question:hover::after {
  background-color: var(--dg-dark) ;
}

.dm .qa-question::after {
  background-color: var(--dm-normal) ;
}
.dm .qa-question:hover::after {
  background-color: var(--dm-dark) ;
}

.dw .qa-question::after {
  background-color: var(--dw-normal) ;
}
.dw .qa-question:hover::after {
  background-color: var(--dw-dark) ;
}

.fo .qa-question::after {
  background-color: var(--fo-normal) ;
}
.fo .qa-question:hover::after {
  background-color: var(--fo-dark) ;
}

.ac .qa-question::after {
  background-color: var(--ac-normal) ;
}
.ac .qa-question:hover::after {
  background-color: var(--ac-dark) ;
}

.tm .qa-question::after {
  background-color: var(--tm-normal) ;
}
.tm .qa-question:hover::after {
  background-color: var(--tm-dark) ;
}

.dz .qa-question::after {
  background-color: var(--dz-normal) ;
}
.dz .qa-question:hover::after {
  background-color: var(--dz-dark) ;
}

.qa-item.is-open .qa-question::after {
  transform: scaleY(1);
  opacity: 1;
}

.qa-answer {
  width: calc(100% - 30px);
  max-width: 1110px;
  margin-left: auto;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  position: relative;
  z-index: 1;
  transition: max-height 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease, margin-top 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.qa-item.is-open .qa-answer {
  max-height: 999px;
  opacity: 1;
  margin-top: 10px;
}

.qa-answer p {
  margin: 0;
  padding: 45px;
  border-radius: 30px;
  background-color: #f1f2f2;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 21px;
  line-height: 1.2;
  color: #231f20;
}

@media (min-width: 994px) {
  .qa-answer p {
    font-size: 24px;
  }
}

#galeria_trabajos {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background-color: #f4f4f3;
  margin-bottom: 30px;
  padding: 40px 0 30px;
}

#galeria_trabajos .layout-wrapper {
  overflow: visible;
}

.carreras .galeria-col.col-1 { padding-right: 23px; }
.carreras .galeria-col.col-2 { padding: 0 11px; }
.carreras .galeria-col.col-3 { padding-left: 23px; }
.carreras .galeria a { display: block; width: 100%; height: 100%; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; transition: all .2s ease-in-out; }
.carreras .galeria a:hover { border-bottom: 1px solid var(--isec-normal); }
.carreras .galeria a .img { width: 100%; height: 274px; position: relative; }
.carreras .galeria a .hover { width: 100%; height: 100%; position: absolute; z-index: 30; }
.carreras .galeria a:hover .hover { background: rgba(0,0,0,0.2); }
.carreras .galeria a .bkg { width: 100%; height: 100%; background-color: #c8c9c7; background-position: center; background-size: cover; position: absolute; z-index: 10; }
.carreras .galeria a .txt { font: 16px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 400; color: #999; text-transform: uppercase; padding: 15px 0; }
.carreras .galeria a:hover .txt { color: #666; }
.carreras .galeria .condensed { letter-spacing: -0.5px; }
.carreras .galeria .slick-dotted.slick-slider { margin-bottom: 0; }
.carreras .galeria .slick-dots { z-index: 50; }
.carreras .galeria .slick-dots li { margin: 0; }
.carreras .galeria .slick-dots li button:before { font-size: 12px; }

.carreras .galeria-logos a:hover .hover { background: rgba(0,0,0,0.05); }
.carreras .galeria-logos a .bkg { background-color: #f3f3f2; }

@media (max-width:889px) {
  .carreras .galeria-col.col-1,
  .carreras .galeria-col.col-2,
  .carreras .galeria-col.col-3 
    { padding: 0; }
  }
  
@media (max-width:768px) {
  .carreras .grid3col.last.galeria { padding-bottom: 50px; }
  .carreras .galeria .slick-dots { bottom: -20px; }
  }

/* Galería Trabajos — rediseño 2026 */
#galeria_trabajos {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background-color: #f4f4f3;
  padding: 90px 0 60px;
  overflow: visible;
}

.student-gallery__header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px 20px;
  text-align: center;
}

.student-gallery__slider-wrap {
  position: relative;
  width: 100%;
  overflow: visible;
  padding: 0 0 50px;
}

.student-gallery__slider {
  overflow: visible;
}

.student-gallery__slider .slick-list {
  overflow: visible;
  padding-bottom: 50px;
}

.student-gallery__slide {
  width: 420px;
  padding: 0 15px;
  box-sizing: border-box;
  height: 300px;
}

.student-gallery__card {
  position: relative;
  width: 390px;
  max-width: 390px;
  height: 300px;
  border-radius: 15px;
  overflow: visible;
  background: #000;
  /* cursor: pointer; */
}

.student-gallery__image {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
}

.student-gallery__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px 20px;
  border-radius: 15px;
}

.student-gallery__card:hover .student-gallery__overlay {
  background: rgba(0, 0, 0, 0.6);
}

.student-gallery__caption {
  color: #fff;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.09em;
  text-transform: none;
  width: 100%;
  margin: 0;
}

.student-gallery__cta {
  position: absolute;
  left: 50%;
  top: 276px;
  transform: translateX(-50%);
  z-index: 20;
  cursor: pointer;
}

.student-gallery__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 60px;
  padding: 0 15px;
}

@media (max-width: 993px) {
  .student-gallery__nav { 
    margin-top: 45px;
  }

}

.student-gallery__nav-button {
  padding: 6px 30px;
  border-radius: 999px;
  border: 1px solid #d1d3d4;
  background: #fff;
  color: #666;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  background-size: 200% 100%;
  background-position: 0% 0%;
  transition: background-position 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.student-gallery__nav-button:hover {
  background-image: linear-gradient(to right, #fff, #fff, #fff, #d1d3d4);
  background-position: 100% 0%;
}

.student-gallery__nav-button.active {
  color: #fff;
  background-image: linear-gradient(to right, var(--dg-normal), var(--dg-dark), var(--dg-dark), var(--dg-normal));
  border-color: var(--dg-normal);
  background-position: 0% 0%;
}

.student-gallery__nav-button.active:hover {
  background-position: 100% 0%;
}

.student-gallery__nav-button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(255, 166, 21, 0.2);
}


/* Frases */
.frase {
  background-image: url(../img/carreras/isec-inscripcion-2016.jpg); 
  background-attachment: fixed; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  /* padding: 200px 140px; */ 
  text-align: center; 
}
.frase-cita { 
  font: 60px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 600; 
  color: #fff; 
  line-height: 1.2; 
  max-width: 750px; 
  margin: 0 auto; 
}
.frase .frase-icono {
  font-size: 90px;
  color: #fff;
  display: block;
  margin-bottom: 15px;
}
.frase-autor { 
  font: 45px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 300;
  color: #fff; 
  line-height: 1.2; 
  margin-top: 15px;
}
.frase-autor + a { 
  margin-top: 20px; 
}
.carreras .frase { 
  background-image: url(../img/carreras/fondo-frase.jpg); 
}
.lc .frase { 
  background-image: url(../img/carreras/lc/fondo-frase.jpg); 
}
.pr .frase { 
  background-image: url(../img/carreras/pr/fondo-frase.jpg); 
}
.op .frase { 
  background-image: url(../img/carreras/op/fondo-frase.jpg); 
}
.pe .frase { 
  background-image: url(../img/carreras/pe/fondo-frase.jpg); 
}
.pd .frase { 
  background-image: url(../img/carreras/pd/fondo-frase.jpg); 
}
.pu .frase { 
  background-image: url(../img/carreras/pu/fondo-frase.jpg); 
}
.rp .frase { 
  background-image: url(../img/carreras/rp/fondo-frase.jpg); 
}
.cd .frase { 
  background-image: url(../img/carreras/cd/fondo-frase.webp); 
}
.md .frase { 
  background-image: url(../img/carreras/md/fondo-frase.jpg); 
}
.dg .frase { 
  background-image: url(../img/carreras/dg/fondo-frase.jpg); 
}
.dm .frase { 
  background-image: url(../img/carreras/dm/fondo-frase.jpg); 
}
.dw .frase { 
  background-image: url(../img/carreras/dw/fondo-frase.jpg); 
}
.fo .frase { 
  background-image: url(../img/carreras/fo/fondo-frase.jpg); 
}
.ac .frase { 
  background-image: url(../img/carreras/ac/fondo-frase.jpg); 
}
.tm .frase { 
  background-image: url(../img/carreras/tm/fondo-frase.jpg); 
}
.dz .frase {
  background-image: url(../img/carreras/dz/fondo-frase.jpg);
}
.certificaciones .frase { 
  background-image: url(../img/certificaciones-online/fondo-frase.jpg); 
}
.cursos .frase { 
  background-image: url(../img/cursos/fondo-frase.jpg); 
}
.diplomaturas .frase { 
  background-image: url(../img/diplomaturas/fondo-frase.jpg); 
}
.aes .frase { 
  background-image: url(../img/diplomaturas/aes/fondo-frase.jpg); 
}
.dmktdep .frase { 
  background-image: url(../img/diplomaturas/dmktdep/fondo-frase.jpg); 
}
.dmktdig .frase { 
  background-image: url(../img/carreras/cd/fondo-frase.jpg); 
}
.dcn .frase { 
  background-image: url(../img/diplomaturas/dcn/fondo-frase.jpg); 
}
.pea .frase { 
  background-image: url(../img/diplomaturas/pea/fondo-frase.jpg); 
}
.preinscripcion .frase { 
  background-image: url(../img/preinscripcion/fondo-frase.jpg); 
}
.egresados .frase { 
  background-image: url(../img/egresados/fondo-frase.jpg); 
}
.frase-vacia { 
  height: 300px; 
}
.becas .frase { 
  background-image: url(../img/cursos/fondo-frase.jpg); 
}
.radiomake .frase { 
  background-image: url(../img/radiomake/fondo-frase.jpg); 
}
.contacto .frase { 
  background-image: url(../img/preinscripcion/fondo-frase.jpg); 
}

@media (max-width:992px) {
  .frase {
    padding: 150px 80px;
    background-attachment: inherit;
  }
}
@media (max-width:768px) {
  .frase {
    padding: 150px 40px;
  }
  .frase-cita {
    font-size: 45px;
  }
  .frase-autor {
    font-size: 30px;
  }
}
@media (max-width:480px) {
  .frase {
    padding: 150px 20px;
  }
}

/* ============================================
   EFECTO SCROLL HOLD Y REVELACIÓN
   Reutilizable con clase .scroll-hold-reveal
   ============================================ */

.scroll-hold-reveal {
  position: relative;
  overflow: visible; /* No hidden para no afectar otros bloques */
}

.scroll-hold-reveal .frase-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1; /* Más bajo que todo */
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none;
}

.scroll-hold-reveal .layout-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 200px 140px;
}

.scroll-hold-reveal .frase-icono,
.scroll-hold-reveal .frase-cita,
.scroll-hold-reveal .frase-autor {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}

.scroll-hold-reveal .frase-background--visible {
  opacity: 1;
}

.scroll-hold-reveal .frase-icono--visible,
.scroll-hold-reveal .frasecita--visible,
.scroll-hold-reveal .frase-autor--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Delays para aparición secuencial - más largos */
.scroll-hold-reveal .frase-icono--visible { transition-delay: 0.8s; }
.scroll-hold-reveal .frasecita--visible { transition-delay: 1.2s; }
.scroll-hold-reveal .frase-autor--visible { transition-delay: 1.6s; }

body.scroll-hold-active { overflow: hidden; }

@media (max-width: 768px) {
  .scroll-hold-reveal .layout-wrapper { padding: 150px 40px; }
}

.anuarios { background-color: var(--isec-normal); }
.anuarios a { display: block; padding: 8px 12px; margin-bottom: 20px; border-bottom: 1px solid #ffde97; transition: all .2s ease-in-out; }
.anuarios a:hover { background: #ffc942; border-bottom-color: #fff; }
.anuarios a:hover .fecha { color: #333; }
.carreras .anuarios h2 { font: 50px 'RusticoDrezlab', 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; text-transform: none; margin-bottom: 0; }
.anuarios .fecha { font: 60px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 100; color: #63666a; display: inline-block; height: 70px; }
.anuarios .size { font-size: 12px; color: #fff; text-align: center; width: 50px; height: 70px; float: right; }
.anuarios .size img { display: block; width: 30px; height: 30px; margin: 8px auto; }

.partners { background-color: #f3f3f2; text-align: center; padding: 50px 40px }
.partners .logo { display: inline-block; padding: 5px 30px;  height: auto; }
.partners .logo img { width: auto; }
.partners .isec img { height: 50px; }
.partners .fundacion img { height: 90px; }
.partners .mas img { height: 30px; filter: invert(92%) sepia(15%) saturate(4953%) hue-rotate(335deg) brightness(102%) contrast(102%); }
.tm .partners .mas img { filter: invert(53%) sepia(94%) saturate(300%) hue-rotate(126deg) brightness(93%) contrast(87%); }
.dz .partners .mas img { filter: invert(19%) sepia(18%) saturate(6741%) hue-rotate(314deg) brightness(82%) contrast(127%); }
@media (max-width:768px) {
  .partners .logo { display: block; padding: 20px 30px; }
  .partners .isec img { height: auto; max-height: 50px; }
  .partners .fundacion img { height: auto; max-height: 90px; }
}

.form-consultas {
  color: #efeff0;
  background-color: #888b8d;
}
.form-consultas .legales .naranja {
  color: var(--isec-normal);
  padding: 0 5px;
}
.form-consultas .legales a {
  color: #d5d7d8;
}
.form-consultas .legales a:hover {
  color: #fff;
}

.formulario {
  margin: 30px 0;
}

.formulario .grid1col {
  padding: 0 !important;
} 

.formulario .grid2col {
  padding: 0 !important;
}

.formulario .field {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 6px 0;
  font-size: 18px;
  font-family: 'Roboto', 'Open Sans',Verdana, Arial, Helvetica, sans-serif; 
  line-height: 1.5;
  color: #efeff0;
  background-color: #888b8d;
  background-image: none;
  border: 0;
  border-bottom: 1px solid #c8c9c7;
  box-sizing: border-box;
}

.formulario .field.share {
  display: inline-block;
}

.formulario .field.w20 {
  width: 19.5%;
}

.formulario .field.w80 {
  width: 79.5%;
}

.formulario .line {
  font-size: 18px;
  font-family: 'Roboto', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  line-height: 2.42857143;
  color: #efeff0;
  margin-bottom: 20px;
}

.formulario .altura-field { display: block; padding-top: 15px; }
.formulario .radio-field { margin-left: 12px; }
.formulario input[type="radio"] { margin-left: 6px; margin-top: -5px; vertical-align: middle; }
.formulario .checkbox-field { margin-right: 10px; }
.formulario input[type="checkbox"] { margin-top: -3px; vertical-align: middle; }

.formulario .select-field select { 
  font-size: 18px;
  color: #c8c9c7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 0;
  background: url(../img/bkg/form-flecha-3.png) right center/auto 100% no-repeat #888b8d;
  border: 0;
  border-bottom: 1px solid #c8c9c7;
  width: 100%;
}

.formulario .textarea textarea { 
  height: 180px; 
  max-height: 180px; 
  resize: none; 
}

.form-aclaracion { color: #c8c9c7; font-style: italic; }
.formulario ::placeholder { color: #c8c9c7; }
.formulario .captcha .txt { width: 274px; }
.formulario .captcha .txt .field { margin-bottom: 10px; }
.formulario .captcha img { background-color: #888b8d; }
.formulario .captcha a { color: #d5d7d8; padding: 0 20px; cursor: pointer; }
.formulario .captcha a:hover { color: #fff; }

.form-consultas .checkbox { margin-right: 10px; } 
.form-consultas .exito { color: #00f939; }
.form-consultas .error.inactive { display: none; }
.form-consultas .error.active { display: inline-block; font-size: 16px; color: #fff;  background-color: var(--dm-normal); padding: 10px 20px; margin-bottom: 10px; }

.formulario .separador {
  border-bottom: 1px solid #c8c9c7;
  margin: 15px 0 35px;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }

@media (max-width: 992px) {
  .formulario .grid2col .column {
      margin-bottom: 0;
  }
  .formulario .captcha { 
    padding-bottom: 30px; 
  }
}

#pageloader {
  background: rgba( 30, 30, 30, 0.9 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
#pageloader img {
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}

.showloader {
  display: block !important;
}

.listado-carreras {
  background-color: #f3f3f2;
}
.listado-carreras a.btn {
  font-size: 20px;
  font-weight: 300;
  text-transform: none;
  text-align: inherit;
  width: 100%;
  padding: 20px 30px;
  margin-bottom: 10px;
}
.listado-carreras a.btn .name {
  max-width: 90%;
  display: inline-block;
}
.listado-carreras a.btn i {
  float: right;
}

.cursos .promos .slick-dots {
  bottom: 50px;
}

.block-buttons-wrap {
  margin-top: -30px;
  padding: 0 20px;
  z-index: 10;
  position: relative;
}
.carreras .block-buttons-wrap:not(.info-gris) {
  margin-top: 0;
}
/*
.block-buttons-x1 {
  width: 75%;
  float: left;
}
*/
.block-buttons-x2 {
  width: 49%;
  float: left;
  margin: 0 0.5%;
}
.block-buttons-x3 {
  width: 33%;
  float: left;
  margin-bottom: 0.5%;
}
.block-buttons-x3:nth-child(2),
.block-buttons-x3:nth-child(5),
.block-buttons-x3:nth-child(8) {
  margin: 0 0.5%;
}
.block-buttons-x3.empty {
  background-color: #fcfcfc;
  border: 1px solid #f6f6f6;
  min-height: 360px;
}
@media (max-width:992px) {
  .block-buttons-x3.empty {
    display: none;
  }
}
.block-buttons-wrap + .layout-row .frase {
  margin-top: -100px;
}
.combinado i {
  display: inline-block;
  font-size: 2.5em;
  margin-left: 0;
  margin-right: 20px;
}
.combinado .texto {
  display: inline-block;
  text-align: left;
}
.combinado .small {
  font-weight: 100;
  text-transform: none;
  display: block;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media (min-width:769px) {
  .promos-overlap .layout-container {
    display: unset;
  }
}
.promos-overlap .slider-wrap {
  background-size: cover;
  background-position: center; 
}
.promos-overlap .promos .slick-dots {
  bottom: 50px;
}
.promos-overlap .block-buttons-x2 a,
.promos-overlap .block-buttons-x3 a {
  font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #8c8c8c;
  background-color: #f8f8f9;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  padding: 30px;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  background-clip: padding-box;
  background-origin: content-box;
  cursor: pointer;
}
.promos-overlap .block-buttons-x2 a:hover,
.promos-overlap .block-buttons-x3 a:hover {
  color: #454545;
  background: #efeff0;
}
.tab-button i {
  margin-right: 10px;
}
.tab-active {
  color: #ffffff !important;
  background-color: var(--fo-normal) !important;
}
.pe .tab-active {
  background-color: var(--pe-normal) !important;
}
.pd .tab-active {
  background-color: var(--pd-normal) !important;
}
.cd .tab-active {
  background-color: var(--cd-normal) !important;
}
.cursos .tab-active {
  background-color: var(--isec-dark) !important;
}
.tab-animate-opacity {
  animation: opac 0.8s
}
@keyframes opac {
  from { 
    opacity: 0
  } 
  to { 
    opacity: 1
  }
}
.tab-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s
}
@keyframes animatebottom {
  from { 
    bottom: -300px;
    opacity: 0
  } 
  to {
    bottom: 0;
    opacity: 1
  }
}

.cursos .block-buttons-x2 a {
  font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #454545;
  background: var(--isec-normal);
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  padding: 30px;
  transition: all .2s ease-in-out;
  border-radius: 4px;
  background-clip: padding-box;
  background-origin: content-box;
}
.cursos .block-buttons-x2 a:hover {
  color: #333;
  background: var(--isec-dark);
}
.cursos .block-buttons-x2 a i {
  margin-left: 10px;
}
@media (max-width:992px) {
  .cursos .block-buttons-x2 a {
    text-align: left;
  }
}
@media (max-width:480px) {
  .combinado i {
    display: block;
    font-size: inherit;
    padding: 0 !important;
    margin: 0 0 10px !important;
  }
  .combinado .texto {
    display: block;
  }
}
.cursos .listado-carreras {
  background: none;
  padding-top: 20px;
  padding-bottom: 40px;
}
.cursos .listado-carreras a.btn {
  background: #53565a;
  text-transform: none;
}
.cursos .listado-carreras a:hover.btn {
  background: #363a3f;
}
.cursos .listado-carreras a.btn i {
  color: var(--isec-normal);
}

.titulo-thin {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  margin-bottom: 30px;
}
/* rayita inferior
.titulo-thin:after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 1px solid var(--isec-normal);
  padding-top: 15px;
}
*/
h1.titulo-thin {
  font-size: 60px;
}
.titulo-thin b, .titulo-thin strong {
  font-weight: 800;
}
.titulo-medium {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 500;
  font-size: 40px;
  text-transform: none;
  line-height: 1;
  margin-bottom: 30px;
}
.subtitulo-thin {
  font-size: 35px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: none;
  color: #666;
  margin-bottom: 30px;
}
h2.titulo-thin {
  font-size: 30px;
}
h3.titulo-thin {
  font-size: 24px;
  color: inherit;
}
h3.titulo-thin:after {
  width: 45px;
}
.titulo-small {
  color: inherit;
  font-size: 24px;
  font-weight: 300;
  text-transform: none;
}
.titulo-icono {
  color: var(--isec-normal);
  padding-right: 10px;
}
.texto-bajada {
  font-size: 20px;
  font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 30px;
}
.texto-titulo-lista {
  margin-bottom: 0;
}
.texto-legal {
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
}
.contenidos {
  padding-top: 20px;
}
.contenidos p {
  font: 20px 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300;
  margin-bottom: 30px;
}
.contenidos li {
  font: 20px 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  padding-bottom: 10px;
}
.contenidos li i {
  color: var(--isec-normal);
}
li.contenidos-titulo {
  font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width:992px) {
  h1.titulo-thin {
    font-size: 40px;
  }
  .texto-bajada {
    font-size: 18px;
  }
  .block-buttons-x2 {
    width: 100%;
    display: block;
    float: none;
    margin: 2px 0;
  }
  .block-buttons-x3 {
    width: 100%;
    display: block;
    float: none;
    margin: 2px 0;
  }
  .block-buttons-x3:nth-child(2),
  .block-buttons-x3:nth-child(5),
  .block-buttons-x3:nth-child(8) {
    margin: 2px 0;
  }
  .block-buttons-x3 a {
    text-align: inherit;
  }
  .listado-carreras .column {
    margin-bottom: 0;
  }
  .contenidos .column.first {
    margin-bottom: 0;
  }
}
@media (max-width:480px) {
  .listado-carreras a.btn i {
    display: none;
  }
}

.carreras .block-buttons-x3 .texto {
  color: #c8c9c7;
  font-size: 20px;
}

/* Estilos por carrera */
.lc #mainHeader { background-color: var(--lc-normal); }
.lc a.btn { background-image: linear-gradient(to right, var(--lc-normal), var(--lc-dark), var(--lc-dark), var(--lc-normal)); }
.lc a.btn .fas { color: var(--lc-light); }
.lc .info-color .icono img { filter: invert(76%) sepia(5%) saturate(1643%) hue-rotate(297deg) brightness(108%) contrast(98%); }
.lc .info-color .texto .gris { color: var(--lc-light); }
.lc .info-color { background-color: var(--lc-normal); }
.lc .info-color a.btn { border: 1px solid var(--lc-light); background: var(--lc-normal); }
.lc .info-color a.btn:hover { border: 1px solid #f281a3; background: var(--lc-light); }
.lc .plan .column .numero img { filter: invert(47%) sepia(91%) saturate(4734%) hue-rotate(314deg) brightness(88%) contrast(101%); }

.pr #mainHeader { background-color: var(--pr-normal); }
.pr a.btn { background-image: linear-gradient(to right, var(--pr-normal), var(--pr-dark), var(--pr-dark), var(--pr-normal)); }
.pr a.btn .fas { color: var(--pr-light); }
.pr .info-color .icono img { filter: invert(87%) sepia(6%) saturate(1517%) hue-rotate(355deg) brightness(105%) contrast(107%); }
.pr .info-color .texto .gris { color: #fff8de; }
.pr .info-color { background-color: var(--pr-normal); }
.pr .info-color a.btn { border: 1px solid var(--pr-light); background: var(--pr-normal); }
.pr .info-color a.btn:hover { border: 1px solid #ffe99b; background: #fadc53; }
.pr .plan .column .numero img { filter: invert(65%) sepia(47%) saturate(624%) hue-rotate(14deg) brightness(110%) contrast(109%); }

.op #mainHeader { background-color: var(--op-normal); }
.op a.btn { background-image: linear-gradient(to right, var(--op-normal), var(--op-dark), var(--op-dark), var(--op-normal)); }
.op a.btn .fas { color: var(--op-light); }
.op .info-color .icono img { filter: invert(89%) sepia(19%) saturate(667%) hue-rotate(207deg) brightness(86%) contrast(93%); }
.op .info-color .texto .gris { color: var(--op-light); }
.op .info-color { background-color: var(--op-normal); }
.op .info-color a.btn { border: 1px solid var(--op-light); background: var(--op-normal); }
.op .info-color a.btn:hover { border: 1px solid #9e79ad; background: var(--op-light); }
.op .plan .column .numero img { filter: invert(24%) sepia(26%) saturate(2141%) hue-rotate(244deg) brightness(100%) contrast(87%); }

.pe #mainHeader { background-color: var(--pe-normal); }
.pe a.btn { background-image: linear-gradient(to right, var(--pe-normal), var(--pe-dark), var(--pe-dark), var(--pe-normal)); }
.pe a.btn .fas { color: var(--pe-light); }
.pe .info-color .icono img { filter: invert(87%) sepia(17%) saturate(391%) hue-rotate(175deg) brightness(102%) contrast(91%); }
.pe .info-color .texto .gris { color: var(--pe-light); }
.pe .info-color { background-color: var(--pe-normal); }
.pe .info-color a.btn { border: 1px solid var(--pe-light); background: var(--pe-normal); }
.pe .info-color a.btn:hover { border: 1px solid #afd5ed; background: #73bae0; }
.pe .plan .column .numero img { filter: invert(61%) sepia(49%) saturate(484%) hue-rotate(154deg) brightness(91%) contrast(97%); }

.pd #mainHeader { background-color: var(--pd-normal); }
.pd a.btn { background-image: linear-gradient(to right, var(--pd-normal), var(--pd-dark), var(--pd-dark), var(--pd-normal)); }
.pd a.btn .fas { color: var(--pd-light); }
.pd .info-color .icono img { filter: invert(94%) sepia(12%) saturate(573%) hue-rotate(25deg) brightness(99%) contrast(91%); }
.pd .info-color .texto .gris { color: var(--pd-light); }
.pd .info-color { background-color: var(--pd-normal); }
.pd .info-color a.btn { border: 1px solid var(--pd-light); background: var(--pd-normal); }
.pd .info-color a.btn:hover { border: 1px solid #d0e5a0; background: #add360; }
.pd .plan .column .numero img { filter: invert(70%) sepia(57%) saturate(475%) hue-rotate(36deg) brightness(95%) contrast(91%); }

.pu #mainHeader { background-color: var(--pu-normal); }
.pu a.btn { background-image: linear-gradient(to right, var(--pu-normal), var(--pu-dark), var(--pu-dark), var(--pu-normal)); }
.pu a.btn .fas { color: var(--pu-light); }
.pu .info-color .icono img { filter: invert(95%) sepia(13%) saturate(477%) hue-rotate(72deg) brightness(88%) contrast(96%); }
.pu .info-color .texto .gris { color: var(--pu-light); }
.pu .info-color { background-color: var(--pu-normal); }
.pu .info-color a.btn { border: 1px solid var(--pu-light); background: var(--pu-normal); }
.pu .info-color a.btn:hover { border: 1px solid #96cca6; background: #49aa6f; }
.pu .plan .column .numero img { filter: invert(38%) sepia(85%) saturate(4633%) hue-rotate(141deg) brightness(95%) contrast(101%); }

.cd #mainHeader { background-color: var(--cd-normal); }
.cd a.btn { background-image: linear-gradient(to right, var(--cd-normal), var(--cd-dark), var(--cd-dark), var(--cd-normal)); }
.cd a.btn .fas { color: var(--cd-light); }
.cd .info-color .icono img { filter: invert(67%) sepia(10%) saturate(1206%) hue-rotate(252deg) brightness(95%) contrast(87%); }
.cd .info-color .texto .gris { color: #debedd; }
.cd .info-color { background-color: var(--cd-normal); }
.cd .info-color a.btn { border: 1px solid var(--cd-light); background: var(--cd-normal); }
.cd .info-color a.btn:hover { border: 1px solid #b468b1; background: #a74fa1; }
.cd .plan .column .numero img { filter: invert(19%) sepia(27%) saturate(7340%) hue-rotate(287deg) brightness(92%) contrast(88%); }

.md #mainHeader { background-color: var(--md-normal); }
.md a.btn { background-image: linear-gradient(to right, var(--md-normal), var(--md-dark), var(--md-dark), var(--md-normal)); }
.md a.btn .fas { color: var(--md-light); }
.md .info-color .icono img { filter: invert(67%) sepia(10%) saturate(1206%) hue-rotate(252deg) brightness(95%) contrast(87%); }
.md .info-color .texto .gris { color: #debedd; }
.md .info-color { background-color: var(--md-normal); }
.md .info-color a.btn { border: 1px solid var(--md-light); background: var(--md-normal); }
.md .info-color a.btn:hover { border: 1px solid #b468b1; background: #a74fa1; }
.md .plan .column .numero img { filter: invert(19%) sepia(27%) saturate(7340%) hue-rotate(287deg) brightness(92%) contrast(88%); }

.dg #mainHeader { background-color: var(--dg-normal); }
.dg a.btn { background-image: linear-gradient(to right, var(--dg-normal), var(--dg-dark), var(--dg-dark), var(--dg-normal)); }
.dg a.btn .fas { color: var(--dg-light); }
.dg .info-color .icono img { filter: invert(62%) sepia(86%) saturate(503%) hue-rotate(7deg) brightness(111%) contrast(104%); }
.dg .info-color { background-image: linear-gradient(var(--dg-normal) 60%, var(--dg-dark) 100%); }
.dg .info-color a.btn { border: 1px solid var(--dg-light); background: var(--dg-normal); }
.dg .info-color a.btn:hover { border: 1px solid #ffc40c; background: var(--dg-light); }
.dg .plan .column .numero img { filter: invert(68%) sepia(89%) saturate(1774%) hue-rotate(346deg) brightness(100%) contrast(96%); }

.dm #mainHeader { background-color: var(--dm-normal); }
.dm a.btn { background-image: linear-gradient(to right, var(--dm-normal), var(--dm-dark), var(--dm-dark), var(--dm-normal)); }
.dm a.btn .fas { color: var(--dm-light); }
.dm .info-color .icono img { filter: invert(68%) sepia(6%) saturate(4176%) hue-rotate(315deg) brightness(109%) contrast(92%); }
.dm .info-color .texto .gris { color: var(--dm-light); }
.dm .info-color { background-color: var(--dm-normal); }
.dm .info-color a.btn { border: 1px solid var(--dm-light); background: var(--dm-normal); }
.dm .info-color a.btn:hover { border: 1px solid #e3585e; background: #d85149; }
.dm .plan .column .numero img { filter: invert(19%) sepia(64%) saturate(5153%) hue-rotate(343deg) brightness(82%) contrast(99%); }

.dw #mainHeader { background-color: var(--dw-normal); }
.dw a.btn { background-image: linear-gradient(to right, var(--dw-normal), var(--dw-dark), var(--dw-dark), var(--dw-normal)); }
.dw a.btn .fas { color: var(--dw-light); }
.dw .info-color .icono img { filter: invert(68%) sepia(6%) saturate(4176%) hue-rotate(315deg) brightness(109%) contrast(92%); }
.dw .info-color .texto .gris { color: var(--dw-light); }
.dw .info-color { background-color: var(--dw-normal); }
.dw .info-color a.btn { border: 1px solid var(--dw-light); background: var(--dw-normal); }
.dw .info-color a.btn:hover { border: 1px solid #e3585e; background: #d85149; }
.dw .plan .column .numero img { filter: invert(51%) sepia(33%) saturate(2293%) hue-rotate(321deg) brightness(98%) contrast(122%); }

.fo #mainHeader { background-color: var(--fo-normal); }
.fo a.btn { background: var(--fo-normal); }
.fo a.btn:hover { background: var(--fo-dark); }
.fo a.btn .fas { color: var(--fo-light); }

.rp #mainHeader { background-color: var(--rp-normal); background-image: linear-gradient(to right, var(--rp-normal) 30%, var(--rp-dark) 100%); }
.rp a.btn { background: var(--rp-normal); }
.rp a.btn:hover { background: var(--rp-dark); }
.rp a.btn .fas { color: var(--rp-light); }
.rp .info-color .icono img { filter: invert(73%) sepia(6%) saturate(71%) hue-rotate(227deg) brightness(83%) contrast(92%); }
.rp .info-color .texto .gris { color: var(--rp-light); }
.rp .info-color { background-color: var(--rp-normal); }
.rp .info-color a.btn { border: 1px solid var(--rp-light); background: var(--rp-normal); }
.rp .info-color a.btn:hover { border: 1px solid #a5d8d2; background: #62bdb5; }
.rp .plan .column .numero img { filter: invert(73%) sepia(6%) saturate(71%) hue-rotate(227deg) brightness(83%) contrast(92%); }

.ac #mainHeader { background-color: var(--ac-normal); }
.ac a.btn { background: var(--ac-normal); }
.ac a.btn:hover { background: var(--ac-dark); }
.ac a.btn .fas { color: var(--ac-light); }
.ac .info-color .icono img { filter: invert(61%) sepia(96%) saturate(625%) hue-rotate(180deg) brightness(101%) contrast(101%); }
.ac .info-color .texto .gris { color: #c4e4ff; }
.ac .info-color { background-color: var(--ac-normal); }
.ac .info-color a.btn { border: 1px solid var(--ac-light); background: var(--ac-normal); }
.ac .info-color a.btn:hover { border: 1px solid #2299ff; background: var(--ac-light); }
.ac .plan .column .numero img { filter: invert(15%) sepia(60%) saturate(4933%) hue-rotate(195deg) brightness(91%) contrast(101%); }

.tm #mainHeader { background-color: var(--tm-normal); }
.tm a.btn { background: var(--tm-normal); }
.tm a.btn:hover { background: var(--tm-dark); }
.tm a.btn .fas { color: var(--tm-light); }
.tm .info-color .icono img { filter: invert(92%) sepia(18%) saturate(234%) hue-rotate(120deg) brightness(94%) contrast(92%); }
.tm .info-color .texto .gris { color: var(--tm-light); }
.tm .info-color { background-color: var(--tm-normal); }
.tm .info-color a.btn { border: 1px solid var(--tm-light); background: var(--tm-normal); }
.tm .info-color a.btn:hover { border: 1px solid #a5d8d2; background: #62bdb5; }
.tm .plan .column .numero img { filter: invert(53%) sepia(94%) saturate(300%) hue-rotate(126deg) brightness(93%) contrast(87%); }

.dz #mainHeader { background-color: var(--dz-normal); }
.dz a.btn { background: var(--dz-normal); }
.dz a.btn:hover { background: var(--dz-dark); }
.dz a.btn .fas { color: var(--dz-light); }
.dz .info-color .icono img { filter: invert(74%) sepia(5%) saturate(1426%) hue-rotate(309deg) brightness(101%) contrast(84%); }
.dz .info-color .texto .gris { color: var(--dz-light); }
.dz .info-color { background-color: var(--dz-normal); }
.dz .info-color a.btn { border: 1px solid var(--dz-light); background: var(--dz-normal); }
.dz .info-color a.btn:hover { border: 1px solid #ac6066; background: #933844; }
.dz .plan .column .numero img { filter: invert(19%) sepia(18%) saturate(6741%) hue-rotate(314deg) brightness(82%) contrast(127%); }

.aes #mainHeader { background-color: var(--ac-normal); }
.aes a.btn { background: var(--ac-normal); }
.aes a.btn:hover { background: var(--ac-dark); }
.aes a.btn .fas { color: var(--ac-light); }
.aes .info-color .icono img { filter: invert(61%) sepia(96%) saturate(625%) hue-rotate(180deg) brightness(101%) contrast(101%); }
.aes .info-color .texto .gris { color: #c4e4ff; }
.aes .info-color { background-color: var(--ac-normal); }
.aes li.contenidos-titulo { color: var(--ac-normal); }

.dmktdep #mainHeader { background-color: #619a18; }
.dmktdep a.btn { background: #619a18; }
.dmktdep a.btn:hover { background: #437b0c; }
.dmktdep a.btn .fas { color: var(--pd-light); }
.dmktdep .info-color .icono img { filter: invert(94%) sepia(12%) saturate(573%) hue-rotate(25deg) brightness(99%) contrast(91%); }
.dmktdep .info-color .texto .gris { color: var(--pd-light); }
.dmktdep .info-color { background-color: #619a18; }
.dmktdep li.contenidos-titulo { color: #619a18; }

.dmktdig #mainHeader { background-color: var(--cd-dark); }
.dmktdig a.btn { background: var(--cd-dark); }
.dmktdig a.btn:hover { background: #5B0D57; }
.dmktdig a.btn .fas { color: var(--cd-light); }
.dmktdig .info-color .icono img { filter: invert(67%) sepia(10%) saturate(1206%) hue-rotate(252deg) brightness(95%) contrast(87%); }
.dmktdig .info-color .texto .gris { color: var(--cd-light); }
.dmktdig .info-color { background-color: var(--cd-dark); }
.dmktdig li.contenidos-titulo { color: var(--cd-dark); }

.dcn #mainHeader { background-color: #a56e7c; }
.dcn a.btn { background: #a56e7c; }
.dcn a.btn:hover { background: #884e5c; }
.dcn a.btn .fas { color: #d3b5bb; }
.dcn .info-color .icono img { filter: invert(86%) sepia(16%) saturate(287%) hue-rotate(296deg) brightness(86%) contrast(90%); }
.dcn .info-color .texto .gris { color: #d3b5bb; }
.dcn .info-color { background-color: #a56e7c; }
.dcn li.contenidos-titulo { color: #a56e7c; }

.pea #mainHeader { background-color: #6a4540; }
.pea a.btn { background: #6a4540; }
.pea a.btn:hover { background: #4b2c28; }
.pea a.btn .fas { color: #b4a29f; }
.pea .info-color .icono img { filter: invert(67%) sepia(4%) saturate(889%) hue-rotate(321deg) brightness(100%) contrast(88%); }
.pea .info-color .texto .gris { color: #b4a29f; }
.pea .info-color { background-color: #6a4540; }
.pea li.contenidos-titulo { color: #6a4540; }

.verde #mainHeader { background-color: #787809; background-image: linear-gradient(to right, #787809 30%, #585806 100%); }
.verde a.btn { background: #787809; }
.verde a.btn:hover { background: #585806; }
.verde a.btn .fas { color: #C2C290; }
.verde .info-color .icono img { filter: invert(84%) sepia(3%) saturate(2882%) hue-rotate(21deg) brightness(91%) contrast(91%); }
.verde .info-color .texto .gris { color: #C2C290; }
.verde .info-color { background-color: #787809; }
.verde .info-color a.btn { border: 1px solid #C2C290; background: #787809; }
.verde .info-color a.btn:hover { border: 1px solid #a5d8d2; background: #62bdb5; }
.verde .plan .column .numero img { filter: invert(84%) sepia(3%) saturate(2882%) hue-rotate(21deg) brightness(91%) contrast(91%); }

/* FIN Estilos por carrera */

a.btn.whatsapp {
  background-image: linear-gradient(to right, #25d366, #21BE5C, #21BE5C, #25d366);
  padding: 8px 36px;
}

@media (max-width:992px) {
  .info-color .column.first {
    border-bottom: 1px solid #fff; 
    margin-bottom: 35px; 
    padding-bottom: 35px;
  }
  .info-color .modulo-2, .info-color .modulo-3 {
    height: inherit;
  }
  .info-color.fullwidth .icono {
    width: 13%; 
    padding-left: 2%;
  }
  .info-color.fullwidth .texto {
    width: 83%; 
    padding-right: 2%;
  }
  .info-color .mobile {
    display: none;
  }
  .info-gris { 
    padding: 0; 
    display: block; 
  }
  .info-gris .card { 
    width: 100%; 
    height: auto; 
    display: block;
  }
  .info-gris .calle {
    display: block;
    width: 100%;
    height: 30px;
  }
  .info-gris.isec .gris-oscuro, .info-gris.isec .gris-claro { 
    width: 100%; 
  }
  .info-gris .icono img { 
    width: auto; 
    height: 40px; 
  }
  .carreras .plan { 
    height: auto; 
  }
  .carreras .plan .column { 
    width: 100%; 
    float: none; 
  }
  .carreras .plan .column .numero { 
    padding: 0; 
  }
  .carreras .plan .column .numero img { 
    width: 60px; 
    height: 60px; 
    margin-bottom: 20px; 
  }
}

@media (max-width:768px) {
  .info-color.fullwidth .icono { width: 100%; padding: 0; float: none; margin-bottom: 20px; }
  .info-color.fullwidth .icono img { width: 48px; height: 40px; }
  .info-color.fullwidth .texto { display: block; }
}

@media (max-width:480px) {
  .carrerastexto .titulo-con-icono { display: block; margin-bottom: 20px; }
  .carrerastexto .titulo-con-icono .icono { display: block; margin-bottom: 20px; }
  .carrerastexto .titulo-con-icono .texto { display: block; }
  .info-color .icono { width: 100%; padding: 0; float: none; margin-bottom: 20px; }
  .info-color .icono img { width: 48px; height: 40px; }
  .info-color .texto { display: block; }
  .formulario .field.share { display: block; }
  .formulario .field.w20 { width: 100%; }
  .formulario .field.w80 { width: 100%; }
  .formulario a.btn-isec { width: 100%; }
  .formulario .captcha .txt { width: 100%; }
}

/* ---  Bloque Cómo es la Cursada  --- */
#cursada ul {
  list-style-type: disc;
  margin-left: 6px;
}

#cursada li {
  list-style-type: disc;
  margin-left: 15px;
}

/* ---  Acá Estudiás Haciendo  --- */
#AcaEstudiasHaciendo {
  text-align: center;
  margin: 0 auto -90px;
}

#AcaEstudiasHaciendo .layout-row {
  background-color: var(--isec-normal);
  position: relative;
  border-radius: 30px;
  padding: 0 50px 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
  max-width: 750px;
  text-align: center;
  margin: 0 30px;
  z-index: 9;
}
#AcaEstudiasHaciendo .layout-wrapper {
  padding: 45px 0;
}

#AcaEstudiasHaciendo .texto {
  color: #333;
  line-height: 1.2;
  display: block;
}
#AcaEstudiasHaciendo .texto_1 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 300;
}
#AcaEstudiasHaciendo .texto_2 {
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-size: 45px;
  text-transform: uppercase;
}
@media (max-width:768px) {
  #AcaEstudiasHaciendo .texto_1 {
    font-size: 21px;
  }
  
  #AcaEstudiasHaciendo .texto_2 {
    font-size: 30px;
  }
}

/* ---  Plan de Estudios  --- */
.plandeestudios { 
  padding-top: 90px;
  background-color: #f4f4f3;
}
.plandeestudios-accordion {
  max-width: 1110px;
  margin: 30px auto 90px;
  border-bottom: 1px solid #e6e6e6;
}
.plandeestudios-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 120px;
  border: none;
  border-top: 1px solid #e6e6e6;
  background: #f4f4f3;
  color: #231f20;
  cursor: pointer;
}
.plandeestudios-item.is-open .plandeestudios-header {
  border-bottom: none;
}
.plandeestudios-header-left {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.plan-estudios-year-number {
  display: inline-flex;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 60px;
  line-height: 1;
  color: var(--plan-year-color, var(--isec-normal));
}
.plandeestudios-header-title {
  display: inline-flex;
  align-items: center;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 60px;
  line-height: 1.05;
  color: #231f20;
}
.plandeestudios-header-icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.plandeestudios-header-icon::before,
.plandeestudios-header-icon::after {
  content: '';
  position: absolute;
  top: 56%;
  width: 14px;
  height: 2px;
  background: #231f20;
  border-radius: 999px;
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1),
              top 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.plandeestudios-header-icon::before {
  right: 50%;
  transform-origin: 100% 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.plandeestudios-header-icon::after {
  left: 50%;
  transform-origin: 0% 50%;
  transform: translateY(-50%) rotate(45deg);
}
.plandeestudios-item.is-open .plandeestudios-header-icon::before,
.plandeestudios-item.is-open .plandeestudios-header-icon::after {
  top: 44%;
}
.plandeestudios-item.is-open .plandeestudios-header-icon::before {
  transform: translateY(-50%) rotate(45deg);
}
.plandeestudios-item.is-open .plandeestudios-header-icon::after {
  transform: translateY(-50%) rotate(-45deg);
}
.plandeestudios-body {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  transition: max-height 0.45s cubic-bezier(0.22, 0.61, 0.36, 1),
              opacity 0.35s ease,
              margin-top 0.35s ease;
}
.plandeestudios-item.is-open .plandeestudios-body {
  max-height: 2400px;
  opacity: 1;
  margin-bottom: 30px;
}
.plandeestudios-body-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}
.plandeestudios-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.plandeestudios-body .materia {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 300;
  line-height: 1.2;
  color: #231f20;
  margin-bottom: 3px;
}
.plandeestudios-body .descripcion {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  color: #231f20;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .plandeestudios-body-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.carreras .plan { border-top: 1px solid #e6e6e6; padding: 30px 0; margin-bottom: 0; box-sizing: border-box; }
.carreras .plan ul { color: #8c8c8c; }
.carreras .plan li { margin-bottom: 8px; }
.carreras .plan .column .numero { padding-left: 32px; }
.carreras .plan .column .numero img { width: 90px; height: 90px; }
.plan .column .numero img { filter: invert(80%) sepia(77%) saturate(2904%) hue-rotate(338deg) brightness(107%) contrast(100%); }
.carreras .plan .materia {
  font-weight: 400;
  text-transform: uppercase;
  color: #666;
  line-height: initial;
  margin-bottom: 0;
 }
.carreras .plan .descripcion { 
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  line-height: initial;
  margin: -3px 0 10px;
 }

/* ---  Videos  --- */
/* Sistema reutilizable para videos + máscara + pattern + overlay */
.video_box {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.video_composed {
  --video-mask-image: none;
  --video-pattern-image: none;
  --video-overlay-image: none;
  --video-content-scale: 0.9;
  --video-mask-repeat: no-repeat;
  --video-mask-position: center;
  --video-mask-size: 100% 100%;
  --video-pattern-size: contain;
  --video-pattern-position: center;
  --video-pattern-repeat: no-repeat;
  --video-overlay-size: contain;
  --video-overlay-position: center;
  --video-overlay-repeat: no-repeat;
  --video-shape-ratio: 512 / 443;

  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: var(--video-shape-ratio);
}

/* Capa de fondo (detrás del video) */
.video_composed::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--video-pattern-image);
  background-size: var(--video-pattern-size);
  background-position: var(--video-pattern-position);
  background-repeat: var(--video-pattern-repeat);
  pointer-events: none;
}

/* Capa superior opcional (encima del video) */
.video_composed::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-image: var(--video-overlay-image);
  background-size: var(--video-overlay-size);
  background-position: var(--video-overlay-position);
  background-repeat: var(--video-overlay-repeat);
  pointer-events: none;
}

/* Máscara en contenedor (más estable en iOS que en <video>) */
.video_composed__media {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  transform: scale(var(--video-content-scale));
  transform-origin: center;
  -webkit-mask-image: var(--video-mask-image);
  mask-image: var(--video-mask-image);
  -webkit-mask-repeat: var(--video-mask-repeat);
  mask-repeat: var(--video-mask-repeat);
  -webkit-mask-position: var(--video-mask-position);
  mask-position: var(--video-mask-position);
  -webkit-mask-size: var(--video-mask-size);
  mask-size: var(--video-mask-size);
}

.video_composed__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none; /* evita abrir reproductor nativo al tocar en iOS */
}

/* MÁSCARAS DISPONIBLES */
.video_mask_1 { --video-mask-image: url('../img/videos/video_mask_1.svg'); }

/* PATTERNS DE FONDO DISPONIBLES */
.video_pattern_1 { --video-pattern-image: url('../img/videos/video_misc_1.svg'); }

/* OVERLAYS DISPONIBLES (ejemplo) */
/* .video_overlay_1 { --video-overlay-image: url('../img/videos/video_overlay_1.svg'); } */

/* ---  Galerías  --- */

/* botones */

.galerias .button-group { 
  height: 80px; 
  margin-top: 30px; 
  display: flex; 
  align-content: stretch; 
  align-items: center;
}
.galerias .button-group:after { content: ''; 
  display: block;
  clear: both;
}
.galerias .button {
  font: 16px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; 
  text-align: center; 
  background: var(--isec-normal); 
  border: none; 
  border-radius: 4px;
  padding: 10px 0; 
  display: inline-block;
  transition: all .2s ease-in-out; 
  cursor: pointer;
  flex: 1 0 auto;
  margin-right: 2px;
  max-width: 300px;
  min-width: 150px;
}
.galerias .button-group .button:last-child {
  margin-right: 0;
}
.galerias .button:hover {  background: var(--isec-dark); }
.galerias .button:active, .galerias .button.is-checked { background: #595A5C; }

.page-load-status { display: none; padding-top: 20px; text-align: center; color: #777; }

/* reveal grid after images loaded */
.grid.are-images-unloaded { opacity: 0; }

/* hide by default */
.grid.are-images-unloaded .image-grid-item { opacity: 0; }

/* clearfix */
.grid:after { content: ''; display: block; clear: both; }
.grid-sizer, .grid-item { width: 298px; }
.gutter-sizer { width: 2px; }
.grid-item { height: 298px; float: left; margin-bottom: 2px; }
.grid-item--width2 { width:  598px; }
.grid-item--width3 { width:  100%; }
.grid-item--height2 { height: 598px; }

.album a { position: relative; display: block; width: 100%; height: 100%; }
.album .album-image { display: block; width: 100%; height: 100%; background-color: #c8c9c7; background-position: center; background-size: cover; }
.album .album-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(0,0,0,0.6); }
.album a:hover .album-overlay { opacity: 1; }
.album .name { color: #fff; font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; padding: 20px 25px 0; }
.album .desc { color: #fff; font: 20px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 100; padding: 0 25px 20px; }
.album .frase-galerias { color: #fff; text-transform: uppercase; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 85%; } 
.album .frase-cita { font: 30px 'RusticoDrezlab', 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; line-height: 1.2; }
.album .frase-autor { font: 15px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; font-weight: 900; margin-top: 10px; }
.grid-item--frase .album-overlay { opacity: 1; background: none; }

@media (max-width:970px) {
.grid-sizer, .grid-item { width: 49.5%; }
.grid-item { height: 300px; }
.album .album-overlay { opacity: 1; background: none; top: inherit; height: inherit; }
.grid-item--frase .album-overlay { height: 100%; }
.album .name { background: rgba(0,0,0,0.3); }
.album .desc { background: rgba(0,0,0,0.3); }
}

@media (max-width:768px) {
  .grid-sizer, .grid-item { width: 100%; }
  .gutter-sizer { width: 0; }
  .galerias .button-group { flex-wrap: wrap; }
}

.loader-ellips { font-size: 10px; /* change size here */ position: relative; width: 4em; height: 1em; margin: 10px auto; }
.loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #ddd; /* change color here */ position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; }
.loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) { left: 0; }
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) { animation-name: reveal; }
.loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) { animation-name: slide; }
.loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; }

/* ---  Legales  --- */
.descargas { 
  position: relative; 
  height: 100%; 
}
.descargas .titulonumeros { 
  font: 30px 'elizeth', 'Roboto', Arial, Helvetica, sans-serif; 
  font-weight: 100; 
  color: #333; 
  text-transform: uppercase;
  margin-bottom: 30px;
}
.descargas .separador {
  border-bottom: 1px solid #c8c9c7;
  margin-bottom: 30px;
}
.descargas ul {
  margin-left: 1.75em;
  margin-bottom: 30px;
  height: 350px;
}
.descargas li {
  font: 18px 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 300;
  padding-bottom: 10px;
}
.descargas li i {
  color: var(--isec-normal);
}

@media (max-width:992px) {
  .descargas .column {
    margin-bottom: 90px;
  }
  .descargas .column.last {
    margin-bottom: 0;
  }
  .descargas ul {
    height: inherit;
  }
}

/* --- Canal en vivo ---*/
.video-contenedor {
  padding: 30px 0;
}
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media (max-width:1200px) {
  .video-contenedor {
    padding: 0;
  }
}

/* --- Gracias ---*/
.gracias {
  padding-top: 0 !important;
}

.gracias .fondo-completo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.gracias.carreras .fondo-completo {
  background-image: url(../img/gracias/isec-estudia-haciendo-01.jpg);
}
.gracias.egresados .fondo-completo {
  background-image: url(../img/gracias/isec-estudia-haciendo-02.jpg);
}
.gracias.actividades .fondo-completo {
  background-image: url(../img/actividades/isec-actividades-mario-massaccesi.jpg);
}
.gracias .contenedor {
  width: 480px;
  position: absolute;
  left: 30px;
  top: 30%;
}
.gracias.egresados .contenedor {
  width: 600px;
}
.gracias .text-block {
  padding: 50px;
  background: rgba(0, 0, 0, 0.7);
}
.gracias .text-block .texto1 {
  font-size: 60px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: var(--isec-normal);
  line-height: 1;
}
.gracias .text-block .texto2 {
  font-size: 30px;
  font-family: 'elizeth', 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 100;
  color: #fff;
  margin-bottom: 20px;
}
.gracias .texto-bajada {
  color: #fff;
}

.gracias.mailings {
  background-color: #000;
  padding-top: 0 !important;
}
.gracias.mailings .text-block {
  padding-top: 20px;
  background: rgba(255, 255, 255, 0.3);
}
.gracias.mailings .contenedor {
  top: 30px;
}
.gracias.mailings .titulo-thin {
  margin-top: 30px;
}
.gracias.mailings a {
  display:  block;
  color: #fff;
}
.gracias.mailings a:hover {
  color: var(--isec-normal);
}

/* Efecto de aparición suave al hacer scroll */
.reveal-up {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}

.reveal-up--visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal-up {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}