@charset "utf-8";

/* *****************************************************************
Theme Name: Educación La Araucana (FEB-19)
Theme URI: https://educacion.beneficioslaaraucana.cl/
Description: Theme Básico para el desarrollo de sitios, esta construido en bootstrap 4 y algunos plugins
Author: LinkReloaded
Author URI: http://www.linkreloaded.net
Version: 2018-10-09
****************************************************************** */

/* COMUNES */
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
body { font-family: 'OpenSansRegular'; display: flex; min-height: 100vh; flex-direction: column; }
.container { max-width: 1200px; }
img.imagen-fluida { display: block; width: 100%; height: auto; }

/* HEADER */
header nav, .header { height: 100px; }
header nav { background-color: #fff; box-shadow: 0 0 10px rgba(17, 58, 96, 0.2); padding: 0 20px !important; }
header nav .navbar-brand img { width: 200px; height: 60px; }
header nav .boton i { font-size: 38px; line-height: 40px; color: #004a98; cursor: pointer; }

/* FOOTER */
footer { padding: 20px 0 20px; background: #e5edf4; font-size: 14px; line-height: 20px; color: #333; }
footer .top { }
footer .top h4 { color: #2072bc; font-size: 16px; font-weight: 300; }
footer .top ul.menu { padding: 0; }
footer .top ul.menu li { list-style-type: none; margin: 0 0 10px 0; }
footer .top ul.menu li a { color: #333; font-weight: 400; }
footer .top { }
footer .top .legales { }
footer .top .legales a.btnlegal { margin: 20px 0px; padding: 0; font-size: 14px; line-height: 14px; font-weight: 900; text-align: center; color: #000; float: left; clear: both; }
footer .top .legales a.btnlegal:hover { color: #2072bc; }
footer .top .legales p { color: #808080; font-size: 12px; line-height: 25px; font-weight: 400; text-align: justify; width: 100%; display: block; clear: both; }
footer .legales-preu ul li {  color: #025392; list-style: none; font-size: .8rem; padding-left: .1rem; }
footer .legales-preu ul li::before {  content: '• ';  color: #3d7edb; font-size: 1rem; }
footer .bottom { border-top: 1px solid #ddd; padding-top: 30px; }
footer .bottom .logo-footer { float: left; width: 180px; height: 54px; margin: 0; }
footer .bottom .logo-footer img { width: 100%; height: auto; }
footer .bottom .texto { float: right; text-align: right; }
footer .bottom .texto p { margin: 0 0 5px 0; color: #666; font-size: 14px; }
@media (max-width:767px) {
  footer { padding: 20px 0 0 0; }
  footer .bottom { height: 160px; padding: 20px 0 0 0; }
  footer .bottom .logo-footer { float: none; margin: 0 auto 20px auto; width: 120px; height: 35px; }
  footer .bottom .texto { text-align: center; }
  footer .bottom .texto p { font-size: 9px; line-height: 10px; margin: 0 0 10px 0; }
  footer .legales-preu ul li {  font-size: 10px;  }
}

/* CUPON CONTAINER */
.cupon-container { width: 610px; margin: 0 auto; overflow: auto; }

/* MODAL */
.modal .modal-header h4 { font-family: 'OpenSansBold'; color: #004a98; font-size: 18px; line-height: 20px; }
.modal .modal-body { padding: 0; }
.modal .modal-dialog { max-width: 660px; }
.modal .modal-body .contenedor { width: 100%; }
.modal .modal-body .contenedor iframe { width: 650px; }
@media (max-width:767px) {
  .modal .modal-body .contenedor { overflow: scroll; }
}

/* BANNER */
#hero-banner { padding: 0; }
#hero-banner img {width: auto;height: auto;max-width: 100%;display: block;margin: 0 auto;}
#hero-banner.becas { margin: 0 0 30px 0; }

/* FRASE-PPAL */
#hero-frase { color: #004a98; }
#hero-frase h2 { font-size: 28px; line-height: 35px; }
#hero-frase h2 strong { font-family: 'OpenSansBold'; }

/* TITULO */
#hero-titulo { color: #004a98; }
#hero-titulo h2 { width: 100%; font-size: 28px; line-height: 35px; margin: 0; }
#hero-titulo h2 strong { font-family: 'OpenSansBold'; }

/* SECCIONES */
#hero-secciones { max-width: 980px; }
#hero-secciones a { display: block; padding: 15px 30px; margin: 0 auto; }
#hero-secciones a figure { width: 100%; margin: 0; }
#hero-secciones a figure img { display: block; width: 100%; height: auto; }
#hero-secciones a h2 { float: left; padding: 0 0 0 15px; margin: 0; }

/* DESTACADOS */
#destacados a.box-caluga { display: block; height: 220px; position: relative; margin-bottom: 30px; overflow: hidden; background-color: #000; }
#destacados a.box-caluga .imagen-wrapper { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: cover; background-position: center; transition: .3s ease; }
#destacados a.box-caluga .wrapper-texto { position: absolute; bottom: 0; padding: 10px 20px; background: #36A9E1; color: #fff; transition: .5s ease; width: 100%; min-height: 100px; }
#destacados a.box-caluga .wrapper-texto h3 { font-family: 'OpenSansBold'; font-size: 16px; margin: 0px; padding-bottom: 5px; line-height: 21px; }
#destacados a.box-caluga .wrapper-texto h3 b { font-weight: 600; }
#destacados a.box-caluga .wrapper-texto p { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; max-height: 0px; opacity: 0; transition: .6s ease; margin-bottom: 0px; }
#destacados a.box-caluga:hover .wrapper-texto p { max-height: initial; opacity: 1; }
#destacados a.box-caluga:hover .wrapper-texto p { max-height: 325px; }
#destacados a.box-caluga:hover .imagen-wrapper { opacity: 0.5; }
@media (max-width:991px) {
  #destacados .box-responsivo { width: 100%; flex: 100%; max-width: 100%; }
  #destacados a.box-caluga .imagen-wrapper { height: 320px; position: relative; }
  #destacados a.box-caluga { overflow: initial; height: auto; }
  #destacados a.box-caluga .wrapper-texto p { max-height: initial; opacity: 1; }
  #destacados a.box-caluga .wrapper-texto { position: relative; }
}

/* MENU LATERAL */
#sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #004a98; overflow-x: hidden; transition: 0.2s; padding-top: 60px; }
#sidenav .boton i { color: #fff; }
#sidenav #menuppal ul { width: 100%; }
#sidenav #menuppal ul li a { padding: 0 0 0 50px; color: #fff; font-size: 18px; line-height: 39px; }
#sidenav .boton { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }

/* CUPONES */
#alianzas .imagen-cupon .wrapper img { width: 100%; height: auto; }
#alianzas h2 { font-family: 'OpenSansBold'; color: #004a98; font-size: 24px; line-height: 24px; margin: 0 0 25px 0; text-align: center; }
#alianzas a.cupon .imagen-cupon { display: table-cell; width: 45%; padding: 15px; vertical-align: middle; }
#alianzas a.cupon { display: table; border: 1px solid #4c80b7; height: 100%; cursor: pointer; }
#alianzas a.cupon .txt-cupon { display: table-cell; vertical-align: middle; font-family: "Open Sans", sans-serif; color: #113a60; text-transform: uppercase; font-size: 15px; line-height: 15px; background: #f3f6f8; padding: 15px; font-weight: 300; border-left: 2px dashed #b2d4ea; position: relative; padding-bottom: 60px; height: 170px; }
#alianzas a.cupon .txt-cupon .info p { margin: 0 0 10px 0; font-size: 14px; line-height: 16px; }
#alianzas a.cupon .txt-cupon .info h5 { font-size: 27px; line-height: 20px; margin: 5px 0px; text-transform: none; font-family: 'OpenSansBold'; }
#alianzas a.cupon .txt-cupon span.btn-cupon { font-size: 13px; display: block; text-transform: initial; text-align: center; padding: 6px; border: 1px solid #4c80b7; transition: .3s ease; position: absolute; bottom: 10px; left: 10px; right: 10px; }
#alianzas a.cupon:hover .txt-cupon span.btn-cupon { background-color: #4c80b7; color: #fff; }
#alianzas a.cupon:hover { box-shadow: 0 5px 10px rgba(76, 128, 183, 0.2); }
#alianzas { padding: 15px 15px 35px 15px; }
#alianzas .cupon-responsivo { margin: 0 0 30px 0; }
@media (max-width:991px) {
  #alianzas .cupon-responsivo { width: 100%; flex: 100%; max-width: 100%; margin-bottom: 15px; }
}

/* LATERAL */
#menulat { background: #f3f6f8; }
#menulat .menu-item a.menu-header { background: #2072bc; color: #fff; padding: 10px; display: block; text-transform: uppercase; margin: 0 0 1px 0; }
#menulat .menu-item ul.menu-lateral { padding: 0; list-style-type: none; }
#menulat .menu-item ul.menu-lateral li a { color: #2072bc; background: #f3f6f8; display: block; padding: 8px 0 8px 30px; font-size: 14px; }
#menulat .menu-item ul.menu-lateral li a:hover { background: #c9d9e9; color: #113a60; }

/* BECAS  */
#panel-becas .box-becas { margin: 0 0 30px 0; }
#panel-becas .box-becas p.txt-inicio { font-family: opensanslight; font-size: 18px; line-height: 28px; }
#panel-becas .box-becas p.txt-inicio strong { font-family: opensansbold; color: #004a98; }
#panel-becas .box-becas .card { border: none; margin: 0 0 1px 0; }
#panel-becas .box-becas .card .card-header { border-radius: 0; border: none; background-color: #f8f8f8; padding: 0; }
#panel-becas .box-becas .card .card-header a { color: #2072bc; text-transform: uppercase; font-size: 16px; padding: .75rem 1.25rem; width: 100%; display: block; }
#panel-becas .box-becas .card .card-header a:before { content: "+"; position: absolute; right: 20px; font-size: 32px; font-weight: 500; line-height: 32px; top: 7px; }
#panel-becas .box-becas .card .card-header a.card-link[aria-expanded="true"] { color: #fff; background-color: #2072bc; }
#panel-becas .box-becas .card .card-header a.card-link[aria-expanded="true"]:before { content: "-"; position: absolute; right: 20px; font-size: 42px; font-weight: 500; line-height: 42px; top: 0px; }
#panel-becas .box-becas .card .box-cont { padding: 30px 0 0 0; }
#panel-becas .box-becas .card .box-cont .row { padding: 0; margin: 0; }
#panel-becas .box-becas .card .box-cont .row figure { margin: 0 auto 30px auto; width: 128px; }
#panel-becas .box-becas .card .box-cont h4 { font-family: opensanslight; display: block; margin: 0px 0 25px 0; text-align: center; font-size: 26px; line-height: 26px; color: #004a98; }
#panel-becas .box-becas .card .box-cont h4 strong { font-family: opensansbold; display: block; }
#panel-becas .box-becas .card .box-cont .row p { color: #333; font-size: 15px; line-height: 23px; }
#panel-becas .box-becas .card .box-cont .row h3 { color: #2072bc; font-family: opensanslight; font-size: 22px; line-height: 23px; margin: 0 0 10px 0; }
#panel-becas .box-becas .card .box-cont .row ul { padding: 0; }
#panel-becas .box-becas .card .box-cont .row ul li { margin: 0 0 10px 0; color: #666; font-size: 15px; line-height: 23px; list-style-type: none; }
#panel-becas .box-becas .card .box-cont .row ul li:before { content: ''; display: block; position: relative; left: -20px; top: 15px; width: 7px; height: 7px; border: 1px solid #2072bc; border-radius: 50%; background: #2072bc; margin-right: 0; }
#panel-becas .box-becas .card .table { width: 90%; margin: 0 auto 25px auto; border: 1px solid #dee2e6; color: #004a98; }
#panel-becas .box-becas .card .table th { text-align: center; }
#panel-becas .box-becas .card .table td { text-align: center; }
#panel-becas .box-becas .card .table .nota { font-size: 42px; line-height: 42px; border-left: 1px solid #dee2e6; vertical-align: middle; font-family: opensansbold; }
#panel-becas .box-becas .card .table .borderright { border-right: 1px solid #dee2e6; }
#panel-becas .box-becas .card .table .textcenter { vertical-align: middle; }
#panel-becas .box-becas .card .table .desde { border-left: 1px solid #dee2e6; vertical-align: middle; font-family: opensansbold; }
#panel-becas .box-becas .card .table .desde strong { font-size: 32px; line-height: 32px; }
#panel-becas .box-becas .card .table .desde p { font-size: 14px; padding: 10px 15px; margin: 0; }
#panel-becas .box-becas .card .aviso { width: 90%; margin: 0 auto 10px auto; background-color: #2072bc; padding: 25px 20px 10px 20px; border-radius: 1em; color: #fff !important; }

/* PREU UC */
.preu-text h3 { color: #3d7edb; font-family: 'OpenSansRegular'; line-height: 35px; }
.preu-text p {font-size: .85rem;}
.preu-text p strong{ font-size: .9rem; }
.preu-text ul li {  list-style: none; font-size: .8rem; padding-left: .1rem; }
.preu-text ul li::before {  content: '• ';  color:#3d7edb;  font-size: 1rem; }
p.tit-preu {  color: #3d7edb; font-size: 1.1rem;  text-decoration: none;  font-family: 'OpenSansRegular'; margin: 0;  padding: 5px 1px; }
.btn-preu a { background-color: #3d7edb;  text-transform: uppercase;  font-family: 'OpenSansRegular'; border: none; color: #fff;  padding: 10px 30px; text-align: center; text-decoration: none;  font-size: .9rem; }
.btn-preu a:hover { color:#024185;}
#acordionPreu .card { border: none; padding: .09rem; }
#acordionPreu .card .card-header {  border-radius: 0; border-bottom: none;  background-color: #f8f8f8;  margin-bottom: -1px;  padding: 3px 1px;}
#acordionPreu .card .card-header a {  cursor: default;  text-decoration: none;  width: 100%;  display: block; }
#acordionPreu .card .card-header a:before { content: "+"; color: #3d7edb; position: absolute; right: 20px;  font-size: 32px;  font-weight: 500; line-height: 32px;  top: 7px; }
#acordionPreu .card .card-header a.card-link[aria-expanded="true"] p.tit-preu { color: #fff;  background: #2072bc;  transition: all 0.3s ease; text-decoration: none;}
#acordionPreu .card .card-header a.card-link[aria-expanded="false"] p.tit-preu {  transition: all 0.3s ease;  text-decoration: none;}
#acordionPreu .card .card-header a.card-link[aria-expanded="true"]:before { content: "-"; color: #fff;  position: absolute; right: 20px; display: block;  font-size: 42px;  font-weight: 500; line-height: 42px;  top: -2px;}
#texto-preu .texto-preu-titulo { font-family: 'opensansbold'; color:#005095;  font-size: 3.5rem;  text-transform: uppercase; line-height: 30px;}
#texto-preu .texto-preu-titulo-2 {  font-family: 'opensansbold';  color: #005095; font-size: 2rem;  text-transform: uppercase; }
#texto-preu .texto-preu-bajada {  font-family: 'opensanslight'; color: #004a98; font-size: 1.5rem; font-weight: bold; line-height: 26px; }
#texto-preu .texto-preu-bajada strong { font-family: 'opensansbold';  font-weight: bolder;  font-size: 1.5rem; }
#texto-preu-pack .texto-pack-1 {  font-family: 'opensansbold';  color: #005095; font-size: 1.3rem;  line-height: 8px; }
#texto-preu-pack .texto-pack-2 {  font-family: 'opensanslight'; color: #004a98; font-size: 1rem;  font-weight: 600; }
@media (max-width:344px){
  .btn-preu a { font-size: .85rem;  padding: 6px 20px; }
  p.tit-preu {  font-size: .85rem; }
  #acordionPreu .card .card-header a:before { top: 3px; }
  #acordionPreu .card .card-header a.card-link[aria-expanded="true"]:before { top: -4px; }
  #texto-preu .texto-preu-titulo{font-size:2rem;line-height: 30px;}
  #texto-preu .texto-preu-titulo-2{font-size:1.5rem;}
  #texto-preu .texto-preu-bajada{font-size:1rem;}
  #texto-preu .texto-preu-bajada strong{font-size:1rem;}
}
header {
    background-color: #fff;
    padding: 47px 0px;
    box-shadow: rgb(230 235 239 / 40%) 0px 8px 12px -1px;
    z-index: 1;
}

header .logo {
    max-width: 199px;
    height: auto;
}

header .logo a {}

header .logo img {
    width: 100%;
    height: auto;
}

header .container {max-width: 1825px;}