.mobile {
    display: none;
}


/* Navegación */
@media (max-width: 1150px) {
    .menu .menu-item {
        text-align: center;
        line-height: 1.1;
    }

}

@media (max-width: 992px) {

    body {
        overflow-x: hidden;
    }

    .mobile {
        display: block;
    }

    header .menu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        display: inline-block;
        background-color: #fff;
        z-index: 99;
        width: 250px;
        padding: 1.5rem;
        border-top: 5px solid #FF8833;
        border-right: 1px solid #ddd;
        transform: translateX(-100%);
        -webkit-transition: 0.2s ease-out all;
    }

    .headerGrid .logo {
        display: flex;
    }

    header {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

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

    header .container-fluid.mid {
        width: 100%;
        margin: 0;
    }

    .headerGrid .logo .ham {
        margin-right: 1rem;
        font-size: 1.5rem;
        color: #888;
        padding-left: .5rem;
        padding-right: .5rem;
    }

    header .menu.active {
        transform: translateX(0%);
    }

    header .menu .menu-item {
        display: block;
        width: 100%;
        text-align: left;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    header .menu .menu-item.boton {
        text-align: center;
        padding-top: .5rem;
        padding-bottom: .5rem;
        margin-bottom: 1rem;
    }

    .menu-overlay {
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 98;
        opacity: 0;
        -webkit-transition: 0.2s ease-out all;
    }

    .menu-overlay.active {
        bottom: 0;
        opacity: 1;
    }

    .menu-item .submenu {
        display: block;
        position: relative;
        margin-top: .5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 0.5rem;
        margin-left: 0;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }

}


@media (max-width: 767px) {

    /* Layout */
    .container-fluid {
        width: 100%;
        margin: 0;
    }

    .headerGrid {
        display: block;
    }

    .headerGrid .logo {
        margin-bottom: 1.5rem;
    }

    .headerGrid .logo .ham {
        margin-right: 0;
    }

    .headerGrid .logo a {
        flex: auto;
        text-align: center;
        margin-right: 2rem;

    }

    .headerGrid .redes {
        display: block;
    }

    .headerGrid .redes > * {
        justify-content: center;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: .75rem;
    }

    .headerGrid .redes .headerActions {
        margin-bottom: 0;
    }
}

/* Footer */
@media (max-width: 992px) {
    .footerGrid {
        display: block;
    }

    .footerGrid > * {
        margin-bottom: 1rem;
        padding-left: 0;
    }

    .footerGrid .left {
        padding-left: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .footerGrid .center {
        padding-left: 1.5rem;
    }
}


/* HomePage */
@media (max-width: 767px) {
    .home1 {
        display: block;
    }

    .home1Grid {
        max-width: 100%;
        width: 100%;
    }

    .home1 .left {
        min-height: 50vw;
        position: relative;
        margin-bottom: 130px;
    }

    .home1 .right {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 1.5rem;
    }

    .home1 .right h2 {
        margin-bottom: 1.5rem;
        font-size: 1.33rem;
    }

    .home2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .widgetDonar {
        position: absolute;
        width: 100%;
        bottom: -130px;
        background: none;
        color: #555;
        padding: 1rem 1rem;
        border-bottom: 1px solid #ddd;
    }

    .widgetDonar dd {
        font-size: .9rem;
    }

    .widgetDonar dt, .widgetDonar dd {
        color: #555;
    }

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

    .home1Grid .home-title {
        font-size: 1.5rem;
    }
}

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

}

@media (max-width: 992px) {
    .slide-iniciativa {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        margin: 0;
    }

    .slide-iniciativa .title {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .slide-iniciativa p {
        margin-bottom: 0;
    }

    .home3 .miniTitle {
        margin-bottom: 1rem;
    }

    .home5 {
        padding-top: 1.5rem;
    }

    .sliderHome {
        margin-bottom: 2rem;
    }

    .home5 .miniTitle {
        width: 100%;
        border-top: 1px solid #ddd;
        padding-top: 1rem;
    }

}

@media (max-width: 1150px) {
    .subscribe {
        background-size: 110%;
    }
}

@media (max-width: 992px) {
    .subscribe {
        background-size: 250%;

    }
}

@media (max-width: 767px) {
    .subscribe .input-group {
        display: block;
    }

    .subscribe .input-group > * {
        width: 100%;
        display: block;
        border-radius: 5px !important;
        margin-bottom: .5rem;
    }

    .subscribe .input-group-append .btn {
        width: 100%;
        border-radius: 5px;
    }

    .gridAliados {
        grid-template-columns: 100%;
    }
}


@media (max-width: 767px) {

    .home4 .naui-overlay, .banner-vision .naui-overlay {
        position: relative;
        color: #555;
    }

    .textRightBanner .left {
        display: none
    }

    .textRightBanner {
        display: block;
    }

    .textRightBanner .right {
        margin-top: 1rem;
        justify-content: center;
    }

    .textRightBanner .faro {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .textRightBanner .faro h2 {
        color: #555;
        font-size: 1.5rem;
    }

    .textRightBanner .right p {
        color: #555;
        font-weight: 400;
        font-size: 1.1rem;
    }

    .textRightBanner .enterate {
        color: #555;
    }

}


/* Internas */
@media (max-width: 992px) {
    .banner .right h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .banner .naui-overlay {
        position: relative;
        color: #555;
    }

    .banner .naui-overlay h2 {
        color: #333;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1.333rem;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
    }

    .section-title {
        font-size: 1.333rem;
        margin-bottom: 1rem;
    }

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

@media (max-width: 992px) {
    .gridEnfoques {
        grid-gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    .gridEnfoques {
        grid-template-columns: 1fr;
        margin-top: 2rem;
    }

    .enfoque dt {
        font-size: 1.33rem;
        line-height: 1.2;
    }

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

    .enfoque .title {
        display: flex;
        align-self: center;
    }

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

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

    .informe .foot {
        display: block;
        padding: .5rem;
    }

    .informe .content {
        margin-bottom: .5rem;
    }

    .informe .foot .btn i {
        font-size: .8rem;
    }

    .informe .foot .btn {
        padding: .1rem 1.5rem;
    }

    .enfoques3 {
        padding-top: 1.5rem;
    }

    .enfoques4flex {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        max-width: 100%;
    }

    .enfoques4flex > * {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    .enfoques4flex img {
        display: none;
    }

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

    .publicaciones1 {
        padding-top: 1.5rem;
    }

    .publicaciones1 .subtitle {
        margin-bottom: 1.5rem;
        text-align: center;
    }

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

@media (max-width: 992px) {
    .publicacion .title {
        padding-top: 0;
    }

    .publicacion {
        grid-gap: 0 1.5rem;
        padding: 0;
        padding-bottom: 1.5rem;
    }
}

@media (max-width: 500px) {
    .publicacion {
        grid-gap: 1rem;
        grid-template-columns: 2fr 3fr;
        grid-template-areas: 'image title' 'content content';
        padding-bottom: 1rem;
    }

    .publicacion .title {
        display: flex;
        align-self: center;
    }

    .publicacion .title h5 {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .sala1 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .aside-menus {
        padding-left: 0;
    }

    .noticiaPreview {
        margin-bottom: 1rem;
    }

    .noticiaPreview p {
        margin-bottom: 0;
    }

    .articulo {
        padding-top: 0.5rem;
        padding-bottom: 1rem;
    }

    .articulo h1 {
        font-size: 1.5rem;
    }

    .articulo figure {
        margin-bottom: 0;
    }

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

/* Dónde estamos */
@media (max-width: 767px) {
    .donde2 {
        padding-top: 1.5rem;
    }

    .donde2 h3 {
        font-size: 1.33rem;
    }

    .donde3 .nav-tabs {
        display: block !important;
        margin-bottom: 1rem;
        border-radius: 5px;
        overflow: hidden;
    }

    .donde3 .nav-item {
        margin: 0;
        border-radius: 0;
    }

    .geografia {
        grid-template-columns: 1fr;
        padding: 1rem;
        grid-gap: 1rem;
    }

    .icono-geo {
        max-width: 150px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .geografia h3 {
        font-size: 1.33rem;
    }

    .mundoGrid {
        grid-template-columns: 100%;
        grid-gap: 1.5rem;
    }

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

    .mundoGrid h2 {
        font-size: 1.33rem;
        margin-bottom: 1.5rem;
    }

    .mundoGrid .worldSelect {
        margin-top: 1.5rem;
        display: block;
    }
}

/* Formas de ayudar */

@media (max-width: 767px) {
    .formas2 {
        padding-top: 1.5rem;
    }

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

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

    .forma h3 {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .forma .titulo {
        align-self: center;
    }

    .iniciativas h2 {
        margin-bottom: 1.5rem;
        font-size: 1.33rem;
    }

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

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

}

/* Voluntariado */
@media (max-width: 767px) {
    .voluntario1 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .voluntariadoTipo {
        grid-template-areas: 'icon titulo' 'content content';
        grid-gap: 1rem;
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .voluntariadoTipo .titulo {
        align-self: center;
    }

    .wv-form {
        padding: 1rem;
        margin-bottom: 1rem;
    }

}

/* Aliados */
@media (max-width: 767px) {
    .aliados1 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

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

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

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

    .aliados2 .vip2 > * {
        margin: 0;
        text-align: center;
    }

    .aliados2 .vip2 > * > img {
        width: 90px;
    }

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

    .platinumGrid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }

    .aliados4 .aliadosGoldGrid {
        display: block;
    }

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

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

    .aliados4 .aliadosGoldGrid .left {
        border: none;
        margin-bottom: 2rem;
    }

    .aliados4 .aliadosGoldGrid .right {
        border: none;
        margin-bottom: 2rem;
    }

    .aliados4 .aliadosGoldGrid .d-flex {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
}

/* Iniciativas */
@media (max-width: 767px) {
    .forma.iniciativa {
        grid-template-columns: 1fr;
        grid-template-areas: 'icono' 'content';
    }

    .docs1 {
        padding-top: 1.5rem;
    }

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

    .referidos2 {
        padding-top: 0;
        padding-bottom: 1.5rem;
    }

    .mensaje-recibido {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .mensaje-recibido h1 {
        font-size: 2rem;
    }

}

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

    .docs2 h5 {
        font-size: 1rem;
        font-weight: 600;
    }

}

@media (max-width: 767px) {
    .home-cover .naui-overlay {
        position: relative;
        height: auto;
        top: auto;
        bottom: auto;
    }

    .home-cover .widgetDonar {
        position: relative;
    }

    .home-cover .widgetDonar .gridWidgetDonar {
        grid-template-columns: 1fr;
    }

    .home-cover .widgetDonar .gridWidgetDonar > div {
        text-align: center !important;
    }

    .homeEntry {
        align-items: center;
        grid-template-columns: 100px 1fr;
        grid-template-rows: 1fr;
    }
}

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

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

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

    .home-title {
        font-size: 1.7rem;
    }

    .home4 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 2rem;
    }

    .widgetDonar {
        border-bottom: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    }

}

/* Resposnive Nuevo Empresas */

@media (max-width: 767px) {
    .socialmente-responsables .gridSocialmente {
        grid-template-columns: 1fr;
    }

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

    .region .gridRegionCover .image {
        grid-area: image;
        text-align: center;
    }

    .region .gridRegionCover .image img {
        max-width: 300px;
    }

    .region .gridRegionCover .info {
        grid-area: info;
    }

    .region .gridRegionCover {
        grid-template-columns: 1fr;
        grid-template-areas: 'info' 'image';
        grid-gap: 1rem;
    }

    .region {
        padding: 1rem;
    }

    .aliados11 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .aliados11 h2 {
        font-size: 1.3rem;
    }

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

    .unase a .title {
        line-height: 1;
        max-width: 300px;
    }

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

    .gridBeneficios .beneficio img {
        max-height: 100px;
    }

    .region .infoTitle h3 {
        font-size: 1.3rem;
        width: min-content;
    }

}

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

    .donde3 {
        padding-bottom: 1rem;
        grid-gap: 1rem;
    }

    .beneficios .section-title {
        margin-bottom: 2rem;
        margin-top: 0;
    }

    .beneficios {
        padding-top: 2rem;
    }
}


@media (max-width: 750px) {
    .pangea {
        flex-direction: column;
        align-items: center;
        flex: 100%;
    }

    .headerGrid .logo a {
        margin-bottom: 1rem;
    }

    .logo-pangea {
        margin-right: 2rem;
    }
}