/* =======================================================
   ESTILOS PARA GOOGLE REVIEWS EN EL SLIDER - SOLUCIÓN AVANZADA
   ======================================================= */

/* 1. Forzar a que los contenedores tomen la altura completa del slider */
/* Esto es crucial para que el centrado vertical funcione correctamente en todos los slides */
.carousel-item {
    height: auto; /* Mantiene el flujo normal, pero aseguramos que la imagen está dentro */
}

/* El elemento 'carousel-caption' DEBE ocupar toda la altura del slider. */
.carousel-caption {
    /* Forzamos a que el caption ocupe el 100% de la altura del elemento padre (carousel-item) */
    position: absolute; /* Aseguramos que se posicione sobre la imagen */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* Esto hace que ocupe el 100% de la altura y ancho */
    display: flex; /* Usamos flexbox para asegurar el contenido interno */
    align-items: center; /* Centra el contenido del Slider-left-box verticalmente (opcional) */
}

/* El contenedor interno (donde pusiste el widget) también debe ocupar el 100% de la altura */
.inner_carousel.container.position-relative {
    width: 100%; /* Ocupa el 100% del ancho del caption */
    height: 100%; /* Ocupa el 100% de la altura del caption */
    display: flex; /* Mantenemos flexbox para que Slider-left-box funcione */
    align-items: center;
}

/* 2. Contenedor del Widget de Reviews (google-reviews-overlay) */
.google-reviews-overlay {
    /* Posicionamiento */
    position: absolute;
    top: 50%; /* Alinea el inicio del contenedor al centro vertical */
    right: 15px; /* Separación del borde derecho */
    transform: translateY(-50%); /* Ajusta para centrarlo perfectamente */
    width: 300px; 
    max-width: 90%; 
    z-index: 100; /* Prioridad alta */

    /* Estilo de Transparencia */
    padding: 20px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.9); 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
    
    /* Ocultar por defecto en móvil */
    display: none; 
}

/* 3. Mostrar solo en pantallas grandes */
@media (min-width: 992px) {
    .google-reviews-overlay {
        display: block; 
    }
}

/* 4. Ajustes internos para Trustindex */
.google-reviews-overlay .ti-widget {
    background: transparent !important;
    padding: 0 !important;
}