/*=========================================================
GOOGLE REVIEWS v2.1.0
=========================================================*/

.gr-modal{

    position:fixed;

    inset:0;

    display:none;

    align-items:center;

    justify-content:center;

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

    z-index:9999;

}

.gr-modal.is-open{

    display:flex;

}

.gr-window{

    width:min(900px,95vw);

    max-height:90vh;

    overflow-y:auto;

    background:#ffffff;

    border-radius:18px;

    padding:24px;

    box-shadow:0 20px 60px rgba(0,0,0,.30);

    display:flex;

    flex-direction:column;

}

.gr-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:24px;

}

.gr-business{

    display:flex;

    gap:16px;

    align-items:center;

}

.gr-logo{

    width:56px;

    height:56px;

    border-radius:50%;

    background:#4285F4;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:bold;

}

.gr-close{

    cursor:pointer;

    border:none;

    background:none;

    font-size:28px;

}



.gr-btn{

    padding:12px 18px;

    border-radius:8px;

    text-decoration:none;

    border:none;

    cursor:pointer;

}

.gr-btn-primary{

    background:#4285F4;

    color:#fff;

}

.gr-btn-secondary{

    background:#f2f2f2;

}

.gr-card{

    padding:24px;

    border:1px solid #ececec;

    border-radius:14px;

    margin-bottom:20px;

}

.gr-card-header{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:14px;

}

.gr-avatar{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#4285F4;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

    font-size:20px;

}

.gr-author{

    font-weight:600;

    margin-bottom:2px;

}

.gr-date{

    font-size:.85rem;

    color:#777;

    margin-bottom:6px;

}

.gr-stars{

    color:#fbbc04;

    font-size:1rem;

}

.gr-text{

    margin-top:16px;

    line-height:1.7;

}

/*=========================================================
CONTENEDOR DE OPINIONES
=========================================================*/

#grReviewsContainer{
  
    margin:20px 0;
    
}

.gr-footer{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:16px;

    margin-top:20px;

    flex-shrink:0;

}
.gr-author-info{

    display:flex;

    flex-direction:column;

}