.rgb-crm-form{max-width:520px;display:flex;flex-direction:column;gap:14px;}
/* "Escribenos" en verde oscuro (Jorge, 17-sep-2026) -- var(--primary) con fallback neutro para marcas sin ese token. */
.rgb-crm-form h3{margin-bottom:4px;color:var(--primary,inherit);}
.rgb-crm-form__field{display:flex;flex-direction:column;gap:6px;}
.rgb-crm-form__field label{font-size:.82rem;font-weight:600;color:var(--ink-soft,#4a5160);}
.rgb-crm-form__field input,.rgb-crm-form__field textarea{
	padding:12px 14px;border:1px solid var(--line,#dfe3e8);border-radius:8px;
	font:inherit;background:var(--paper-raised,#fff);color:var(--ink,#111318);
}
.rgb-crm-form__honeypot{position:absolute;left:-9999px;top:-9999px;}
.rgb-crm-form__status{font-size:.86rem;min-height:1.2em;}
.rgb-crm-form__status.is-error{color:#b42318;}
.rgb-crm-form__status.is-success{color:#1a7f37;}

/*
 * Layout de dos columnas cuando el shortcode trae el atributo "logo"
 * (ver RGStudio_plugin_FormulariosCRM.php) -- rellena el espacio vacio al
 * lado del formulario en secciones full width. Sin el atributo no se
 * imprime .rgb-crm-wrap--con-logo y el formulario se ve exactamente
 * igual que antes (max-width:520px, columna unica).
 */
.rgb-crm-wrap{display:block;}
.rgb-crm-wrap--con-logo{display:flex;align-items:center;gap:48px;flex-wrap:wrap;}
/*
 * Bug corregido: .rgb-crm-form usaba flex:1 1 360px (base fija en px) y
 * .rgb-crm-wrap__logo tenia max-width:360px -- en contenedores anchos
 * ninguna columna llegaba a ocupar la mitad real del espacio disponible
 * ("no abarcan dos columnas 50% del width"). flex:1 1 0 en ambas columnas
 * (mismo flex-grow, flex-basis:0) reparte el espacio disponible
 * (contenedor menos el gap) exactamente a la mitad sin importar el ancho
 * real del contenedor; min-width solo evita que se aplasten demasiado
 * antes de envolver a una columna en movil (ver media query abajo, sin
 * cambios).
 */
.rgb-crm-wrap--con-logo .rgb-crm-form{flex:1 1 0;min-width:280px;max-width:none;}
.rgb-crm-wrap__logo{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:220px;max-width:none;opacity:.92;}
.rgb-crm-wrap__logo img{width:100%;height:auto;max-height:320px;object-fit:contain;}
@media (max-width:780px){
	.rgb-crm-wrap__logo{order:-1;max-width:200px;margin:0 auto;}
}