/* Input compatible con la mayoría de navegadores modernos */
.scifi-input {
    width: min(80vw, 500px);

    padding: 0.8em 1.2em;

    border: 3px solid #000;
    border-radius: 999px;

    background: rgba(255,255,255,0.9);
    color: #000;

    outline: none;

    /* Fuente adaptativa al viewport */
    font-size: clamp(16px, 2vw, 28px);

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;

    /* Compatibilidad */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Hover */
.scifi-input:hover {
    background: rgba(255,255,255,1);
}

/* Focus */
.scifi-input:focus {
    border-color: #222;
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

/* Placeholder */
.scifi-input::placeholder {
    color: #555;
    opacity: 1;
}

/* Compatibilidad placeholders antiguos */
.scifi-input::-webkit-input-placeholder {
    color: #555;
}

.scifi-input::-moz-placeholder {
    color: #555;
}

.scifi-input:-ms-input-placeholder {
    color: #555;
}

.scifi-input::-ms-input-placeholder {
    color: #555;
}