/* ===================================
   AH RSS NEWS GRID
=================================== */


/* GRID */

.ahrng-grid{

    display:grid;

    grid-template-columns:
    repeat(var(--desktop),1fr);

    gap:20px;

}



/* TARJETAS */

.ahrng-card{

    cursor:pointer;

    overflow:hidden;

    background:#fff;

    border-radius:10px;

    box-shadow:
    0 2px 10px rgba(0,0,0,.10);

    transition:.3s;

}



.ahrng-card:hover{

    transform:translateY(-3px);

}



/* IMAGEN */

.ahrng-card img{

    width:100%;

    object-fit:cover;

    display:block;

}



/* TITULO */

.ahrng-title{

    padding:15px;

    font-size:18px;

    line-height:1.3;

    font-weight:600;

}



/* POPUP */

.ahrng-popup{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.75);

    z-index:999999;

    padding:30px;

}



.ahrng-popup-box{

    background:#fff;

    color:#111;

    max-width:900px;

    margin:40px auto;

    padding:20px;

    border-radius:12px;

    position:relative;

    max-height:85vh;

    overflow:auto;

}



.ahrng-popup-image{

    width:100%;

    height:auto;

    display:block;

    margin-bottom:15px;

}



.ahrng-popup-title{

    margin-top:10px;

}



.ahrng-popup-content{

    line-height:1.6;

}



.ahrng-close{

    position:absolute;

    right:15px;

    top:10px;

    cursor:pointer;

    font-size:22px;

    z-index:2;

}



/* RESPONSIVE */

@media(max-width:900px){

.ahrng-grid{

grid-template-columns:
repeat(var(--tablet),1fr);

}

}


@media(max-width:600px){

.ahrng-grid{

grid-template-columns:
repeat(var(--mobile),1fr);

}

}

@media(max-width:600px){

    .ahrng-popup{

        padding:10px;

        box-sizing:border-box;

    }

    .ahrng-popup-box{

        width:100%;

        max-width:100%;

        height:auto;

        max-height:calc(100vh - 20px);

        margin:0 auto;

        border-radius:10px;

        padding:15px;

        box-sizing:border-box;

        overflow-y:auto;

    }

    .ahrng-popup-image{

        width:100%;

        height:auto;

    }

    .ahrng-close{

        position:sticky;

        top:0;

        float:right;

        font-size:28px;

        background:#fff;

        padding:5px 10px;

        border-radius:50%;

        z-index:9999;

    }
/*====================================
LECTOR DE NOTICIAS
====================================*/

.ahrng-reader{

margin:15px 0;

text-align:center;

}

#ahrng-reader-btn{

background:#0b5ed7;

color:#fff;

border:none;

padding:10px 18px;

border-radius:8px;

cursor:pointer;

font-size:15px;

font-weight:bold;

transition:.3s;

}

#ahrng-reader-btn:hover{

opacity:.9;

}

}