/**
 *  Google Reviews Carousel – CSS v4
 *  --------------------------------
 *  • Las tarjetas se centran como en la maqueta.
 *  • Las flechas nunca pisan las tarjetas.
 *  • Responsivo: 3-2-1 columnas (desktop-tablet-mobile).
 */

/* 1 ▸ CONTENEDOR PRINCIPAL (padding = ancho de flecha + margen) */
.grc-wrapper{
    --arrow-side : 48px;             /* tamaño de flecha cuadrada            */
    --arrow-gap  : 24px;             /* hueco entre flecha y tarjeta         */
    --side-pad   : calc(var(--arrow-side) + var(--arrow-gap));

    width:100%;
    max-width:1240px;                /* opcional: ancho máx del carrusel     */
    margin:0 auto;                   /* centra el bloque en la página        */
    padding:0 var(--side-pad);
    position:relative;
    font-family:var(--wp--preset--font-family--system-ui);
}

/* móvil: reducimos paddings y flecha */
@media (max-width:767px){
    .grc-wrapper{
        --arrow-side : 40px;
        --arrow-gap  : 12px;
    }
}

/* 2 ▸ TÍTULO */
.grc-heading{
    text-align:center;
    font-size:clamp(1.6rem,2.1vw,2.25rem);
    margin:0 0 1.75rem;
}

/* 3 ▸ SWIPER */
.grc-swiper{ overflow:visible!important; }

/* 4 ▸ TARJETAS */
.grc-slide{
    background:#fff;
    border-radius:0.75rem;
    padding:1.25rem 1.75rem;
    box-shadow:0 6px 14px rgba(0,0,0,.08);
    height:auto;
}

.grc-header{display:flex;align-items:center;gap:0.9rem;margin-bottom:0.75rem;}
.grc-avatar{width:48px;height:48px;border-radius:50%;flex:0 0 48px;}
.grc-author{margin:0 0 2px;font-size:1rem;}
.grc-stars{line-height:1}.grc-star{color:#ffc107;font-size:1rem;}.grc-star__empty{color:#dcdcdc}

.grc-text{
    font-size:0.875rem;line-height:1.45;margin:0;
    display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;
}
.grc-slide.expanded .grc-text{-webkit-line-clamp:unset;}

.grc-readmore{display:inline-block;margin-top:.625rem;font-weight:600;cursor:pointer;text-decoration:underline;color:#333}

/* 5 ▸ FLECHAS */
.grc-arrow{
    width:var(--arrow-side);height:var(--arrow-side);
    position:absolute;top:calc(50% - var(--arrow-side)/2);
    background:#9b2cff;             /* color de la maqueta  */
    border-radius:6px;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;z-index:20;
    transition:background .2s;
}
.grc-arrow:hover{background:#7a22ca}

.swiper-button-prev.grc-arrow{left:var(--arrow-gap);}
.swiper-button-next.grc-arrow{right:var(--arrow-gap);}

.swiper-button-prev::after,
.swiper-button-next::after{
    font-size:calc(var(--arrow-side) * .5);
    color:#fff;
}

/* 6 ▸ DOTS OFF */
.swiper-pagination{display:none!important;}