@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: #c2e5fd;
}
::selection{
  color: #fff;
  background: #43AFFC;
}
.wrapper{
  width: 400px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.05);
}
.wrapper header{
  display: flex;
  font-size: 21px;
  font-weight: 500;
  color: #43AFFC;
  padding: 16px 15px;
  align-items: center;
  border-bottom: 1px solid #ccc;
  justify-content: center;
}
.labelCity {
  color: #ccc;
}
header i{
  font-size: 0em;
  cursor: pointer;
  margin-right: 8px;
}
.wrapper.active header i{
  margin-left: 5px;
  font-size: 30px;
}
.wrapper .input-part{
  margin: 20px 25px 30px;
}
.wrapper.active .input-part{
  display: none;
}
.input-part .info-txt{
  display: none;
  font-size: 17px;
  text-align: center;
  padding: 12px 10px;
  border-radius: 7px;
  margin-bottom: 15px;
}
.input-part .info-txt.error{
  color: #721c24;
  display: block;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
}
.input-part .info-txt.pending{
  color: #0c5460;
  display: block;
  background: #d1ecf1;
  border: 1px solid #bee5eb;
}
.input-part :where(input, button){
  width: 100%;
  height: 55px;
  border: none;
  outline: none;
  font-size: 18px;
  border-radius: 7px;
}
.input-part input{
  text-align: center;
  padding: 0 15px;
  border: 1px solid #ccc;
}
.input-part input:is(:focus, :valid){
  border: 2px solid #43AFFC;
}
.input-part input::placeholder{
  color: #bfbfbf;
}
.input-part .separator{
  height: 1px;
  width: 100%;
  margin: 25px 0;
  background: #ccc;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.separator::before{
  content: "o";
  color: #b3b3b3;
  font-size: 19px;
  padding: 0 15px;
  background: #fff;
}
.input-part button{
  color: #fff;
  cursor: pointer;
  background: #43AFFC;
  transition: 0.3s ease;
}
.input-part button:hover{
  background: #1d9ffc;
}

