.elementor-1753 .elementor-element.elementor-element-f33f981{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1753 .elementor-element.elementor-element-268c3f5{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-4a6641d *//* ====== VIVAGOP x Trustpilot — FORMULARIO REVIEWS (FONDO BLANCO) ====== */
.vg-trust{
  --vg-bg:#ffffff;              /* FONDO BLANCO */
  --vg-chip:#f5f8fa;            /* campos */
  --vg-text:#0b0f14;            /* texto principal */
  --vg-muted:#64748b;           /* placeholder/ayudas */
  --vg-border:#d6dee6;          /* bordes suaves */
  --vg-accent:#2ea0ff;          /* azul VIVAGOP */
  --vg-accent-2:#2fb7ad;        /* teal VIVAGOP */
  --vg-success:#00b67a;         /* verde Trustpilot */
  --vg-danger:#ff4d4d;
  --vg-radius:18px;
  --vg-shadow:0 10px 26px rgba(0,0,0,.08);
}

/* -------- CARD DEL FORMULARIO -------- */
.vg-trust .glsr .glsr-form{
  max-width: 920px;
  margin: 30px auto 48px;
  padding: 30px;
  background: var(--vg-bg);
  border: 1px solid var(--vg-border);
  border-radius: var(--vg-radius);
  box-shadow: var(--vg-shadow);
  color: var(--vg-text);
}

/* Label y títulos */
.vg-trust .glsr .glsr-form h3,
.vg-trust .glsr .glsr-form h4{
  margin: 0 0 12px;
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--vg-text);
}

.vg-trust .glsr .glsr-field{ margin-top: 14px; }
.vg-trust .glsr .glsr-label{
  display:block;
  margin-bottom: 6px;
  font-size:.95rem;
  color: var(--vg-muted);
}

/* Inputs, selects, textarea */
.vg-trust .glsr input[type="text"],
.vg-trust .glsr input[type="email"],
.vg-trust .glsr select,
.vg-trust .glsr textarea{
  width:100%;
  background: var(--vg-chip);
  border: 1px solid var(--vg-border);
  color: var(--vg-text);
  border-radius: 12px;
  padding: 13px 15px;
  outline:none;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.vg-trust .glsr textarea{ min-height:160px; resize:vertical; }
.vg-trust .glsr input::placeholder,
.vg-trust .glsr textarea::placeholder{ color: var(--vg-muted); }

.vg-trust .glsr input:focus,
.vg-trust .glsr select:focus,
.vg-trust .glsr textarea:focus{
  border-color: var(--vg-accent);
  box-shadow: 0 0 0 3px rgba(46,160,255,.25);
}

/* ⭐ Estrellas tipo Trustpilot */
.vg-trust .glsr .glsr-star-rating{
  display:inline-flex;
  gap:10px;
}
.vg-trust .glsr .glsr-star-rating button{
  background:transparent;
  width:42px;
  height:42px;
  padding:0;
  cursor:pointer;
}

.vg-trust .glsr .glsr-star-empty svg path{ fill:#d6dee6; }

/* hover con gradiente azul→teal */
.vg-trust .glsr .glsr-star-rating button:hover svg path,
.vg-trust .glsr .glsr-star-rating button:hover ~ button svg path{
  fill:#d6dee6 !important; /* derecha se queda vacío */
}
.vg-trust .glsr .glsr-star-rating button:hover svg path{
  fill:url(#vgGrad) !important;
}

/* Estrella seleccionada en verde Trustpilot */
.vg-trust .glsr .glsr-star-full svg path,
.vg-trust .glsr .glsr-star-half svg path{
  fill: var(--vg-success) !important;
}

/* checkbox */
.vg-trust .glsr .glsr-consent input[type="checkbox"]{
  appearance:none;
  width:20px; height:20px;
  border-radius:6px;
  background:#fff;
  border:1px solid var(--vg-border);
  margin-right:10px;
  position: relative;
  top:5px;
}
.vg-trust .glsr .glsr-consent input[type="checkbox"]:checked{
  background: linear-gradient(90deg, var(--vg-accent), var(--vg-accent-2));
  border-color: transparent;
}

/* Botón enviar */
.vg-trust .glsr .glsr-button,
.vg-trust .glsr .glsr-submit,
.vg-trust .glsr .glsr-form button[type="submit"]{
  display:inline-flex;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius: 12px;
  background: linear-gradient(90deg, var(--vg-accent), var(--vg-accent-2));
  color:#fff;
  font-weight:700;
  border:none;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .25s ease;
  box-shadow:0 8px 25px rgba(46,160,255,.35);
}
.vg-trust .glsr .glsr-form button[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 30px rgba(46,160,255,.45);
}

/* Responsive */
@media (max-width: 640px){
  .vg-trust .glsr .glsr-form{
    padding: 22px;
    border-radius:14px;
  }
  .vg-trust .glsr .glsr-star-rating button{
    width:36px; height:36px;
  }
}

/* Gradiente para hover de estrellas */
.vg-trust .glsr .glsr-form:before{
  content:"";
  position:absolute;
  width:0; height:0;
  background:
    url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg">\
<defs><linearGradient id="vgGrad" x1="0" y1="0" x2="1" y2="0">\
<stop offset="0%" stop-color="%232ea0ff"/>\
<stop offset="100%" stop-color="%232fb7ad"/>\
</linearGradient></defs></svg>');
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b423793 *//* ====== LISTA DE RESEÑAS (SITE REVIEWS) — VIVAGOP / TRUSTPILOT ====== */

/* Contenedor general */
.vg-trust .glsr-reviews{
  display: grid;
  gap: 22px;
  margin-top: 25px;
}

/* Tarjeta individual */
.vg-trust .glsr-review{
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #d6dee6;
  padding: 24px 26px;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

.vg-trust .glsr-review:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(46,160,255,.18);
}

/* Nombre del usuario */
.vg-trust .glsr-review-author{
  font-size: 1.05rem;
  font-weight: 700;
  color: #0b0f14;
  margin-bottom: 6px;
}

/* Fecha */
.vg-trust .glsr-review-date{
  font-size: .83rem;
  color: #64748b;
  margin-bottom: 14px;
  display: block;
}

/* Título de la reseña */
.vg-trust .glsr-review-title{
  font-size: 1.15rem;
  font-weight: 600;
  color: #0b0f14;
  margin-bottom: 6px;
}

/* Texto */
.vg-trust .glsr-review-text{
  color: #334155;
  line-height: 1.55;
  font-size: .97rem;
  margin-top: 10px;
}

/* Estrellas */
.vg-trust .glsr-star-rating{
  margin-bottom: 10px;
  display:flex;
  gap:6px;
}

.vg-trust .glsr-star-rating svg{
  width: 26px;
  height: 26px;
}

/* Estrella vacía */
.vg-trust .glsr-star-empty svg path{
  fill:#e2e8f0 !important;
}

/* Estrella llena (verde Trustpilot) */
.vg-trust .glsr-star-full svg path,
.vg-trust .glsr-star-half svg path{
  fill:#00b67a !important;
}

/* Paginación */
.vg-trust .glsr-pagination{
  display:flex;
  justify-content:center;
  margin-top:30px;
  gap:12px;
}

.vg-trust .glsr-pagination a,
.vg-trust .glsr-pagination span{
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #d6dee6;
  color:#0b0f14;
  font-weight:600;
  background:white;
  cursor:pointer;
  transition: all .2s ease;
}

.vg-trust .glsr-pagination a:hover{
  background: linear-gradient(90deg,#2ea0ff,#2fb7ad);
  color:white;
  border-color:transparent;
  box-shadow:0 5px 18px rgba(46,160,255,.35);
}

/* Responsive */
@media (max-width:620px){
  .vg-trust .glsr-review{ padding:18px; }
  .vg-trust .glsr-star-rating svg{ width:22px; height:22px; }
}
/* ====== FIX PAGINACIÓN SITE REVIEWS ====== */

/* Ocultar los puntos del UL */
.vg-trust .glsr-pagination ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 12px;
  justify-content: center;
}

/* Centrar correctamente los LI */
.vg-trust .glsr-pagination li {
  list-style: none !important;
}

/* Botones bonitos uniformes */
.vg-trust .glsr-pagination li a,
.vg-trust .glsr-pagination li span {
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #d6dee6;
  background: #ffffff;
  color: #0b0f14;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all .2s ease;
}

/* Hover bonito */
.vg-trust .glsr-pagination li a:hover {
  background: linear-gradient(90deg,#2ea0ff,#2fb7ad);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 5px 18px rgba(46,160,255,.35);
}

/* Página actual */
.vg-trust .glsr-pagination li span.current {
  background: #2ea0ff;
  color: white;
  border-color: transparent;
}/* End custom CSS */