/* ==========================================================
   SulRide
   Cadastro Premium
   cadastro.css
   v19.81.5
========================================================== */

:root{

--sr-laranja:#ff7a00;

--sr-preto:#111111;

--sr-preto2:#1b1b1b;

--sr-grafite:#2b2b2b;

--sr-branco:#ffffff;

--sr-verde:#18c964;

--sr-vermelho:#ff4d4f;

--sr-led:rgba(255,122,0,.55);

--sr-radius:22px;

--sr-transition:.35s;

}

/* ==========================================
RESET
========================================== */

*{

margin:0;

padding:0;

box-sizing:border-box;

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

}

/* ==========================================
BODY
========================================== */

body{

background:#101010;

overflow:hidden;

}

/* ==========================================
OVERLAY
========================================== */

.sr-overlay{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

display:flex;

justify-content:center;

align-items:center;

background:rgba(0,0,0,.72);

backdrop-filter:blur(5px);

z-index:9999;

}

/* ==========================================
POPUP
========================================== */

.sr-popup{

width:96%;

max-width:480px;

background:linear-gradient(
180deg,
#1d1d1d,
#151515);

border-radius:var(--sr-radius);

padding:30px;

position:relative;

overflow:hidden;

border:1px solid rgba(255,122,0,.20);

box-shadow:

0 0 40px rgba(255,122,0,.15);

animation:popupOpen .45s ease;

}

/* ==========================================
ANIMAÇÃO DE ABERTURA
========================================== */

@keyframes popupOpen{

0%{

opacity:0;

transform:scale(.92);

}

100%{

opacity:1;

transform:scale(1);

}

}/* ==========================================================
   MOLDURA FUTURÍSTICA
========================================================== */

.sr-popup::before{

content:"";

position:absolute;

left:12px;

top:12px;

width:42px;

height:42px;

border-left:3px solid var(--sr-laranja);

border-top:3px solid var(--sr-laranja);

opacity:.85;

}

.sr-popup::after{

content:"";

position:absolute;

right:12px;

bottom:12px;

width:42px;

height:42px;

border-right:3px solid var(--sr-laranja);

border-bottom:3px solid var(--sr-laranja);

opacity:.85;

}

/* ==========================================================
   SR ENERGY FLOW
========================================================== */

.sr-popup{

position:relative;

}

.sr-popup::marker{

display:none;

}

.sr-popup.sr-energy{

animation:srEnergy 2.8s linear infinite;

}

@keyframes srEnergy{

0%{

box-shadow:0 0 15px rgba(255,122,0,.15);

}

25%{

box-shadow:0 0 25px rgba(255,122,0,.30);

}

50%{

box-shadow:0 0 35px rgba(255,122,0,.45);

}

75%{

box-shadow:0 0 25px rgba(255,122,0,.30);

}

100%{

box-shadow:0 0 15px rgba(255,122,0,.15);

}

}

/* ==========================================================
   LOGO
========================================================== */

.sr-logo{

display:block;

margin:auto;

width:220px;

margin-bottom:20px;

transition:.35s;

}

.sr-logo.sr-speaking{

animation:logoPulse 1s ease infinite;

}

@keyframes logoPulse{

0%{

transform:scale(1);

filter:drop-shadow(0 0 0 rgba(255,122,0,.20));

}

50%{

transform:scale(1.03);

filter:drop-shadow(0 0 12px rgba(255,122,0,.60));

}

100%{

transform:scale(1);

filter:drop-shadow(0 0 0 rgba(255,122,0,.20));

}

}

/* ==========================================================
   CABEÇALHO
========================================================== */

.sr-header{

text-align:center;

margin-bottom:20px;

}

.sr-header h2{

color:var(--sr-branco);

font-size:28px;

margin-bottom:8px;

}

.sr-header p{

color:#bbbbbb;

font-size:15px;

line-height:22px;

}/* ==========================================================
   BARRA DE PROGRESSO
========================================================== */

.sr-progress{

width:100%;

height:10px;

background:#2a2a2a;

border-radius:50px;

overflow:hidden;

margin:25px 0 8px;

}

.sr-progress-bar{

width:50%;

height:100%;

background:linear-gradient(
90deg,
#ff7a00,
#ff9f1a);

border-radius:50px;

transition:width .45s ease;

box-shadow:0 0 15px rgba(255,122,0,.45);

}

.sr-progress-text{

text-align:center;

color:#cfcfcf;

font-size:14px;

margin-bottom:25px;

}

/* ==========================================================
   FORMULÁRIO
========================================================== */

.sr-step{

display:flex;

flex-direction:column;

animation:fadeStep .35s ease;

}

@keyframes fadeStep{

from{

opacity:0;

transform:translateX(20px);

}

to{

opacity:1;

transform:translateX(0);

}

}

.sr-field{

margin-bottom:18px;

}

.sr-field label{

display:block;

color:#f1f1f1;

font-size:14px;

margin-bottom:7px;

font-weight:600;

}

/* ==========================================================
   CAMPOS
========================================================== */

.sr-input{

width:100%;

height:52px;

background:#252525;

border:2px solid #3a3a3a;

border-radius:14px;

padding:0 15px;

font-size:15px;

color:#ffffff;

transition:all .30s ease;

}

.sr-input::placeholder{

color:#888888;

}

.sr-input:focus{

outline:none;

border-color:var(--sr-laranja);

box-shadow:
0 0 0 2px rgba(255,122,0,.18),
0 0 18px rgba(255,122,0,.35);

background:#2b2b2b;

}

/* ==========================================================
   GRID
========================================================== */

.sr-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

}/* ==========================================================
   LED FLOW
========================================================== */

.sr-input{

position:relative;

}

.sr-input:focus{

animation:srLedFlow .45s ease forwards;

}

@keyframes srLedFlow{

0%{

border-color:#3a3a3a;

box-shadow:0 0 0 rgba(255,122,0,0);

}

35%{

border-color:#ff7a00;

box-shadow:

0 0 8px rgba(255,122,0,.35),

0 0 18px rgba(255,122,0,.25);

}

70%{

box-shadow:

0 0 14px rgba(255,122,0,.55),

0 0 28px rgba(255,122,0,.40);

}

100%{

border-color:#ff7a00;

box-shadow:

0 0 10px rgba(255,122,0,.45),

0 0 22px rgba(255,122,0,.30);

}

}

/* ==========================================================
   SMART AMBIENT MODE
========================================================== */

.sr-idle{

opacity:.92;

transition:.6s;

}

.sr-idle .sr-popup{

filter:brightness(.92);

}

.sr-idle .sr-logo{

opacity:.85;

}

.sr-idle .sr-progress-bar{

opacity:.70;

}

.sr-idle .sr-input{

transition:.4s;

}

/* ==========================================================
   BOTÕES
========================================================== */

.sr-buttons{

display:flex;

justify-content:space-between;

gap:12px;

margin-top:25px;

}

.sr-btn{

flex:1;

height:52px;

border:none;

border-radius:14px;

cursor:pointer;

font-size:15px;

font-weight:700;

transition:.30s;

}

.sr-btn-primary{

background:#ff7a00;

color:#ffffff;

}

.sr-btn-primary:hover{

transform:translateY(-2px);

box-shadow:

0 0 18px rgba(255,122,0,.45);

}

.sr-btn-secondary{

background:#2d2d2d;

color:#ffffff;

}

.sr-btn-secondary:hover{

background:#3b3b3b;

}

/* ==========================================================
   RESPONSIVIDADE
========================================================== */

@media(max-width:600px){

.sr-popup{

width:100%;

height:100%;

max-width:none;

border-radius:0;

padding:22px;

}

.sr-grid{

grid-template-columns:1fr;

gap:12px;

}

.sr-logo{

width:180px;

}

.sr-header h2{

font-size:24px;

}

}/* ==========================================================
   ASSISTENTE SR AI
========================================================== */

.sr-assistente{

display:flex;

align-items:center;

gap:12px;

margin-top:20px;

padding:14px;

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

border:1px solid rgba(255,122,0,.12);

border-radius:16px;

backdrop-filter:blur(8px);

transition:.35s;

}

.sr-assistente:hover{

border-color:rgba(255,122,0,.35);

box-shadow:0 0 18px rgba(255,122,0,.15);

}

.sr-assistente-avatar{

position:relative;

width:58px;

height:58px;

display:flex;

justify-content:center;

align-items:center;

}

.sr-assistente-avatar img{

width:52px;

height:52px;

border-radius:50%;

}

.sr-ai-led{

position:absolute;

width:14px;

height:14px;

background:#ff7a00;

border-radius:50%;

animation:srAiPulse 1.4s infinite;

box-shadow:0 0 12px rgba(255,122,0,.7);

}

@keyframes srAiPulse{

0%{

transform:scale(.8);

opacity:.5;

}

50%{

transform:scale(1.2);

opacity:1;

}

100%{

transform:scale(.8);

opacity:.5;

}

}

.sr-assistente-texto{

flex:1;

color:#ffffff;

font-size:14px;

line-height:22px;

}

.sr-btn-audio{

width:46px;

height:46px;

border:none;

border-radius:50%;

background:#2b2b2b;

color:#ff7a00;

font-size:18px;

cursor:pointer;

transition:.30s;

}

.sr-btn-audio:hover{

background:#3b3b3b;

transform:scale(1.08);

}

/* ==========================================================
   MENSAGENS
========================================================== */

.sr-message{

margin-top:18px;

padding:14px;

border-radius:14px;

background:#202020;

color:#ffffff;

display:flex;

align-items:center;

gap:10px;

border-left:4px solid #ff7a00;

}

.sr-message-success{

border-left-color:#18c964;

}

.sr-message-error{

border-left-color:#ff4d4f;

}

.sr-message-warning{

border-left-color:#ffb000;

}

/* ==========================================================
   LINK LOGIN
========================================================== */

.sr-login{

margin-top:25px;

text-align:center;

color:#bfbfbf;

font-size:14px;

}

.sr-login a{

color:#ff7a00;

text-decoration:none;

font-weight:bold;

transition:.30s;

}

.sr-login a:hover{

text-shadow:0 0 10px rgba(255,122,0,.6);

}/* ==========================================================
   MODAL DE AJUDA
========================================================== */

.sr-modal-ajuda{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

display:none;

justify-content:center;

align-items:center;

background:rgba(0,0,0,.70);

backdrop-filter:blur(4px);

z-index:99999;

}

.sr-modal-box{

width:92%;

max-width:500px;

background:#1c1c1c;

border-radius:20px;

overflow:hidden;

border:1px solid rgba(255,122,0,.20);

box-shadow:0 0 35px rgba(255,122,0,.25);

}

.sr-modal-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px;

background:#242424;

color:#ffffff;

}

