/* ==================================================
   MINISTERIOS ANCLA - CUSTOM CSS
   ================================================== */

/* Ocultar acciones de login */
.dnnLoginActions {
    display: none;
}

/* Seguridad general contra desbordamientos */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

.edsBB__container,
.edsBB__row,
.edsBB__col {
    max-width: 100%;
    box-sizing: border-box;
}


/* ==================================================
   PORTADA
   ================================================== */

.ancla-hero {
    margin-top: 0 !important;
}

.ancla-hero-content {
    box-sizing: border-box;
}


/* ==================================================
   TABLET Y CELULAR
   ================================================== */

@media (max-width: 767px) {

    /* CONTENEDORES EASYDNN */

    .edsBB__container,
    .edsBB__container.container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .edsBB__row.row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .edsBB__col {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .edsBB__container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .edsBB__container [class*="col-"] {
        max-width: 100%;
        box-sizing: border-box;
    }


    /* TEXTOS E IMÁGENES */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    li,
    a,
    span {
        max-width: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    .edsBB__image,
    .img-fluid {
        max-width: 100% !important;
        height: auto !important;
    }

    .eds_btn {
        white-space: normal !important;
        max-width: 100% !important;
    }


    /* PORTADA */

    .ancla-hero {
        margin-top: 0 !important;
        min-height: 520px !important;
        padding-top: 0 !important;
        align-items: flex-end !important;
        background-position: 70% center !important;
    }

    .ancla-hero .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ancla-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 32px 22px 38px 22px !important;
        box-sizing: border-box !important;
    }

    .ancla-hero-eyebrow {
        font-size: 13px !important;
        letter-spacing: 3px !important;
        margin-bottom: 12px !important;
    }

    .ancla-hero h1 {
        font-size: 36px !important;
        line-height: 1.12 !important;
        margin-bottom: 14px !important;
    }

    .ancla-hero p {
        font-size: 19px !important;
        line-height: 1.45 !important;
        margin-bottom: 22px !important;
    }

    .ancla-hero-buttons {
        width: 100% !important;
    }

    .ancla-hero-buttons a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 13px 18px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }


    /* QUIÉNES SOMOS */

    .eds_box3.eds_left {
        width: 100% !important;
        max-width: 100% !important;
        padding: 28px 20px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .eds_box3.eds_left h2 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .eds_box3.eds_left h3 {
        font-size: 19px !important;
        line-height: 1.4 !important;
    }

    .eds_box3.eds_left p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}


/* ==================================================
   CELULARES PEQUEÑOS
   ================================================== */

@media (max-width: 480px) {

    .ancla-hero {
        min-height: 500px !important;
        background-position: 72% center !important;
    }

    .ancla-hero h1 {
        font-size: 32px !important;
    }

    .ancla-hero p {
        font-size: 18px !important;
    }
}