.elementor-4383 .elementor-element.elementor-element-6af3576{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4383 .elementor-element.elementor-element-6af3576.tc-container-advanced-hover{animation:fadeOut 1s;}.elementor-4383 .elementor-element.elementor-element-6af3576.tcg-container-adv-hover-active{animation:fadeIn 1s;}.elementor-4383 .elementor-element.elementor-element-d82b560{text-align:center;}.elementor-4383 .elementor-element.elementor-element-d82b560 img{width:220px;}.elementor-4383 .elementor-element.elementor-element-0cb4ea7{text-align:center;}.elementor-4383 .elementor-element.elementor-element-86abae2 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4383 .elementor-element.elementor-element-38e6927{text-align:center;}.elementor-4383 .elementor-element.elementor-element-98209cf{text-align:center;}.elementor-4383 .elementor-element.elementor-element-8ec37b0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4383 .elementor-element.elementor-element-26d3e0a{text-align:center;}/* Start custom CSS for shortcode, class: .elementor-element-3ff8b51 *//* ============================================================
   Encuesta PHEQ — estilos para Contact Form 7
   Sitio: programahidricoqro.mx
   Tokens extraídos del CSS real del sitio (kit Elementor + tema Webfolio):
     Fuentes:  titulos "ITC Avant Garde Std-BoldObl" · cuerpo "Greycliff_CF_Regular"
     Verde accion:   #468018      Verde salvia (boton): #8D9878
     Verde oscuro:   #2D3B2D / #25470A   Lime acento: #89F537
     Texto:          #54595F      Gris claro: #F2F2F2 / #EAEBF0
     Cremas:         #FEECDB / #FCE8C8
   ------------------------------------------------------------
   CÓMO APLICAR (Chrome):
   1) Al insertar el formulario, envuélvelo en un contenedor:
        <div class="encuesta-pheq">[contact-form-7 id="XXX" title="Encuesta PHEQ"]</div>
      (el wrapper evita que estos estilos afecten los otros formularios del sitio)
   2) Pega este CSS en Apariencia → Personalizar → CSS adicional
      (o en el CSS de la página de Elementor donde va la encuesta)
   ============================================================ */

.encuesta-pheq {
  max-width: 760px;
  margin: 0 auto;
  padding: 2.2rem 2rem;
  background: #ffffff;
  border: 1px solid #ECEAE6;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(37, 71, 10, .06);
  font-family: "Greycliff_CF_Regular", "Poppins", system-ui, sans-serif;
  color: #54595F;
}

/* Título y objetivo (primer <p><strong>…</strong>) */
.encuesta-pheq .wpcf7-form > p:first-child {
  margin: 0 0 1.8rem;
  padding-bottom: 1.2rem;
  border-bottom: 3px solid #89F537;
  font-weight: 400;
  color: #54595F;
  line-height: 1.5;
}
.encuesta-pheq .wpcf7-form > p:first-child strong {
  display: block;
  margin-bottom: .5rem;
  font-family: "ITC Avant Garde Std-BoldObl", "Poppins", sans-serif;
  font-size: 1.55rem;
  line-height: 1.2;
  color: #25470A;
}

/* Cada pregunta */
.encuesta-pheq .wpcf7-form p {
  margin: 0 0 1.4rem;
  font-weight: 600;
  color: #2D3B2D;
  line-height: 1.45;
}

/* Campos de texto, select y textarea */
.encuesta-pheq .wpcf7-select,
.encuesta-pheq .wpcf7-text,
.encuesta-pheq .wpcf7-textarea {
  width: 100%;
  margin-top: .55rem;
  padding: .7rem .85rem;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  background: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  color: #54595F;
  box-sizing: border-box;
}
.encuesta-pheq .wpcf7-textarea { min-height: 120px; resize: vertical; }
.encuesta-pheq .wpcf7-select:focus,
.encuesta-pheq .wpcf7-text:focus,
.encuesta-pheq .wpcf7-textarea:focus {
  border-color: #468018;
  outline: none;
  box-shadow: 0 0 0 3px rgba(70, 128, 24, .15);
}

/* Opciones (radio / checkbox) apiladas, cómodas en móvil */
.encuesta-pheq .wpcf7-radio,
.encuesta-pheq .wpcf7-checkbox { display: block; margin-top: .55rem; }
.encuesta-pheq .wpcf7-list-item {
  display: block;
  margin: .35rem 0;
}
.encuesta-pheq .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-weight: 400;
  color: #54595F;
  cursor: pointer;
}
.encuesta-pheq input[type="radio"],
.encuesta-pheq input[type="checkbox"] {
  accent-color: #468018;
  width: 1.1em;
  height: 1.1em;
  flex: 0 0 auto;
}

/* Campo "Otro" de la P15 */
.encuesta-pheq .wpcf7-text[name="p15_otro"] {
  margin-top: .4rem;
  max-width: 360px;
}

/* Consentimiento */
.encuesta-pheq .wpcf7-acceptance { display: block; margin: .4rem 0 1.6rem; }
.encuesta-pheq .wpcf7-acceptance .wpcf7-list-item-label {
  font-size: .92rem;
  color: #6D6D6D;
}

