/* Contraste Oscuro */

html.altocontrasteoscuro .offcanvas-overlay, html.altocontrasteclaro .offcanvas-overlay { background: none !important; }

html.altocontrasteoscuro #offcanvas-toggler > i { color: #ffffff; }

html.altocontrasteoscuro,
html.altocontrasteoscuro h1,
html.altocontrasteoscuro h2,
html.altocontrasteoscuro h3,
html.altocontrasteoscuro h4,
html.altocontrasteoscuro h5,
html.altocontrasteoscuro h6,
html.altocontrasteoscuro span,
html.altocontrasteoscuro a,
html.altocontrasteoscuro ul,
html.altocontrasteoscuro th,
html.altocontrasteoscuro td,
html.altocontrasteoscuro div,
html.altocontrasteoscuro time { background: black !important; }

html.altocontrasteoscuro div,
html.altocontrasteoscuro h1,
html.altocontrasteoscuro h2,
html.altocontrasteoscuro h3,
html.altocontrasteoscuro h4,
html.altocontrasteoscuro h5,
html.altocontrasteoscuro h6,
html.altocontrasteoscuro p,
html.altocontrasteoscuro th,
html.altocontrasteoscuro time,
html.altocontrasteoscuro label,
html.altocontrasteoscuro span { color: white !important; }

html.altocontrasteoscuro a { color: yellow !important; }
html.altocontrasteoscuro img { background: white !important; border-radius: 0; }

html.altocontrasteoscuro img#iconochat,
html.altocontrasteoscuro #copyr img,
html.altocontrasteoscuro #gtc img,
html.altocontrasteoscuro #fsp img { background: none !important; }

/* Contraste Claro */

html.altocontrasteclaro,
html.altocontrasteclaro h1,
html.altocontrasteclaro h2,
html.altocontrasteclaro h3,
html.altocontrasteclaro h4,
html.altocontrasteclaro h5,
html.altocontrasteclaro h6,
html.altocontrasteclaro span,
html.altocontrasteclaro a,
html.altocontrasteclaro ul,
html.altocontrasteclaro th,
html.altocontrasteclaro td,
html.altocontrasteclaro div,
html.altocontrasteclaro time { background: white !important; }

html.altocontrasteclaro div,
html.altocontrasteclaro h1,
html.altocontrasteclaro h2,
html.altocontrasteclaro h3,
html.altocontrasteclaro h4,
html.altocontrasteclaro h5,
html.altocontrasteclaro h6,
html.altocontrasteclaro p,
html.altocontrasteclaro th,
html.altocontrasteclaro time,
html.altocontrasteclaro label,
html.altocontrasteclaro span { color: black !important; }

html.altocontrasteclaro a { color: blue !important; }
html.altocontrasteclaro #copyr img { background: black !important; border-radius: 0; }

html.altocontrasteclaro img.#iconochat,
html.altocontrasteclaro #gtc img,
html.altocontrasteclaro #fsp img { background: none !important; }

html.altocontrasteoscuro #topright, html.altocontrasteclaro #topright { display: none; }

/* Escala de gris */

