por campo, dá pra colocar Nome/Sobrenome lado a lado no desktop.
Teste: se quebrar o layout, remova este bloco. */
@media (min-width: 992px){
.cs-zoho-form form{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.cs-zoho-form form > * { grid-column: 1 / -1; } /* padrão: full-width */
.cs-zoho-form form > div:nth-of-type(1),
.cs-zoho-form form > div:nth-of-type(2){ grid-column: span 1; } /* 1º e 2º campo lado a lado */
.cs-zoho-form button,
.cs-zoho-form input[type="submit"],
.cs-zoho-form input[type="button"]{ grid-column: 1 / -1; } /* botão full */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d129065 */.elementor-826 .elementor-element.elementor-element-d129065 {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-214d3af */.elementor-826 .elementor-element.elementor-element-214d3af {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3ac62d */.elementor-826 .elementor-element.elementor-element-d3ac62d {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2653bd7 */.elementor-826 .elementor-element.elementor-element-2653bd7 span {
color:#dbeb34;
}
.elementor-826 .elementor-element.elementor-element-2653bd7 {
max-width: 100px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1edf13 */.elementor-826 .elementor-element.elementor-element-c1edf13 {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0dbc354 */.elementor-826 .elementor-element.elementor-element-0dbc354 {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3e6d57 */.elementor-826 .elementor-element.elementor-element-a3e6d57 {
backdrop-filter: blur(20px)
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-31fd707 *//* === Cannabis & Saúde – Zoho form (força aplicação em desktop/mobile) === */
#cs-agende-form{
--cs-primary:#0EA765;
--cs-primary-600:#0C8C55;
--cs-text:#0F172A;
--cs-muted:#6B7280;
--cs-radius:14px;
--cs-shadow:0 10px 24px rgba(0,0,0,.12);
font-family: inherit;
color: var(--cs-text);
}
/* Seletores abrangentes: Zoho Forms e Zoho CRM WebForm */
#cs-agende-form form,
#cs-agende-form .zf-templateWrapper form,
#cs-agende-form form[action*="zohopublic"],
#cs-agende-form form[action*="zoho"],
#cs-agende-form form[id^="zohof"],
#cs-agende-form form[action*="WebTo"]{
max-width: 520px;
margin-left: auto;
background:#FFF;
border-radius: var(--cs-radius);
box-shadow: var(--cs-shadow);
padding: 24px;
box-sizing: border-box;
}
/* Labels */
#cs-agende-form label,
#cs-agende-form .zf-labelName,
#cs-agende-form .zcwf_lbl{
display:block;
margin:10px 0 6px;
font-weight:600;
font-size:.94rem;
color:var(--cs-text);
}
/* Campos */
#cs-agende-form input[type="text"],
#cs-agende-form input[type="email"],
#cs-agende-form input[type="tel"],
#cs-agende-form input[type="number"],
#cs-agende-form select,
#cs-agende-form textarea{
width:100%;
min-height:52px;
border:1px solid #E5E7EB !important;
border-radius: var(--cs-radius) !important;
background:#FFF !important;
padding:0 14px !important;
font:inherit;
color:var(--cs-text) !important;
transition:border-color .15s, box-shadow .15s, transform .05s;
box-sizing:border-box;
}
#cs-agende-form textarea{ min-height:120px; padding:12px 14px !important; }
#cs-agende-form ::placeholder{ color:var(--cs-muted); opacity:.9; }
/* Foco */
#cs-agende-form input:focus,
#cs-agende-form select:focus,
#cs-agende-form textarea:focus{
outline:0;
border-color:var(--cs-primary) !important;
box-shadow:0 0 0 4px color-mix(in srgb, var(--cs-primary) 20%, transparent);
}
/* Select com seta consistente */
#cs-agende-form select{
-webkit-appearance:none; appearance:none;
background-image:url('data:image/svg+xml;utf8,
');
background-repeat:no-repeat; background-position:right 12px center;
padding-right:40px !important;
}
/* Botões Zoho (submit/next) */
#cs-agende-form button,
#cs-agende-form input[type="submit"],
#cs-agende-form input[type="button"],
#cs-agende-form .zf-submit{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
width:100%; height:52px;
background:var(--cs-primary) !important;
color:#FFF !important;
font-weight:800; letter-spacing:.2px;
border:0 !important; border-radius: var(--cs-radius) !important;
cursor:pointer;
box-shadow:0 8px 18px color-mix(in srgb, var(--cs-primary) 35%, transparent);
transition:transform .06s, box-shadow .2s, background .2s;
}
#cs-agende-form button:hover,
#cs-agende-form input[type="submit"]:hover,
#cs-agende-form input[type="button"]:hover{ background:var(--cs-primary-600) !important; }
/* Mensagens */
#cs-agende-form .zf-errorMessage,
#cs-agende-form .zcwf_error{ color:#B91C1C; font-size:.88rem; margin-top:6px; }
#cs-agende-form .zf-success-msg{ color:var(--cs-primary); font-weight:700; }
/* Responsivo */
@media (max-width: 767px){
#cs-agende-form form{ max-width:100%; margin:0; padding:18px; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f40a261 */.elementor-826 .elementor-element.elementor-element-f40a261 span {
color:#48C5DE;
}
.elementor-826 .elementor-element.elementor-element-f40a261 {
max-width: 100px
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a40fd6c */.elementor-826 .elementor-element.elementor-element-a40fd6c span {
color: #408C9C;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db4efa0 */.elementor-826 .elementor-element.elementor-element-db4efa0 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-087777a */.elementor-826 .elementor-element.elementor-element-087777a p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2082979 */.elementor-826 .elementor-element.elementor-element-2082979 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db4efa0 */.elementor-826 .elementor-element.elementor-element-db4efa0 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-087777a */.elementor-826 .elementor-element.elementor-element-087777a p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2082979 */.elementor-826 .elementor-element.elementor-element-2082979 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db4efa0 */.elementor-826 .elementor-element.elementor-element-db4efa0 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-087777a */.elementor-826 .elementor-element.elementor-element-087777a p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2082979 */.elementor-826 .elementor-element.elementor-element-2082979 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-db4efa0 */.elementor-826 .elementor-element.elementor-element-db4efa0 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-087777a */.elementor-826 .elementor-element.elementor-element-087777a p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2082979 */.elementor-826 .elementor-element.elementor-element-2082979 p {
margin: 0
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-a1f71b1 */.elementor-826 .elementor-element.elementor-element-a1f71b1 span.swiper-pagination-bullet {
border-radius: 8px !important;
width: 32px !important;
opacity: 1 !important
}
.elementor-826 .elementor-element.elementor-element-a1f71b1 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #48C5DE !important
}
@media (min-width: 1024px) {
.elementor-826 .elementor-element.elementor-element-a1f71b1 .swiper-pagination {
display: none;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-52f4a38 */ul.chosen-results {
display: block !important;
}
.searchandfilter ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(174px, 1fr));
grid-auto-flow: dense;
padding: 0;
}
.searchandfilter ul li:first-child, .searchandfilter ul li:last-child {
grid-column: 1 / -1;
width: 100%;
}
.chosen-container.chosen-container-multi {
width: 100% !important;
}
.chosen-container-multi .chosen-choices {
border: 0.5px solid #00082480;
border-radius: 8px;
padding: 5px 16px;
}
.searchandfilter select.sf-input-select {
min-width: 150px;
max-width: 150px;
font-size: 14px;
color: #555555;
padding: 4px 12px;
border: 0.5px solid #0008244D;
border-radius: 4px
}
.elementor-kit-6 input[type="submit"] {
background-color: #f4F4F4;
border: none;
font-size: 12px;
color: #555555;
padding: 4px 8px;
}
@media (max-width: 767px) {
.searchandfilter select.sf-input-select {
min-width: 100%;
max-width: 100%;
}
.searchandfilter label {
width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e92bb27 */.elementor-826 .elementor-element.elementor-element-e92bb27 #carregar-mais .elementor-button-text {
color: #000824;
}
.elementor-826 .elementor-element.elementor-element-e92bb27 .elementor-button-text {
color: #fff;
}
.elementor-826 .elementor-element.elementor-element-e92bb27 #detalhes .elementor-button-text {
color: #408c9c;
}/* End custom CSS */