.wrapper .weather-part{
  display: none;
  margin: 30px 0 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.wrapper.active .weather-part{
  display: flex;
}
.weather-part img{
  max-width: 125px;
}
.weather-part .temp{
  display: flex;
  font-weight: 500;
  font-size: 72px;
}
.weather-part .temp .numb{
  font-weight: 600;
}
.weather-part .temp .deg{
  font-size: 40px;
  display: block;
  margin: 10px 5px 0 0;
}
.weather-part .weather{
  font-size: 21px;
  text-align: center;
  margin: -5px 20px 15px;
}
.weather-part .location{
  display: flex;
  font-size: 19px;
  padding: 0 20px;
  text-align: center;
  margin-bottom: 30px;
  align-items: flex-start;
}
.location i{
  font-size: 22px;
  margin: 4px 5px 0 0;
}
.weather-part .bottom-details{
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid #ccc;
}
.bottom-details .column{
  display: flex;
  width: 100%;
  padding: 15px 0;
  align-items: center;
  justify-content: center;
}
.column i{
  color: #5DBBFF;
  font-size: 40px;
}
.column.humidity{
  border-left: 1px solid #ccc;
}
.column .details{
  margin-left: 3px;
}
.details .temp, .humidity span{
  font-size: 18px;
  font-weight: 500;
  margin-top: -3px;
}
.details .temp .deg{
  margin: 0;
  font-size: 17px;
  padding: 0 2px 0 1px;
}
.column .details p{
  font-size: 14px;
  margin-top: -6px;
}
.humidity i{
  font-size: 37px;
}



/* EFECTO LLUVIA */
.lluvia{
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-image: url("https://cdn.discordapp.com/attachments/744182992037216260/990016273008177242/rain1.png"),
  url("https://cdn.discordapp.com/attachments/744182992037216260/990016273217900584/rain2.png"),
  url("https://cdn.discordapp.com/attachments/744182992037216260/990016273456988240/rain3.png");
  
  animation: lluvia 1.5s linear  infinite ;
}
@keyframes lluvia {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}
/* ------------------------- */

.nieve:before{
  pointer-events: none;
  content:'';
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+4AAAAflBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yfIzaAAAAKnRSTlMAAgkMDQ4PERITFRlISVFUWVpgYmVobW5vc3Z3eXx9goSKjpWXoaOqrLIxv86ZAAACaElEQVR4Ae3dbW7iBhRA0WdcHJqCwRRDCsWvTT8m3v8GR7ADpPkx1jtnH1c3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYLHa9dQ3sVhvv359NPEScjrkORZr/vpz/idewuqamaexj2X65b95nv/+/IgX0O3zKZbp/Y/5KXjBlA9DF8v0NT/c34MX7C7HzLy1sUynf/+a5/n/t+AlYw73bGKpPuf7t7kJXrLNTRvL9fv821v8MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0K6nvgkqyemQ56CS1TUzT2Mf1NHt8ymoY8qHoQvq2F2OmXlrg0rGHO7ZBJVsc9MGAAAAAAAAAAAAFWIcxDiIcRDjIMZBjIMYBzEOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQLue+iaoJKdDnoNKVtfMPI19UEe3z6egjikfhi6oY3c5ZuatjUoYc7hnE5WwzU0bAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIB/LP6x+Mf+xPxj8Y/FPxb/WPxjAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo11PfRCXkdMhzVMLqmpmnsY866Pb5FHUw5cPQRR3sLsfMvLVRCWMO92yiEra5aWOxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoF1PfROVkNMhz1EJq2tmnsY+6qDb51PUwZQPQxd1sLscM/PWRiWMOdyziUrY5qaNWgAAAAAAAAAAAABAmIkwE2EmwkyEmQgzEWYizAQAAAAAAAAAAAAAgO+81Sm+KMVvegAAAABJRU5ErkJggg==),
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAABYlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5zPnRAAAAdnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCorLC0uLzAxMjM0NTY3ODo7PD0+P0BBQkNERUZISktMTU5PUFFSU1VXWFlaW11eX2BhYmVnaGlqa21vcHJzdHV2d3l7fX5/gIGCg4WHZfG2JAAAB8BJREFUeAHt3X9XVNfZxvH7uvc+P2bmMDAM4DAZgmBAMQ+YRwSilWrRhBgpDZLGJNpKDbGNJjZJ7fuvdUz+yWoSLHj2Wv1+XgL3mn04++x9XSa5xxhchiS4Z2WrVUa3JMCLsf7c7KkqkyEFWXtu/cb1lemGy1A7Wdm7dOfwYPvcWJQMdXNrDDYPnj3dX+myZiVAbmVv4+7jw52lsTQGwkCyzuLm7e21mVaQ1Q6y0OjOnl3ot/mBJEIhb422m5nLkgB5iNGZRzr0nMlSBQAAAAAAAAAAAAAAAAAAAAAAAEAmN1kaoDSuycmG4AlcJJVckuE5hXJ41Tp3q4s8K4o8SmZQ/kMYQVRtv9HG2NSp8VbmZvDG9Mbdrw53ljqZrBbycuKti2vn+1UQ85A3B1cfDANtXFYHxZEz1z7+9IPlicIN3uit7n8xjHyyWigb/7+Pnvz9/pU3GjLoRSja71amG0FWB/mLgXz774G44WVs4FQV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),
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAMAAABOo35HAAABGlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9y/ChlAAAAXnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYoKSorLC8wMjM0NTY4OTo8PT4/QEFDSEpLTlBRUlNWV1pcXWBhYmdpa2xtb3B1dnd7fH6Bg4SFICRGzgAABJlJREFUeAHt3f9SE1kWwPF7zr23u5PODwiJEBI0IqAgQaMuS4Sgu2jvanQGxUEcZt7/Naacqpl/pmY8UFaaVH0/j/DlNEl3qs91zomqOFjdkFYAAIj64EUcDDRb7DRTJYSBpquPx7udyGgZaH04PS+2cmIZ+Obo9HK6QywLrW5MisPbKbEMJDT6693cE8tCfJolSisb+cr9PQAAAIg42IiPiSeX9SZvpdfiKZ6J1jaPjvfagdmyDNbSvz9enNxNiWUQlvY/fj4ZZMQy8FyGdhLq/IM3E43xhs8VAEBURRwsNFZrlaCEMJDYurczaPIIwULz+/99NxlUiGXgm08+/Ppup8Z1aKC1h//78J97FWIZSHLr4ZP7Le5dTDSpNXM+DY1E5//FFgAAAAAAAAAAAAAA1AcvDgYSqq12I6GWhVYHz8Y7C8yWgYTWsx8+vbSs7oGEzsGnn1/fzQyxoPXtl6//tRwNsSBx4fbd5Yo6A0hI02hsBREVBwAAgHldRAUNSVRTLkja6q3Ug6EWJLT3jo82a94ZMFiDk4uP++3gTIj1+WqxuAyVFAZ6hX/wkBD/+tUBAAAAnFao4gygSbOzkHlDLUjs7I4fr6aGWJB8qzifDuvq8E1a2377y+moaXhyCcn6h8Vko2qYLIjPV9f7DdPzJYgmWeqNrWA+rRAAAACiXp0FxKf1RtV0BwPNesPRRsNwDwMJi6Pp6aSfWGIRqzM+vyzWM0MsaHO3mB52oyEWNO1sba/laogF0VjNrT/YQJSxmoe3IiAak2DKBQ31Lqe3fv9zgfk9ISztn12cDFK5+b9U5XmiUm6s9v7Z5zmIpZXugwfdinAZGoT20zdvnpb8qovMyT/42H/x5cuLfnSlEh8Tf+NbSVw+eP/+wLRRiC+lmt959OhObvmrQnyl0ahwU2wjol7+sRW4iQUAAAAAAAAAAAAAURGZx51RKm7WQlarzt0+U4m1paVaEDdbmq9tb3VSKfVVAnFXpPXN/f3Nus76T9Q9nBbD0vYJib/OYEtcOTo7O1qJ4mZJsvXi8qfnnSDltLreYEvsHV9cHPdmHSvpT36cjha9K0dcvdZg+9beq1d7rTDjWL6xMRr2MnWlkOxecXk+7gR3NZK2B4N2KrM/JLdZT1VKipWsTU6vM9gasyxoGZ9GZaX6Y7BXM+Uww+892BBvTwVSAQAAAAAAAAAAAAAAAAAAAAAAAAAAAODF5ptD1FtXE4FlDHb2/TUcJCtJ//cFMmHOUmmSJd5eq7ydW+UTzbvr/UZws9/m9ta+9OqGkGzteTHZqEpZ69Tmida2316ejppeSlrUN0+kulWcT4d1LeNjRdx8kdjZHT9eTS2xoEmzs5ipONiW5npzK5RQCgAAAOD7NURjYjzwBD5f7rcrnhAGUrlz8OJpN2G0DLTx6P2XNw9yQyz4r7H+f/97x+IyhM9v9dsVdQYQjZGnvmbyZykAAAAAAAAAAAAAAAAAAES9OguIpvVG1bRoBpr1hqONhjfUQlgYTU8n/eSbsSAutsfnl8V6RixDLN/YLaaH3WiIBUk6W9truRpiQTRWq6k3tMJvuLRZnVwJllwAAAAASUVORK5CYII=);
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:1;
  -webkit-animation:nieve 10s linear infinite;
  -moz-animation:nieve 10s linear infinite;
  -ms-animation:nieve 10s linear infinite;
  animation: nieve 10s linear infinite;
}
  
  @keyframes nieve{
      0%{background-position:0 0,0 0,0 0;}
      50%{background-position:500px 500px,100px 200px,-100px 150px;}
      100%{background-position:500px 1000px,200px 400px,-100px 300px;}
  }
  @-moz-keyframes nieve {
      0%{background-position:0 0,0 0,0 0;}
      50%{background-position:500px 500px,100px 200px,-100px 150px;}
      100%{background-position:400px 1000px,200px 400px,100px 300px;}
  }
  @-webkit-keyframes nieve {
        0%{background-position:0 0,0 0,0 0;}
        50%{background-position:500px 500px,100px 200px,-100px 150px;}
        100%{background-position:500px 1000px,200px 400px,-100px 300px;}
  }
  @-ms-keyframes nieve {
        0%{background-position:0 0,0 0,0 0;}
        50%{background-position:500px 500px,100px 200px,-100px 150px;}
        100%{background-position:500px 1000px,200px 400px,-100px 300px;}
  } 
