/* Add here all your css styles (customizations) */
.boton-resena {
    display: inline-block !important;
    background-color: #004a99 !important; /* Azul institucional */
    color: white !important;
    padding: 10px 30px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border-radius: 4px !important; /* O 50px si lo preferís redondeado */
    border-bottom: 4px solid #003366 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.boton-resena:hover {
    background-color: #ff6600 !important; /* Naranja de acción */
    border-bottom: 4px solid #cc5200 !important;
    transform: scale(1.05) !important;
    color: white !important;
}

/* Estilo único para este enlace */
.link-body {
    color: #3498db !important;            /* Un azul más profesional */
    text-decoration: none;      /* Quitamos el subrayado */
    font-weight: 600;           /* Un poco más de grosor para que destaque */
    transition: all 0.3s ease;  /* Animación suave para cualquier cambio */
    border-bottom: 0px solid transparent; /* Preparar un borde inferior */
}

/* Efecto al pasar el mouse (Hover) */
.link-body:hover {
    color: #999 !important;            /* Cambia a un azul más brillante o el color que gustes */
    border-bottom: 0px solid #999 !important; /* Aparece una línea fina abajo */
    padding-left: 5px;         /* Un pequeño desplazamiento hacia la derecha */
}