        body {
            background: #f8f9fa;
        }
        .card-header {
            background: #2C4A76;
            color: white;
            font-weight: bold;
        }
        .form-control:focus {
            border-color: #2529D5;
            box-shadow: 0 0 0 .2rem rgba(37, 41, 213, .25);
        }
        .btn-submit {
            background: #00D5C4;
            color: #2C4A76;
            font-weight: bold;
        }
        .btn-submit:hover {
            background: #76D7CA;
            color: #2C4A76;
        }
        .rating-label {
            color: #2529D5;
            font-weight: 500;
        }
        .confirm-card {
            border: 4px solid #76D7CA;
            border-radius: 12px;
        }
        .confirm-header {
            background: #2C4A76;
            color: white;
            font-size: 1.6rem;
            font-weight: bold;
        }
        .confirm-body {
            color: #2529D5;
            font-size: 1.2rem;
        }
        .btn-back {
            background: #00D5C4;
            color: #2C4A76;
            font-weight: 600;
        }
        .btn-back:hover {
            background: #76D7CA;
            color: #2C4A76;
        }
        .icon-check {
            font-size: 3rem;
            color: #00D5C4;
        }        

.input-custom {
  min-height: 40px;
  min-width: 350px;
  padding: 4px;
  border: 2px solid #2529d5;
  border-radius: 10px;
  background-color: #2c4a76;
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  resize: vertical;
}
    
    /* Estilo para el placeholder */
    .input-custom::placeholder {
    color: #aaa; /* Color del texto del placeholder */
    font-style: italic; /* Estilo del texto del placeholder */
    }
    
    /* Efecto al enfocar el textarea */
    .input-custom:focus {
    border-color: #007bff; /* Cambio de color del borde */
    box-shadow: 0 6px 10px rgba(0, 123, 255, 0.2); /* Sombra más pronunciada */
    outline: none; /* Quita el borde por defecto del navegador */
    color:#fff;
    }   