/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



.max1280 {
	max-width: 1280px;
}

/* 
@media (max-width: 767px) {
	.newsletter input[type="submit"] {
	transform: translateX(35px);
}
}


 */

.fill--white svg {
	fill: white !important;
}
.white { fill: #FFF; }   



/* Estructura base */
.wpcf7 form .dinefa {
  max-width: 600px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-left: 16px;
}

/* Cada campo */
.dinefa .form-row {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c4d0d7;
  padding: 5px 0;
}

/* Iconos */
.dinefa .form-icon {
  color: #e91e63; /* Rosa igual a tu ejemplo */
  margin-right: 10px;
  font-size: 18px;
}

/* Inputs y textarea */
.wpcf7 .dinefa input[type="text"],
.wpcf7 .dinefa input[type="email"],
.wpcf7 .dinefa input[type="tel"],
.wpcf7 .dinefa textarea {
  border: none;
  outline: none;
  flex: 1;
  font-size: 15px;
  color: #333;
  padding: 8px 5px;
  background: transparent;
}

/* Placeholder gris */
.wpcf7 .dinefa input::placeholder,
.wpcf7 .dinefa textarea::placeholder {
  color: #999;
}

/* Botón enviar */
.dinefa .form-submit {
  grid-column: span 2;
  text-align: left;
  margin-top: 10px;
}

.wpcf7 .dinefa input[type="submit"] {
  background: #1e40af; /* Azul */
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 40px;
  border: none;
  border-radius: 35px;
  cursor: pointer;
  transition: 0.3s;
  transform: translateX(-15px);
}

.wpcf7 .dinefa input[type="submit"]:hover {
  background: #15338c;
}

.dinefa .form-row::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-80%) translateX(-30px);
  font-size: 16px;
  color: red;
  pointer-events: none;
  content: "";
}

/* luego cambias según el input que contenga */
.dinefa .form-row:has(input[name="your-name"])::before {
  content: "\f007";
}
.dinefa .form-row:has(input[name="your-email"])::before {
  content: "\f0e0";
}
.dinefa .form-row:has(input[name="your-phone"])::before {
  content: "\f095";
}
.dinefa .form-row:has(input[name="your-message"])::before,
.dinefa .form-row:has(textarea[name="your-message"])::before {
  content: "\f075";
}




/*DINEFA II*/
/* ====== Estructura base ====== */
.wpcf7 form .dinefa2 {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  background: #f0f9fc;
  border-radius: 8px;
}

/* Cada fila */
.dinefa2 .form-row {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c4d0d7;
  padding: 8px 0;
  grid-column: span 1;
  background-color: white;
}

.dinefa2 .form-row-2 {
  grid-column: span 2;
}

@media (max-width: 768px) {
 .dinefa2 .form-row-2 {
  grid-column: span 1;
}
}

/* Inputs y textarea */
.wpcf7 .dinefa2 input[type="text"],
.wpcf7 .dinefa2 input[type="email"],
.wpcf7 .dinefa2 input[type="tel"],
.wpcf7 .dinefa2 select,
.wpcf7 .dinefa2 textarea {
  border: none;
  outline: none;
  flex: 1;
  font-size: 15px;
  color: #333;
  padding: 10px 5px;
  background: transparent;
}

.wpcf7 .dinefa2 textarea {
  height: 200px;
  resize: none;
  overflow: auto;
}


/* Placeholder */
.wpcf7 .dinefa2 input::placeholder,
.wpcf7 .dinefa2 textarea::placeholder {
  color: #999;
}

/* Botón */
.dinefa2 .form-submit {
  grid-column: span 2;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 768px) {
.dinefa2 .form-submit {
  grid-column: span 1;
}
}


.wpcf7 .dinefa2 input[type="submit"] {
  background: #c8102e;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 40px;
  border: none;
  border-radius: 35px;
  cursor: pointer;
  transition: 0.3s;
}
.wpcf7 .dinefa2 input[type="submit"]:hover {
  background: #a50e26;
}

/* ====== Íconos con pseudoelementos ====== */
.dinefa2 .form-row::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%) translateX(40px);
  font-size: 16px;
  color: #6C6B68;
  pointer-events: none;
  content: "";
}

.dinefa2 .form-row-2::before {
  transform: translateY(-93px) translateX(40px) !important;
}

.dinefa2 .form-row > p {
  padding-left: 35px;
	margin-bottom: 0;
}

/* Ícono según campo */
.dinefa2 .form-row:has(input[name="your-name"])::before {
  content: "\f007"; /* user */
}
.dinefa2 .form-row:has(input[name="your-email"])::before {
  content: "\f0e0"; /* envelope */
}
.dinefa2 .form-row:has(input[name="your-phone"])::before {
  content: "\f095"; /* phone */
}
.dinefa2 .form-row:has(select[name="your-client-type"])::before {
  content: "\f0c0"; /* users */
}
.dinefa2 .form-row:has(textarea[name="your-message"])::before {
  content: "\f075"; /* comment */
}

/* ====== Responsive ====== */
@media (max-width: 768px) {
  .wpcf7 form .dinefa2 {
    grid-template-columns: 1fr;
  }
  .dinefa2 .form-row::before {
    left: -20px;
  }
}


.subiricon .elementor-icon-box-icon {
	transform: translateY(0px) !important;	
	}

@media (max-width: 768px) {
	.subiricon .elementor-icon-box-icon {
	transform: translateY(1px) !important;	
	}

	.subiricon p {
	margin: 0 !important;	
	}
}