@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);:root{--color__main:#ff0157;--color__title:#323332;--color__text:#767777;--color__background:#fffefe}*{scroll-behavior:smooth}section{padding:80px}header{position:fixed;top:0;left:0;width:100%;padding:40px 100px;z-index:10000;display:flex;justify-content:space-between;align-items:flex-end}header.sticky{background:#fff;padding:0 100px;box-shadow:0 5px 20px rgba(0,0,0,.05);align-items:baseline}header .logo{color:#fff;font-weight:700;font-size:2em;text-decoration:none;margin-bottom:20px}header.sticky .logo{color:#111;margin-top:10px}header .logo span{color:#ff0157;color:var(--color__main)}header .navigation{position:relative;display:flex}header .navigation li{list-style:none;margin-left:30px}header .navigation li a{text-decoration:none;color:#fff;font-weight:700;text-align:center}header.sticky .navigation li a{color:#111}.boton{color:#fff;font-size:14px;background:#ff0157;background:var(--color__main);display:inline-block;border:none;padding:5px 10px;margin-top:-5px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;transition:.5s;font-family:Poppins;border-radius:5px}.sub-menu-1{display:none}header ul li:hover .sub-menu-1{display:block;position:absolute;background-color:#fff;border-radius:5px;box-shadow:0 5px 35px #000;margin-top:4px;margin-left:-20px}header ul li:hover .sub-menu-1 a{color:#000}header .navigation li:hover .sub-menu-1 ul li{width:150px;padding:10px}.banner{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:url(https://image.freepik.com/foto-gratis/tiro-escala-grises-lindo-perro-cansado-hogar-durmiendo-calle-tarde_181624-4738.jpg);background-size:cover}.banner .content{max-width:900px;text-align:center}.banner .content h2{font-size:5em;color:#fff}.banner .content p,.boton2{font-size:1em;color:#fff}.boton2{background:#ff0157;display:inline-block;padding:10px 30px;margin-top:20px;text-transform:uppercase;text-decoration:none;letter-spacing:2px;transition:.5s}.boton2:hover{letter-spacing:0;color:#fff;text-decoration:none}img.card-img-top{max-height:244px}.summary{display:none}.total-amount-alert{background-color:#f8d7da;border:.5 solid #f5c2c7;color:#84284b;grid-column:1/3}@media (min-width:960px){.summary{top:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:24px 32px;box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px 1px rgba(0,0,0,.25)}.summary__title{font-weight:700;color:#000}.summary__sum{width:100%;display:grid;grid-template-columns:2fr 1fr}.summary__sum p{color:var(--color__text)}.summary__total{border-top:.15px solid #c8c8c8;padding-top:16px;width:100%;display:grid;grid-template-columns:2fr 1fr}.summary .sumary__amount{text-align:end}}.main{display:grid;grid-template-columns:1fr;padding:16px 24px;margin-top:150px}.main .donate__text{text-align:left}.main .donate__title span{font-weight:700}.main .donate__subtitle span{color:var(--color__text)}.main .donate__amount{position:relative}.main .donate__amount label{font-weight:700}.main .donate__amount input{font-weight:700;width:100%;height:60px;display:flex;text-align:end;padding:0 49px;overflow-x:scroll;font-size:24px;margin-bottom:16px}.main .donate__amount .donate__exchange{font-size:24px;position:absolute;left:0;bottom:0;padding-left:12px;padding-bottom:46px;height:40px}.main .donate__amount .donate__decimal{font-size:24px;position:absolute;right:0;bottom:0;padding-right:12px;padding-bottom:46px;height:40px}.main .donate .voluntary__title{font-weight:700}.main .donate .voluntary__subtitle{color:var(--color__text)}.main .donate .voluntary__input{margin-bottom:16px}.main .donate .voluntary__input .value{text-align:center;font-weight:700;font-size:50px;width:200px;line-height:60px;margin:16px auto;letter-spacing:-.07em;text-shadow:#fff 2px 2px 2px}.main .donate .voluntary__input input[type=range]{display:block;-webkit-appearance:none;background-color:#bdc3c7;width:100%;height:5px;border-radius:5px;margin:0 auto;outline:0}.main .donate .voluntary__input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--color__main);width:30px;height:30px;border-radius:50%;border:2px solid #fff;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.main .donate .voluntary__input ​ input[type=range]::-webkit-slider-thumb:hover{background-color:#fff;border:2px solid var(--color__main)}.main .donate .voluntary__input input[type=range]::-webkit-slider-thumb:active{-webkit-transform:scale(1.6);transform:scale(1.6)}.main .donate .checkout__show-button{margin:16px 0 16px calc(50% - 57px)}.main .warranty{border-top:.15px solid #c8c8c8;border-bottom:.15px solid #c8c8c8;padding:20px 0;width:100%;display:flex;justify-content:space-between}.main .warranty .warranty__icon{width:10%}.main .warranty__text{width:80%}.main .warranty__title{font-weight:700;padding-bottom:12px}.main .warranty p{margin:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (min-width:960px){.main{display:grid;grid-column-gap:36px;-webkit-column-gap:36px;column-gap:36px;grid-template-columns:3fr 2fr;padding:16px 120px}.main .donate{padding:24px 32px;box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px 1px rgba(0,0,0,.25)}}.comments .comment-card{display:grid;grid-template-columns:1fr 9fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:stretch;padding:8px 0;margin:16px 0;min-height:124px;border-top:1px solid var(--color__text)}.comments .comment-card .comment-card__donator__img{text-align:center;grid-column:1;grid-row:1;font-size:2.5rem}.comments .comment-card .comment-card__text{align-self:flex-start;grid-column:2;grid-row:2;padding:0;margin:0 0 0 12px}.comments .comment-card .comment-card__donator{font-weight:700;width:280px;margin-left:12px;display:flex;align-items:center;padding-top:12px}.comments .comment-card .comment-card__donator span{margin-left:4px;font-weight:700}.comments__title{margin-top:12px;font-weight:700}.comment-form{border-top:1px solid #767777;padding-top:8px;width:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:16px;gap:16px}.comment-form .comment-form__spinner{color:#767777}.comment-form .comment-form__label{color:#767777;align-self:flex-start}.comment-form .comment-form__name-input{padding:0 8px;width:100%}.comment-form .comment-form__comment-input{padding:8px;width:100%;min-height:90px;resize:none}.comment-form .comment-form__button-container{margin-bottom:16px;display:flex;align-items:center;grid-gap:16px;gap:16px}.modal-title{padding-top:36px;font-weight:700;text-align:center;font-size:24px}.modal-footer{display:flex;justify-content:space-around}.modal-body{padding:16px;z-index:9999}.modal-body .modal__subtitle{text-align:justify}.modal-body .modal__social-media ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.modal-body .modal__social-media ul li{width:100%;list-style:none;padding:12px 8px;border-top:1px solid var(--color__text)}.modal-body .modal__social-media ul li a{text-decoration:none;color:var(--color__text)}.modal-body .modal__social-media ul li a i{margin-right:8px}.modal-body .modal__social-media ul li:last-child{border-bottom:1px solid var(--color__text)}.modal-body .modal__link{width:100%;display:flex;justify-content:space-around}.modal-body .modal__link input{min-width:206px;width:60%;max-width:400px;text-align:center}.modal-body .modal__tip{margin-top:16px;text-align:justify}.modal-body .modal__tip span{font-weight:700}@media (min-width:960px){.modal-body{padding:16px;max-width:466px}.modal-body .modal__subtitle{text-align:justify}.modal-body .modal__social-media{border-top:.15px solid #c8c8c8;height:80px;padding:12px 8px}.modal-body .modal__social-media ul{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;justify-content:space-around;align-items:center}.modal-body .modal__social-media ul li{width:40%;list-style:none;padding:0;border-top:none}.modal-body .modal__social-media ul li a{text-decoration:none;color:var(--color__text)}.modal-body .modal__social-media ul li a i{margin-right:8px}.modal-body .modal__social-media ul li:last-child{border-bottom:none}}.details__main .description__tags p{font-weight:700;font-size:1.5rem}.details__main .description__tags p i{font-size:1.2rem}*{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins",sans-serif}:root{--color-bg-1:#fef9e7;--color-bg-2:#fef9e7;--color-btn:#2196f3;--color-header-step:#ff0157;--color-border-input:#e4e1e1}.root{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;overflow:hidden;z-index:-99999}.form-register{height:calc(100vh - 128px);width:400px;box-shadow:0 2px 5px 1px rgba(0,0,0,.25);border-radius:18px;margin-top:98px;background-color:#fff}.progressbar{display:flex;list-style:none;margin-bottom:10px;counter-reset:step;margin-top:10px;padding:10px}.progressbar__option{width:100%;text-align:center;font-size:.7rem;position:relative;background-color:#fff}.progressbar__option:before{display:flex;content:counter(step);counter-increment:step;width:20px;height:20px;background-color:#fff;margin:0 auto 5px;border-radius:3px;justify-content:center;align-items:center;position:relative;z-index:2;content:"";border-radius:50%;border:1px solid #ff0157;border:1px solid var(--color-header-step)}.progressbar__option:after{display:block;content:"";width:100%;height:1.3px;background-color:#fff;position:absolute;top:10px;left:-50%;z-index:1}.progressbar__option:first-child:after{content:none}.progressbar__option.active:after,.progressbar__option.active:before{background-color:#ff0157;background-color:var(--color-header-step);border:1px solid #fef9e7;border:1px solid var(--color-bg-2)}.form-register__title{font-size:1rem;text-align:center;margin-bottom:0;background-color:#fff}h1{font-size:30rem;text-align:center}.form-register__body{display:flex;align-items:flex-start;padding:10px 0;font-size:.8rem}.step{background-color:#fff;border-radius:3px;min-width:100%;padding:0 10px;transition:all .2s linear}.step.active{opacity:1}.step.to-left{margin-left:-100%;display:flex}.step.inactive{-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.step__header{padding:3px 15px;background-color:#ff0157;background-color:var(--color-header-step);border-radius:5px 5px 0 0;width:92%;position:relative;left:1rem}.step__title{font-size:1.1rem;text-align:center}.step__body{padding:15px 15px 0}.step__input{display:block;width:100%;padding:10px;margin-bottom:5px;border-radius:3px;border:1px solid #e4e1e1;border:1px solid var(--color-border-input)}.step__footer{padding:5px 15px;text-align:center}.step__button{display:inline-block;padding:10px;background-color:#2196f3;background-color:var(--color-btn);border:none;color:#fff;border-radius:3px;cursor:pointer;margin:5px;justify-content:center}.smalltext{background-color:#d6eaf8;font-size:10px;border-radius:5px}.img-container{background-color:#e4e1e1;background-color:var(--color-border-input);height:150px;display:flex;justify-content:center;align-items:center;cursor:pointer}.fas.fa-image{font-size:3rem;color:#fff}p{margin:5px;padding:10px;text-align:justify}.footer__nav,.footer__site-info{margin:0;padding:0}.btn-primary{background-color:var(--color__main);border:var(--color__main)}.btn-primary:hover{background-color:#cd0045;color:#000}.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--color__main);border:var(--color__main);color:var(--color__background)}.btn-secondary{background-color:var(--color__text)}.details__main{display:grid;grid-template-columns:1fr;margin-top:150px}.details__main .campaign{display:flex;flex-direction:column;justify-content:center;align-items:center}.details__main .campaign__img{width:100%;max-width:720px;max-height:380px;border-radius:16px}.details__main .campaign__title{margin:20px 0 16px;font-size:18px;font-weight:700;padding:0 32px 0 16px;text-align:justify}.details__main .donations{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 16px}.details__main .donations__progress{width:100%;height:8px;margin-bottom:12px}.details__main .donations__progress div{background-color:var(--color__main)}.details__main .donations__collection{font-size:14px}.details__main .donations__collection .amount{font-size:21px;font-weight:700}.details__main .donations__collection .total{font-size:12px;font-weight:700}.details__main .donations__buttons{display:flex;flex-direction:column;width:100%}.details__main .donations__buttons .boton{margin-bottom:8px}.details__main .description{padding:8px 16px}.details__main .description__tags{width:100%;min-height:36px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--color__text);border-bottom:1px solid var(--color__text);padding:8px;margin:12px 0}.details__main .description__tags p{margin-bottom:0;text-align:center}.details__main .description__content{text-align:justify}.details__main .cta{border-top:1px solid var(--color__text);display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-top:16px}.details__main .cta__text{font-size:14px;text-align:center;margin-bottom:16px}.details__main .cta__name{font-weight:700}@media (min-width:960px){.details__main{grid-template-columns:2fr 1fr;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;padding:0 96px}.details__main .cta{display:flex}.details__main .cta__text{text-align:center}.donations{max-width:320px;height:280px;position:-webkit-sticky;position:sticky;top:16px;box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-webkit-box-shadow:0 2px 5px 1px rgba(0,0,0,.25);-moz-box-shadow:0 2px 5px 1px rgba(0,0,0,.25)}.donations__collection{order:-1}.donations__buttons{display:flex;flex-direction:column;width:100%}.donations__buttons .boton{margin-bottom:8px}}
/*# sourceMappingURL=main.e6967770.chunk.css.map */