*{
    font-family: 'Lato',sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p{
    color:#555;
    font-weight:400;
}

/* Botones */
.boton{
    border:1px solid #ccc;
    padding:.2rem .75rem;
    border-radius:5px;
    font-size:.9rem;
    display:inline-block;
}

.boton i{
    margin-left:.2rem;
}

.boton>*{
    align-self: center;
}

.boton img{
    margin-right:.5rem;
}

.boton.boton-gris{
    background-color:#F2F2F2;
    border: 1px solid #f2f2f2;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    color: #FF8833;
    font-weight:600;
    transition-duration: 0.2s;
}

.boton.boton-gris:hover{
    background-color: #ededed;
}

.boton.boton-orange{
    background-color:#FF8833;
    border: 1px solid #FF8833;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    color: #fff;
    font-weight:600;
    transition-duration: 0.2s;
}

.boton.boton-orange:hover{
    background-color: #ee7e30;
}

.boton.boton-blue{
    background-color:#FFF;
    border: 1px solid #00ACCA;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    color: #00ACCA;
    font-weight:600;
    transition-duration: 0.2s;
}

.boton.boton-blue:hover{
    background-color: #00ACCA;
}

.boton.boton-blue a{
    color: #00ACCA;
}

.boton.boton-blue:hover a{
    color: #fff;
}

.boton.boton-blue:hover a{
    color:#fff;
}

.boton.boton-white{
    background-color:#FFF;
    border: 1px solid #fff;
    box-shadow:0 3px 6px rgba(0,0,0,0.1);
    color: #FF6B00;
    font-weight:600;
}

/* Botones Bootstrap */
.btn-primary{
    background-color:#FF6B00;
    color: #FFf;
    border:none;
}

.btn-primary:hover{
    background-color: #de6400;
}

.btn-info{
    background-color: #00ACCA;
    border-color: #00ACCA;
}

/* Tipography */
.miniTitle{
    display:inline-block;
}

.miniTitle>div{
    display:flex;
    color: #FF6B00;
    font-weight:600;
    font-size:1.2rem;
}

.miniTitle>div>*{
    align-self:center;
}

.miniTitle img{
    margin-right:.5rem;
}

.miniTitle i{
    margin-left:.25rem;
}

.miniTitle:hover>div{
    color: #eb6900;
}

.img-title img{
    margin-right:.5rem;
}

.section-title{
    color: #FF6B00;
    font-weight:600;
    font-size:1.5rem;
    margin-bottom:3rem;
}

.subtitle{
    font-weight:600;
    color: #666666;
}

/* Elements */
.noticiaPreview{
    display:grid;
    grid-template-columns: 3fr 5fr;
    grid-gap: 1.5rem;
    margin-bottom:1.5rem;
}

.noticiaPreview h5{
    color: #333;
    font-size:1.1rem;
    font-weight:600;
}

.noticiaPreview .meta{
    color: #999999;
    font-size:.9rem;
    margin-bottom:.5rem;
    display:inline-block;
}

.noticiaPreview p{
    font-size:.95rem;
    color: #555;
}



/* Header */
header{
    padding-top:1.5rem;
    padding-bottom:.75rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    z-index:2;
    position: relative;
}

.headerGrid{
    display:grid;
    grid-template-areas: 'logo redes''logo navigation';
    grid-template-columns: min-content auto;
    grid-gap: 1rem 2rem;
}

.headerGrid .logo{
    grid-area: logo;
}

.headerGrid .redes{
    grid-area: redes;
    display:flex;
    justify-content: flex-end;
}

.headerGrid .navigation{
    grid-area: navigation;
}

.headerGrid .logo img{
    max-width: 190px;
}

/* Navigation */
.menu{
    display:flex;
    justify-content: flex-end;
    border-top: 1px solid #ddd;
    width:auto;
    padding-top:.75rem;
}

.menu>*{
    align-self:center;
    margin-left:.5rem;
    margin-right:.5rem;
    font-size:.95rem;
}

.menu a{
    color:#555;
    transition-duration: 0.2s;
}

.menu a:hover{
    color: #FF8833;
}

.menu>*:nth-child(2){
    margin-right:1rem;
    margin-left:0;
}

.menu>*:nth-child(1){
    margin-left:0;
}

/* Subnavigation */
.submenu{
    display:none;
    position:absolute;
    background-color:#fff;
    padding:1rem;
    padding-top:1.5rem;
    padding-bottom:.5rem;
    margin-left:-1rem;
    border-radius: 0 0 4px 4px
}

.submenu-item{
    padding-top:.5rem;
    padding-bottom:.5rem;
}

.menu-item:hover .submenu{
    display:block;
}

.menu .submenu-item.active>a{
    color: #FF6B00;
}

.menu .menu-item.active>a{
    color: #FF6B00;
}

.menu .menu-item.active.boton>a{
    color: #00ACCA;
}

.menu .menu-item.active.boton:hover>a{
    color: #fff;
}

.menu .menu-item.active.boton>a{
    color: #00ACCA;
}


/* Redes */
.rrss {
    display:flex;
    margin-right:2rem;
}

.rrss .red{
    background-color: #00ACCA;
    border-radius:15px;
    margin-left:.5rem;
    transition-duration: 0.2s;
}

.rrss>.red:first-child{
    margin-left: 0;
}

.rrss .red:hover{
    background-color: #0091af;
}

.rrss .red a{
    color:#fff;
    display:flex;
    justify-content: center;
    align-items: center;
    width:30px;
    height: 30px;
    text-align:center;
    font-size:1rem;
}

/* Actions */
.headerActions{
    display:flex;
}

.headerActions>*{
    margin-left:1rem;
}


/* Home */
.home1{
    display:grid;
    grid-template-columns: 7fr 5fr;
    background-color: #F5F5F5;
}

.home1 .right{
    text-align:center;
    padding-top:2rem;
    padding-bottom:2rem;
}

.home1 .right h2{
    font-size:1.5rem;
    margin-bottom:2rem;
    color: #FF6B00;
}

.home1 .right h2 span{
    font-weight:800;
}

.home1 .left{
    display: flex;
    justify-content: flex-end;
}

.home1Grid{
    display:grid;
    grid-gap:1rem;
    margin: 0 auto;
    align-items: center;
}

.home1Grid .home-title{
    margin-bottom:0;
    font-size:1.7rem;
}

.homeEntry{
    display:grid;
    background-color: #fff;
    padding-top:.5rem;
    padding-bottom:.5rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    padding-left:.75rem;
    padding-right:.75rem;
    grid-template-rows: 1fr 1fr;
    grid-gap:.5rem;
    font-size:1rem;
    color: #555333;
    line-height:1.2;
    border-radius:5px;
}

.homeEntry{
    border:2px solid #fff;
    transition-duration:.3s;
}

.homeEntry:hover{
    border:2px solid #FF6B00;
    color:#555;
}

.homeEntry>*{
    display:flex;
    align-self: center;
    justify-content: center;
}

.homeEntry.ultima{
    background-color:#00ACCA;
    color:#fff;
}

/* Widget Donar */
.widgetDonar{
    align-self: flex-end;
    padding:1rem 2rem;
    text-align:center;
    background-color: rgba(0,0,0,0.5);
    border-radius:10px 0 0 0;
}

.widgetDonar select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.widgetDonar dt{
    color:#fff;
}

.widgetDonar dd{
    color:#fff;
}

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

.widgetDonar .btn i{
    margin-left:.3rem;
}

/* Home2 */
.home2{
    padding-top:2rem;
    padding-bottom:3rem;
}

.home2 p{
    margin-bottom:0;
    font-weight:400;
    color:#555;
    font-size:1.2rem;
}

.home2 p span{
    color: #FF6B00;
}


/* Home 3 */
.home3{
    background-color: #F5F5F5;
    padding-top:1rem;
    padding-bottom:2rem;
}

.slide-iniciativa{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem;
    margin-left:2rem;
    margin-right:2rem;
}

.slide-iniciativa .left{
    display:flex;
}

.slide-iniciativa .left>*{
    align-self:center;
}

.slide-iniciativa .title{
    font-size:2rem;
    font-weight:800;
    color: #333;
    margin-bottom:1.5rem;
}

.slide-iniciativa .boton{
    margin-top:1rem;
}

/* Home 4 */
.home4 .container-fluid, .banner .container-fluid{
    height:100%;
}

.textRightBanner{
    display:grid;
    grid-template-columns: 3fr 2fr;
    height:100%;
}

.textRightBanner .right{
    text-align:center;
    color:#fff;
    display:flex;
}

.textRightBanner .right>*{
    align-self:center;
}

.textRightBanner .right p{
    margin-bottom:0;
    color:#fff;
}

.textRightBanner .faro{
    position:relative;
    display:inline-block;
    padding-left:3rem;
    padding-right:3rem;
    padding-top:1rem;
    margin-bottom:1rem;
}

.textRightBanner .faro img{
    position:absolute;
    right:0;
    top:0;
}

.textRightBanner .faro h2{
    font-weight:800;
    font-size:2.333rem;
}

.textRightBanner p{
    font-size:1.2rem;
    font-weight:600;
    margin: 0 auto;
    margin-bottom:2rem;
    max-width:400px;
}

.textRightBanner .enterate{
    color:#fff;
    font-weight:600;
    margin-top:2rem;
    display:inline-block;
    font-size:1.1rem;
    opacity:.8
}

.textRightBanner .enterate img{
    margin-right:.5rem;
    border-radius:20px;
}

/* Home5 */
.home5{
    padding-top:3rem;
    padding-bottom:2rem;
}

.home5 .miniTitle{
    margin-bottom:1.5rem;
}

/* Footer */
.subscribe{
    background: url('/static/webpage_app/insumos/banner-boletin.jpg');
    background-size: 100%;
    padding-top:2rem;
    padding-bottom:6rem;
    color: #fff;
    margin-bottom:-3rem;
}

.subscribe .img-title{
    font-weight:600;
    font-size:1.2rem;
    margin-bottom:1.5rem;
}

.subscribe .btn{
    background-color: #fff;
    color: #FF6B00;
    font-size:1rem;
    border-color: #ced4da;
    padding-left:1.5rem;
    padding-right:1rem;
    font-weight:600;
}

.subscribe .btn i{
    margin-left:.33rem;
}

.subscribe .input-group{
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.subscribe+footer{
    margin-top:-3.333rem;
}

.curva img{
    width:105% !important;
    margin-left:-2.5%;
}

.curva{
    overflow:hidden;
    margin-bottom:-2px;
}

/* Footer */
footer .content{
    background-color: #F5F5F5;
}

.footerGrid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top:1rem;
    padding-bottom:2rem;
}

.footerGrid .left{
    border-right:2px solid #fff;
    padding-left:3rem;
}

.footerGrid .link{
    margin-bottom:.5rem;
    color: #333;
    font-weight:300;
    font-size:1rem;
}

.footerGrid .link a{
    color: #333;
}

.footerGrid .left .link i{
    color: #00ACCA;
    margin-right:.3rem;
}

.footerGrid .center{
    padding-left:3rem;
    border-right:2px solid #fff;
}

.footerGrid h5{
    font-weight:600;
    color: #FF6B00;
    font-size:1.5rem;
    margin-bottom:1rem;
}

.footerGrid .right .rightGrid{
    display:grid;
    grid-template-rows: 1fr 1fr;
    justify-content: center;
    padding-top:2rem;
}

.footerGrid .right>div>*{
    margin: 0 auto;
    text-align:center;
}

.footerGrid .right .rrss{
    margin-right:0;
    margin-bottom:1.5rem;
}

.footerGrid .btn{
    background-color:#00ACCA;
    border-color: #00ACCA;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    color:#fff;
    font-weight:600;
    font-size:1.1rem;
}

.footerGrid .btn i{
    margin-left:.3rem;
}

/* Banner */
.banner .right{
    text-align:left;
    font-weight:600;
}

.banner .right h2{
    font-weight:600;
    line-height:1.333;
}

.banner.no-text .naui-overlay{
    display:none;
}

/* Qué hacemos */
.enfoques1{
    padding-top:3rem;
    padding-bottom:2rem;
}

.gridEnfoques{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:3rem;
}

.enfoque{
    display:grid;
    grid-template-columns: 70px auto;
    grid-template-areas: 'icon title''icon content';
    grid-gap:0 1rem;
}

.enfoque .icon{
    grid-area:icon;
}

.enfoque .title{
    grid-area:title;
}

.enfoque .content{
    grid-area:content;
}


.enfoque dt{
    font-size:1.3rem;
    color: #666666;
    margin-bottom:.5rem;
}

.enfoques2{
    background-color:#F5F5F5;
    padding-top:2rem;
    padding-bottom:2rem;
}

.enfoques3{
    padding-top:3rem;
}

/* Informes de gestión */
.informesGrid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:3rem;
}