/* ------------------------------------------ */
  /* NUBLADO */
  .nublado {
    background-image: url(https://images.unsplash.com/photo-1531147646552-1eec68116469?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 1;
    transition: all 1s;
  }

  /* ------------------------------------------ */
  /* NIEBLA */
  .niebla {
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUQEhIQFRUQFRUVFRUVDxUVFRUVFRUWFhcWFRUYHSggGBolHRUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDg0OFQ8PDy0ZFRkrKysrKystNzctLSstKystKzcrNystKys3LTc3KysrKy0rLSsrKysrKysrKysrKysrK//AABEIAKgBLAMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAACAwABBAUGB//EADkQAAICAQMBBgQEBAUFAQAAAAABAhEDBBIhMUFRYXGBkQUiobETwdHwMkJS4RRicrLxBoKSotIj/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEB/9oADAMBAAIRAxEAPwD69GIyMQYjYojSKJdFosAaJQTBAuiqLIBQSKLQF0XRVl2BKJRVlWBbKKbKsAmwbBbB3AMsm4XuJuAPcA5AOQEpAN3g/iGaeUFZANbmVvM24NSAY5AuQG4lgFuI5glWBbmA5kkLkgCeQr8QzzYDyBGv8QGUzKphphBykLci2KYV3YjYsy4cg5SCm2SxTmI/G56gbLLsxvMU84G0hnWfiy1qFdAPIKUw9wFtk3FWRgRyKcipMz5pMB7yLqKeoXYZckXSRUeHYG1ZExSzpujPv48xEHyEdHcSzOshJ6hLqFPkxbZg1GuXVPvX3r7A6LVOVLp1vxff5BGucSlEdRfAUicq69oTmY9bkuu5P9TNqNY3GkvXsCOrGQMtQk6vn9/qeT1GrzLpJ8u3V3w/+TFrNTlUrtvdSbtrp5eBqJXu4ZFJWn1CPGfBdbOE/mfy10vp3fc9NH4jHt4/Um4tbGLnIVl1KXPf0I2RVTmhORomQU2EMi0EpCoobFBBNgsugWFdKDGORmjILeFaNwpsHeCmBO0DJIJsCSADe+gGKTuxkkAijdjzD1M5sJGXWa1qSiuj+vHT99wR34zC3HmNPrmoyd0rh4VbN+k19zcW+xej54+xB12zPmkySzJK7MMtfF0+xq/bqvuFOlmoXkyXwuhaV8iM2fbGT7Y/3p/QIu2gsLpcgYNQpfVX5OjS4IBbmu8y6pto0yxotRA4k8Dvl9q+4zHqNl977a7TbqcVmPLgKjTj+KfL/mvm/Exaj4tKKb5qn2fvwDWEHLplTQGCP/UEW1uTVnQz5ePlfVKvc8/q9Ir4VC8uomkoJu49P08TUSvQYZKTrgLPpl3HmtJmyJpW0u3y77O1ptZKT5qn0/uTcUa0q7gM+F33m6ddQLRAmWZ0lfbfqdHSahVVs504rqWkB1J5kVGSfQwKV2u4fp51wFa0gqBjIJEBIGRdgtgXDINjMxQY1TKNO4m8z7xeoy0m/MK1f4mN1fUXPWRTab6cfb9UcLJme5tdjxv+/wBRWo1qcpJO5NRlXlT589r9xEr06ZGYfhGW8a/faN12bbCXfXABZ83yyp8pOvM8xrtXJxdJ3zJV12tbWn48P3G6bU3+Ir6qbXp16+NHL+KSnU/mfywapUnzLdfTufPmVNdFauX4EZ/1pLpzScIfeO71NLzbpzkuNyim7/hjDlv3TMHw2P8A+EN11G6Vf0K69XGvU16F1FuujjDnm3dtLvXNejA3arWP5Y313dtVTbRi+H5rjG+i3vjuSTX+2RyfiE5KbbafLvrS38en9jVpsihik0/4pKNVTpQcq8L/ADA9TotanFcO2r+315Xuc7X6ltZGmqalX/bHek/af1MmhyNYd7aTTT8XfX7mHUai4zrp2+TdOXP+okK7XwvK5RUuvDk+ez+L/dfub8epb7e116dfyPK6f4rtjtqrjFeN9X9xul1rUYx/qlNc9d3N+XNFhXsMea6Xhfv0Dkef02oe5NN0vl8PlcW/XlnTwam7v+ppe7/foZWtE0ZpxBzajr4P9X9l9Rel1inFS/qbS9HSAYLyhZZI5/415qvhQfl/F/YoKeE5etW3JFV/Fa+uP/6fudmTPP67JeVKT5U1x4XH/wCPqXE10suJRV12r6hQxfzLxXs6/IzfGM3Cj445ea300yaLK04rslF/7m/zA6MG5UuaXUP8HhsLHJIZKRFc/JhdBYsczYkhkYoDPHAW00agJIgDTZX2j/x1VioxKcQHQzWG5iFEjQDVALaFGXYXFWFLaMGrzvp2J/RnRmjBqIc+ZRytRlUdsm10UV4tbWvzEZG1BdN3NeXC+1v1HavS1GrdqV891dPovckl1Vc7VFfYrLp/D9QoY1b/ALGH4jrW9suzlPzT4+4h5W1XdwL4cHDwb9bv9AMeKVRyc/MpNLyd2q9fsTUy2xljrna75VptP8hdtW0m9zTftz9hHxCbcpSab3pfToVGr4bq3KMI9FFRtv8Ame5NRXlTNE5ylJbJUlkbddEora7Xbd0jm6efHD/hr6W+P/IXpMi/Epu00+PW1ftYF6/V7m2lV/K+eqT3O36Ubs+eNuCdv8Rvv52wjf8A7X6HCy51LdX81tKqaSpdP30NGLNeR11ttOr6xXP2EHZ1OdJKF/K2064f7ST+hyJ6lqLTb+aMuFxbdxafhdP2H63K441N1cWlLufY37cepz88XtnJcuL3ekuH7P7BNOeWUnJ3yrlfbUVx9o+Zv0WaO2OR81llJ9ySty+69mcrHmt8V/Cl58RTF4cz2Rxp9Z+PCbjf5lHpNJrnF48T6pNv/U5NNed8+h19Nle/j+Zyl5ctJf7v/I8zpsjU5TtNwau+vDv6uV+jO/8A9PZk4/iS5+WK8O615u/SjOrh2TXVHLKVfLsl59lf+on4bn4gl2N+1v24oz/GaUZ07U+H5RcWue/kwY8m3JV8qXT/ACxlt93tXuwPRyzrZcnXzTt91qvzRytPqn+Jf9MZX5J2voBq9Tux5U+xb1z0aV1fv7HJxahuLlX8cN1X/S7aT8lwIPQYdS24X/TG676f6r3OTrXWdy74bvVWvuK0+p2yjFdnZ5uKS90wMeRzm5Pm/qt18eBR1/is7lFNf0P2mn+TFaHI7h4OS91FjficLp+H2YGDG9yfZd/kRXV/EHxmZVEdjMq0xYzcZckqS8WPUgpyZTZnzZ9onDmbrxCNu4vcc/8AGbfHn5GqEgG2TcDZVgakhiGNFJBVMx6mBskJyRA4+oxN+6Mzw8ebt+51suNUZZoqMOyvUBKh2VCZvkDKo9fV+1qjJn6V5HQy4318H92ZMmHvKjLijX76mfLcZKSXcuvTx+5rnHgTkVoqMMsS28Vz3eK5+5NKklJvq1Sf+lL9BkFVdeL7Qcq7PEIPTz+SSkrSTfPPW7r6GTR5ZbJLtcEunjI2aZpfvsM+qW2ctvSk/dt/qBlwS6f5bT7e219Gl6FaGVZm5X8nzceFy49EDjTXzdl214X/AGCx43KckuN3Xy7TSGazVNyybVSnVJXbT2pevae6+CwUMSi66V61zz33Z4PSc5Ypc019O38z0mp1bjHbHolRnVwv4nqXUovopRftOnXuZ1G0pv8Amp+StfXt9ROpncE+1u36u/yN+SS2O+u1+6Cpie7fHipbl09GvSrOfqZPZBJV8sIr6flI6OBvbSfP59X92Ydy3QfPy7e3uXd5gG/kTXWWSVeKS4v3Rt0+NKS54S6+fd7GHDPne+y6477f5v2YUpNu+7sXb1ryA9HqGnFMCDVo5uLUtrbz3e4z8Rpx9DKuy5fvyL0mS1bowaqb2qS7CaTU1x2ftBXUyy6L1AcqspTsXkZBWed896KwP6CZSBhwyo2RX1NcDHCQ5TINFlbhCzc0NoK682JchuRCtpVKll5ol8BTiDtIM+YzZIGzKhEkVHPyYwViN7gDLGBklFfvzEZY8GyUBGWAHJywFSxnRnAFwLUceWLkzzidXNi6mWeLqVGHnjwRJ8vnuS+5pyY6Etc+gGR4+H6/8CoZOvfKl6G6UaXmY3i59yoHROsifdZ1NRL5bvm1+XBy8EPmRszP5FXW/wAyaCT7O5r3/wCKDlNvjoZ+eztf24NOOPAV0Fxx2dfXozG4/L43+/uMm3YDfT9/voQFhxW+enCXkv39DXqUqpehkhKvEmTI919wGzG0lXqMg7p+VehlhLhS7+w1RlYVoySuBnxR691hSfFAQsg249RXHcC9Q1foLS+pU0A7fdPvGwQrF0oclQDcbGbxUUE4kFxfPua4S4MWNcmiLKPROIDiOBcSNM7iC4mnYA4AY8mMU8RucAfwwMf4YEsZslEW4FGCeIXPHwdF4xUsYRyMmIVKB08mEzzxAc2eMzTgdKcBf4JUcqWFsH/C9p2Y4QZ4hSOTPTcWYcuA788JlyaYI4axDckeK8fzN/8AheSPSgYJ4ug6KNLwcjo4AMbXBNn0NrwFPCFY0tvqBXU1ZMYCgELwxNuGVdRWOA1RCmy5LjDtJjiOSIATDj0IoBqIFY1yaqFY4mhIAUMfQqgiCoIPcAiNlHrESgYsMjSminEIgC3EGURrBYCJQAcR7QDQCZRAcB7QLQGaWMRkxG2SEzQHMniFuJunAXsCMqiC8ZpcSnEoxTiInA6DxiZ4wMMMQbwmjYSgjK8IUcI6g4xCkPCA8RraAcAMWTEJ/COi4AyxhGOGMasYewOMQBhAYolotARQLom4tMC4jAYotyANFsCEyORAVgtgOYDkUevixiZnjIamRoyyA2RsC7KKJYFMFhFMAGgWg2CwFSFyQ5oFoDPKImUTU0LlEDK4gtGiUBbiAnaBKBpoCSAz7BM4mtxFSiEIUQkHtJtABlBNAsAGCw2itpQuiBbCtoFED2kUQgYoNItRCSAiJJBURogTZGwpICQASFOYcxEmVHsoSHRkQhGhpkshAq7KIQCWQhAKYLIQAWgWUQAZIW0QgAtC5RIQAWitpCADKItxIQAXEGSLIApoFxKIBe0m0hAitpW0shRW0JQKIQE4lbSECLopkIAuQqRCBCcjM0pEIUf/2Q==');
    background-size:cover;
  }

    /* ------------------------------------------ */
  /* SOLEADO */
  .soleado {
    background-image: url(https://images.unsplash.com/photo-1531147646552-1eec68116469?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 1;
    transition: all 1s;
  }




  @media only screen and (max-width:500px) {
    .wrapper {
      width: 84%;
    }
  }