/*
    -------------------------------------------
    ESTILOS GERAIS - MOBILE-FIRST
    -------------------------------------------
*/
.wpp-pill{display:inline-flex;align-items:center;gap:10px;background:#e4e4e4;color:#7f7d7d;font-size:14px;line-height:32px;padding:0 14px 0 18px;border-radius:999px;border:1px solid #e4e4e4;text-decoration:none;white-space:nowrap}
.wpp-pill:hover{background:#dedede;border-color:#dedede}
.wpp-pill__icon{width:32px;height:32px;min-width:32px;display:inline-grid;place-items:center;border-radius:50%;margin-left:-10px;/*box-shadow:0 0 0 6px #e4e4e4;*/overflow:hidden}
.wpp-pill__icon img{width:32px;height:32px;display:block;border-radius:50%;object-fit:contain}
.evo-modal-wrap{position:fixed;inset:0;background:rgba(2,6,23,.55);z-index:99999;padding:20px;display:flex;align-items:center;justify-content:center;}
.evo-modal-card{max-width:460px;width:90%;background:#f9f9f9;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 50px rgba(2,6,23,.25);padding:18px 18px 16px;position:relative;}
.evo-modal-x{position:absolute;right:10px;top:10px;background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:#6b7280}
.evo-modal-x:hover{color:#111827}
.evo-modal-titulo{margin:6px 0 4px;font-size:20px;font-weight:700;color:#111827;margin-bottom: 20px;}
.evo-modal-sub{margin:0 0 12px;color:#4b5563;font-size:14px}
.evo-label{color:#374151;font-size:13px;display:block;margin-bottom: 8px;}
.evo-input{width:100%;max-width: 400px;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fefefe;color:#111827;outline:none;margin-bottom:20px;}
.evo-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.evo-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
.evo-btn{border:1px solid transparent;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:10px}
.evo-btn-sec{background:#f3f4f6;border-color:#e5e7eb;color:#111827}
.evo-btn-sec:hover{background:#e5e7eb}
.evo-btn-pri{background:#22c55e;color:#fff}
.evo-btn-pri:hover{background:#16a34a}
.evo-btn-pri .evo-ico img{width:18px;height:18px;display:block}
.meu-novo-botao-layout {
    background: #6366f1; /* Cor de fundo */
    border-radius: 20px; /* Bordas arredondadas */
    color: #fff; /* Cor do texto */
}
.meu-novo-botao-layout:hover {
    background: #4f53c1;
}

/* Estilos para o grupo de checkboxes */
#evo-modal-interesses {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
#evo-modal-interesses p {
    flex-basis: 100%;
    margin: 0 0 12px;
}
#evo-modal-interesses label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}

/* ===== Toasts ===== */
/* Ajuste do wrapper para centralizar o toast */
.evo-toast-wrap{
    position: fixed;
    inset: 0; /* Ocupa a tela inteira */
    z-index: 99999;
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    flex-direction: column;
    pointer-events: none; /* Permite clicar através do wrapper */
    padding: 20px;
}

/* O próprio toast, com os ajustes de transição */
.evo-toast{
    min-width: 240px;
    max-width: 360px;
    background: #111827;
    color: #fff;
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
    font-weight: 600;
    font-size: 14px;
    opacity: 0; /* Começa invisível para a animação */
    transform: scale(0.9); /* Começa menor */
    animation: evoToastIn .3s cubic-bezier(.25,.8,.25,1) forwards; /* Animação de entrada */
}

/* Anima̤̋o para o toast centralizado */
@keyframes evoToastIn{
    from{
        opacity:0;
        transform: scale(0.9);
    }
    to{
        opacity:.98;
        transform: scale(1);
    }
}

/*
    -------------------------------------------
    MEDIA QUERIES - BREAKPOINTS
    -------------------------------------------
*/

/* Para telas pequenas e médias */
@media only screen and (max-width: 767px) {
  .evo-modal-card {
    top: -5%;
  }
}
/* Para tablets e telas maiores */
@media only screen and (min-width: 768px) {
    .evo-modal-card {
        max-width: 460px;
    }
    .evo-input {
        max-width: 400px;
    }
}