/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 06 2025 | 15:29:46 */
/* ---------------------------
   Inputs y campos de formulario
----------------------------- */

.bricks-is-frontend .input,
input:not([type=submit]),
select,
textarea {
  border: none;
  border-radius: 10px;
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.bricks-is-frontend .input {
  margin-right: 0;
  background: white !important;
  box-shadow: 0 0 1px #979797;
}

.bricks-is-frontend .hs-input {
  padding: 4px 14px!important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none; /* Quita el borde por defecto del navegador */
  border: 1px solid #007bff; /* Azul clásico */
}

/* ---------------------------
   Etiquetas y listas
----------------------------- */

.bricks-is-frontend label {
  margin-top: 20px;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: black !important;
}

.bricks-is-frontend ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* ---------------------------
   Estructura columnas del formulario
----------------------------- */

.bricks-is-frontend .form-columns-2 {
  display: flex;
  gap: 20px;
}

.bricks-is-frontend fieldset.form-columns-1 .hs-input {
  width: 100%;
  font-size: 14px !important;
  letter-spacing: -0.5px !important;
  padding: 6px 14px !important;
  margin-top: 0 !important;
  border-radius: 10px;
  color: #000;
}

/* ---------------------------
   Indicadores de error y campos obligatorios
----------------------------- */

.bricks-is-frontend .hs-form-required {
  color: red;
  margin-left: 4px;
}

.bricks-is-frontend .hs-error-msg {
  color: red !important;
  font-size: 14px !important;
}

/* ---------------------------
   Inputs checkbox y radio (estilo HubSpot)
----------------------------- 

.hs-form-73ef9905-251f-403f-9021-236240f7491d_879b9079-da41-4c0d-a414-55ef118977a8
  fieldset.form-columns-1 input[type=checkbox],
.hs-form-73ef9905-251f-403f-9021-236240f7491d_879b9079-da41-4c0d-a414-55ef118977a8
  fieldset.form-columns-1 input[type=radio] {
  width: fit-content !important;
}*/

/* ---------------------------
   Checkbox personalizados y consentimiento legal
----------------------------- */

.bricks-is-frontend .hs-form-booleancheckbox-display {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  background: #f5f7f9 !important;
  box-shadow: 0 0 8px #ffffff !important;
  margin-bottom: 20px;
}

.bricks-is-frontend .legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 10px;
  line-height: 20px;
}

/* ---------------------------
   Colores de enlaces específicos (Bricks)
----------------------------- */

#brxe-simkva a {
  color: red !important;
}

/* ---------------------------
   Campos de teléfono internacional (intl-phone)
----------------------------- */

.bricks-is-frontend .hs-fieldtype-intl-phone.hs-input .hs-input {
  margin-bottom: 0;
  background: white;
  padding: 4px 14px;
  font-size: 14px;
}

/* ---------------------------
   Botón de envío del formulario
----------------------------- */

.bricks-is-frontend .hs-button {
  white-space: pre-wrap;
  background: var(--bricks-color-amathp);
  border: none;
  padding: 16px;
  width: 100%;
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 16px;
  border-radius: 80px;
  transition: background-color 0.3s ease;
}

.bricks-is-frontend .hs-button:hover {
  background-color: #000;
}

/* ---------------------------
   Estilo personalizado para selects (menos el de país)
----------------------------- */

.bricks-is-frontend select.hs-input:not(#phone_ext-73ef9905-251f-403f-9021-236240f7491d) {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(&amp;amp;quot;data:image/svg+xml,%3Csvg fill=&amp;amp;#039;gray&amp;amp;#039; height=&amp;amp;#039;16&amp;amp;#039; viewBox=&amp;amp;#039;0 0 24 24&amp;amp;#039; width=&amp;amp;#039;16&amp;amp;#039; xmlns=&amp;amp;#039;http://www.w3.org/2000/svg&amp;amp;#039;%3E%3Cpath d=&amp;amp;#039;M7 10l5 5 5-5z&amp;amp;#039;/%3E%3C/svg%3E&amp;amp;quot;);
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 16px 16px !important;
  padding-right: 2.5rem !important;
  z-index: 13333333 !important;
}

.hs-form-0fd5329c-d130-4561-8ae0-a50ac1a00c24_e7dddfa8-af3b-4555-add9-6898890ee087 fieldset.form-columns-1 .input {
    background: #ffffff00 !important;
}