.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#723764;--e-global-color-1de2080:#0635F4;--e-global-color-1dd30f2:#723764;--e-global-color-7ca5e8f:#6E6E6E;--e-global-color-fd9d6f3:#000000;--e-global-color-1d01aa5:#FFFFFF;--e-global-color-ea8522d:#FFFFFF00;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-112af09-font-family:"Degular Medium";--e-global-typography-112af09-font-size:clamp(2rem, 1.4rem + 3vw, 5rem);--e-global-typography-112af09-font-weight:400;--e-global-typography-ecb13b5-font-family:"Degular Semibold";--e-global-typography-ecb13b5-font-size:clamp(1.2rem, 1.08rem + 0.6vw, 1.8rem);--e-global-typography-ecb13b5-font-weight:400;--e-global-typography-956d182-font-family:"Degular Medium";--e-global-typography-956d182-font-size:clamp(1rem, 0.9rem + 0.5vw, 1.5rem);--e-global-typography-956d182-line-height:clamp(1.3rem, 1.2rem + 0.5vw, 1.8rem);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1440px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:1280px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;}}@media(max-width:480px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* <<<<<< FORMULARIO ENCUESTA >>>>>> */


/* Separación entre barra de progreso y preguntas */
.elementor-field-group {
    margin-top: 4%;
}

@media screen and (max-width: 880px) {
.elementor-field-group {
    margin-top: 8%;
}
}


/* Separación entre pregunta y opciones checkbox */
.elementor-field-subgroup {
    margin-top: 1%;
    line-height: 3lvh;
}


/* Separación entre botones anterior y posterior */
.elementor-button-align-center .e-form__buttons {
    gap: 3%;
}


.elementor-field-subgroup label {
    color: #000 !important;
}


/* Separación entre pregunta y campo select */
.elementor-field.elementor-select-wrapper.remove-before {
    margin-top: 1%;
}


/* Formato campos select */
.elementor-field-group .elementor-select-wrapper select {
    background-color: #ffffff;
    border-color: #000 !important;
    border-radius: 50px;
}


/* Formato campos textarea "Otros" */
textarea#form-field-field_846a704, textarea#form-field-field_4276dfb, textarea#form-field-field_23a663e, textarea#form-field-field_1c26b6a, textarea#form-field-field_65313c0, textarea#form-field-field_425ec76 {
    margin-top: -2%;
    border: solid 1px;
    border-radius: 50px;
    border-color: #723764;
    padding: 1% 3% 1% 3%;
}


/* Formato campos textarea específicos */
textarea#form-field-field_7a937b9, textarea#form-field-field_7b7c914, textarea#form-field-field_949bf41 {
    margin-top: 2%;
    border: solid 1px;
    border-radius: 50px;
    border-color: #723764;
    padding: 1% 3% 1% 3%;
}


/* Formato Campos input */
input#form-field-name, input#form-field-field_e14736a, input#form-field-field_4fd703a, input#form-field-field_11990a5, input#form-field-field_c14e112, input#form-field-field_92d9cba {
    margin-top: 2%;
    border: solid 1px;
    border-radius: 50px;
    border-color: #723764;
    padding: 1% 3% 1% 3%;
}


/* Botón "Pregunta anterior" con flecha a la izquierda */
.e-form__buttons__wrapper__button-previous::before {
  content: '';
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.5rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.08 236.69'><polygon fill='%23723764' points='118.35 236.69 131.82 223.21 26.96 118.35 131.82 13.48 118.35 0 0 118.35 118.35 236.69'/><rect fill='%23723764' x='144.41' y='46.19' width='19.06' height='144.28' transform='translate(35.56 272.23) rotate(-89.98)'/></svg>") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  transform: translateY(-0.05rem);
  transition: background 0.3s ease;
}

.e-form__buttons__wrapper__button-previous:hover::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.08 236.69'><polygon fill='%236E6E6E' points='118.35 236.69 131.82 223.21 26.96 118.35 131.82 13.48 118.35 0 0 118.35 118.35 236.69'/><rect fill='%236E6E6E' x='144.41' y='46.19' width='19.06' height='144.28' transform='translate(35.56 272.23) rotate(-89.98)'/></svg>");
}


/* Botón "Siguiente pregunta" con flecha a la derecha */
.e-form__buttons__wrapper__button-next::after {
  content: '';
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  margin-left: 0.5rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.08 236.69'><polygon fill='%23723764' points='107.74 0 94.26 13.48 199.13 118.35 94.26 223.21 107.74 236.69 226.08 118.35 107.74 0'/><rect fill='%23723764' x='62.61' y='46.22' width='19.06' height='144.28' transform='translate(190.53 46.26) rotate(90.02)'/></svg>") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  transform: translateY(-0.05rem);
  transition: background 0.3s ease;
}