.informe .foot{
    display:flex;
    background-color: #F5F5F5;
    padding:.5rem 1rem;
}

.informe .foot>*{
    align-self:center;
}

.informe .foot>*:first-child{
    flex:auto;
}

.informe .foot .btn{
    padding-left:1.5rem;
    padding-right:1.5rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.informe .foot .btn i{
    margin-right:0;
    font-size:1.2rem;
}

.informe .content{
    color:#555;
    line-height:1.2;
}

/* Enfoques 4 */
.enfoques4{
    padding-top:4rem;
    padding-bottom:3rem;
}

.enfoques4flex{
    display:flex;
    justify-content:center;
}

.enfoques4flex>*{
    align-self:center;
    margin-left:.75rem;
    margin-right:.75rem;
}

.enfoques4flex .btn{
    padding-left:2rem;
    padding-right:2rem;
    font-weight:600;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* Donde Estamos */
.donde2{
    padding-top:3rem;
    padding-bottom:3rem;
}

.donde2 h3{
    font-weight:800;
    font-size:1.5rem;
    color: #666666;
    margin-top:2rem;
    margin-bottom:1rem;
}

.donde2 ul{
    color: #00ACCA;
    padding-left:1.5rem;
}

.donde2 ul span{
    color:#555;
    font-weight:600;
}

.donde2 ul li{
    margin-bottom:.5rem;
}

.donde3{
    padding-top:0;
    padding-bottom:3rem;
}

.donde3 .nav-item{
    margin-right:1rem;
    background-color:#f5f5f5;
    border:none;
    font-weight:600;
    font-size:.9rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    transition-duration:.2s;
}

.donde3 .nav-tabs{
    border-bottom:0;
}

.donde3 .nav-item:hover{
    color: #00ACCA;
}

.donde3 .nav-tabs .nav-link.active{
    background-color: #00ACCA;
    color:#fff;
    font-weight:600;
}

.geografia{
    padding:2rem;
    display:grid;
    grid-template-columns: 1fr 3fr;
    grid-gap:2rem;
    background-color: #f5f5f5;
}

.geografia h3{
    font-weight:600;
    color: #FF6B00;
    margin-bottom:1rem;
}

.icono-geo{
    max-width:233px;
    margin-bottom:2rem;
    margin-top:3rem;
}

.mundo{
    background-color:#333333;
    padding-top:3rem;
    padding-bottom:3rem;
}

.mundoGrid{
    display:grid;
    grid-template-columns: 6fr 5fr;
    grid-gap:3rem;
}

.mundoGrid h2{
    font-weight:800;
    color: #FF6B00;
    font-size:1.5rem;
    margin-bottom:3rem;
}

.mundoGrid p{
    color:#fff;
}

.mundoGrid .worldSelect{
    display:flex;
    margin-top:4rem;
}

.mundoGrid .worldSelect>*{
    align-self:center;
    margin-right:1rem;
}

.mundoGrid .worldSelect .label{
    font-weight:600;
    color:#fff
}

.mundoGrid .worldSelect .form-control{
    width:250px;
}

/* Formas de ayudar */
.formas2{
    padding-top:3rem;
    padding-bottom:1rem;
}

.forma{
    background-color:#f5f5f5;
    padding:2rem 2rem;
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: 'icono titulo''icono content';
    grid-gap:0 2rem;
    margin-bottom:2rem;
}

.forma .icono{
    grid-area:icono;
}

.forma .titulo{
    grid-area:titulo;
}

.forma .content{
    grid-area:content;
}

.forma img{
    max-width:200px;
    margin: 0 auto;
    display:block;
}

.forma.iniciativa img{
    max-width:100%;
}


.forma h3{
    font-weight:800;
    font-size:1.5rem;
    color:#666;
    text-transform: uppercase;
}

.iniciativas{
    background-color:#333;
    padding-top:3rem;
    padding-bottom:3rem;
}

.iniciativas h2{
    font-size:1.5rem;
    font-weight:600;
    color:#fff;
    margin-bottom:3rem;
}

.iniciativas h2 a{
    color:#fff;
}

.iniciativasGrid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
}

.iniciativaPreview{
    background-color:#f5f5f5;
    border-radius:5px;
    overflow:hidden
}

.iniciativaPreview .foot{
    padding:1rem;
}

.iniciativaPreview .foot dt{
    color:#555;
    font-size:1.2rem;
    margin-bottom:1rem;
}

/* Voluntario */
.voluntario1{
    padding-top:3rem;
    padding-bottom:3rem;
}

.voluntario1 .section-title{
    margin-bottom:1.5rem;
}

.voluntariadoTipo{
    background-color:#f5f5f5;
    padding:2rem;
    display:grid;
    grid-template-areas: 'icon titulo''icon content';
    grid-template-columns: 1fr 3fr;
    grid-gap:0 2rem;
    margin-bottom:2rem;
    border-radius:5px;
}

.voluntariadoTipo .icon{
    grid-area:icon;
}

.voluntariadoTipo .titulo{
    grid-area:titulo;
}

.voluntariadoTipo .content{
    grid-area:content;
}

.voluntariadoTipo h5{
    font-weight:600;
    color: #00ACCA;
    margin-bottom:1rem;
}

/* Socios */
.sociosGrid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:3rem 1rem;
}

