@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --ha-blue: #1c56a5;
  --ha-blue-2: #346db7;
  --ha-border: #2b6cb0;
  --ha-bg: #f5f6f7;
  --ha-ui: #ffffff;
  --ha-text: #203047;
  --ha-font-1: "Quicksand", sans-serif;
  --ha-font-2: "Montserrat", sans-serif;
}

html {
  scroll-behavior: auto;
}


.urlLink{
  font-weight: 700;
  color: var(--ha-blue);
  text-decoration: underline;
}

body {
  font-family: "Montserrat", sans-serif;
}

.ha-app {
  background-color: #fff;
}

.ha-font-title {
  font-size: 40px;
}

.ha-font-body {
  font-size: 24px;
}

.ha-bgArrow {
  mix-blend-mode: multiply;
  background-color: #1c56a5;
}

.ha-title-header-ch {
  max-width: 780px;
  margin: 0 auto;
}

.ha-container {
  max-width: 1440px !important;
}

.ha-wizard {
  max-width: 1000px;
  margin: 0 auto;
  padding: 24px 0px;
}
.ha-wz__bar {
  height: 8px;
  background: #e4ecf6;
  border-radius: 8px;
  overflow: hidden;
  margin: 8px 0 24px;
}
.ha-wz__fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #1c56a5, #66a8ff);
}
.wz-step {
  padding: 28px 0px;
  margin-bottom: 18px;
}
.wz-step label {
  display: block;
  font-weight: 400;
  color: var(--ha-blue);
  margin-bottom: 12px;
}
.wz-step input,
.wz-step select {
  width: 100%;
  padding: 13px;
  border-radius: 10px;
  border: 1.5px solid #2b6cb0;
  outline: none;
  background: #fff;
}

.ha-relative {
  position: relative;
}

.ha-absolute { 
  position: absolute;
}

.ha-arrowDownPosition {
  position: absolute;
  bottom: -11%;
  left: 5%;
  width: 119px;
  height: 110px;
}

.ha-arrowDownPosition img {
  width: 100%;
  height: auto;
}

.ha-full {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .ha-font-body {
    font-size: 22px;
  }

  .ha-font-title {
    font-size: 32px;
  }


}

.ha-font-primary {
  font-family: "Quicksand", sans-serif;
}

.ha-font-secundary {
  font-family: "Montserrat", sans-serif;
}


.ha-end {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px;
}
.ha-meter {
  margin: 10px 0 26px;
  position: relative;
}
.ha-meter__bar {
  height: 25px;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.ha-meter__bar span {
  display: block;
  height: 100%;
}
#ha-risk-fill.lvl-bajo {
  background: #56a6e8;
}
#ha-risk-fill.lvl-medio {
  background: #3382d1;
}
#ha-risk-fill.lvl-alto {
  background: #1e56aa;
}

.ha-meter__arrow{
    position: absolute;
  top: -8px; /* la sube un poquito sobre la barra */
  left: 0;
  width:  35px;
  height: 24px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #1E56AA; /* color del triángulo */
  transform: translateX(-50%); /* centra la punta justo en el % */
  background: #1c56a5;
}



#ha-risk-label{
  text-transform: uppercase;
}


.ha-end__table table {
  width: 90%;
  border-collapse: collapse;
}
#ha-summary th,
#ha-summary td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
}

table#ha-summary {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 0px;
    margin: 0 0 1.5em;
    width: 100%;
}

.ha-fixed-head {
  background: #fff;
  display: flex;
}

.ha-fixed-head__wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.ha-fixed-head__div {
  flex: 0 0 1px;
  height: 22px;
  background: #e6eaf0;
}
.ha-fixed-head__brand img,
.ha-fixed-head__test img {
  display: block;
}