.e-form__buttons__wrapper__button-next:hover::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 226.08 236.69'><polygon fill='%236E6E6E' points='107.74 0 94.26 13.48 199.13 118.35 94.26 223.21 107.74 236.69 226.08 118.35 107.74 0'/><rect fill='%236E6E6E' x='62.61' y='46.22' width='19.06' height='144.28' transform='translate(190.53 46.26) rotate(90.02)'/></svg>");
}


/* Estilo base para inputs tipo checkbox y radio */
.elementor-form input[type="checkbox"],
.elementor-form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #723764;
  border-radius: 50%; /* Cambia a 50% si los quieres redondos */
  background-color: transparent;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  vertical-align: middle;
  margin-right: 0.5rem;
}

/* Estilo cuando están seleccionados */
.elementor-form input[type="checkbox"]:checked,
.elementor-form input[type="radio"]:checked {
  background-color: #723764;
  border-color: #723764;
}

/* Checkmark para checkbox (✓) */
.elementor-form input[type="checkbox"]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 0.9rem;
  position: absolute;
  top: -0.2rem;
  left: 0.22rem;
}


/* <<< Corrección visual para el campo "Acceptance" >>> */
/*.elementor-field-type-acceptance input[type="checkbox"] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  position: static;
  width: auto;
  height: auto;
  margin-right: 0.4rem;
  background-color: initial;
  border: initial;
  border-radius: 0;
  vertical-align: middle;
  cursor: pointer;
}*/


/* <<< Estilo personalizado para checkbox de aceptación (ID específico) >>> */
input#form-field-field_b7c5c35 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #723764;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: middle;
  transition: all 0.2s ease;
  display: inline-block;
}

/* Mostrar ✓ cuando está marcado */
input#form-field-field_b7c5c35:checked::after {
  content: "✓";
  color: #fff;
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  pointer-events: none;
}

/* Fondo y borde activo */
input#form-field-field_b7c5c35:checked {
  background-color: #723764;
  border-color: #723764;
}


/* Punto para radio (también un cuadrado si quieres unificarlo visualmente) */
.elementor-form input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 25%;
  width: 0.55rem;
  height: 0.55rem;
  background-color: #fff;
  border-radius: 50%; /* cuadrado. Cambia a 50% si quieres que sea círculo interior */
}

/* Estilo para inputs deshabilitados por JS */
.elementor-form input[type="checkbox"]:disabled,
.elementor-form input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  filter: grayscale(70%);
  transition: all 0.2s ease;
}


/* Corrige separación entre el icono y el texto largo en checkboxes y radios */
.elementor-form .elementor-field-option {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

/* Asegura que el input (icono) no se superponga en saltos de línea */
.elementor-form .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-option input[type="radio"] {
  margin-top: 0;
  margin-block: 0.6rem;
  flex-shrink: 0;
}

/* Permite que el texto se ajuste correctamente al lado del icono */
.elementor-form .elementor-field-option label {
  display: inline-block;
  margin: 0;
  margin-block: 0.5rem;
  font-size: clamp(1rem, 0.94rem + 0.3vw, 1.3rem)
 !important;
  line-height: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}


/* Formato botón "Enviar tus preguntas" */
.elementor-57 .elementor-element.elementor-element-f137da3 .elementor-button[type="submit"] {
    background-color: #723764 !important;
    color: #fff !important;
}


/* Formato checkbox Aceptación */
.texto-aceptacion-formulario {
    font-family: "Degular Medium", sans-serif;
    font-size: clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem);
}

.enlace-aceptacion a {
    font-family: "Degular Medium", sans-serif;
    font-size: clamp(0.8rem, 0.78rem + 0.1vw, 0.9rem);
    color: #723764 !important;
}

.enlace-aceptacion a:hover {
    color: #c7c7c7 !important;
}


/* <<<<<< /FIN FORMULARIO ENCUESTA >>>>>> *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Degular Medium';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/Degular-Medium.woff') format('woff'),
		url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/Degular-Medium.ttf') format('truetype'),
		url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/Degular-Medium.svg#DegularMedium') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Degular Semibold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/Degular-Semibold.woff') format('woff'),
		url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/Degular-Semibold.ttf') format('truetype'),
		url('https://cumplimosquince.informereporta.com/wp-content/uploads/2025/07/degular-semibold.svg#DegularSemibold') format('svg');
}
/* End Custom Fonts CSS */