.socio-item img{
    max-width:150px;
    margin-bottom:1rem;
}

.socio-item p{
    max-width:300px;
    margin: 0 auto;
}

.socios1{
    padding-top:3rem;
}

.socios1 .section-title{
    margin-bottom:1.5rem;
}

.socios2{
    padding-top:2rem;
    padding-bottom:3rem;
}

.socios3{
    padding-top:2rem;
}

.socios3 .section-title{
    margin-bottom:1.5rem;
}

.socios3 .voluntariadoTipo h5{
    color:#666;
}

.socios4{
    padding-top:2rem;
    padding-bottom:3rem;
}

.socios4 a{
    margin-left:.5rem;
    margin-right:.5rem;
}

.socios4 .btn{
    font-weight:600;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* Aliados */

.aliados1{
    padding-bottom:3rem;
}

.aliados1 .section-title{
    margin-bottom:1.5rem;
}

.aliados1 .subtitle{
    margin-bottom:2rem;
}

.aliados1 .btn{
    font-weight:600;
}

.gridAliados{
    display:grid;
    grid-template-columns: 1fr 1fr;
}

.gridAliados>*{
    min-height:100px;
}

.aliados2{
    background-color: #EDEDED;
    padding-top:3rem;
    padding-bottom:3rem;
}

.aliados2 .vip1Grid{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap:2rem;
}

.aliados2 .vip1Grid img{
    margin-bottom:1rem;
    max-width:200px;
}

.aliados2 .vip2{
    display:flex;
    justify-content:center;
}

.aliados2 .vip2>*{
    margin-left:1rem;
    margin-right:1rem;
}

.aliados2 .vip2>*>img{
    max-width:100px;
}

.aliados3{
    background-color:#F5F5F5;
}

.aliados3{
    padding-top:3rem;
    padding-bottom:3rem;
}

img.aliado2{
    max-height:120px;
}

.platinumGrid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
}

