@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#fff;color:#333}.no-scroll{overflow:hidden}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease-in-out}.header__container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header__logo{font-size:1.5rem;font-weight:600;color:#07c;text-decoration:none}.header__nav{display:flex;gap:1.5rem;align-items:center;transition:transform .3s ease,opacity .3s ease}.header__menu{display:flex;justify-content:flex-end;gap:1.5rem;list-style:none;width:360px}.header__link{text-decoration:none;color:#333;font-weight:400;transition:color .3s ease}.header__link:hover{color:#07c}.header__toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#07c}@media screen and (max-width: 768px){.header__toggle{display:block;z-index:1}.header__nav{position:fixed;top:0;right:0;height:100%;width:70%;background-color:#fff;box-shadow:-4px 0 6px #0000001a;flex-direction:column;justify-content:center;align-items:center;transform:translate(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.header__nav.header__nav--visible{transform:translate(0);opacity:1}.header__menu{flex-direction:column;gap:1.5rem;padding-left:50px}}@media screen and (max-width: 450px){.header__menu{padding-left:100px}}.hero{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0 2rem;background-image:url(/build/assets/dog-banner-2-CXJsaajK.webp);background-size:cover;background-position:20% center;background-repeat:no-repeat}@media (max-width: 768px){.hero{background-image:url(/build/assets/dog-banner-2-mobile-BQ6g12xZ.webp)}}.hero__container{max-width:1200px;width:100%;height:100%;margin:0 auto;flex-wrap:wrap}.hero__text{flex:1;max-width:50%;padding-right:2rem;display:flex;flex-direction:column;justify-content:center;margin-left:auto}.hero__title{font-size:3rem;font-weight:600;color:#fff;margin-bottom:1rem}.hero__description{font-size:1.2rem;color:#fff;margin-bottom:2rem}.hero__cta{display:flex;flex-direction:row-reverse;align-items:center;gap:20px;font-size:1.2rem;padding:1rem 2rem;background-color:#07c;color:#fff;text-decoration:none;font-weight:600;border-radius:25px;transition:background-color .3s ease;width:-moz-fit-content;width:fit-content}.hero__cta img{padding:5px;background-color:#fff;border-radius:40%}.hero__cta:hover{background-color:#005fa3}.hero__image{flex:1;max-width:45%;display:flex;justify-content:center;align-items:center}.hero__img{width:100%;height:auto;max-width:600px;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.hero__img:hover{transform:scale(1.05)}@media screen and (max-width: 768px){.hero{min-height:600px;padding:8rem 1rem 2rem}.hero__container{flex-direction:column;justify-content:center;height:auto}.hero__text{max-width:100%;text-align:center;margin-bottom:2rem;padding-right:0rem}.hero__title{font-size:2.5rem}.hero__cta{font-size:1rem;padding:.8rem 1.5rem;max-width:350px;margin:0 auto}.hero__image{max-width:100%;text-align:center;margin-top:1.5rem}.hero__img{width:80%;max-width:400px;-o-object-fit:cover;object-fit:cover}}@media screen and (max-width: 480px){.hero__title{font-size:2rem}.hero__description{font-size:1rem}.hero__cta{font-size:.9rem;padding:.6rem 1.2rem}.hero__img{width:100%}}@media (max-height: 700px){.hero{min-height:700px}}.latest-animals{padding:4rem 2rem;background-color:#fff}.latest-animals.gray-background{background-color:#f0f0f0;border-radius:150px}.latest-animals__header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;margin-bottom:3rem}.latest-animals__title{display:flex;flex-direction:column}.latest-animals__category{font-size:18px;color:#07c;font-weight:700;margin-right:10px}.latest-animals__view-all{font-size:16px;background-color:#07c;text-decoration:none;font-weight:700;display:flex;align-items:center;padding:.6rem 1.2rem;border-radius:15px;transition:background-color .3s ease;color:#fff}.latest-animals__view-all:hover{background-color:#005fa3}.latest-animals__view-all .arrow{margin-left:5px;font-size:18px}.latest-animals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.latest-animals__card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease}.latest-animals__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.latest-animals__info{padding:1rem}.latest-animals__name{font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.latest-animals__age,.latest-animals__breed{font-size:1rem;margin-bottom:.5rem}.latest-animals__cta{font-size:1rem;text-decoration:none;color:#fff;background-color:#07c;padding:.3rem .6rem;border-radius:5px;display:inline-block;transition:background-color .3s ease;margin-top:10px}.latest-animals__cta:hover{background-color:#005fa3}@media (max-width: 1400px){.latest-animals.gray-background{border-radius:50px}}@media (max-width: 1024px){.latest-animals__grid{grid-template-columns:repeat(2,1fr)}.newsletter .dog-pointing-gif{display:none}}@media (max-width: 600px){.latest-animals__header{flex-direction:column;align-items:flex-start;gap:40px}.latest-animals.gray-background{border-radius:20px}.latest-animals__grid{grid-template-columns:1fr}.latest-animals__title{font-size:2rem}}.how-it-works{padding:4rem 2rem;background-color:#fff}.how-it-works__title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:3rem}.how-it-works__steps{display:flex;flex-direction:column;align-items:center;gap:2rem}.how-it-works__step{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:800px;width:100%}.how-it-works__step-icon{background-color:#07c;border-radius:50%;color:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.how-it-works__step-icon:hover{background-color:#005fa3}.how-it-works__step-content{max-width:600px}.how-it-works__step-title{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.how-it-works__step-description{font-size:1.1rem;color:#555}.how-it-works__arrow{font-size:2rem;color:#07c;margin:1rem 0}.how-it-works__arrow:hover{color:#005fa3}@media (max-width: 768px){.how-it-works__steps{gap:1.5rem}.how-it-works__step{flex-direction:column;text-align:center}.how-it-works__step-title{font-size:1.6rem}.how-it-works__step-description{font-size:1rem}}.testimonials{padding:4rem 2rem;background-color:#f8f8f8;text-align:center}.testimonials__title{font-size:2.5rem;margin-bottom:2rem;font-weight:700;color:#333}.testimonials__container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.testimonials__item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:300px;padding:2rem;transition:transform .3s ease}.testimonials__item:hover{transform:translateY(-10px)}.testimonials__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-bottom:1.5rem}.testimonials__content{text-align:left}.testimonials__quote{font-style:italic;color:#666;margin-bottom:1rem}.testimonials__author{font-weight:700;color:#333}.testimonials__location{color:#999;font-size:.9rem;margin-top:1rem}.testimonials__social{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.testimonials__social-link{color:#333;font-size:1.5rem;transition:color .3s}.testimonials__social-link:hover{color:tomato}@media (max-width: 768px){.testimonials__title{font-size:2rem}.testimonials__container{flex-direction:column;align-items:center}.testimonials__item{width:80%;max-width:400px}}@media (max-width: 480px){.testimonials__title{font-size:1.5rem}.testimonials__item{width:90%;padding:1.5rem}.testimonials__quote{font-size:.9rem}.testimonials__author{font-size:1.1rem}.testimonials__location{font-size:.8rem}}.featured__shelters{max-width:1200px;margin:0 auto;padding:40px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a}.featured__shelters__header{text-align:center;margin-bottom:20px}.featured__shelters__title{font-size:24px;color:#333;font-weight:600}.featured__shelters__slider-container{position:relative}.featured__shelters__slider .swiper-slide{border-radius:15px;background-color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.featured__shelters__slider .card-image{position:relative;height:120px;width:120px;border-radius:50%;overflow:hidden;margin-bottom:15px}.featured__shelters__slider .card-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.featured__shelters__slider .card-title{font-size:18px;font-weight:500;color:#333;margin-bottom:10px}.featured__shelters__slider .card-description{font-size:14px;color:#707070;margin-bottom:15px}.featured__shelters__slider .card-button{border:none;font-size:16px;color:#fff;padding:10px 20px;background-color:#4070f4;border-radius:6px;cursor:pointer;transition:all .3s ease}.featured__shelters__slider .card-button:hover{background:#265df2}.featured__shelters__slider .swiper-pagination-bullet{background:#6e93f7!important}.featured__shelters__slider .swiper-pagination-bullet-active{background:#4070f4!important}.open-filter-modal{background:#07c;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.open-filter-modal:hover{background:#005fa3}.reset-filters{color:#07c;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;overflow-y:auto;transition:opacity .3s ease,visibility .3s ease;z-index:9999}.modal.legal-modal .modal__content{max-width:900px;max-height:700px;color:#333;padding:20px 40px;overflow-y:auto}.modal.legal-modal .modal__content p{font-size:16px;line-height:1.5;margin-bottom:20px}.modal--active{opacity:1;visibility:visible}.modal__content{background:#fff;width:90%;max-width:400px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;animation:scaleUp .3s ease}@keyframes scaleUp{0%{transform:scale(.9)}to{transform:scale(1)}}.modal__header{background:#07c;color:#fff;padding:15px;text-align:center;font-size:20px;font-weight:500}.modal__body{padding:20px}.form{display:flex;flex-direction:column;gap:15px}.form__group{display:flex;flex-direction:column}.form__label{font-size:14px;font-weight:500;color:#333;margin-bottom:5px}.form__input,.form__select{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .3s ease}.form__input:focus,.form__select:focus{border-color:#07c}.form__button{background:#07c;color:#fff;font-size:16px;font-weight:500;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.form__button:hover{background:#005fa3}.modal__close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#fff}@media (max-height: 700px){.modal--legal .modal__content{margin-top:150px;margin-bottom:20px}}@media (max-height: 600px){.modal--register .modal__content,.modal--filter .modal__content{margin-top:150px;margin-bottom:20px}.modal--login .modal__content{margin-top:0;margin-bottom:0}.modal--legal .modal__content{margin-top:250px}}@media (max-height: 500px){.modal--register .modal__content,.modal--filter .modal__content{margin-top:250px;margin-bottom:20px}.modal--login .modal__content{margin-top:50px;margin-bottom:0}.modal--legal .modal__content{margin-top:350px}}@media (max-height: 400px){.modal--register .modal__content,.modal--filter .modal__content,.modal--legal .modal__content{margin-top:350px;margin-bottom:20px}.modal--login .modal__content{margin-top:200px;margin-bottom:50px}.modal--legal .modal__content{margin-top:450px}}@media (max-height: 300px){.modal--register .modal__content,.modal--filter .modal__content,.modal--legal .modal__content{margin-top:450px;margin-bottom:20px}.modal--login .modal__content{margin-top:350px;margin-bottom:50px}.modal--legal .modal__content{margin-top:550px}}@media (max-width: 768px){.modal.legal-modal .modal__body{padding:10px}.modal.legal-modal .modal__content p{font-size:12px}.modal.legal-modal .modal__content h3{font-size:15px}}#registrationSuccessMessage{padding:20px;color:#000;border-radius:8px;font-size:16px;text-align:center;font-weight:700;margin-top:20px}.success-message{margin:0}#registrationSuccessMessage{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer{background-color:#1a1a1a;color:#fff;padding:2rem 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer__container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer__title{font-size:1.25rem;margin-bottom:1rem;color:#07c}.footer__list{list-style:none;padding:0}.footer__link{color:#ccc;text-decoration:none;font-size:.9rem;display:block;margin-bottom:.5rem;transition:color .3s}.footer__link:hover{color:#005fa3}.footer__social{display:flex;gap:1rem}.footer__icon{color:#ccc;font-size:1.5rem;transition:color .3s}.footer__icon:hover{color:#07c}.footer__text{margin-top:1rem;font-size:.8rem;color:#aaa}@media (max-width: 768px){.footer__container{flex-direction:column;align-items:center;text-align:center}.footer__social{align-items:center;justify-content:center}.footer__title{font-size:1.5rem}}.adoption{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem;box-sizing:border-box;padding-top:100px;height:100vh;margin-bottom:100px}.adoption__slider{position:relative;width:100%;max-width:600px;min-height:400px;overflow:hidden;border-radius:12px;box-shadow:0 8px 16px #0003;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.adoption__slides{display:flex;transition:transform .5s ease-in-out;width:100%;height:100%}.adoption__image{width:100%;height:100%;flex-shrink:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:12px}.adoption__arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#0009;color:#fff;border:none;padding:.8rem;cursor:pointer;font-size:1.8rem;border-radius:50%;z-index:10;transition:background-color .3s ease;width:2rem;height:2rem}.adoption__arrow:hover{background-color:#000c}.adoption__arrow--prev{left:1rem}.adoption__arrow--next{right:1rem}.adoption__arrow i{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem}.adoption__info{flex:1;padding:1rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.adoption__name{font-size:2rem;color:#07c;margin-bottom:1rem}.adoption__details{list-style:none;padding:0;margin:1rem 0;font-size:1rem;color:#555}.adoption__details li{margin:.5rem 0}.adoption__description{font-size:1rem;line-height:1.5;color:#333;margin-bottom:1.5rem}.adoption__shelter{background-color:#f1f5f9;padding:1rem;border-radius:8px;margin-top:20px}.adoption__shelter-name{font-size:1.2rem;color:#07c;margin-bottom:.5rem}.adoption__shelter-location{font-size:1rem;color:#555;margin-bottom:1rem}.adoption__contact-button{display:inline-block;padding:.5rem 1rem;background-color:#07c;color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;transition:background .3s ease}.adoption__contact-button:hover{background-color:#005fa3}@media (max-height: 700px){.adoption{height:auto}}@media (max-width: 1100px){.adoption{flex-direction:column;height:auto}.adoption__slider{width:100%;max-width:100%;height:600px;margin:0 auto}}@media (max-width: 768px){.adoption__info{margin-top:1rem}.adoption__slider{width:100%;max-width:100%;height:400px;margin:0 auto}}.animals{padding:2rem 1rem}.animal__filter{max-width:1500px;margin:0 auto 50px}.animals__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1500px;margin:0 auto}.animal-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s;position:relative}.animal-card .animal-status{position:absolute;top:0;right:0;background-color:#07c;color:#fff;padding:.5rem 1rem;border-radius:0 0 0 8px;font-size:.9rem}.animal-card .animal-status.no-disponible{background-color:#f44336}.animal-card .animal-status.adoptado{background-color:#ff9800}.animal-card img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover}.animal-card__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.animal-card__info{padding:1rem}.animal-card__info.not-available{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.animal-card__name{font-size:1.5rem;color:#07c;margin-bottom:.5rem}.animal-card__not-available{font-size:1.5rem;color:#07c;padding:0 10px}.animal-card__details{list-style:none;padding:0;margin:0 0 1rem;font-size:.9rem;color:#555}.animal-card__details li{margin:.2rem 0}.animal-card__cta{display:inline-block;padding:.5rem 1rem;background-color:#07c;color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;transition:background .3s}.animal-card__cta:hover{background-color:#005fa3}.hero-listado{position:relative;background-color:#07c;color:#fff;padding:1rem;padding-top:100px;padding-bottom:50px;text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;min-height:20vh}.hero-listado__content{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center;padding:1rem}.hero-listado__title{font-size:2.5rem;z-index:2;position:relative;text-transform:uppercase;line-height:1.2}.hero-listado__subtitle{font-size:1rem;margin-top:20px;color:#388e3c;background-color:#fff;padding:10px;border-radius:10px;display:inline-block}.hero-listado__paws{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.paw{width:50px;height:50px;background:url(images/dog-paw.svg) no-repeat center/contain;position:absolute;animation:float 8s linear infinite}.paw:nth-child(1){top:10%;left:20%;animation-delay:0s}.paw:nth-child(2){top:30%;left:60%;animation-delay:2s}.paw:nth-child(3){top:50%;left:40%;animation-delay:4s}@keyframes float{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-200%);opacity:0}}@media (max-width: 768px){.hero-listado__title{font-size:2rem!important}}.newsletter>div{width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative}.newsletter{position:relative}.newsletter .dog-pointing-gif{position:absolute;top:100px;right:-200px;width:auto;max-width:500px;z-index:-1}.newsletter-wrapper{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;padding:20px}.newsletter-container{background-color:#ffffffe6;padding:30px 40px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;max-width:500px;width:100%}.newsletter-container h2{font-size:24px;margin-bottom:15px;color:#333}.newsletter-container p{font-size:16px;color:#555;margin-bottom:20px}.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}.newsletter-form input{flex:1;padding:10px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease}.newsletter-form input:focus{border-color:#ff6f61}.newsletter-form button{padding:10px 20px;font-size:16px;color:#fff;background-color:#07c;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.newsletter-form button:hover{background-color:#005fa3}@media (max-width: 768px){.newsletter{padding:20px 10px}.newsletter .dog-pointing-gif{display:none}.newsletter-wrapper{padding:10px}.newsletter-container{padding:20px}.newsletter-container h2{font-size:20px}.newsletter-container p,.newsletter-form input,.newsletter-form button{font-size:14px}}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:50px;margin-bottom:100px}.pagination__link{padding:.5rem 1rem;border-radius:25px;border:1px solid #ccc;text-decoration:none;color:#000}.pagination__link--active{background-color:#07c;color:#fff}@media (max-width: 768px){.pagination{margin-top:20px;margin-bottom:50px}.pagination__link,.pagination__link--active{padding:.3rem .8rem}}@media (max-width: 480px){.pagination{margin-top:10px;margin-bottom:30px}.pagination__link{padding:.2rem .6rem;font-size:.7rem}.pagination__link--active{padding:.2rem .6rem}}.not-found__wrapper{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.page-not-found__container{max-width:600px;width:-moz-fit-content;width:fit-content;padding:20px;box-shadow:0 4px 10px #0000001a;border-radius:10px;background-color:#fff;animation:fadeIn 1s ease-out;text-align:center}.page-not-found__image img{max-width:100%;height:auto;border-radius:10px;margin-bottom:20px}.page-not-found__title{font-size:5rem;font-weight:700;color:#ff6b6b;margin:0}.page-not-found__message{font-size:1.25rem;margin:15px 0;color:#666}.page-not-found__button{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:700;color:#fff;background-color:#ff6b6b;border:none;border-radius:5px;text-decoration:none;transition:transform .2s ease,background-color .3s ease;box-shadow:0 4px 6px #0000001a}.page-not-found__button:hover{background-color:#ff5252;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page-not-found__title{font-size:4rem}.page-not-found__message{font-size:1rem}.page-not-found__button{font-size:.9rem}}.contact-wrapper{padding:2rem 1rem;text-align:center;min-height:100vh}.contact-form{max-width:600px;margin:7rem auto 2rem;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}.contact-form__title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:1rem}.contact-form__description{font-size:1rem;color:#666;margin-bottom:2rem}.contact-form__form{display:flex;flex-direction:column;gap:1.5rem}.contact-form__group{display:flex;flex-direction:column;text-align:left}.contact-form__group.--checkbox{flex-direction:row-reverse;gap:.5rem;align-items:center;justify-content:center;margin-right:auto}.contact-form__group.--checkbox label{margin-bottom:0}.contact-form__label{font-size:.9rem;font-weight:500;color:#555;margin-bottom:.5rem}.contact-form__input,.contact-form__textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.contact-form__input:focus,.contact-form__textarea:focus{border-color:#07c;box-shadow:0 0 4px #007bff80;outline:none}.contact-form__textarea{resize:none}.contact-form__button{padding:.8rem 1.5rem;background-color:#07c;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s,box-shadow .3s}.contact-form__button:hover{background-color:#005fa3;transform:translateY(-2px);box-shadow:0 6px 8px #007bff4d}.contact-form__button:focus{outline:none;box-shadow:0 0 4px #007bff80}.notification{padding:16px;margin:16px 0;border-radius:8px;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;color:#fff;display:flex;align-items:center;box-shadow:0 4px 6px #0000001a}.notification--success{background-color:#fff;border-left:5px solid #388e3c;padding:12px 10px;color:#000;font-weight:700;font-size:1rem;box-shadow:0 4px 6px #0000001a;border-radius:8px;margin:20px auto 50px;max-width:90%}.notification--error{background-color:#fff;border-left:5px solid #d32f2f;padding:12px 10px;color:#000;font-weight:700;font-size:1rem;box-shadow:0 4px 6px #0000001a;border-radius:8px;margin:20px auto 50px;max-width:90%}.notification__text{margin:0}.notification--hide{opacity:0;transform:translateY(-20px);pointer-events:none}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#333;color:#fff;padding:20px;display:flex;justify-content:center;align-items:center;z-index:9999;box-shadow:0 -4px 10px #0003;display:none}.cookie-banner__content{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.cookie-banner__text{font-size:14px;margin:0}.cookie-banner__link{color:#1e90ff;text-decoration:none}.cookie-banner__buttons{display:flex;gap:10px}.cookie-banner__button{padding:10px 20px;font-size:14px;border:none;cursor:pointer;transition:background-color .3s ease;border-radius:5px}.cookie-banner__button--accept{background-color:#4caf50;color:#fff}.cookie-banner__button--accept:hover{background-color:#45a049}.cookie-banner__button--reject{background-color:#f44336;color:#fff}.cookie-banner__button--reject:hover{background-color:#e53935}@media (max-width: 1000px){.cookie-banner__content{flex-direction:column;gap:10px}.cookie-banner__buttons{width:100%;display:flex;justify-content:center}}.card{max-width:800px;margin:6rem auto;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;border:1px solid #0077cc}.card__header{text-align:center;margin-bottom:1.5rem}.card__title{font-size:2rem;color:#333}.card__name{color:#07c}.card__subtitle{font-size:1rem;color:#666}.card__shelter{text-align:center;margin-bottom:1.5rem}.card__shelter-name{font-size:1.2rem;font-weight:700;color:#07c}.card__shelter-location{font-size:.9rem;color:#555;margin-bottom:1rem}.card__cta{padding:.5rem 1rem;font-size:1rem;color:#fff;background-color:#07c;border:none;border-radius:4px;cursor:pointer;text-decoration:none}.card__cta:hover{background-color:#005fa3}.card__gallery{margin-bottom:1.5rem}.card__gallery-main{text-align:center;margin-bottom:1rem;position:relative}.card__gallery-main .animal-status{position:absolute;top:0;right:0;background-color:#07c;color:#fff;padding:.5rem 1rem;border-radius:0 8px;font-size:.9rem}.card__gallery-main .animal-status.no-disponible{background-color:#f44336}.card__gallery-main .animal-status.adoptado{background-color:#ff9800}.card__gallery-image{width:100%;height:auto;border-radius:8px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out;max-height:800px}.card__gallery-image--main{max-width:100%}.card__gallery-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.card__gallery-thumbnail{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease-in-out}.card__gallery-thumbnail:hover{transform:scale(1.1)}.card__details{padding:1rem;background-color:#f1f1f1;border-radius:8px}.card__details-title{font-size:1.5rem;margin-bottom:.5rem;color:#333}.card__details-list{list-style:none;padding:0;margin:0}.card__details-item{margin-bottom:.5rem;font-size:.95rem;color:#555}.card__details-item strong{color:#333}.register_wrapper{margin-top:10rem}.form_main_wrapper{display:flex;justify-content:center;align-items:center;height:100vh}@media (max-width: 768px){.form_main_wrapper{height:-moz-fit-content;height:fit-content}}.form_wrapper{background:#fff;width:400px;max-width:100%;margin:50px auto;padding:25px;border-top:5px solid #0077cc;box-shadow:0 0 3px #0000001a;margin-top:8rem}.title_container h2{text-align:center;margin-bottom:15px}.input_field{margin-bottom:20px;position:relative}.input_field span{position:absolute;top:0;left:0;height:100%;width:30px;text-align:center;line-height:35px;color:#333;border-right:1px solid #ccc}.input_field input[type=text],.input_field input[type=email],.input_field input[type=password]{width:100%;padding:8px 10px 8px 40px;height:35px;border:1px solid #ccc;box-sizing:border-box;outline:none;transition:all .3s ease}.input_field input[type=text]:hover,.input_field input[type=email]:hover,.input_field input[type=password]:hover{background:#f9f9f9}.input_field input[type=text]:focus,.input_field input[type=email]:focus,.input_field input[type=password]:focus{border:1px solid #0077cc;box-shadow:0 0 3px #0282dd}.checkbox_option{display:flex;align-items:center}.checkbox_option input[type=checkbox]{margin-right:10px}.checkbox_option label{font-size:12px;cursor:pointer}.input_field .button{background:#07c;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background .3s ease;margin-top:20px}@media (max-width: 768px){.form_wrapper{width:300px;padding:15px}}@media (max-width: 480px){.title_container h2{font-size:1.2rem}}.legal-text{width:800px;margin:8rem auto;font-size:1rem}.legal-text h2{margin-bottom:20px}.legal-text h3{margin-bottom:10px}.legal-text p{margin-bottom:30px}@media (max-width: 768px){.legal-text{width:100%;padding:0 20px}}.error_message{background-color:#f8d7da;color:#721c24;padding:10px;margin:20px 0;border:1px solid #f5c6cb;border-radius:5px;font-size:12px}.success_message{background-color:#d4edda;color:#155724;padding:10px;margin:20px 0;border:1px solid #c3e6cb;border-radius:5px;font-size:12px}.animal-table{width:-moz-fit-content;width:fit-content;border-collapse:collapse;margin:20px 0;font-family:Arial,sans-serif;box-shadow:0 4px 6px #0000001a;overflow-x:auto;display:block;margin:8rem auto}.animal-table__head{background-color:#f1f1f1;text-align:left}.animal-table__row{border-bottom:1px solid #e0e0e0}.animal-table__cell{padding:10px;font-size:14px;color:#333;text-align:center}.animal-table__input{width:100%;padding:5px;font-size:14px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;background-color:#f9f9f9}.animal-table__input:focus{border-color:#07c;background-color:#fff}.animal-table__row:nth-child(2n){background-color:#f9f9f9}.animal-table__row:hover{background-color:#f1f1f1}@media (max-width: 768px){.animal-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.animal-table__head,.animal-table__body,.animal-table__row{display:block;width:100%}.animal-table__cell{display:block;width:100%;text-align:left;padding:8px}.animal-table__input{width:calc(100% - 16px)}}.create-edit-wrapper{margin:8rem auto;width:900px}.create-edit-wrapper h2{margin-bottom:30px}.form{display:flex;flex-direction:column;gap:16px;margin:0 auto;width:100%}.form__group{display:flex;flex-direction:column;gap:8px}.form__label{font-weight:700;color:#333}.form__input{padding:8px;font-size:16px;border:1px solid #ccc;border-radius:4px}.form__input--text,.form__input--number,.form__input--select,.form__input--textarea,.form__input--file{width:100%}.form__input--textarea{resize:vertical;height:500px}.form__button{padding:10px 20px;font-size:16px;background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.form__button--submit{background-color:#07c}.form__button:hover{background-color:#005fa3}@media (max-width: 768px){.form{width:100%;padding:0 16px}}.faq{max-width:1500px;margin:100px auto}.faq__item{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:10px 0;padding:15px;box-shadow:0 2px 5px #0000001a}.faq__item__header{font-size:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:10px;background-color:#07c;color:#fff;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.faq__item__header:hover{background-color:#005fa3}.faq__item__content{padding:10px;display:none;margin-top:10px;background-color:#f1f1f1;border-radius:4px}.faq__item__content ul{list-style-type:disc;padding-left:20px}.faq__item__content p{margin-bottom:10px}.faq__item__header:after{content:"+";font-size:1.5em;font-weight:700}.faq__item__header.active:after{content:"-"}@media (max-width: 768px){.faq{padding:20px}.faq__item__header{font-size:1em}.faq__item__header:after{font-size:1.2em}}.adoption-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.adoption-modal__content{background-color:#fff;padding:30px;text-align:center;border-radius:10px;width:80%;max-width:450px;box-shadow:0 4px 6px #0003;position:relative}.adoption-modal__title{font-size:1.8rem;color:#2c3e50;margin-bottom:15px}.adoption-modal__message{font-size:1.2rem;color:#34495e;margin-bottom:20px}.adoption-modal__close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;color:#e74c3c;cursor:pointer;transition:all .3s ease-in-out}.adoption-modal__cta-button{display:inline-block;background-color:#ff5e57;color:#fff;padding:14px 24px;text-decoration:none;border-radius:5px;margin-top:20px;font-weight:700;font-size:1.1rem;text-transform:uppercase;box-shadow:0 4px 6px #0000001a;transition:all .3s ease-in-out}.adoption-modal__cta-button:hover{background-color:#ff3b30;transform:translateY(-5px);box-shadow:0 6px 12px #0003}.adoption-modal__cta-button:focus{outline:none;border:2px solid #ff3b30}@media (max-width: 600px){.adoption-modal__content{width:90%;max-width:350px}.content h1{font-size:1.5rem}.content p{font-size:1rem}}