/* BENEFICIOS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.beneficios1 { background:#fff; }

.beneficios2 {
  padding: 60px 15px;
  margin: 0 auto;
}
.beneficios2 h2 {
  font-size: 18px;
  text-align: center;
  color: #000;
  padding: 0;
  margin: 35px 0 0 0;
}

/* Form ---------------------------------------------------------------------------------------- */

.beneficios2 form {
}

.beneficios2 form select {
  width: fit-content;
  height: 50px;
  font-size: 17px;
  color: #363736;
  border: 1px solid #21bc4c;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  margin: auto;
}

.beneficios2 form .form-control:focus {
  border: 1px solid #21bc4c;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.beneficios2 form .boton-beneficio {
  height: 50px;
  font-size: 16px;
  text-align: center;
  line-height: normal;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display: block;
  color: #fff !important;
  background: #21bc4c;
  border: 1px solid #21bc4c;
}

.beneficios2 form .boton-beneficio:hover {
  text-decoration: none;
  color: #188035 !important;
  background: #fff !important;
  border: 1px solid #21bc4c;
}

.beneficios2 form .boton-beneficio:focus {
  outline-color: transparent;
  text-decoration: none;
  outline: none;
  outline-offset: none;
  background: #21bc4c;
}

.beneficios2 form .boton-beneficio-a {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  background-color: #ff5659;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
}

.beneficios2 form .boton-beneficio-a:hover {
  color: #fff;
  background-color: #e54949;
  text-decoration: none;
}

@media (min-width: 100px) {
  .beneficios2 .boton-beneficio { padding: 10px 30px; margin: 10px auto 10px auto; width: 150px; }
  .beneficios2 .boton-beneficio-a { width:100%; }
}

@media (min-width: 768px) {
  .beneficios2 .boton-beneficio-a { width:120px; }
}

@media (min-width: 992px) {
  .footer .boton { padding: 10px 25px; margin: 10px 0 10px auto; width: 150px; }
}

@media (min-width: 1200px) {
}

/* Categorias ---------------------------------------------------------------------------------- */

.beneficiocategoria { margin-bottom:30px; }

.beneficiocategoria img {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}

.beneficiocategoria .titulo {
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  align-items: stretch;
  height: 100%;
}

.beneficiocategoria .titulo h3 {
  font-size: 15px;
  text-align: center;
  color: #666;
  padding: 0;
  margin: 10px 15px;
}

.beneficiocategoria .titulo h3:hover {
  color: #000;
  text-decoration: none;
}

.beneficiocategoria .titulo a:hover { text-decoration:none; }

/* Listado ------------------------------------------------------------------------------------- */

.beneficios2 .beneficio { margin-bottom:15px; }

.beneficios2 .beneficio .titulos {
  background: #f3f3f3;
  padding: 10px;
  overflow: hidden;
  color: #010101;
  font-size: 17px;
}

.beneficios2 .beneficio .titulos input {
  height: 40px;
  font-size: 14px;
  color: #188035;
  border: 1px solid #21bc4c;
  background: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.beneficios2 .beneficio .titulos input:hover {
  color: #fff;
  background: #21bc4c;
  border: 1px solid #21bc4c;
}

.beneficios2 .beneficio .titulos input:focus { outline-color:transparent; }

.beneficios2 .beneficio .titulos input:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.beneficios2 .beneficio .beneficio-desc {
  background: #dbdbdb;
  display: none;
  padding: 10px 15px;
  margin-top: 3px;
}

.beneficios2 .beneficio .beneficio-desc div { background:#dbdbdb; }

.beneficios2 .beneficio .beneficio-desc p {
 
  color: #010101;
  padding: 0;
  margin: 0 0 0 0;
  font-size: 15px;
  line-height: 20px;
}

@media (min-width: 100px) {
  .beneficios2 .beneficio .titulos { line-height:20px; text-align:center; }
  .beneficios2 .beneficio .titulos input { float:none; display:block; margin:8px auto 0 auto; }
}

@media (min-width: 768px) {
  .beneficios2 .beneficio .titulos { line-height:34px; text-align:left; }
  .beneficios2 .beneficio .titulos input { float:right; display:inherit; margin:0; }
}

/* Tablas -------------------------------------------------------------------------------------- */

.beneficios2 .beneficio table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  border: 2px solid #000;
  width: 100%;
}

.beneficios2 .beneficio td, .beneficios2 .beneficio th {
  border: 1px solid #000;
  text-align: center;
  padding: 8px;
}

.beneficios2 .beneficio tr:nth-child(even) {
  background-color: #dddddd;
}