/* ============================================
   CSS: forms.css — Olemurcia
   Componente: Campos formulario + Resultado
   ============================================ */

    .campo{

        display:block;

        margin-bottom:14px;

    }

    .campo span{

        display:block;

        font-size:13px;

        color:var(--difuso);

        margin-bottom:4px;

    }

    .campo input{

        width:100%;

        padding:10px 12px;

        background:rgba(255,255,255,.06);

        border:1px solid var(--borde);

        border-radius:10px;

        color:var(--texto);

        font-size:14px;

        outline:none;

        transition:.15s;

    }

    .campo input:focus{

        border-color:var(--violeta);

        box-shadow:0 0 0 2px rgba(124,92,255,.2);

    }

    .resultado{

        margin-top:12px;

        padding:10px 12px;

        border-radius:10px;

        font-size:13px;

        text-align:center;

    }

    .resultado.ok{

        background:rgba(34,197,94,.15);

        color:#22c55e;

    }

    .resultado.error{

        background:rgba(239,68,68,.15);

        color:#ef4444;

    }