/* FUENTES */
@font-face {
    font-family: 'MajritTx';
    src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Roman.woff') format('woff');
    font-weight: 360;
    font-style: normal;
}

/* SOBRESCRITURA */
body {overflow-x: hidden;}
body .a_e {display: none;}
body .a .raw_html { margin: 0 !important;}

b, strong { font-weight: 500 !important; }

/* APERTURA */
body {
    padding-bottom: env(safe-area-inset-bottom);
}
body .apertura {
    width: 100%;
    height: auto;
    
    box-sizing: border-box;
    padding-top: 2.5vh;
    margin-bottom: 80px;
}

body .apertura .apertura-first {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    padding: 0px 16px;
}

body .apertura .apertura-first span {
    font-family: 'MajritTx', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
body.is-ios .apertura .apertura-first span{
    margin-top: -15vh;
}

body .apertura .apertura-sticky {
    width: 100%;
    height: 350vh;
}

body .apertura .apertura-sticky .as-fixed {
    position: sticky;
    top: calc(100vh - 42vw);

    width: 100%;
    height: 42vw;

    overflow: hidden;
}

body .apertura .apertura-sticky.active .as-fixed {
    top: 0;
    height: 100vh;
}

body .apertura .apertura-sticky .as-fixed .as-images {
    width: 100%;
    height: 100%;

    display: none;
}

body .apertura .apertura-sticky .as-fixed .as-images.enabled {
    display: block;
}

body .apertura .apertura-sticky .as-fixed .as-images .img-fixed {
    position: absolute;
    top: 0;
    transition: all 0.75s ease-in-out;

    width: 66vw;
    height: auto;
}

body .apertura .apertura-sticky.active .as-fixed .as-images .img-fixed {
    bottom: -24vw;
    top: unset;
}

body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-1 { z-index: 1; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-2 { z-index: 2; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-3 { z-index: 3; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-4 { z-index: 4; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-5 { z-index: 5; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-6 { z-index: 6; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-7 { z-index: 7; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-8 { z-index: 8; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-9 { z-index: 9; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-10 { z-index: 10; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-11 { z-index: 11; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-12 { z-index: 12; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-13 { z-index: 13; }
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed-14 { z-index: 14; }

/* Animación */
body .apertura .apertura-sticky .as-fixed .as-images .img-fixed.active {
    bottom: 50% !important;
    left: 50% !important;
    will-change: transform;
    transform: translate3d(-50%, 50%, 0px);
    transition: all 1s ease-in-out;
}

/* ÚLTIMO TITULAR DE LA APERTURA */
body .apertura .apertura-last {
    width: 100%;
    height: auto;

    position: relative;
    box-sizing: border-box;
    padding: 0px 16px 80px 16px;
    padding-bottom: 0px;
    
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: -15vh;
}

body .apertura .apertura-last h1 {
    font-family: 'MajritBn', sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: center;
    text-transform: uppercase;


    margin: 0px auto;
    max-width: 260px;
}

@media only screen and (min-width: 48em) {
    body .apertura {
        padding-top: 10vh;
    }
    body .apertura .apertura-first span {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: -0.5px;
        max-width: 624px;
    }

    body .apertura .apertura-sticky .as-fixed {
        top: calc(100svh - 19vw);
        height: 19vw;
    }

    body .apertura .apertura-sticky .as-fixed {
        height: 19vw;
    }

    body .apertura .apertura-sticky .as-fixed .as-images .img-fixed {
        width: 34vw;
    }

    body .apertura .apertura-sticky.active .as-fixed .as-images .img-fixed {
        bottom: -15vw;
    }

    body .apertura .apertura-last {
        margin-top: -10vh;
    }

    body .apertura .apertura-last h1 {
        font-size: 58px;
        line-height: 56px;
        letter-spacing: -1.5px;
        max-width: 470px;
    }
}   

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}