.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}body{font-family:SoDo Sans SemiBold,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#fff;animation:transitionIn .75s}@keyframes transitionIn{0%{opacity:0;transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}div[class*=box]{height:33.33%;width:100%;display:flex;justify-content:center;align-items:center}header{width:100%;position:fixed;z-index:100}.containerCard{margin:auto;text-align:center;background-color:transparent}.hide{display:none}p{text-align:justify}.seccion{position:relative;width:100%;text-align:start;color:#3f51b5}.azulClaro{background:#007dccf2;width:80%;height:25px;display:block;position:absolute;z-index:2;-webkit-clip-path:polygon(0 0,96% 0,100% 100%,0% 100%);clip-path:polygon(0 0,96% 0,100% 100%,0% 100%)}.azulOscuro{background:#3f51b5;width:35%;right:0;height:35px;display:block;position:absolute;z-index:1;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,10% 100%);clip-path:polygon(0 0,100% 0,100% 100%,10% 100%)}.seccion-texto{text-align:start;padding:20px;font-size:17px;text-align:justify}.btn{line-height:50px;height:auto;text-align:center;width:auto;cursor:pointer}.button-value{border:2px solid;padding:1em 2.2em;border-radius:3em;background-color:transparent;color:#007dccf2;cursor:pointer}.active{background-color:#007dccf2;color:#fff}#buttons{height:80px;text-align:center}img{object-fit:contain;max-width:100%}#search-container{text-align:center}#products{display:grid;grid-template-columns:auto auto auto;grid-column-gap:1.5em;grid-row-gap:1.5em}.image-container{text-align:center;padding-top:40px;padding-bottom:20px}.image-container img{height:240px}.container h5{font-weight:200}.cardP{width:100%;height:100%;max-width:350px;margin:20px;padding-left:20px;padding-right:20px;border-radius:6px;background:#fff;box-shadow:0 1px 10px #0003;transition:all .4s ease-out;cursor:default}.cardP:hover{box-shadow:5px 5px 20px #0006;transform:translateY(-2%)}.container-actions{margin-top:25px}@media screen and (max-width: 720px){.cardP{max-width:15em;margin-top:1em}#products{grid-template-columns:auto auto;grid-column-gap:1em}}@media screen and (max-width: 400px){.cardP{max-width:15em;margin-top:1em}#products{grid-template-columns:auto;grid-column-gap:1em}#buttons{height:125px}}@media screen and (min-width: 2000px){.cardP{max-width:15em;margin-top:1em}#products{grid-template-columns:auto auto auto auto auto;grid-column-gap:1em}#buttons{height:125px}}@media screen and (min-width: 2200px){.cardP{max-width:15em;margin-top:1em}#products{grid-template-columns:auto auto auto auto auto auto;grid-column-gap:1em}#buttons{height:125px}}