.sr-modal-body{

padding:20px;

color:#d7d7d7;

line-height:26px;

font-size:15px;

}

.sr-modal-header button{

background:none;

border:none;

color:#ffffff;

font-size:22px;

cursor:pointer;

}

/* ==========================================================
   LOADING
========================================================== */

.sr-loading{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.82);

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

z-index:999999;

}

.sr-spinner{

width:72px;

height:72px;

border:5px solid rgba(255,255,255,.10);

border-top:5px solid var(--sr-laranja);

border-radius:50%;

animation:srSpin 1s linear infinite;

margin-bottom:20px;

}

@keyframes srSpin{

100%{

transform:rotate(360deg);

}

}

.sr-loading p{

color:#ffffff;

font-size:16px;

}

/* ==========================================================
   CONTAINERS GERAIS
========================================================== */

#srPopupContainer,
#srAlertContainer,
#srToastContainer,
#srEffectsContainer,
#srVoiceContainer{

position:fixed;

pointer-events:none;

z-index:999999;

}

/* ==========================================================
   FIM DO ARQUIVO
========================================================== */


/* SR Suri — aviso ancorado na logo superior e saída independente do modal. */
.sr-suri-logo-hint{
    position:absolute;
    left:14px;
    top:82px;
    z-index:24;
    width:min(230px,calc(100vw - 120px));
    padding:9px 12px;
    border:1px solid rgba(255,126,24,.68);
    border-radius:13px;
    background:linear-gradient(135deg,rgba(8,14,19,.94),rgba(20,26,31,.84));
    box-shadow:0 8px 22px rgba(0,0,0,.34),inset 0 0 16px rgba(255,112,0,.10);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    pointer-events:none;
    color:#fff;
    font-size:11px;
    line-height:1.25;
}
.sr-suri-logo-hint strong{display:block;color:#ff861f;font-size:12px;margin-bottom:2px}
.sr-suri-logo-hint span{display:block;color:rgba(255,255,255,.88)}
.sr-suri-logo-hint::before{
    content:'';position:absolute;left:24px;top:-7px;width:12px;height:12px;
    border-left:1px solid rgba(255,126,24,.68);border-top:1px solid rgba(255,126,24,.68);
    background:rgba(10,16,21,.94);transform:rotate(45deg);
}
.sr-suri-logo-hint.is-highlighted{animation:srSuriLogoHintPulse .75s ease-in-out 3}
#srFrameAssistant{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
#srFrameAssistant::after{
    content:'TOQUE PARA AJUDA';position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);
    white-space:nowrap;color:#ff861f;font-size:8px;font-weight:900;letter-spacing:.08em;
    text-shadow:0 0 8px rgba(255,112,0,.55);pointer-events:none;
}
.sr-help-force-close{
    position:fixed!important;
    top:max(14px,env(safe-area-inset-top))!important;
    left:14px!important;
    z-index:2147483647!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    padding:10px 16px!important;
    border:1px solid rgba(255,137,48,.82)!important;
    border-radius:14px!important;
    background:rgba(5,10,14,.88)!important;
    color:#fff!important;
    font:800 13px/1 Nunito,Arial,sans-serif!important;
    box-shadow:0 8px 24px rgba(0,0,0,.42),0 0 16px rgba(255,112,0,.22)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
}
@keyframes srSuriLogoHintPulse{50%{box-shadow:0 0 0 4px rgba(255,126,24,.15),0 8px 22px rgba(0,0,0,.32);transform:scale(1.025)}}
@media(max-width:520px){
    .sr-suri-logo-hint{left:10px;top:76px;width:min(220px,calc(100vw - 20px));font-size:10px;padding:8px 10px}
    .sr-help-force-close{top:max(10px,env(safe-area-inset-top))!important;left:10px!important;padding:10px 13px!important;font-size:12px!important}
}
/* SR Suri modular: janela isolada do fluxo principal do cadastro. */
.sr-suri-module-overlay{position:fixed;inset:0;z-index:2147483000;background:#050505}.sr-suri-module-overlay iframe{display:block;width:100%;height:100%;border:0;background:#050505}

/* ================================================================
   SulRide v19.84.20 — neutralização definitiva da porta residual
   Impede que a área clicável da logo continue invisível sobre o
   institucional e exiba o realce azul de toque do Chromium.
   ================================================================ */
#srAccessDoor[hidden],
#srAccessDoor.is-finished,
#srAccessDoor[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  touch-action:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
#srAccessDoor[hidden] *,
#srAccessDoor.is-finished *,
#srAccessDoor[aria-hidden="true"] *{
  pointer-events:none!important;
}
#srAccessDoor .sr-access-door-logo,
#srAccessDoor .sr-access-door-logo *{
  -webkit-tap-highlight-color:transparent!important;
}
#srModeGate,
#srModeGate button,
#srModeGate *{
  -webkit-tap-highlight-color:transparent;
}