.ha-gradient-bar {
  background: linear-gradient(
    90deg,
    rgba(30, 86, 170, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  height: 19px;
}




@keyframes btn-shake {
  10%, 90% { transform: translateX(-1px) }
  20%, 80% { transform: translateX(2px) }
  30%, 50%, 70% { transform: translateX(-4px) }
  40%, 60% { transform: translateX(4px) }
}
.btn-shake { animation: btn-shake .35s linear both; }






/* email form */

/* LABEL */
.wrapForm__email label.gform-field-label,
.wrapForm__email .gfield_label {
  display: block;              /* block */
  margin-top: 0.5rem;          /* mt-2 → 8px */
  margin-bottom: 0.25rem;      /* mb-1 → 4px */
  font-size: 0.875rem;         /* text-sm → 14px */
  line-height: 1.25rem;        /* leading-5 */
  font-weight: 600;            /* font-medium */
  color: #1E56AA;              /* text-[#1E56AA] */
}

/* INPUT EMAIL*/
.wrapForm__email input[type="email"] {
  margin-top: 0.75rem;         /* mt-3 → 12px */
  width: 16rem;                /* w-64 → 256px (cambiar por 100% si querés full width) */
  height: 3rem;                /* h-12 → 48px */
  border-radius: 0.75rem;      /* rounded-xl → 12px */
  border: 1px solid #2f5ea7;   /* border-[#2f5ea7] */
  padding-left: 1rem;          /* px-4 → 16px */
  padding-right: 1rem;
  outline: none;               /* outline-none */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-size: 16px;
  font-family: inherit;
  box-sizing: border-box;
  color: #000;
}
.wrapForm__email input[type="email"]:focus {
  border-color: #1c56a5;       /* focus:border-[#1c56a5] */
  box-shadow: 0 0 0 2px #84aef3; /* focus:ring-2 + focus:ring-[#84aef3] */
}

.wrapForm__email .gform_button,
.wrapForm__email input[type="submit"].gform_button {
  display: inline-flex;            /* inline-flex */
  align-items: center;
  justify-content: center;
  gap: 0.5rem;                     /* gap-2 */
  height: 3rem;                    /* h-12 */
  padding: 0 2rem;                 /* px-8 */
  border: none;                    /* border-none */
  border-radius: 9999px;           /* rounded-full */
  background: #1F56AA;             /* bg-[#1F56AA] */
  color: #fff;                     /* text-white */
  font-weight: 600;                /* font-semibold */
  font-size: 1.125rem;             /* text-[18px] ≈ 18px */
  line-height: 1;                  /* line-height compacto */
  cursor: pointer;
  transition: transform .05s ease, box-shadow .2s ease, background-color .2s ease, opacity .2s ease;
  box-shadow: 0 6px 16px rgba(31, 86, 170, 0.25); /* shadow/hover suave */
}

.wrapForm__email .gform_button:hover,
.wrapForm__email input[type="submit"].gform_button:hover {
  background: #164a9d;             /* hover:bg-[#164a9d] */
}

.wrapForm__email .gform_button:active,
.wrapForm__email input[type="submit"].gform_button:active {
  transform: translateY(0.5px) scale(0.99); /* active:scale-95 sutil */
}

.wrapForm__email .gform_button:focus-visible,
.wrapForm__email input[type="submit"].gform_button:focus-visible {
  outline: none; 
  box-shadow: 0 0 0 3px #84aef3, 0 0 0 5px rgba(31, 86, 170, 0.35); /* focus:ring */
}

.wrapForm__email .gform_button:disabled,
.wrapForm__email input[type="submit"].gform_button:disabled {
  opacity: 0.6;                   /* disabled:opacity-60 */
  cursor: not-allowed;
  box-shadow: none;
}

.wrapForm__email form{
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}




.ha-input--error { outline: none; border-color: #B91C1C !important; box-shadow: 0 0 0 2px rgba(185,28,28,.2); }
.ha-field-help { line-height: 1.2; }





#google_translate_element{
	display: none !important;
}