.logo{
  margin-left: 50px;
}
.logo a{
  text-decoration: none;
  color: white;
}
.general{
  display: flex;
}
.enlaces{
  display: flex;
  height:40px;
  
  vertical-align: center;
  align-items: center;
}
.enlaces a{
  text-decoration: none;
  color: white;
  padding:5px 10px;
}
.enlaces a:hover{
  border-bottom: 2px solid white;
  border-left: 2px solid;
  border-right: 2px solid;
  font-weight: bold;
}
.administracion{
  display: flex;
  height: 40px;
  vertical-align: center;
  align-items: center;
}
.administracion a{
  text-decoration: none;
  color: white;
  padding:5px 10px;
}
.administracion a:hover{
  border-bottom: 2px solid white;
  border-left: 2px solid;
  border-right: 2px solid;
  font-weight: bold;
}
.busqueda{
  margin-right: 50px;
}

main{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%231a4e83'%3e%3c/rect%3e%3cpath d='M0 0L990.73 0L0 500.06z' filter='url(%23SvgjsFilter1009)' fill='rgba(219%2c 188%2c 160%2c 1)'%3e%3c/path%3e%3cpath d='M0 560L990.73 560L0 59.94z' filter='url(%23SvgjsFilter1009)' fill='rgba(219%2c 188%2c 160%2c 1)'%3e%3c/path%3e%3cpath d='M1440 560L449.27 560L1440 59.94z' filter='url(%23SvgjsFilter1009)' fill='rgba(219%2c 188%2c 160%2c 1)'%3e%3c/path%3e%3cpath d='M1440 0L449.27 0L1440 500.06z' filter='url(%23SvgjsFilter1009)' fill='rgba(219%2c 188%2c 160%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1008'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cfilter height='130%25' id='SvgjsFilter1009'%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='-5' in='TopLeftG' result='TopLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopLeftO' result='TopLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='-5' in='TopRightG' result='TopRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopRightO' result='TopRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='5' in='BottomLeftG' result='BottomLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomLeftO' result='BottomLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='5' in='BottomRightG' result='BottomRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomRightO' result='BottomRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeMerge%3e%3cfeMergeNode in='TopLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='TopRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='SourceGraphic'%3e%3c/feMergeNode%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");
}
.jumbotron{
  display: grid;
  grid-template-columns: 2, 1fr;
  grid-template-rows:2, 1fr;
  padding: 100px 50px;
  background: linear-gradient(to right, #ffffff, #E1D4C4,#804000, #000000);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2914%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient2915)'%3e%3c/rect%3e%3cpath d='M 0%2c179 C 57.6%2c167.6 172.8%2c114.6 288%2c122 C 403.2%2c129.4 460.8%2c226.4 576%2c216 C 691.2%2c205.6 748.8%2c65.8 864%2c70 C 979.2%2c74.2 1036.8%2c227.6 1152%2c237 C 1267.2%2c246.4 1382.4%2c141 1440%2c117L1440 560L0 560z' fill='rgba(76%2c 49%2c 9%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c333 C 57.6%2c368 172.8%2c498 288%2c508 C 403.2%2c518 460.8%2c397.4 576%2c383 C 691.2%2c368.6 748.8%2c430.6 864%2c436 C 979.2%2c441.4 1036.8%2c391.4 1152%2c410 C 1267.2%2c428.6 1382.4%2c505.2 1440%2c529L1440 560L0 560z' fill='rgba(88%2c 63%2c 12%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2914'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='100%25' x2='50%25' y2='0%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2915'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(68%2c 38%2c 20%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  color: white;
}
.titulares{
  grid-column: 1;
  grid-row: 1;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
}
.titulares h1{
  font-size: 49px;
}
.titulares h3{
  color: #EA899A;
  font-size: 1.5rem;
  margin-bottom: 110px;
}
.contacto{
  grid-column: 1 ;
  grid-row: 2/3;
}
.contacto h4{
  font-weight:700;
}
.contacto nav{
  background-color: rgba(red, green, blue, 0);
}
.contacto form{
  padding-left: 0;
  padding-right: 30px;
}
.contacto p{
  font-size: 14px;
  margin: 0;
}
.carrusel{
  grid-column: 2;
  grid-row: 1/3;
  width: 600px;
  height: 400px;
}

.catalogo{
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F1EBE3;
}
.subtitulares{
  font-family: Arial, Helvetica, sans-serif;
  color: #804000;
  margin-bottom: 30px;
}
.catalogo-tarjetas{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1020px;
  border-top: 45px solid #432616;
  border-bottom: 45px solid #432616;
  border-right: 45px solid #432616;
  border-left: 45px solid #432616;
  
}
.tarjetas-catalogo{
  margin: 25px 15px;
}
.tarjetas-catalogo img{
  width: 310px;
  height: 250px;
}
.tarjetas-catalogo button{
  border-radius: 8px;
}
.tarjetas-catalogo button:hover{
  background-color: #804000;
  color: white;
  border: #804000;
  padding: 3px 8px;
}

.beneficios{
  padding: 50px 50px;
  background: linear-gradient(to bottom, #F1EBE3, #E1D4C4,#804000);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='250' preserveAspectRatio='none' viewBox='0 0 1440 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1075%26quot%3b)' fill='none'%3e%3crect width='1440' height='250' x='0' y='0' fill='rgba(241%2c 235%2c 227%2c 1)'%3e%3c/rect%3e%3cpath d='M45 250L295 0L569.5 0L319.5 250z' fill='url(%23SvgjsLinearGradient1076)'%3e%3c/path%3e%3cpath d='M262.6 250L512.6 0L830.6 0L580.6 250z' fill='url(%23SvgjsLinearGradient1076)'%3e%3c/path%3e%3cpath d='M517.2 250L767.2 0L986.2 0L736.2 250z' fill='url(%23SvgjsLinearGradient1076)'%3e%3c/path%3e%3cpath d='M740.8000000000001 250L990.8000000000001 0L1157.3000000000002 0L907.3000000000001 250z' fill='url(%23SvgjsLinearGradient1076)'%3e%3c/path%3e%3cpath d='M1424 250L1174 0L1079.5 0L1329.5 250z' fill='url(%23SvgjsLinearGradient1077)'%3e%3c/path%3e%3cpath d='M1172.4 250L922.4000000000001 0L565.4000000000001 0L815.4000000000001 250z' fill='url(%23SvgjsLinearGradient1077)'%3e%3c/path%3e%3cpath d='M937.8 250L687.8 0L554.3 0L804.3 250z' fill='url(%23SvgjsLinearGradient1077)'%3e%3c/path%3e%3cpath d='M680.1999999999999 250L430.19999999999993 0L224.69999999999993 0L474.69999999999993 250z' fill='url(%23SvgjsLinearGradient1077)'%3e%3c/path%3e%3cpath d='M1200.9133783500788 250L1440 10.913378350078744L1440 250z' fill='url(%23SvgjsLinearGradient1076)'%3e%3c/path%3e%3cpath d='M0 250L239.08662164992126 250L 0 10.913378350078744z' fill='url(%23SvgjsLinearGradient1077)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1075'%3e%3crect width='1440' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1076'%3e%3cstop stop-color='rgba(128%2c 64%2c 0%2c 0.49)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(128%2c 64%2c 0%2c 0.49)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1077'%3e%3cstop stop-color='rgba(128%2c 64%2c 0%2c 0.49)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(128%2c 64%2c 0%2c 0.49)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  text-align: center;
}
.beneficios-tarjetas{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.tarjetas-beneficios{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 200px;
  margin: 10px;
  padding: 20px;
  background-color: white;
  text-align: center;
  border-radius: 50px;
  box-shadow: 0px -5px 10px #804000;
}
.tarjetas-beneficios svg{
  width: 75px;
  height: 50px;
}

.pie-pagina{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  background-color: #000000;
  color: #FFFFFF;
  padding: 50px 50px;
}
.tabla-enlaces{
  font-size: small;
  margin-bottom: 20px;
}
.tabla-enlaces th, td{
  padding: 5px 50px;
}
.redes-sociales a{
  color: white;
  text-decoration: none;
}
.redes-sociales a svg{
  width: 36px;
  height: 36px;
  margin: 10px 10px;
}

@media screen and (max-width: 1150px){
  .jumbotron{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
  }
  .carrusel{
    order: 1;
    margin-bottom: 7px;
  }
  .titulares{
    order: 2;
  }
  .titulares h3{
    margin-bottom: 50px;
  }
  .contacto{
    order: 3;
  }
}
@media screen and (max-width: 775px) {
  .carrusel{
    width: 400px;
    height: 270px;
  }
  .titulares h1{
    font-size: 39px;
  }
  .titulares h2{
    font-size: 25px;
  }
  .titulares h3{
    font-size: 22px;
  }
  .contacto h4{
    font-size: 20px;
  }
  .contacto h5{
    font-size: 18px;
  }
}