@media (max-width: 414px) {
     
    body {
        display: flex;
        align-items: flex-start;
        width: 99vw; height: 99vh;
    }
    main {
        max-width: 99%; max-height: 99%;
        width: 99%;
        height: 99%;
        margin-top:90px;
    }

    /* navegation */
    .burger img{ width: 100%; height: auto; filter: invert(100%);}
    .burger{
    display: flex;
    z-index: 9;
    position: fixed; top:0; right: 0;
    margin: 25px 1em 0 0;
    padding: .5em;
    width: 50px; height: 50px;
    border-radius: .3em;
    box-sizing: border-box;
    background-color: var(--main);
    }
    nav { 
        padding: 2em 0 .5em 4em;
        position: fixed; top: 0;
        margin: 0;
    }
    nav ul { 
        z-index: 9;
        justify-content: center; align-items: center;
        position: fixed; top: 0; right: 0;
        margin: 0; padding: 0;
        padding: 0 2em 0 0;
        width: 80vw;
        height: 100vh;
        text-align: center; 
        background-color: var(--main);
        flex-direction: column;
        border-radius: 0 0 .8em .8em;
        transition: all .3s ease;
        transform: translateX(100vh);
    }
    nav ul li{
        width: 100%;
        height: min-content;
        text-align: right;
        margin-bottom: 2em;
        
    }
    nav ul li a {
        width: auto;
        font-size: 1.8rem;
        color: #fff;
    }
    nav ul li a:visited {
        color: #fff;
    }
    nav button {
        font-size: 1.6rem;
        border:1px solid #fff; box-sizing: border-box;
    }



    /* presentacion */
    section.presentacion{
        flex-direction: column-reverse;
        margin: 0;
        min-height: 10px;
        height: auto;
    }
    .presentacion_txt {
        width: 100%;
        padding: 0 2em;
        text-align: center;
    }
    .presentacion h2 {
        font-size: 1.9rem;
        line-height: 2rem;
    }
    section.presentacion .presentacion_img {
        margin-top: 1em;
    }

    .modal_box{ padding: 1em;}
    .bio_box{
        justify-content: center;
        flex-direction: column;
        width: 100%;
        height: 600px;
        max-height: 600px;
        border: none;
    }
    .bio_img{
        width: 100%;
        background-position: center center;
    }
    .bio_txt{
        width: 100%;
    }
    .datos_numeros{
        padding: .5em;
        margin-top: 2em;
    }
    .datos_numero_box{
        margin: .5em;
    }
    .datos_numero_box h3{
        text-align: center;
    }

    /* entidades */
    section.entidades{
        margin: 0;
    }

    .entidades ul{
        width: 100%;
        margin-top: 1rem;
        display: flex; flex-wrap: wrap; justify-content: center;
        background-color: #fff;
    }
   
    .entidades ul li{
        width: 23%;
        margin: .2em;
        padding: 0 .5em;
        border:1px solid rgba(0, 0, 0, .2); box-sizing: border-box;
        border-radius: .8em;
    }

    /* datos */
    .datos_box{
    height: auto;
    display: flex; justify-content: center; align-items: center;
    flex-direction: column-reverse;
    }
    .datos_personales_img{
    height: 260px;
    max-width: 100%;
    }

    /* en proceso */
    .proceso_item h4{
        width: 100%;
    }
    .proceso_item h5{
        width: 100%;
    }
    /* galeria */
    section.galeria{
        flex-direction: column;
        width: 100%;
    }
    .galeria_txt{
    text-align: center;
    width: 100%;
    }
    .galeria_txt_group{padding: 0 2em;}
    .galeria_txt_group p {padding-bottom: 3em;}
    .galeria_img{
    width: 100%; height: 100%;
    margin-bottom: 2em;
    padding: 0 .5em;
    }

    .popup_div img{ width: 100%;}
    .popup_div{ height: 100%;}

    /* blog */
    .blog{
        min-height: 300px;
    }
    .blog_box{ padding: 0;}
    .post_box{
        width: 100vw;
        margin: 0;
        padding: 0;
        display: flex; flex-wrap: wrap;
    }
    .blog_txt{ width: 100%; text-align: center;}
    
    .blog_txt h4{
        font-family: var(--Popins);
    }

    .blog_txt h2{ 
        font-size: 2rem;
        font-family: var(--Popins);
    }
    .blog_txt h2::after{ 
        content: '';
        display: block;
        width: 90%;
        height: 1px;
        padding: 0 1em;
        margin-top: .5em;
        background-color: rgba(0, 0, 0, .5);
    }
    
    .btn_blog{ 
        width: auto; 
        margin: 0;
        padding: .5em;
        color: var(--main); 
        background-color: var(--blanco) !important;
    }

    .card{
        min-width: 100%;
        margin: 0;
        padding: 1em;
    }
    .card_portada { height: auto;}

    /* prensa */
    section.prensa h2{
        font-size: 2rem;
        margin-bottom: .8em;
        text-align: center;
    }
    section.prensa h3{
        margin: 0;
        margin-bottom: 1em;
        text-align: center;
        width: 100%;
        padding: 0 2em;
        box-sizing: border-box;
    }

    .categorias span{ padding: .2em;}
    .categorias{
        width: 100%;
        display: flex; flex-wrap: wrap;
        border-radius: .5em;
        margin: .5em 0;
        box-sizing: border-box;
    };

    .prensa_txt ul {
        margin: 0;
        padding: 0;
        display: flex; 
    }
    .prensa_txt li {
        margin: .2em;
        padding: .5em;
        width: 48%;
        margin-bottom: .8em;
        box-sizing: border-box;
    }
    .prensa_txt ul li::before { left:-.5px;}



    /* tienda */
.tienda .cabecera{ width: 100%;}
.book{
    flex-direction: column;
    width: 50%;
}
.portada{ padding: 0 1em;}
.data h2{ width: 100%; padding: 0 .5em;}
.data h3 { padding: 1em;}
.editorial, .precio, .lanzamiento{
    width: 100%;
    justify-content: center;
}
.data button {
    justify-content: center;
    width: 100%;
    margin: 1em;
}
.book,
.data h2,
.data h3,
.editorial, 
.precio, 
.lanzamiento,
.data button { text-align: center;}

/* detalle book */
.book_detalle{
    flex-direction: column;
    padding: 1em;
}
.portada_detalle{
    display: flex;
    justify-content: center;
    width: 100%;
}
.portada_detalle img{width: 50%;}
.data_detalle{ 
    text-align: center;
    padding: .5em;
    justify-content: center;
    width: 100%;
}
.data_detalle p{ text-align: left; }

.data_detalle button{
    width: 100%; 
    justify-content: center;
    padding: 1em 0;
    font-size: 1.5rem; 
    }


/* tienda */

.tienda_categoria span { margin: .5em;}
.tienda_categoria{
    flex-wrap: wrap;
}

    
/* footer */
footer {
    flex-direction: column-reverse;
    margin-bottom: 80px;
}
footer a { padding-top: 1.5em; }
footer .copyright { padding: 0; }
footer .email { display: none;}



/* end @media cel */
  }