html.altocontrastegris {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

html.altocontrastesepia {
  -webkit-filter: sepia(50%); /* Safari 6.0 - 9.0 */
  filter: sepia(50%);
}

html.altocontrasteinvertido {
  -webkit-filter: invert(1); /* Safari 6.0 - 9.0 */
  filter: invert(1);
}

@supports (display: grid) {
  .mod-articlesnews-horizontal {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: fit-content(33.33%) fit-content(33.34%) fit-content(33.33%);
  }
  .mod-articlesnews-horizontal li:not(:last-child) {
    margin-inline-end: 0;
  }
}

.mod-articlesnews-horizontal.newsflash-horiz li {
  border: 2px solid #efefef;
  padding: 0;
}

.mod-articlesnews-horizontal.newsflash-horiz .newsflash-image  { margin: 0; }
.mod-articlesnews-horizontal.newsflash-horiz .newsflash-content p { padding: 5px; }

.mod-articlesnews-horizontal.newsflash-horiz .newsflash-content .newsflash-title {
  padding: 5px;
  color: #2A70A5;
  background: #e5f6ff;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 100%;
}

.newsflash-title a { color: #2A70A5; }

.newsflash-title a:hover { color: #41ace4; }

.fadeintag {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fadeintag.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.newsflash-image,
.blog.news-page .pull-left.entry-image.intro-image { height: 280px; width: 100%; }

.newsflash-image img,
.blog.news-page .pull-left.entry-image.intro-image img { width: 100%; }

img { max-height: 100%; object-fit: cover; object-position: center top; }

body { background-color: #FEFEFE !important; }

@font-face {
    font-family: 'Trueno';
    src: url('../fonts/TruenoRg.woff2') format('woff2'),
        url('../fonts/TruenoRg.woff') format('woff'),
        url('../fonts/TruenoRg.ttf') format('truetype'),
        url('../fonts/TruenoRg.svg#TruenoRg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{font-family: 'Trueno'; font-weight: normal;}
div[itemprop="articleBody"] h1, div[itemprop="articleBody"] h2, div[itemprop="articleBody"] h3, div[itemprop="articleBody"] h4, div[itemprop="articleBody"] h5, div[itemprop="articleBody"] h6{
  color: #005da4;
  font-weight: bold;
}
.sppb-addon.sppb-addon-text-block.top-news-container {
   margin: 0;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

#sp-header .logo2 a {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
}

#sp-header .logo2 {
    display: inline-block;
    height: 90px;
    display: table;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    margin: 0;
}

#sp-header { height: auto !important; }

/* #sp-header div.logo, #sp-header div.logo2 { display: flex; } */

/* #sp-header div.logo a, #sp-header div.logo2 a, #sp-header div.logo img, #sp-header div.logo2 img { width: 100%; } */

/* #sp-header div.logo img, #sp-header div.logo2 img { width: 100%; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; object-fit: contain; } */

#sp-header .container { max-width: 85%; }

body { font-size: 100%; }

.sp-menu-item { font-size: 80%; }

.sp-menu-item span:hover { color: #ffffff; }

.sp-megamenu-parent { float: none !important; }

#sp-navigation {
  position: relative;
  z-index: 999 !important;
  background: #005DA4;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  line-height: 60px !important;
}

.offcanvas-menu .menu-toggler::after,
.offcanvas-menu li.menu-parent.menu-parent-open>a>.menu-toggler::after,
.offcanvas-menu li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler::after,
.offcanvas-menu li.menu-parent.menu-parent-open>.nav-header>.menu-toggler::after,
.offcanvas-menu li.menu-parent[aria-expanded=true]>a>.menu-toggler::after,
.offcanvas-menu li.menu-parent[aria-expanded=true]>.menu-separator>.menu-toggler::after,
.offcanvas-menu li.menu-parent[aria-expanded=true]>.nav-header>.menu-toggler::after {
  content: "\25BC" !important;
  font-family: "Font Awesome 6 Free";
}

.entry-image.full-image img {
  height: 240px;
  width: 100%;
  margin: auto;
}

/* Colored Table */

table.colored, .colored table {
  border: 1px solid #91bfd0;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  table-layout: fixed;
}
table.colored td, .colored table td {
  border: 1px solid #91bfd0;
  border-spacing: 0px;
  padding: 10px 8px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
table.colored tr:nth-child(odd) {
}
table.colored tr:nth-child(even) {
}
table.colored tr:nth-child(even) td:nth-child(odd), .colored table tr:nth-child(even) td:nth-child(odd) {
  background-color: rgb(165, 240, 255, 0.1);
}
table.colored tr:nth-child(even) td:nth-child(even), .colored table tr:nth-child(even) td:nth-child(even) {
  background-color: rgb(124, 226, 247, 0.1);
}
table.colored tr:nth-child(odd) td:nth-child(odd), .colored table tr:nth-child(odd) td:nth-child(odd) {
  background-color: rgb(124, 226, 247, 0.1);
}
table.colored tr:nth-child(odd) td:nth-child(even), .colored table tr:nth-child(odd) td:nth-child(even) {
  background-color: rgb(165, 240, 255, 0.1);
}
table.colored th, .colored table th {
  background-color: #83cbf1;
  color: #fff;
  padding: 10px 8px;
  border: 1px solid #5f8a9a;
}
table.colored th a, .colored table th a { color: #fff; }

/* Socials */

#floating-icons .floating-vertical a.grow {
  height: 100%;
}


@media (max-width: 2585px) and (min-width: 1349px){
  #floating-icons .floating-left {
    left: 0px;
    top: 143px;
  }
}

/* escuelas */

table.escuelas {
  border: none;
  margin: 0px 150px;
}

table.escuelas td {
  padding: 30px;
}

/* modals */

.glyphicon-modal-window:before{
    content:"\e237"
}
.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal.fade .modal-dialog{
    -webkit-transform:translate(0,-25%);
    -ms-transform:translate(0,-25%);
    -o-transform:translate(0,-25%);
    transform:translate(0,-25%);
    -webkit-transition:-webkit-transform .3s ease-out;
    -o-transition:-o-transform .3s ease-out;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -o-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal-content{
    position:relative;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5);
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    filter:alpha(opacity=0);
    opacity:0
}
.modal-backdrop.in{
    filter:alpha(opacity=50);
    opacity:.5
}
.modal-header{
    padding:15px;
    border-bottom:1px solid #e5e5e5
}
.modal-header .close{
    margin-top:-2px
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn{
    margin-bottom:0;
    margin-left:5px
}
.modal-footer .btn-group .btn+.btn{
    margin-left:-1px
}
.modal-footer .btn-block+.btn-block{
    margin-left:0
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
        margin:30px auto
    }
    .modal-content{
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
    }
    .modal-sm{
        width:300px
    }
}
@media (min-width:992px){
    .modal-lg{
        width:900px
    }
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    line-break:auto;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    font-size:12px;
    filter:alpha(opacity=0);
    opacity:0
}
.tooltip.in{
    filter:alpha(opacity=90);
    opacity:.9
}
.tooltip.top{
    padding:5px 0;
    margin-top:-3px
}
.tooltip.right{
    padding:0 5px;
    margin-left:3px
}
.tooltip.bottom{
    padding:5px 0;
    margin-top:3px
}
.tooltip.left{
    padding:0 5px;
    margin-left:-3px
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.top-left .tooltip-arrow{
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.top-right .tooltip-arrow{
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#000
}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#000
}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#000
}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip.bottom-left .tooltip-arrow{
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip.bottom-right .tooltip-arrow{
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#000
}
.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    background-color:#000;
    border-radius:4px
}
.tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:none;
    max-width:276px;
    padding:1px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    line-break:auto;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    font-size:14px;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2)
}
.popover.top{
    margin-top:-10px
}
.popover.right{
    margin-left:10px
}
.popover.bottom{
    margin-top:10px
}
.popover.left{
    margin-left:-10px
}
.popover>.arrow{
    border-width:11px
}
.popover>.arrow,.popover>.arrow:after{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}
.popover>.arrow:after{
    content:"";
    border-width:10px
}
.popover.top>.arrow{
    bottom:-11px;
    left:50%;
    margin-left:-11px;
    border-top-color:#999;
    border-top-color:rgba(0,0,0,.25);
    border-bottom-width:0
}
.popover.top>.arrow:after{
    bottom:1px;
    margin-left:-10px;
    content:" ";
    border-top-color:#fff;
    border-bottom-width:0
}
.popover.right>.arrow{
    top:50%;
    left:-11px;
    margin-top:-11px;
    border-right-color:#999;
    border-right-color:rgba(0,0,0,.25);
    border-left-width:0
}
.popover.right>.arrow:after{
    bottom:-10px;
    left:1px;
    content:" ";
    border-right-color:#fff;
    border-left-width:0
}
.popover.bottom>.arrow{
    top:-11px;
    left:50%;
    margin-left:-11px;
    border-top-width:0;
    border-bottom-color:#999;
    border-bottom-color:rgba(0,0,0,.25)
}
.popover.bottom>.arrow:after{
    top:1px;
    margin-left:-10px;
    content:" ";
    border-top-width:0;
    border-bottom-color:#fff
}
.popover.left>.arrow{
    top:50%;
    right:-11px;
    margin-top:-11px;
    border-right-width:0;
    border-left-color:#999;
    border-left-color:rgba(0,0,0,.25)
}
.popover.left>.arrow:after{
    right:1px;
    bottom:-10px;
    content:" ";
    border-right-width:0;
    border-left-color:#fff
}
.popover-title{
    padding:8px 14px;
    margin:0;
    font-size:14px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-radius:5px 5px 0 0
}
.popover-content{
    padding:9px 14px
}
.carousel{
    position:relative
}
.carousel-inner{
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner>.item{
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d){
    .carousel-inner>.item{
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -o-transition:-o-transform .6s ease-in-out;
        transition:-webkit-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        left:0
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        left:0
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        left:0
    }
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
    display:block
}
.carousel-inner>.active{
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev{
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next{
    left:100%
}
.carousel-inner>.prev{
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right{
    left:0
}
.carousel-inner>.active.left{
    left:-100%
}
.carousel-inner>.active.right{
    left:100%
}
.carousel-control{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:15%;
    font-size:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    background-color:rgba(0,0,0,0);
    filter:alpha(opacity=50);
    opacity:.5
}
.carousel-control.left{
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat:repeat-x
}
.carousel-control.right{
    right:0;
    left:auto;
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
    background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat:repeat-x
}
.carousel-control:focus,.carousel-control:hover{
    color:#fff;
    text-decoration:none;
    outline:0;
    filter:alpha(opacity=90);
    opacity:.9
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-block;
    margin-top:-10px
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
    left:50%;
    margin-left:-10px
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
    right:50%;
    margin-right:-10px
}
.carousel-control .icon-next,.carousel-control .icon-prev{
    width:20px;
    height:20px;
    font-family:serif;
    line-height:1
}
.carousel-control .icon-prev:before{
    content:"\2039"
}
.carousel-control .icon-next:before{
    content:"\203a"
}
.carousel-indicators{
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}
.carousel-indicators li{
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#000\9;
    background-color:rgba(0,0,0,0);
    border:1px solid #fff;
    border-radius:10px
}
.carousel-indicators .active{
    width:12px;
    height:12px;
    margin:0;
    background-color:#fff
}
.carousel-caption{
    position:absolute;
    right:15%;
    bottom:20px;
    left:15%;
    z-index:10;
    padding-top:20px;
    padding-bottom:20px;
    color:#fff;
    text-align:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn{
    text-shadow:none
}
@media screen and (min-width:768px){
    .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{
        width:30px;
        height:30px;
        margin-top:-10px;
        font-size:30px
    }
    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
        margin-left:-10px
    }
    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
        margin-right:-10px
    }
    .carousel-caption{
        right:20%;
        left:20%;
        padding-bottom:30px
    }
    .carousel-indicators{
        bottom:20px
    }
}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{
    display:table;
    content:" "
}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
.hide{
    display:none!important
}
.show{
    display:block!important
}
.invisible{
    visibility:hidden
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.hidden{
    display:none!important
}
.affix{
    position:fixed
}
@-ms-viewport{
    width:device-width
}
.visible-lg,.visible-md,.visible-sm,.visible-xs{
    display:none!important
}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
    display:none!important
}
@media (max-width:767px){
    .visible-xs{
        display:block!important
    }
    table.visible-xs{
        display:table!important
    }
    tr.visible-xs{
        display:table-row!important
    }
    td.visible-xs,th.visible-xs{
        display:table-cell!important
    }
}
@media (max-width:767px){
    .visible-xs-block{
        display:block!important
    }
}
@media (max-width:767px){
    .visible-xs-inline{
        display:inline!important
    }
}
@media (max-width:767px){
    .visible-xs-inline-block{
        display:inline-block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm{
        display:block!important
    }
    table.visible-sm{
        display:table!important
    }
    tr.visible-sm{
        display:table-row!important
    }
    td.visible-sm,th.visible-sm{
        display:table-cell!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-block{
        display:block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline{
        display:inline!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline-block{
        display:inline-block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md{
        display:block!important
    }
    table.visible-md{
        display:table!important
    }
    tr.visible-md{
        display:table-row!important
    }
    td.visible-md,th.visible-md{
        display:table-cell!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-block{
        display:block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline{
        display:inline!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline-block{
        display:inline-block!important
    }
}
@media (min-width:1200px){
    .visible-lg{
        display:block!important
    }
    table.visible-lg{
        display:table!important
    }
    tr.visible-lg{
        display:table-row!important
    }
    td.visible-lg,th.visible-lg{
        display:table-cell!important
    }
}
@media (min-width:1200px){
    .visible-lg-block{
        display:block!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline{
        display:inline!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline-block{
        display:inline-block!important
    }
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
    table.visible-print{
        display:table!important
    }
    tr.visible-print{
        display:table-row!important
    }
    td.visible-print,th.visible-print{
        display:table-cell!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}

/* Personal */

.profile { padding: 10px; max-width: 100%; }

table.whole, table.half, table.third { margin: auto; border: none; table-layout: fixed; }

.whole tbody, .half tbody, .third tbody { vertical-align: top; }

.text-align-center { text-align: center; }

.mod-articlesnews-horizontal figure img {
    width: 100%;
    height: 100%;
}

ul[class*="mod-articles"] iframe { display: none; }

/* Banners */

#section-id-1619033016490 .sppb-carousel-text { background: rgba(0,0,0,0.5); border-radius: 20px; padding: 10px; }

#section-id-1619033016490 [class*="sppb-col-md-"],
#section-id-1687208489949 [class*="sppb-col-md-"] { padding-left: 0px; padding-right: 0px; }

#section-id-1619033016490 .sppb-row-container,
#section-id-1687208489949 .sppb-row-container {
    width: 100%;
    max-width: 100%;
}

.agenda-inicio li img.dj-image {
    max-height: 240px !important;
    min-height: 240px;
    transition: max-height 1s;
}

.agenda-inicio li img.dj-image:hover {
    max-height: 480px !important;
}

.agenda-inicio .djslider-default .slide-desc {
    position: relative;
    height: 240px;
    overflow: hidden;
}

/* #section-id-1619027592655 .slider-container { height: auto !important; } */

#section-id-1619027592655 .djslider { height: 480px !important; }

.djslider li { height: auto !important; }

.djslider-loader.djslider-loader-default { padding-bottom: 0 !important; }

#section-id-1619027592655 .sppb-row-container { width: 80%; max-width: 80%; }

.slide-desc-text-default div.slide-title { font-size: 90%; }

.slide-desc { background: #595959; }

.slide-desc-bg.slide-desc-bg-default { background: none; }

.navigation-container { height: 30px; top: 50% !important; }

.sp-simpleportfolio div.sp-simpleportfolio-meta {
    width: 0%;
    overflow: hidden;
    padding-left: 0;
}

.bedu-banner .sppb-item .sppb-carousel-item-inner { padding: 20px 50px 20px 40%; }

.sp-simpleportfolio div.sp-simpleportfolio-description { width: 100%; }

/* google translate & Contrast settings */

#fsp #contrastinput, #fsp #fontinput { border-bottom-left-radius: 0; overflow: auto; }
#contrastinput, #fontinput { color: #FFFFFF; font-size: 30px; }
#contrasttype,
#fontsize {
  float: right;
  width: 150px;
  margin-left: 5px;
  border-radius: 10px;
  border: none;
  padding: 1px 5px;
  color: black;
  text-align: center;
}
#fspoc { display: flex; flex-direction: column; gap: 10px; }
#fspoc #contrastinput, #fspoc #fontinput {
  font-size: 25px; display: flex; align-items: center;
}
#fspoc #contrasttype,
#fspoc #fontsize { width: 120px; margin: auto; }
#fspoc select::-ms-expand { display: none; }
#gtc img { display: inline-block; }
#wheelchairIcon { height: 52px; width: 52px; float: right; position: absolute; bottom: -52px; right: 0; }
#google_container { width: 0px; height: 100%; overflow: hidden; transition: width 1s; padding: 0 !important; position: relative; z-index: 1; border-bottom-left-radius: 5px; }
#gtc img.goog-te-gadget-icon { display: none; }
#gtc span, #gtc a { white-space:nowrap; line-height: normal; }
/* iframe.goog-te-menu-frame.skiptranslate { max-width: none; } */
.goog-te-gadget-simple { height: 100%; border: none !important; padding-left: 48px; font-size: 35px !important; border-bottom-right-radius: 5px; }
#gtc { width: 48px; overflow: visible; position: absolute; z-index: 3; left: 70px; }
#fsp { position: absolute; z-index: 3; right: 0px; transform: translateY(-100%); transition: all 0.2s; }
#fsp:hover { transform: translateY(0%); }
#fsp div { background: #333333; border-bottom-left-radius: 5px; padding: 5px 10px; }
#gtc:hover, #fsp:hover { opacity: 1; }
#gtc:hover #gticongrey, #fsp:hover #fspicongrey { opacity: 0; }
#gtc:hover #google_container, #google_container:focus-within { width: 100vw;  }
#gtc #gticoncolor,
#gtc #gticongrey, 
#fsp #fspiconcolor,
#fsp #fspicongrey {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  pointer-events:none;
  border-radius: 0;
  padding: 5px;
  background-color: #333333;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#fspoc #google_container { width: 100%; }
#fspoc .goog-te-gadget-simple { font-size: 23px !important; padding-left: 0; width: 100%; }
#fspoc .goog-te-gadget-simple img { display: inline-block; }

.orderoffcanvas1 { order: 1; }
.orderoffcanvas2 { order: 2; }
.orderoffcanvas3 { order: 3; }
.offcanvas-inner { display: flex; flex-direction: column; }

.moduletable.primeraplana .newsflash-image {
  height: 70vh;
  overflow: hidden;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 0;
}

.newsflash-image {
  overflow: hidden;
}

.moduletable.primeraplana .newsflash-image img {
  height: 70vh;
}

.newsflash-image img {
  object-position: center;
  overflow: hidden;
  transition: all .3s ease-in-out;
  object-fit: cover;
}

.newsflash-image img:hover {
  scale: 1.05;
}

.filaprimeraplana .sppb-row-column {
  padding-right: 0px;
  padding-left: 0px;
}

.filaprimeraplana .newsflash-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 45px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 15px;
  width: 100%;
}

.filaprimeraplana .newsflash-title a {
  color: #ffffff;
}

.newsflash-title a { font-weight: 600; }

.filaprimeraplana .newsflash-content { left: 75px; width: 50%; position: absolute; bottom: 0; background: rgb(0 0 0 / 67%); }

.sppb-section.filaprimeraplana .sppb-row-container {
  max-width: 100% !important;
}

.filaprimeraplana p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 45px;
  color: #ffffff;
  width: 100%;
  pointer-events: none;
}

.tituloinicio h2 {
  font-size: 40px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}

.article-list .entry-image.intro-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.article-list .entry-image.intro-image img {
  border-radius: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}

.article-intro-image img {
  aspect-ratio: 4 / 3;
}

.page-content.builder-container {
  margin: 25px 10%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Personal del Decanato */

.third,
.whole td.views-col {
  width: 99.99%;
}
.half {
  width: 66.66%;
}
.whole,
.third td.views-col {
  width: 33.33%;
}
.half td.views-col {
  width: 50%;
}

/* Móbiles */

@media (max-width: 1000px) {
  header#sp-header.top-menu .row>* { width: 33.33%; }
  #sp-logo, #sp-logo2 { width: 33%; }
  #sp-header .container { max-width: 100%; }
  #sp-navigation { display: none; }
  .page-content.builder-container { margin: 25px 15px; }
  .bedu-banner .sppb-item .sppb-carousel-item-inner { padding: 20px 20px; }
  .filaprimeraplana .newsflash-content { width: 100%; left: 0; background: rgb(0 0 0 / 33%); }
  div[itemprop="articleBody"]{ padding: 20px 20px; }
  table.escuelas { margin: 0px; }
  table.escuelas td { padding: 5px; }
  .mod-articlesnews-horizontal { display: table-cell; }
  .mod-articlesnews-horizontal li { margin-bottom: 30px; }
  .mod-articlesnews-horizontal li p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .sppb-row-column { padding-left: 0; padding-right: 0; }
  #section-id-1619027592655 .sppb-row-container { max-width: none; width: 100vw; padding: 0 10vw 0; margin: 0; }
  #section-id-1619027592655 .sppb-row-container .sppb-row { margin: 0; }
  #section-id-1619027592655 .sppb-row-container .sppb-col-md-12 { padding: 0; }
  .djslider li { width: 80vw !important; }
  #section-id-1619033016490 img { width: 300%; max-width: 300%;}
  .whole, .half, .third { width: 100% !important; }
  .half tbody tr, .third tbody tr { display: flex; flex-direction: column; }
}