.elementor-1018 .elementor-element.elementor-element-5c30996{--display:flex;--min-height:20vh;--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;--justify-content:center;--overlay-opacity:0.85;box-shadow:0px 10px 10px -7px rgba(0, 0, 0, 0.33);}.elementor-1018 .elementor-element.elementor-element-5c30996:not(.elementor-motion-effects-element-type-background), .elementor-1018 .elementor-element.elementor-element-5c30996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://masterpsicoterapia.cesarcollazos.com/wp-content/uploads/2025/08/1400X180_02.jpg");}.elementor-1018 .elementor-element.elementor-element-5c30996::before, .elementor-1018 .elementor-element.elementor-element-5c30996 > .elementor-background-video-container::before, .elementor-1018 .elementor-element.elementor-element-5c30996 > .e-con-inner > .elementor-background-video-container::before, .elementor-1018 .elementor-element.elementor-element-5c30996 > .elementor-background-slideshow::before, .elementor-1018 .elementor-element.elementor-element-5c30996 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1018 .elementor-element.elementor-element-5c30996 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-c793951 );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1018 .elementor-element.elementor-element-38a4ba3 .elementor-heading-title{color:#34639A;}.elementor-1018 .elementor-element.elementor-element-0c03778{--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;--padding-top:31px;--padding-bottom:31px;--padding-left:31px;--padding-right:31px;}@media(max-width:767px){.elementor-1018 .elementor-element.elementor-element-38a4ba3{text-align:center;}.elementor-1018 .elementor-element.elementor-element-0c03778{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6dadde9 *//* ========== VARIABLES ========== */
.wpcf7 form{
  --clr-primary: #2563eb;           /* azul principal */
  --clr-primary-light: #0ea5e9;
  --clr-border:  #e2e8f0;
  --clr-text:    #0f172a;
  --clr-muted:   #475569;
  --radius: 14px;
}

/* ========== CONTENEDOR TARJETA ========== */
.uacf7-form-wrapper-container.uacf7-form-1016{
  max-width: 920px;
  margin: 0 auto;
  padding: 32px 28px;
  background: #fff;
  border: 1px solid var(--clr-border);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: 0 14px 38px rgba(16,24,40,.08);
}

/* ========== ENCABEZADO DEL GRUPO ========== */
.wpcf7 form p.formulario{
  margin: 0 0 18px;
  font: 800 22px/1.2 "Inter",sans-serif;
  color: var(--clr-text);
  position: relative;
  padding-left: 14px;
}
.wpcf7 form p.formulario::before{
  content: "";
  position: absolute;
  left: 0; top: 2px; bottom: 2px; width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg,var(--clr-primary-light),var(--clr-primary));
}

/* ========== CAMPOS GENERALES ========== */
.wpcf7 form .wpcf7-form-control{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--clr-border);
  border-radius: var(--radius);
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.wpcf7 form .wpcf7-form-control:focus{
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 4px rgba(59,130,246,.14);
}
.wpcf7 ::placeholder{ color:#9aa3b2 }

/* ========== FILAS 50 / 50 (nombre + apellido, etc.) ========== */
.wpcf7 form .row-50{
  display: flex; flex-wrap: wrap;
  column-gap: 20px; row-gap: 0;
}
.wpcf7 form .row-50 > label{ flex: 1 1 calc(50% - 10px); margin: 0; }
@media(max-width:768px){
  .wpcf7 form .row-50{ flex-direction: column; column-gap: 0; }
  .wpcf7 form .row-50 > label{ flex: 1 1 100%; }
}

/* ========== CHECKBOX “CONSULTA” (tarjetas limpias) ========== */
.wpcf7 .wpcf7-form-control.wpcf7-checkbox{
  display: grid; gap: 12px;
}
@media(min-width:992px){
  .wpcf7 .wpcf7-form-control.wpcf7-checkbox{ grid-template-columns: 1fr 1fr; }
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label{
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px;
  border: 1px solid var(--clr-border);
  border-radius: var(--radius);
  background: #fff;
  font-weight: 600; color: var(--clr-text);
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label:hover{
  border-color: var(--clr-primary);
  box-shadow: 0 0 0 3px rgba(37,99,235,.10);
}
.wpcf7 .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"]{
  width: 20px; height: 20px;
  accent-color: var(--clr-primary);
  cursor: pointer;
  flex-shrink: 0; margin: 0;
}

/* ========== CONSENTIMIENTOS ========== */
.wpcf7 form label:has([name="consent_data"]),
.wpcf7 form label:has([name="consent_commercials"]){
  display: flex; gap: 10px; align-items: flex-start;
  font-weight: 500; color: var(--clr-muted);
}
.wpcf7 form label:has([name="consent_data"]) a{ color: var(--clr-primary); }

/* ========== BOTÓN ENVIAR ========== */
.wpcf7 input.wpcf7-submit{
  width: 100%;
  padding: 16px 24px;
  border: none; border-radius: var(--radius);
  background: linear-gradient(90deg,var(--clr-primary) 0%,var(--clr-primary-light) 100%);
  color: #fff; font: 800 16px/1 "Inter",sans-serif; letter-spacing: .3px;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(37,99,235,.28);
  transition: filter .2s, transform .05s;
}
.wpcf7 input.wpcf7-submit:hover{ filter: brightness(.95); }
.wpcf7 input.wpcf7-submit:active{ transform: translateY(1px); }

/* ========== MENSAJE DE RESPUESTA ========== */
.wpcf7 .wpcf7-response-output{
  border-radius: var(--radius)!important;
  border-color: var(--clr-primary)!important;
  background: #f0f6ff;
}/* End custom CSS */