.platinumGrid img{
    max-width:150px;
}

.platinumGrid>*{
    text-align:center;
}

.aliados4{
    padding-top:3rem;
    padding-bottom:3rem;
}

.aliados4 .aliadosGoldGrid{
    display:grid;
    grid-template-columns: 7fr 5fr;
}

.aliados4 .aliadosGoldGrid .left{
    border-right:1px solid #Ddd;
}

.aliados4 .aliadosGoldGrid .item{
    margin-left:1rem;
    margin-right:1rem;
}

.aliados4 .aliadosGoldGrid img{
    max-width:150px;

}


/* Publicaciones */
.publicacion{
    display:grid;
    grid-template-columns: 1fr 5fr;
    grid-template-areas: 'image title''image content';
    grid-gap:0 2rem;
    margin-bottom:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid #ddd;
    padding-left:2rem;
    padding-right:2rem;
}

.publicacion .image{
    grid-area:image;
}

.publicacion .title{
    grid-area:title;
}

.publicacion .content{
    grid-area:content;
}

.publicacion .image img{
    max-width:100%;
}

.publicacion .title{
    padding-top:1rem;
}

.publicacion .boton{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

.publicacion h5{
    font-weight:600;
    color:#666;
    margin-bottom:1rem;
}

.publicaciones1{
    padding-top:3rem;
    padding-bottom:1.5rem;
}

.publicaciones1 .section-title{
    margin-bottom:2rem;
}

.publicacionesSpace{
    border-top:1px solid #ddd;
    padding-top:2rem;
}

.publicaciones1 .subtitle{
    font-weight:600;
}

/* Sala de prensa */
.sala1{
    padding-top:3rem;
    padding-bottom:3rem;
}

.sala1 .section-title{
    margin-bottom:1.5rem;
}

.sala2 .noticiasPanel{
    border-top:1px solid #ddd;
    padding-top:2rem;
}

.sala2 hr{
    border-top:1px solid #ddd;
    margin-top:2rem;
    margin-bottom:2rem;
}

.asideMenu{
    box-shadow: none;
    background-color: #F5F5F5;
    border-radius:5px;
    overflow:hidden;
}

.asideMenu .title{
    color: #00ACCA;
    text-align:center;
    padding:.5rem;
    font-weight:600;
    background-color: #EDEDED;
}

.asideMenu .content{
    padding:1rem 1.5rem;
}

.asideMenu .content .link{
    margin-bottom:.75rem;
}

.asideMenu .content .link a{
    color:#555;
}

.asideMenu .content .link a i{
    color: #00ACCA;
    margin-right:.5rem;
}

.aside-menus{
    padding-left:2rem;
}

.aside-menus .asideMenu{
    margin-bottom:1rem;
}

/* Caja de herramientas */
.aside-caja .content .link{
    margin-bottom:0;
}

/* Breadcrumbs */
.breadcrumbs{
    padding-top:.75rem;
    padding-bottom:.75rem;
    font-size:.9rem;
    color:#555;
}

.breadcrumbs i{
    font-size:1.2rem;
}

.breadcrumbs .dash{
    color:#888;
}

.breadcrumbs a{
    color:#888;
}

/* Articulo */
.articulo{
    padding-top:2rem;
}

.articulo h1{
    font-size:1.7rem;
    font-weight:600;
    color: #FF6B00;
    margin-bottom:1rem;
}

.articulo h5{
    font-size:1.1rem;
    line-height:1.5;
    color:#333;
}

.articulo .meta{
    color:#999;
    font-weight:600;
    margin-bottom:1rem;
    display:inline-block;
    margin-top:.5rem;
}

.articulo figure .pie{
    background-color: #F5F5F5;
    padding:.25rem 1rem;
    font-size:.9rem;
    color:#888;
}

.articulo figure .pie i{
    margin-right:.5rem;
}

.articulo{
    padding-bottom:3rem;
}

.articulo .content{
    padding-top:1rem;
    line-height:1.7;
    font-size:1rem;
}

.articulo .content p{
    margin-bottom:1.5rem;
}

.articulo img{
    max-width:100%;
}

/* Aside Botones */
.asideButtons{
    padding:1.5rem;
    background-color:#f5f5f5;
    border-radius:5px;
    margin-bottom:1rem;
}

.asideButtons img{
    max-height:90px;
    margin-bottom:.5rem;
}

.asideButtons .botones{
    max-width:220px;
    margin: 0 auto;
}

.asideButtons .botones .btn{
    width:100%;
    text-align:left;
    padding-left:1rem;
    margin-top:.75rem;
    font-weight:600;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* Documentos regimen tributario */
.docs1{
    padding-top:3rem;
}

.docs2 h5{
    font-weight:800;
    color:#666;
    margin-bottom:1rem;
}

.docs2{
    padding-bottom:3rem;
}

.docGrid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:1rem;
}

.docPreview{
    border:1px solid #eee;
    border-radius:5px;
    display:flex;
    padding:1rem;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    background-color:#f5f5f5;
    font-size:.9rem;
    color:#555;
}

.docPreview>*{
    align-self:flex-end;
}

.docPreview>*:first-child{
    flex:auto;
}

.docPreview>*:last-child{
    margin-left:1rem;
}

.docPreview>*:last-child .btn i{
    margin-right:0;
}

.docPreview dt{
    font-weight:400;
    font-size:.8rem;
    color:#888;
    margin-bottom:.5rem;
}

.docCategory{
    margin-bottom:3rem;
}

/* Quiénes Somos */
.banner-vision .container-fluid{
    height:100%;
}

.quienes1{
    padding-top:3rem;
    padding-bottom:3rem;
}

.quienes1 .section-title{
    margin-bottom:1.5rem;
}

.quienes2{
    padding-top:3rem;
    padding-bottom:3rem;
}


/* Formulario de voluntariado */
.wv-form{
    background-color: #F5F5F5;
    padding:2rem;
    border-radius:10px;
    margin-bottom:2rem;
}

.wv-form h5{
    color: #FF6B00;
    font-weight:600;
}

.wv-form h6{
    color: #666;
    font-weight:600;
    margin-bottom:1.5rem;
}

.form-group label.checkbox-basic{
    font-size:.9rem;
    color:#666;
}

.form-group label.checkbox-basic input{
    margin-right:.33rem;
}


/* Referidos  */
.referidos1{
    padding-top:3rem;
}

.referidos1 .section-title{
    margin-bottom:1.5rem;
}

.referidos2{
    padding-top:3rem;
    padding-bottom:3rem;
}

/* Mensaje enviado */
.mensaje-recibido{
    padding-top:6rem;
    padding-bottom:6rem;
}

.mensaje-recibido img{
    max-width:200px;
    margin-bottom:2rem;
}

.mensaje-recibido h1{
    font-size:2.5rem;
    margin-bottom:.5rem;
    font-weight:800;
}

.mensaje-recibido .subtitle{
    margin-bottom:2rem;
}

.mensaje-recibido .boton{
    font-size:1rem;
    padding:.5rem 2rem;;
}

/* Paginación */
.pagination a{
    color: #888;
}

.page-item.active .page-link{
    background-color: #FF6B00;
    border-color: #FF6B00;
}

.page-link:hover{
    color: #FF6B00;
}

.menu a.boton.boton-blue:hover{
    color:#fff;
}

[v-cloak] {
    visibility: hidden;
}

/* Modal Forms */
.modal-form .section-title{
    margin-bottom:.5rem;
}

.modal-form p{
    color:#555;
    font-weight:400;
}

.modal-form .modal-content{
    padding-top:1rem;
    padding-bottom:1rem;
    overflow: hidden;
}

.modal-form fieldset{
    max-width:300px;
    margin: 0 auto;
}

.modal-form .boton{
    padding-top:.5rem;
    padding-bottom:.5rem;
}

.modal-contacto .modal-header {
    position: absolute;
    right: 0;
    top: 0;
    padding: 1rem;
    border: none;
}

/* Modal Empresa socialmente responsable */
.empresa-social{
    background-color: #00ACCA;
    padding-left:2rem;
    padding-right:2rem;
    padding-top:2rem;
    padding-bottom:2rem;
    margin-top:1rem;
}

.empresa-social p{
    color:#fff;
    line-height:1.3;
    margin-bottom:0;
    font-weight:400;
}

.empresa-social .boton{
    padding-top:.25rem;
    padding-bottom:.25rem;
}

.banner-que-hacemos h2, .banner-que-hacemos a, .banner-que-hacemos p {
    color: #555 !important;
}

.slide-iniciativa h3{
    font-size:1.33rem;
    margin-bottom:1rem;
}

.slide-iniciativa h3 a{
    color: #FF6B00;
}

/* World Vision TV */
.wtv1{
    padding-top:3rem;
    padding-bottom:3rem;
}

.wtv2{
    padding-bottom:3rem;
}

/* World Vision TV Categorías */
.nav-wvtv{
    padding-top:.5rem;
    padding-bottom:.5rem;
    margin-bottom:2rem;
}

.nav-wvtv .nav-item{
    background-color: #f2f2f2;
    padding:.5rem 1rem;
    border-radius:5px;
    display:block;
    color:#333;
    transition:.2s;
}

.nav-wvtv .nav-item.active{
    background-color: #FF6B00;
    color:#fff;
    font-weight:600;
}

.nav-wvtv a.nav-item:hover{
    background-color: #e7e7e7;
}

/* WVTV Grid Videos */
.gridVideos{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
}

.videoPreview .video{
    margin-bottom:1rem;
}

@media(max-width:992px){
    .gridVideos{
        grid-template-columns: 1fr 1fr;
    }
}

@media(max-width:767px){
    .gridVideos{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .wtv1{
        padding-top:1.5rem;
        padding-bottom:1.5rem;
    }

    .wtv1 h2{
        font-size:1.5rem;
        margin-top:1rem;
    }

}


/* Ajustes Nuevo Homepage */
@media(min-width: 767px){
.home1Grid{
    grid-template-columns: repeat(5, 1fr);
}
}

.home-actions{
    padding-top:2.5rem;
    padding-bottom:2.5rem;
}

.home-title{
    color: #ff6b00;
    margin-bottom:3rem;
}

.home3{
    padding-top:4rem;
    padding-bottom:4rem;
}

.home2 h1, .home2 h1 strong{
    color: #fff !important;
}

.gridPrensa{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:1rem 3rem
}

.gridPrensa .noticiaPreview{
    grid-template-columns: 1fr 1fr;
}

.home3{
    background-color: #fff;
}

.home-cover .widgetDonar{
    position:absolute;
    right:0;
    bottom:0;
}

.widgetDonar{
    width:100%;
    border-radius:0;
    padding-top:.5rem;
    padding-bottom:.5rem;
    color: #fff;
}

.gridWidgetDonar{
    display:grid;
    grid-template-columns: auto 1fr 300px;
    align-content:center;
    align-items:center;
    grid-gap:1rem;
}

.gridWidgetDonarPatrocinio{
    display:flex;
    grid-template-columns: auto 1fr 300px;
    align-content:center;
    align-items:center;
    grid-gap:1rem;
    justify-content: space-between;
}

.home2{
    background-color: #f2f2f2;
}

.home2 .slick-dots{
    bottom:-2rem;
}

/* Tweets */
.tweets {
    padding: 0.333rem;
    background-color: #f5f5f5;
    border-radius:5px;
}

.tweets .twitterBox {
    max-height: 500px;
    overflow: scroll;
}

.tweets h4 {
    font-size: 1.3rem;
}

/* Patrocina Empresas */
.socialmente-responsables{
    padding:3rem 0;
}

.socialmente-responsables .gridSocialmente{
    display:grid;
    grid-template-columns: 1fr 1fr;
    align-items:center;
    grid-gap:2rem;
}

.socialmente-responsables{
    background-color: #00ACCA;
    color:#fff;
}

.socialmente-responsables h3{
    font-weight:800;
    margin-top:0;
    margin-bottom:1.5rem;
}

.socialmente-responsables p{
    color:#fff;
    font-size:1.33rem;
    line-height:1.3;
    margin-bottom:1.5rem;
}

.empresas-aliadas{
    background-color: #F5F5F5;
}

.otras-formas .miniTitle{
    margin-bottom:1rem;
}

/* Regiones Empresas */
.region{
    background-color: #F5F5F5;
    padding:2rem;
}

.region .gridRegionCover{
    display:grid;
    grid-template-columns: 280px 1fr;
    align-items:center;
    grid-gap:2rem;
    margin-bottom:1rem;
}

.region .gridRegionProjects{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
}

.projectRegion{
    border:1px solid #CCCCCC;
    border-radius:5px;
    padding:1rem 1.5rem;
}

.aliados11 h2{
    color: #00ACCA;
    font-size:1.5rem;
    text-align:center;
    font-weight:600;
}

.projectRegion dt{
    color: #00ACCA;
    font-size:1.2rem;
}

.projectRegion dd{
    color: #666666;
    font-size:1.1rem;
}

.projectRegion .ninos-copy{
    line-height:1.2;
}


.projectRegion .dato-ninos{
    margin-left:.5rem;
    font-size:1.1em;
    font-weight:600;
    color: #FF6B00;
    line-height:1.2;
}

.projectRegion .box-impacto{
    margin-bottom:1rem;
}

.projectRegion label{
    font-size:.9rem;
    margin-bottom:0.333rem;
}

.region .infoTitle h3{
    font-weight:800;
    color: #FF6B00;
    border-right:1px solid;
    padding-right:1rem;
    margin-right:1rem;
}

.region .infoTitle .ubicacion{
    color: #333333;
    font-weight:400;
}

.region .infoTitle{
    margin-bottom:1.5rem;
}

.region .intro{
    font-size:1.1rem;
}

.back-gris{
   background-color: #F5F5F5;
}

.como-unirse h2{
    margin-bottom:2rem;
    color: #00ACCA;
}

.como-unirse p{
    margin-bottom:3rem;
    font-size:1.1rem;
}

.como-unirse .gridUnirse{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem;
}

.iniciativa-unirse{
    background-color: #fff;
}

.iniciativa-unirse .foot{
    padding:1rem;
}

.iniciativa-unirse .foot p{
    margin-bottom:1rem;
    font-size:1rem;
}

.iniciativa-unirse dt{
    color: #FF6B00;
    font-size:1.2rem;
    margin-bottom:.5rem;
}

.unase{
    background-color: #FF6B00;
    color:#fff;
}

.unase a{
    color: #fff;
    font-sizE:1.4rem;
}

.unase a .title{
    font-weight:600;
    margin-left:1.5rem;
    margin-right:.5rem;
}

.unase a i{
    font-size:1.5rem;
}

.beneficios .section-title{
    margin-top:1rem;
    margin-bottom:4rem;
}

.gridBeneficios{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:3rem;
}

.gridBeneficios .beneficio{
    max-width:310px;
    margin: 0 auto;
}

.gridBeneficios .beneficio img{
    margin-bottom:1rem;
}