.info-evaluacion {
    display: inline-block;
    color: #006D77;
    font-style: normal;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.info-evaluacion a.btn-evaluacion{
    color: #EDF6F9;
    font-weight: bold;
    background: #006D77;
    padding: 10px 20px;
    border-radius: 20px;
    float: right;
}

.info-evaluacion2 {
    display: inline-block;
    color: #346473;
    font-style: normal;
    background: #ffffff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}


.info-evaluacion-contenedor {
    background-color: #fbfbfb; /* Fondo blanco */
    padding: 15px; /* Espaciado interno */
    margin-top: 20px; /* Margen superior para separarlo del botón de añadir al carrito */
    margin-bottom: 20px; /* Margen superior para separarlo del botón de añadir al carrito */
    display: flex; /* Habilitar Flexbox */
    align-items: center; /* Alinear verticalmente los ítems en el centro */
    justify-content: space-between; /* Espaciar el botón y el texto a los extremos */
    width: 100%; /* Asegurar que se extienda completamente dentro del padre */
    box-sizing: border-box; /* Incluir padding y border en el width */
    border-radius: 5px; /* Bordes ligeramente redondeados para el contenedor general */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sutil sombra para destacarlo */
}

/* Estilos para el botón de evaluación */
.info-evaluacion-boton {
    background-color: #006D77; /* Color azul del botón */
    color: #fbfbfb; /* Texto blanco */
    padding: 6px 15px; /* Relleno del botón */
    border-radius: 20px; /* Bordes muy redondeados para que parezca un botón redondo */
    text-decoration: none; /* Quitar subrayado del enlace */
    font-weight: bold;
    white-space: nowrap; /* Evitar que el texto del botón se rompa en varias líneas */
    transition: background-color 0.3s ease; /* Transición suave al pasar el ratón */
}

.info-evaluacion-boton:hover {
    background-color: #92dbdb; /* Azul más oscuro al pasar el ratón */
}

/* Estilos para el texto a la derecha del botón */
.info-evaluacion-texto {
    flex-grow: 1; /* Permite que el texto ocupe el espacio restante */
    text-align: left; /* Alinea el texto a la derecha */
    color: #333; /* Color de texto oscuro */
    font-size: 14px;
    margin-right: 5px; /* Espacio entre el botón y el texto */
}

/* Puedes mantener tus estilos existentes para woocommerce-info si aún los usas en otros lugares */
.woocommerce-info.evaluacion-requerida {
    border-left-color: #ffc107;
}