/* Botón Enviar (estilo nativo del sitio) */
.encuesta-pheq .wpcf7-submit {
  background: #8D9878;
  color: #EAEBF0;
  font-family: "Greycliff_CF_Regular", sans-serif;
  font-size: 1rem;
  border: none;
  border-radius: 30px;
  padding: .9rem 2.6rem;
  cursor: pointer;
  transition: background .2s ease;
}
.encuesta-pheq .wpcf7-submit:hover { background: #2D3B2D; }
/* Alternativa más vibrante: usar el verde de marca #468018 en lugar de #8D9878 */

/* Mensajes de validación / respuesta */
.encuesta-pheq .wpcf7-not-valid-tip { color: #d12d2d; font-size: .85rem; font-weight: 600; }
.encuesta-pheq .wpcf7-response-output {
  margin: 1.2rem 0 0;
  border-radius: 8px;
  border-width: 1px;
  font-size: .92rem;
}

/* Móvil */
@media (max-width: 600px) {
  .encuesta-pheq { padding: 1.5rem 1.1rem; border-radius: 12px; }
  .encuesta-pheq .wpcf7-form > p:first-child strong { font-size: 1.3rem; }
  .encuesta-pheq .wpcf7-submit { width: 100%; }
}/* End custom CSS */
/* Start custom CSS */.elementor-page-4383 .elementor-element-3ff8b51 .elementor-shortcode{max-width:760px;margin:0 auto;padding:2.2rem 2rem;background:#ffffff;border:1px solid #ECEAE6;border-radius:16px;box-shadow:0 8px 30px rgba(37,71,10,.06);font-family:"Greycliff_CF_Regular","Poppins",system-ui,sans-serif;color:#54595F;display:block;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-form > p:first-child{margin:0 0 1.8rem;padding-bottom:1.2rem;border-bottom:3px solid #89F537;font-weight:400;color:#54595F;line-height:1.5;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-form > p:first-child strong{display:block;margin-bottom:.5rem;font-family:"ITC Avant Garde Std-BoldObl","Poppins",sans-serif;font-size:1.55rem;line-height:1.2;color:#25470A;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-form p{margin:0 0 1.4rem;font-weight:600;color:#2D3B2D;line-height:1.45;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-select,.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-text,.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-textarea{width:100%;margin-top:.55rem;padding:.7rem .85rem;border:1px solid #D9D9D9;border-radius:8px;background:#fff;font-family:inherit;font-size:1rem;font-weight:400;color:#54595F;box-sizing:border-box;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-textarea{min-height:120px;resize:vertical;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-select:focus,.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-text:focus,.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-textarea:focus{border-color:#468018;outline:none;box-shadow:0 0 0 3px rgba(70,128,24,.15);}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-radio,.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-checkbox{display:block;margin-top:.55rem;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-list-item{display:block;margin:.35rem 0;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-list-item label{display:flex;align-items:center;gap:.5rem;font-weight:400;color:#54595F;cursor:pointer;}
.elementor-page-4383 .elementor-element-3ff8b51 input[type="radio"],.elementor-page-4383 .elementor-element-3ff8b51 input[type="checkbox"]{accent-color:#468018;width:1.1em;height:1.1em;flex:0 0 auto;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-text[name="p15_otro"]{margin-top:.4rem;max-width:360px;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-acceptance{display:block;margin:.4rem 0 1.6rem;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-acceptance .wpcf7-list-item-label{font-size:.92rem;color:#6D6D6D;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-submit{background:#468018;color:#EAEBF0;font-family:"Greycliff_CF_Regular",sans-serif;font-size:1rem;border:none;border-radius:30px;padding:.9rem 2.6rem;cursor:pointer;transition:background .2s ease;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-submit:hover{background:#25470A;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-not-valid-tip{color:#d12d2d;font-size:.85rem;font-weight:600;}
.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-response-output{margin:1.2rem 0 0;border-radius:8px;border-width:1px;font-size:.92rem;}
@media (max-width:600px){.elementor-page-4383 .elementor-element-3ff8b51 .elementor-shortcode{padding:1.5rem 1.1rem;border-radius:12px;}.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-form > p:first-child strong{font-size:1.3rem;}.elementor-page-4383 .elementor-element-3ff8b51 .wpcf7-submit{width:100%;}}
/*HEADERFIX*/
.elementor-page-4383 .elementor-element-6af3576{padding-top:170px !important;}
.elementor-page-4383 .elementor-element-0cb4ea7{position:relative;z-index:2;}
@media (max-width:1024px){.elementor-page-4383 .elementor-element-6af3576{padding-top:130px !important;}}
/*ENDHEADERFIX*/
/*DLBTN*/
.elementor-page-4383 .elementor-element-8ec37b0 a.elementor-button{background-color:#468018 !important;color:#EAEBF0 !important;border-radius:30px !important;}
.elementor-page-4383 .elementor-element-8ec37b0 a.elementor-button:hover{background-color:#25470A !important;color:#EAEBF0 !important;}
/*ENDDLBTN*/
/*BGTITLES*/
.elementor-page-4383 .elementor-element-6af3576{background-color:#0F0F0F !important;}
.elementor-page-4383 .elementor-element-0cb4ea7 .elementor-heading-title,
.elementor-page-4383 .elementor-element-0cb4ea7 .elementor-heading-title strong,
.elementor-page-4383 .elementor-element-38e6927 .elementor-heading-title,
.elementor-page-4383 .elementor-element-98209cf .elementor-heading-title,
.elementor-page-4383 .elementor-element-26d3e0a .elementor-heading-title{color:#ffffff !important;}
.elementor-page-4383 .elementor-element-c334741{margin-bottom:10px;}
.elementor-page-4383 .elementor-element-c334741 img{max-width:220px;height:auto;}
/*ENDBGTITLES*//* End custom CSS */