# Prueba

.is-search-form, .is-search-input{
  font-family: Roboto, sans-serif !important;
  font-size: 18px !important;
  -webkit-border-radius: 20px 0px 0px 20px !important;
  -moz-border-radius: 20px 0px 0px 20px !important;
  border-radius: 20px 0px 0px 20px  !important;
}

.is-search-icon, .is-search-submit{
  -webkit-border-radius: 0px 20px 20px 0px !important;
  -moz-border-radius: 0px 20px 20px 0px !important;
  border-radius: 0px 20px 20px 0px  !important;
}

.wpcf7, .wpcf7-form, .wpcf7-form-control-wrap {width:100% !important; display: block !important;}

.wpcf7 label{
  display: block !important;
}

.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], 
input[type="search"], input[type="number"], input[type="tel"], input[type="range"], 
input[type="date"], input[type="month"], input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], input[type="color"],
 select, textarea {width:100% !important;}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
  background: -webkit-gradient(linear, left top, right top, from(#ddd), to(#eee));
  background: linear-gradient(to right, #ddd, #eee);
  border: none !important;
  width: 100% !important;
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  border-radius: 15px !important;
  font-size: 14px;
  color: #999 !important;
  padding: 16px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .wpcf7-submit {
  color: #00b1ee !important;
  margin: 8px auto 0;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  border-radius: 15px !important;
  padding: 6px 20px;
  line-height: 1.7em;
  background: transparent;
  border: 2px solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .wpcf7-submit:hover { 
  background-color: #eee; 
  border-color:#eee; 
  padding: 6px 20px !important; 
  }



h1,
h2,
h3 {
    font-weight: 800 !important;
    color: #e77623 !important;
  }

h2{
  font-size:2.3em !important;
}


footer{
  background-color: #563925 !important;
  color:#fff;
}

a{
  color:#00b1ee;
  text-decoration: none;
}

.wp-block-quote{
  font-size:32px !important;
  font-weight: 600 !important;
  font-style: italic !important;
  padding:20px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%23EEEEEE' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: auto 100%;
    background-repeat: round;
    background-position: 0em;
}

.cont{
  display:block;
  padding:30px 0px 30px 0px;
  text-align:center;
  -webkit-border-radius: 40px 0px 20px 0px !important;
  -moz-border-radius: 40px 0px 20px 0px !important;
  border-radius: 40px 0px 20px 0px  !important;
  margin-bottom:20px;
  transition: background-color 0.5s ease;
}

.cont i{
  padding:0px 0px 20px 0px;
  color:black;
}

.cont h3{
  color:#fff !important;
}
.conta{
  background-color: #00b1ee;
}
.contb{
  background-color: #e77623;
}
.contc{
  background-color: #268436;
}

.contd{
  background:#999;
  background: linear-gradient(90deg, rgba(231,118,35,1) 0%, rgba(0,177,238,1) 50%, rgba(38,132,54,1) 100%);
}

/*
.cont .link a{
  display:block;
  background-color: rgba(000, 000, 000, .3);
  padding:10px;
  color:white;
  text-decoration: none;
  -webkit-border-radius: 0px 0px 20px 0px !important;
  -moz-border-radius: 0px 0px 20px 0px !important;
  border-radius: 0px 0px 20px 0px  !important;
  transition: background-color 0.5s ease;
}
*/
.cont:hover{
  background-color: rgba(000, 000, 000, .5);
  -webkit-border-radius: 20px 0px 20px 0px !important;
  -moz-border-radius: 20px 0px 20px 0px !important;
  border-radius: 20px 0px 20px 0px  !important;
}

.titulo{
  display:block;
  width:100%;
  text-align:center;
  padding:125px 20px 20px 20px;
  -webkit-border-radius: 0px 0px 50px 0px !important;
  -moz-border-radius: 0px 0px 50px 0px !important;
  border-radius: 0px 0px 50px 0px  !important;
}

.titulo h1{
  font-size:38px;
  color:#fff !important; 
}

.entry-content{
  background-image: url('img/grass.png'); /* Replace 'path/to/image.jpg' with the path to your actual image file */
  background-size: auto; /* Determines how the background image should be sized to cover the element */
  background-position: bottom right; /* Determines the position of the background image within the element */
  background-repeat: no-repeat;
}

/* Media query for smartphones or smaller screens */
@media (max-width: 1400px) {
  .entry-content {
    background-image: none !important; /* Hide the background image on smartphones */
    /* Add any other styles for smartphones as needed */
  }
}

.intro{
  position: relative;
  display: block;
  width: 100%;
  text-align: center !important;
  padding-bottom:20px;
}

.extracto{
  color:white !important;
  padding: 20px;
  background-color: gray;
  -webkit-border-radius: 30px 0px 30px 0px !important;
  -moz-border-radius: 30px 0px 30px 0px !important;
  border-radius: 30px 0px 30px 0px  !important;
  font-size:22px;
}

.entry-content p, .entry-content ul li{
  font-size:20px;
}

.thumbprod{
  display: block;
  text-decoration: none;
  color:black;
  text-align: center !important;
  padding:20px;
  height:180px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 0.3s ease-in-out;
  background: white;
}

.thumbprod:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  box-shadow: rgba(0, 0, 0, 0.24) 2px 10px 10px;
}

.colorlike{
  background: -webkit-gradient(linear, left top, right top, from(#eee), to(#ccc)) !important;
}


.thumbimg{
  display: block;
  text-align: center;
}


.thumbimg img{  max-width: 80% !important; height:auto}