.elementor-13983 .elementor-element.elementor-element-11831a9{--display:flex;}.elementor-13983 .elementor-element.elementor-element-4527079{--spacer-size:25px;}.elementor-13983 .elementor-element.elementor-element-4fe5ea6{--spacer-size:50px;}/* Start custom CSS */#rio-claro-form-container {
--rc-primary: #025a72;
--rc-primary-700: #09344c;
--rc-accent: #45c1c6;
--rc-text: #485054;
--rc-muted: #e7eef0;
--radius: 12px; /* Raio um pouco menor para a versão compacta */
--shadow: 0 8px 25px rgba(9, 52, 76, 0.08);
--ease: cubic-bezier(0.2, 0.8, 0.2, 1);
font-family: "Open Sans", system-ui, sans-serif;
color: var(--rc-text);
line-height: 1.5;
padding: 0;
}
#rio-claro-form-container *,
#rio-claro-form-container *::before,
#rio-claro-form-container *::after {
box-sizing: border-box; margin: 0; padding: 0; border-width: 0; font-family: inherit; color: inherit;
}
#rio-claro-form-container .shell {
width: 100%; max-width: 550px; /* Largura máxima reduzida */ background: #fff; border-radius: var(--radius); box-shadow: var(--shadow);
display: flex; flex-direction: column; margin: 0 auto;
}
#rio-claro-form-container .brand-header {
padding: clamp(24px, 4vw, 32px) clamp(24px, 5vw, 32px); /* Padding reduzido */
background: linear-gradient(160deg, rgba(2, 90, 114, 0.96), rgba(2, 90, 114, 0.88) 55%, rgba(9, 52, 76, 0.92));
color: #ecf7f8; position: relative; isolation: isolate; border-top-left-radius: inherit; border-top-right-radius: inherit;
text-align: center;
}
#rio-claro-form-container .brand-header::after {
content: ""; position: absolute; inset: -2px;
background: radial-gradient(28rem 28rem at 10% 50%, rgba(69, 193, 198, 0.4), transparent 60%);
border-radius: inherit; filter: blur(18px); opacity: 0.9; z-index: -1;
}
#rio-claro-form-container .logo-wrap { margin-bottom: 16px; /* Margem reduzida */ }
#rio-claro-form-container .logo-img { height: 40px; /* Logo menor */ width: auto; max-width: 100%; }
#rio-claro-form-container h1 {
margin: 0 0 10px; font-size: clamp(22px, 5vw, 28px) !important; /* Fonte menor */ line-height: 1.2 !important;
font-weight: 700 !important; color: #e9fbff !important;
}
#rio-claro-form-container .subtitle {
font-size: clamp(14px, 1.5vw, 16px); /* Fonte menor */ color: #c6e5ea; margin: 0 auto; max-width: 55ch;
}
#rio-claro-form-container .form-panel { padding: clamp(24px, 5vw, 32px); /* Padding reduzido */ }
#rio-claro-form-container label {
display: block; font-weight: 600; color: var(--rc-primary-700); margin: 16px 0 8px; /* Margem ajustada */
}
#rio-claro-form-container input[type="text"],
#rio-claro-form-container input[type="email"],
#rio-claro-form-container input[type="tel"],
#rio-claro-form-container select {
width: 100%; border: 1.5px solid var(--rc-muted); border-radius: 12px;
padding: 12px; /* Padding interno menor */ font-size: 15px; color: var(--rc-text); background: #fff;
outline: none; transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
#rio-claro-form-container input:focus,
#rio-claro-form-container select:focus {
border-color: var(--rc-primary); box-shadow: 0 0 0 3px rgba(2, 90, 114, 0.12);
}
#rio-claro-form-container input::placeholder { color: #9db1b6; }
#rio-claro-form-container .iti { width: 100%; }
#rio-claro-form-container .btn {
appearance: none; border: none; border-radius: 12px; padding: 14px 22px;
font-size: 16px !important; font-weight: 700 !important; cursor: pointer;
transition: transform 0.12s var(--ease), box-shadow 0.2s var(--ease), background 0.2s var(--ease);
width: 100%; margin-top: 24px;
}
#rio-claro-form-container .btn:active { transform: translateY(1px); }
#rio-claro-form-container .btn-primary {
background: var(--rc-primary) !important; color: #fff !important;
box-shadow: 0 6px 16px rgba(2, 90, 114, 0.28);
}
#rio-claro-form-container .btn-primary:hover { background: #0b6e89 !important; }
#rio-claro-form-container .g-recaptcha { margin-top: 24px; transform: scale(0.95); transform-origin: left; }/* End custom CSS */