@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-Regular.woff2') format('woff2'), url('../fonts/SFProText-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-RegularItalic.woff2') format('woff2'), url('../fonts/SFProText-RegularItalic.woff') format('woff'); font-weight:normal; font-style:italic; font-display:swap; }
@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-Semibold.woff2') format('woff2'), url('../fonts/SFProText-Semibold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-SemiboldItalic.woff2') format('woff2'), url('../fonts/SFProText-SemiboldItalic.woff') format('woff'); font-weight:600; font-style:italic; font-display:swap; }
@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-Bold.woff2') format('woff2'), url('../fonts/SFProText-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'SF Pro Text'; src:url('../fonts/SFProText-BoldItalic.woff2') format('woff2'), url('../fonts/SFProText-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic; font-display:swap; }

@font-face { font-family:'SFNSExpanded-Thin'; src:url('../fonts/SFNSExpanded-Thin.woff2') format('woff2'), url('../fonts/SFNSExpanded-Thin.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'SFNSExpanded-Semibold'; src:url('../fonts/SFNSExpanded-Semibold.woff2') format('woff2'), url('../fonts/SFNSExpanded-Semibold.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'SFNSExpanded-Light'; src:url('../fonts/SFNSExpanded-Light.woff2') format('woff2'), url('../fonts/SFNSExpanded-Light.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Tiempos Fine Light Italic'; src: url('../fonts/tiempos-fine-light-italic.eot'); src: url('../fonts/tiempos-fine-light-italic.eot?#iefix')format('embedded-opentype'), url('../fonts/tiempos-fine-light-italic.woff2')format('woff2'), url('../fonts/tiempos-fine-light-italic.woff')format('woff'), url('../fonts/tiempos-fine-light-italic.ttf')format('truetype'), url('../fonts/tiempos-fine-light-italic.svg#Tiempos Fine Light Italic')format('svg'); font-weight:normal; font-style:normal; font-display:swap; }

:root {
  --white: #FFFFFF;
  --darkblue: #0E1F43;
  --blue: #0062FF;
  --green: #00FF24;
  --aqua: #61F2F2;
  --purple:#B736F9;
  --lightpurple:#EFECFA;
  --cream: #E8C993;
  --lightcream: #F9F1E4;
}

body { font-size:22px; line-height:1.4; font-weight:normal; font-family:'SF Pro Text', sans-serif !important; }
b, strong { font-weight:bold !important; font-family:'SF Pro Text', sans-serif !important; }
h2, .h2, h3, h4, .boton, .boton-small, .boton-mediano, .boton-grande, .number-medium { font-weight:normal; font-family:'SFNSExpanded-Semibold', sans-serif !important; }
h2 span, .h2 span { font-family:'SFNSExpanded-Light', sans-serif !important; }
h2 b, h2 strong { font-family:inherit !important; }
h4, .h4 { line-height:1.15 !important; }
h5, .h5 { font-size:24px !important; font-size:1.3 !important; }
.h6 { font-size:20px !important; }
p { font-size:inherit; line-height:inherit; }

.text-darkblue { color:var(--darkblue); }
.text-blue { color:var(--blue); }
.text-green { color:var(--green); }
.text-purple { color:var(--purple); }
.text-lightpurple { color:var(--lightpurple); }

.bg-white { background:var(--white); }
.bg-darkblue { background:var(--darkblue); }
.bg-blue { background:var(--blue); }
.bg-green { background:var(--green); }
.bg-aqua { background:var(--aqua); }
.bg-purple { background:var(--purple); }
.bg-lightpurple { background:var(--lightpurple); }
.bg-cream { background:var(--cream); }
.bg-lightcream { background:var(--lightcream); }

ul.li-mb li { margin-bottom:1rem; }

section .container, section .container-fluid { padding-top:6rem; padding-bottom:6rem; }
section.bg-darkblue h3 span { color:#0e1f43; background:var(--green); }

.boton { padding:.75rem 1.5rem; }
.boton-mediano { font-size:20px; padding:.75rem 1.5rem; }
.boton-grande {padding:1rem 1.75rem; }

.slogan { font-size:3rem; font-family:'SFNSExpanded-Semibold', sans-serif; line-height:1.1; }
.slogan i { display:inline-block; font-size:1em; font-size:normal; font-family:'Tiempos Fine Light Italic', sans-serif; margin-bottom:.15em; }

.header { overflow:hidden; }
.header-bg { position:absolute; top:0; left:0; width:100%; height:100%; content:''; background-repeat:no-repeat; background-position:left top; background-size:cover; background-attachment:fixed; z-index:0; }
.header:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:1; background: rgb(215,51,255); background: linear-gradient(90deg, rgba(215,51,255,1) 0%, rgba(215,51,255,0.75) 25%, rgba(215,51,255,0) 100%); opacity:.5; }
.header:before { background: rgb(14,31,67); background: linear-gradient(90deg, rgba(14,31,67,1) 0%, rgba(14,31,67,0.75) 25%, rgba(14,31,67,0) 100%); opacity:.9; }
.header .topbar { position:absolute; left:0; top:0; padding-top:2rem; }
.header-logo { height:90px; }
.header .slogan { font-size:3.75rem; }
.intro-texto { font-size:120%; }
.intro-texto b, .intro-texto strong { color:var(--darkblue); background:var(--aqua); }

.btn-play { position:relative; }
.btn-play img { margin:1rem 0; }

#contacto .ao-form .ao-block-wrapper { margin-bottom:15px !important; }
#form-header #contacto .ao-form input:not([type="radio"]):not([type="checkbox"]), #form-header #contacto .ao-form textarea, #form-header #contacto .ao-form select { font-weight:normal; font-family:'SF Pro Text', sans-serif; }
#form-header #contacto .ao-form label { align-items:flex-start; }
#contacto .ao-form button.ao-form-submit { font-weight:bold !important; color:var(--darkblue) !important; background:var(--green) !important; }

#contacto .ao-form ::-webkit-input-placeholder { font-family:'SF Pro Text', sans-serif !important; }
#contacto .ao-form ::-moz-placeholder { font-family:'SF Pro Text', sans-serif !important; }
#contacto .ao-form:-ms-input-placeholder { font-family:'SF Pro Text', sans-serif !important; }
#contacto .ao-form :-moz-placeholder { font-family:'SF Pro Text', sans-serif !important; }

main { position:relative; z-index:2; }

#dobleGrado ul { list-style:none; margin:0; padding:0; }
#dobleGrado ul li strong { color:var(--darkblue); background:var(--aqua); }
#dobleGrado ul li:not(:last-child) { padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.5); }

#convenios .contenido ul { list-style:none; margin:3rem 0 2rem; padding:0; display:flex; flex-wrap:wrap; justify-content:center; }
#convenios .contenido ul li { flex:0 0 20%; width:20%; position:relative; font-size:90%; line-height:1.4; text-align:left; padding:2rem 2rem 2rem 0; }
#convenios .contenido ul li:before { position:absolute; left:0; top:0; width:100%; height:6px; content:''; }
#convenios .contenido ul li:first-child:before { background:#0062FF; }
#convenios .contenido ul li:nth-child(2):before { background:#00FF24; }
#convenios .contenido ul li:nth-child(3):before { background:#B736F9; }
#convenios .contenido ul li:nth-child(4):before { background:#9BF1F1; }
#convenios .contenido ul li:nth-child(5):before { background:#DEC794; }
#convenios .contenido ul li:last-child:before { background:#C1B2ED; }
#convenios .contenido ul li strong { display:block; background:var(--purple); }

#convenios .carreras { padding:4rem; text-align:left; }
#convenios .carreras ul { list-style:none; margin:0; padding:0; }
#convenios .carreras ul:after { clear:both; display:table; content:''; }
#convenios .carreras ul li { float:left; font-weight:600; font-size:90%; color:var(--darkblue); margin:.5rem 1rem .5rem 0; padding:.5rem 1rem; background:var(--lightpurple); }
#convenios .carreras ul li:first-child, #convenios .carreras ul:first-child li:first-child { font-weight:700; text-transform:uppercase; background:#FFF; }
#convenios .carreras ul:first-child { margin-bottom:1rem; }
#convenios .carreras ul:first-child li { background:var(--green); }

.becas-lista { padding:0; }
#becas ul { list-style:none; margin:2rem 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; }
#becas ul li { display:block; flex:0 0 20%; width:20%; position:relative; font-size:90%; line-height:1.4; text-align:left; padding:2rem 2rem 2rem 0; }
#becas ul li:before { position:absolute; left:0; top:0; width:100%; height:6px; content:''; }
#becas ul li:nth-of-type(1) { margin-top:0; }
#becas ul li:first-child:before { background:#0062FF; }
#becas ul li:nth-child(2):before { background:#00FF24; }
#becas ul li:nth-child(3):before { background:#B736F9; }
#becas ul li:nth-child(4):before { background:#9BF1F1; }
#becas ul li:nth-child(5):before { background:#DEC794; }
#becas ul li:last-child:before { background:#C1B2ED; }
#becas ul li strong { display:block; }

/*
#becas ul { list-style:none; margin:0; padding:0; }
#becas ul li:nth-of-type(1) { margin-top:0; }
#becas ul li { font-size:inherit; padding:0; }
#becas ul li:not(:last-child) { margin-bottom:1rem; }
#becas ul li:before { display:none; }
*/

#acreditacion ul { list-style:none; margin:0; padding:0; }
#acreditacion ul li strong { color:var(--darkblue); background:var(--aqua); }
#acreditacion ul li:not(:last-child) { margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid rgba(255,255,255,.5); }
#acreditacion img { background:var(--white); }

#postula .container { padding-bottom:8rem; }
.btn-postula { font-size:2rem; }

#footer-bottom:before { position:absolute; right:0; bottom:100%; width:100%; height:88px; content:''; background:url('../img/footer-adorno.svg') no-repeat right bottom; background-size:auto 100%; z-index:1; }

.contacto-modal a { font-size:20px; padding:.5rem 1rem; }
.contacto-modal a:hover { color:var(--green) !important; background:var(--blue); }

@media (min-width:992px) { 
  .header-wrapper { min-height:800px; }
}

@media (max-width:991.98px) { 
  #convenios .contenido ul li, #becas ul li { flex:0 0 33.33%; width:33.33%; }
}

@media (max-width:767.98px) { 
  body { font-size:20px; }
  .header .topbar { position:relative; }
  .slogan { font-size:2rem; line-height:1; }
  .header .slogan { font-size:2.25rem; }
  .intro-texto { font-size:100%; }

  #form-header #contacto .ao-form #b1550157732339 label { width:50%; }

  section .container, section .container-fluid { padding-top:4rem; padding-bottom:4rem; }

  #convenios .contenido ul li, #becas ul li { flex:0 0 100%; width:100%; margin-bottom:0; padding:1rem; }
  #convenios .carreras { padding:2rem; }

  .btn-postula { font-size:1.2rem; }
}

@media (max-width:575.98px) { 
  body { font-size:18px; }

  h1, .h1 { font-size:2rem; }

  .header-bg { background-position:28% 0; background-attachment:unset; }
  .header .topbar { position:relative; margin-bottom:10rem; }
  .header .slogan { font-size:2rem; }
  .topbar img { width:200px; height:auto !important; }

  .btn-play { display:block !important; }
  .btn-play img { width:48px; }

  #contacto .ao-form .ao-block-wrapper { margin-bottom:8px !important; }
  #form-header #contacto .ao-form #b1550157732339 label { width:100%; }

  section .container, section .container-fluid { padding:3rem 2rem; }

  #convenios .contenido ul li:before, #becas ul li:before { width:4px; height:100%; }
  #convenios .carreras { padding:1rem; }
  #convenios .carreras ul li { float:none; font-size:90%; margin:1px 0 0; }

  .btn-postula { font-size:1rem; }

  footer img { padding-bottom:1rem; }
}