.growla-contact-form {
        font-family: "Roboto", sans-serif;
        color: white;
        max-width: 800px;
        margin: 0 auto;
    }

    .growla-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .growla-col {
        flex: 1;
        padding: 0 15px;
        min-width: 250px;
        margin-bottom: 20px;
    }

    .growla-field {
        position: relative;
        margin-bottom: 25px;
    }

    .growla-field input,
    .growla-field select,
    .growla-field textarea {
        width: 100%;
        padding: 15px;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: white;
        font-size: 16px;
        border-radius: 4px;
        transition: all 0.3s ease;
    }

    .growla-field select {
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='white'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-size: 16px;
    }

    .growla-field label {
        position: absolute;
        top: 15px;
        left: 15px;
        pointer-events: none;
        transition: all 0.3s ease;
        opacity: 0.7;
    }

    .growla-field input:focus,
    .growla-field select:focus,
    .growla-field textarea:focus {
        border-color: #bffd11;
        outline: none;
    }

    .growla-field input:focus + label,
    .growla-field input:not(:placeholder-shown) + label,
    .growla-field select:focus + label,
    .growla-field select:valid + label,
    .growla-field textarea:focus + label,
    .growla-field textarea:not(:placeholder-shown) + label {
        top: -12px;
        left: 10px;
        font-size: 12px;
        background: transparent;
        padding: 0 5px;
        opacity: 1;
    }

    .growla-field select:focus + label {
        color: #bffd11;
    }

    .growla-submit {
        background-color: #bffd11;
        color: #000;
        border: none;
        padding: 15px 30px;
        font-size: 18px;
        font-weight: 700;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .growla-submit:hover {
        background-color: #a9e000;
        transform: translateY(-2px);
    }

    /* Efecto para reunión */
    .growla-field.reunion-field select:focus {
        box-shadow: 0 0 15px rgba(191, 253, 17, 0.5);
    }

    .reunion-glow {
        animation: reunionGlow 0.5s ease-in-out;
    }

    @keyframes reunionGlow {
        0% { box-shadow: 0 0 0px #bffd11; }
        50% { box-shadow: 0 0 15px #bffd11; }
        100% { box-shadow: 0 0 0px #bffd11; }
    }

    /* Mensajes de éxito/error */
    .growla-message {
        padding: 15px;
        margin: 20px 0;
        border-radius: 4px;
        text-align: center;
    }

    .growla-success {
        background-color: rgba(191, 253, 17, 0.2);
        border: 1px solid #bffd11;
    }

    .growla-error {
        background-color: rgba(255, 0, 0, 0.2);
        border: 1px solid red;
    }