/* 
 Theme Name:     Reycoenergy
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.forma_contacto input, .forma_contacto input[type=text], .forma_contacto input[type=email], .forma_contacto textarea { width:100%; font-size:18px; padding:15px 10px; margin:15px 0; 
	background:rgba(226, 232, 240, 0.3); border:1px solid #e5e7eb; border-radius:10px; }
.forma_contacto input[type=submit] { width:100%; font-size:18px; font-weight:800; margin:4px auto; padding:15px; background:#0D3B66; color:#fff; cursor:pointer; background-image: url(https://reycoenergy.com/wp-content/uploads/2026/07/paper-plane-solid-full.webp);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position-x: 10%;
    background-position-y: 40%;
	}
.forma_contacto placeholder {color:#ccc;}
.forma_contacto label {font-weight:800; text-transform:uppercase; font-size:14px; color:#334155;}


.una_cols_forma, .dos_cols_forma{
	width:49%;
	display:inline-block;
	vertical-align:top;
}

.dos_cols_forma{
	padding-left:20px;
	width:50%;
}

span.wpcf7-list-item label {
	font-size:16px;	
	font-family:'Mukta', Hekvetica, Arial;
	text-transform:none;
}

span.wpcf7-list-item {
    display: inline-block;
    margin-right: 5px;
	background:rgba(226, 232, 240, 0.3); 
	border:1px solid #e5e7eb; 
	border-radius:10px;
	padding:10px;
	margin-bottom:20px;
	width: 28%;
    text-align: center;
}



/*------------- HERO SECTION ----------------*/


.btn_caja_soluciones {
	width:fit-content;
	background:#0D3B660D;
	color:#f9d977;
	font-weight:600;
	padding:0 7px;
	border-radius:30px;
	margin-top:20%;
	text-transform:uppercase;
}

.btn_cotiza {
	background-color: rgb(13 59 102 / var(--tw-bg-opacity, 1));
    padding: 17px 10px 10px 50px;
    height: 50px;
    width: 140px;
    background-image: url(https://reycoenergy.com/wp-content/uploads/2026/07/calculator-solid-full.webp);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position-x: 25%;
    background-position-y: 40%;
    border-radius: 35px;
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
}

.btn_cotiza a:link { 
	font-size:16px;
	color:#fff!important;
}


@media (max-width: 767px) { 

	.forma_contacto input[type=submit] {    
		background-position-x: 5%;
		padding:15px 45px;
	} 

	.una_cols_forma, .dos_cols_forma {
		width:100%;
		display:block;
		vertical-align:top;
	}
	
	.dos_cols_forma{
	padding-left:0px;
	}
	
	span.wpcf7-list-item {
    display: block;
	width: 90%;
	}

 }