/* Hoja de estilos personalizada para Radar Testimonios
 * Aquí puedes escribir tus propios estilos.
 */

/* Bloque de resumen principal */
.radar-testimonios-resumen {}

/* Tarjeta de cada opinión */
.opinion-card {}

/* Ejemplo: cambiar color del nombre de la persona */
/*
.opinion-card .fw-semibold {
    color: #333;
}
*/


@media (max-width: 900px) {
  .post-type-archive-testimonios .container, .page-id-6740 { padding:10px 10px !important; } 
  .vc_custom_1766097310361 { margin-top: 10px !important; }
  .caja-caracteristicas { flex-direction: column; }
  .post-type-archive-testimonios .radar-testimonios-archive-list {  max-width: 100% !important; padding:15px;}
  .contenedor-resumen {flex-direction:column; max-width:100% !important;}
  .post-type-archive-testimonios .opinion-card .card-body .d-flex { flex-direction: column !important; }
  .circulo-de-nombre, .post-type-archive-testimonios .opinion-card .card-body .d-flex .me-3.flex-shrink-0 img  { margin:unset !important; }
  .post-type-archive-testimonios .opinion-card .card-body .d-flex .me-3.flex-shrink-0 { margin-right: auto; margin-bottom: 15px; }
  .post-type-archive-testimonios .opinion-card .card-body .d-flex .flex-grow-1 .d-flex.align-items-center.gap-2.mb-2 > .small.text-muted { display:none; }
  
}

/* Estilos para el carrusel de testimonios */
.radar-testimonios-carousel-wrapper { margin: 2rem 0; }
.radar-testimonios-carousel .radar-testimonio-item { border: 1px solid #eee; border-radius: 0.75rem; overflow: hidden; }
.radar-testimonios-carousel .card-body { padding: 1.25rem; }
.circulo-de-nombre { color:#fff; display:flex; justify-content:center; font-size: 25px;  align-items:center; width: 64px; height: 64px; background: #230242; border-radius: 50%; margin: auto; }

.mensaje-artea-success{     padding: 14px; background-color: green; color: #fff; font-size: 20px; margin-bottom: 20px; }
    
.mensaje-artea-error {  padding: 14px; background-color: red; color: #fff; font-size: 20px; margin-bottom: 20px; }
.radar-testimonios-load-more { color:#fff; margin-top:20px; }

.post-type-archive-testimonios .container, .page-id-6740 {padding:10px 100px; } 
.post-type-archive-testimonios .radar-testimonios-archive-list {  max-width: 50%; }

.contenedor-resumen { max-width:50%; display:flex; justify-content: start; align-items: center; padding:20px; }

/*Caja de la foto*/
.post-type-archive-testimonios .opinion-card { border-bottom:solid 1px lightgray; }
.post-type-archive-testimonios .opinion-card .card-body { margin:50px 0px 40px; } 
.post-type-archive-testimonios .opinion-card .card-body .d-flex {  flex-direction: row; display: flex; } 
.post-type-archive-testimonios .opinion-card .card-body .d-flex .me-3.flex-shrink-0 { min-width:100px; }
.post-type-archive-testimonios .opinion-card .card-body .d-flex .me-3.flex-shrink-0 img { margin: auto; display: block; border-radius: 50%; }
.post-type-archive-testimonios .opinion-card .card-body .d-flex > .flex-grow-1 > div.mt-3 > div.d-flex.flex-wrap.gap-2 div { margin: 0px 10px 0px 0px; } 

.caja-de-porcentajes > div > div {  display: flex; justify-content: space-between; }

.post-type-archive-testimonios .opinion-card h3.h5 { font-size: 17px; color: #000; margin-bottom: 0px; }

/*Caja del contenido*/
.post-type-archive-testimonios .opinion-card .card-body .d-flex .flex-grow-1 .d-flex.align-items-center.gap-2.mb-2 { margin: 3px 0px; }

.caja-de-estrellas {  }
.caja-de-estrellas > div { display:flex; } 
.caja-de-estrellas > div > span { padding:10px; }
.caja-de-estrellas > div > div { padding:10px; }

.fw-semibold { font-weight:600; color: #000; }

#CabeceraResumen { }


.radar-mi-testimonio-form { } 
.caja-caracteristicas { display:flex; justify-content: space-between; margin-bottom:10px;}
.caja-caracteristicas.final { justify-content: end; }
.caja-caracteristicas.final button { color: #fff; margin-top:20px; }
.caja-caracteristicas > div { width:100%; width: 100%; margin: 0px 10px 10px 0px; }
.caja-caracteristicas select { width: 100%; margin: 0px 10px 10px 0px; }

.caja-caracteristicas .mb-3 label { font-weight:bold; margin-bottom:5px; display:block;}

.radar-mi-testimonio-form input[type=text] { width: 100%; margin: 0px 10px 10px 0px; } 
.radar-mi-testimonio-form textarea { max-height: 100px; overflow: scroll; }

.contenido-parrafo p { padding: 0px 15px 0px 0px; }