.elementor-734 .elementor-element.elementor-element-e0b50e3{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-734 .elementor-element.elementor-element-4db83a4{--display:flex;--min-height:650px;}.elementor-734 .elementor-element.elementor-element-4db83a4:not(.elementor-motion-effects-element-type-background), .elementor-734 .elementor-element.elementor-element-4db83a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ohlahogar.com/wp-content/uploads/2026/04/Web-familia-.jpg");background-position:0% 30%;background-size:cover;}.elementor-734 .elementor-element.elementor-element-64f77eb{--display:flex;--z-index:1;}.elementor-734 .elementor-element.elementor-element-502693c{--display:flex;--margin-top:-68px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-734 .elementor-element.elementor-element-850dbb3{margin:-10px 8px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-734 .elementor-element.elementor-element-850dbb3.elementor-element{--align-self:center;}.elementor-734 .elementor-element.elementor-element-850dbb3 img{width:185px;}.elementor-734 .elementor-element.elementor-element-48e861d{--display:flex;--z-index:1;}@media(min-width:768px){.elementor-734 .elementor-element.elementor-element-64f77eb{--content-width:200px;}.elementor-734 .elementor-element.elementor-element-48e861d{--content-width:800px;}}@media(max-width:1024px){.elementor-734 .elementor-element.elementor-element-4db83a4:not(.elementor-motion-effects-element-type-background), .elementor-734 .elementor-element.elementor-element-4db83a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-734 .elementor-element.elementor-element-e0b50e3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-734 .elementor-element.elementor-element-4db83a4{--min-height:400px;}.elementor-734 .elementor-element.elementor-element-4db83a4:not(.elementor-motion-effects-element-type-background), .elementor-734 .elementor-element.elementor-element-4db83a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-734 .elementor-element.elementor-element-64f77eb{--content-width:200px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-734 .elementor-element.elementor-element-502693c{--margin-top:-48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-734 .elementor-element.elementor-element-48e861d{--padding-top:56px;--padding-bottom:56px;--padding-left:32px;--padding-right:32px;}}/* Start custom CSS for container, class: .elementor-element-502693c */.elementor-734 .elementor-element.elementor-element-502693c:before{
    content: "";
    width: 200px;
    height: 200px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    left: -6px;
    border-radius: 40px;
    top: 6px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-79245f0 */.form-heading h3, h3.titulo-pdf {
    font-size: 28px!important;
    font-family: 'ABCDiatype';
    font-weight: 600;
    text-align: center;
    /* -webkit-background-clip: text; */
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #8ee4af 0%, #8ee4af 30%, #f9e79f 60%, #f8a5c2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     transition: all ease .3s;
}

.form-heading p {
    font-family: 'ABCDiatype';
    margin-bottom: 40px!important;
}

.form-section h4 {
    font-size: 20px!important;
    font-family: 'ABCDiatype';
    margin-bottom: 15px;
    font-weight: 600;
     background: linear-gradient(90deg, #8ee4af 10%, #f9e79f, #f8a5c2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea
 {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-family: 'ABCDiatype';
    color: #4e4e4e!important;
}

.fila-pregunta .wpcf7-list-item-label, .instruccion-pdf
 {
    margin-left: 10px !important;
    font-size: 15px;
    color: #4e4e4e!important;
    font-family: 'ABCDiatype';
}

[type=button], [type=submit], button
 {
    font-weight: 600;
    text-align: center;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    background: linear-gradient(90deg, #8ee4af, #fbc2eb, #e1ceff);
    border: none;
    color: white;
    font-size: 18px;
    padding: 12px;
    border-radius: 25px;
    cursor: pointer;
    width: 100%;
    font-family: 'ABCDiatype';
}

.elementor-shortcode:hover .form-heading h3 {
    background: linear-gradient(90deg, #f8a5c2 0%, #f8a5c2 30%, #6ec1e4 60%, #8ee4af 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all ease .3s;
}

.elementor-shortcode:hover .form-section h4{
background: linear-gradient(90deg, #f8a5c2 10%, #6ec1e4, #6ec1e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

[type=button]:hover, [type=submit]:hover, button:hover
 {
     background: linear-gradient(90deg, #6ec1e4, #f9c5d1, #fbc2eb);
 }
 
  @media only screen and (max-width: 600px) {
    .form-heading h3, h3.titulo-pdf {
    font-size: 20px!important;
    }
    
    .form-section h4 {
    font-size: 18px!important;
    }
    
}

#politica {
  color: #009b7d; /* Color verde de tu botón */
  text-decoration: underline;
  font-weight: 600;
}

/* CONTENEDOR */
.mi-form-ohla {
  max-width: 720px;
  margin: auto;
  font-family: 'Inter', sans-serif;
}

/* TITULO */
.form-heading h3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}

.form-heading p {
  text-align: center;
  font-size: 13px;
  color: #666;
  margin-bottom: 25px;
}

/* SECCIONES */
.form-section {
  margin-bottom: 25px;
}

.form-section h4 {
  font-size: 14px;
  color: #e91e63; /* rosado */
  margin-bottom: 10px;
  font-weight: 600;
}

/* GRID */
.form-row {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}

.form-col {
  flex: 1;
}

/* INPUTS (clave del diseño) */
.mi-form-ohla input,
.mi-form-ohla select,
.mi-form-ohla textarea {
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 13px;
  background: #fafafa;
  transition: all 0.25s ease;
}

/* TEXTAREA */
.mi-form-ohla textarea {
  height: 100px;
  resize: none;
}

/* FOCUS SUAVE */
.mi-form-ohla input:focus,
.mi-form-ohla select:focus,
.mi-form-ohla textarea:focus {
  background: #fff;
  border-color: #e91e63;
  box-shadow: 0 0 0 2px rgba(233,30,99,0.08);
  outline: none;
}

/* SELECT flechita más limpia */
.mi-form-ohla select {
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='20' viewBox='0 0 24 24' width='20'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

/* CHECKBOXES */
.contenedor-documentacion {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.fila-pregunta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #555;
}

.fila-pregunta input {
  width: 14px;
  height: 14px;
}

/* FILE INPUT */
.mi-form-ohla input[type="file"] {
  font-size: 12px;
}

.mi-form-ohla input[type="file"]::file-.elementor-734 .elementor-element.elementor-element-79245f0-button {
  background: #e91e63;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
}

/* BOTÓN FINAL (gradiente como tu imagen) */
.mi-form-ohla input[type="submit"] {
  width: 100%;
  border: none;
  padding: 12px;
  border-radius: 25px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(90deg, #f06292, #81c784);
  transition: 0.3s;
}

.mi-form-ohla input[type="submit"]:hover {
  opacity: 0.9;
}

/* TEXTOS FINALES */
.form-note,
.form-confidential {
  font-size: 11px;
  text-align: center;
  color: #777;
  margin-top: 10px;
}

/* MOBILE */
@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
  }
}/* End custom CSS */