html,body{margin:0;padding:0;overflow-x:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Arial,sans-serif}*,*:before,*:after{box-sizing:inherit}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v31/KFOmCnqEu92Fr1Mu4mxP.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v31/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format("truetype")}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;margin:0;padding:0;background:#f2f2f2;color:#222;line-height:1.5;font-size:.875rem;position:relative;min-height:100vh}body{background-color:#fff}h1,h2,p{text-align:center;color:#4d96da}h1{font-size:2.5em}.descripcion,p{font-size:1.1em;line-height:1.6;color:#333;max-width:800px;margin:20px auto}h2{font-family:Great Vibes,cursive;font-size:2.5em;margin-bottom:20px}p{margin:0 0 10px}button{padding:10px;font-size:16px;cursor:pointer;border-radius:10px}#donation-amount{width:calc(100% - 22px);padding:10px;margin-bottom:10px}.preset-amounts{display:flex;gap:10px;justify-content:center;margin-bottom:10px}.preset{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer}#donate-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;cursor:pointer}main{padding:20px;max-width:1200px;width:100%;box-sizing:border-box}#donaciones{max-width:800px;margin:0 auto;text-align:center;width:100%}#banner{width:100%;height:auto;margin-bottom:20px;border-radius:10px}.donation-card{background:#f9f9f9;border:1px solid #ddd;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin:20px 0}#donation-section{display:flex;flex-direction:column;align-items:center;width:100%}#more-info,#additional-info{max-width:800px;margin:20px auto;text-align:left;width:100%}#rescued-animals{max-width:800px;margin:20px auto;width:100%}.animal-panels{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.animal-panel{display:flex;flex-direction:column;border:1px solid #ddd;padding:10px;width:200px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;border-radius:10px}.animal-panel img{width:100%;height:auto;object-fit:cover;border-bottom:1px solid #ddd;border-radius:10px}.animal-description{padding:10px;text-align:center}footer{background-color:#f4f4f4;padding:10px 20px;text-align:center;width:100%;box-sizing:border-box}@media (max-width: 768px){header{flex-direction:column;text-align:center}nav ul{flex-direction:column;gap:10px}#more-info,#additional-info,#rescued-animals,#donaciones{max-width:90%}.animal-panels{flex-direction:column;gap:10px}.animal-panel{width:100%}.preset-amounts{flex-direction:column;gap:5px}#donation-amount{width:100%}.modal-content{width:90%}}@media (max-width: 768px){main{padding:1rem}section{width:100%;max-width:100%}}@media (max-width: 480px){h2{font-size:1.5rem}p{font-size:1rem}}header{padding:10px 20px;background-color:#f4f4f4;width:100%;box-sizing:border-box;background-color:#f2f2f2;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ddd;position:relative}#logo{height:50px}nav ul{list-style:none;display:flex;gap:15px;padding:0;margin:0}nav a{text-decoration:none;color:#333}.header-container{display:flex;align-items:center;width:100%;justify-content:space-between}.logo-title{display:flex;align-items:center}.logo{width:80px;height:auto;margin-right:1rem}.site-title{font-family:Great Vibes,cursive;font-size:2rem;font-weight:700;color:#222;margin:0}nav{display:flex;align-items:center}nav ul{list-style:none;margin:0;padding:0;display:flex}nav ul li{margin:0 1rem}nav ul li a{text-decoration:none;color:#4d96da;font-size:1rem}nav ul li a:hover{text-decoration:underline}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{height:3px;width:25px;background:#4d96da;margin-bottom:4px;border-radius:2px}@media screen and (max-width: 768px){.logo{width:60px}.site-title{font-size:1.5rem}nav{display:none}.hamburger{display:flex}.nav-active{display:flex;flex-direction:column;position:absolute;top:90px;right:0;background:#f2f2f2;width:100%;padding:1rem 0;box-shadow:0 5px 15px #0000001a;z-index:1000}nav ul{flex-direction:column;align-items:center}nav ul li{margin:1rem 0}}.faq-container{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;position:relative;z-index:1}.faq-image{flex:1;text-align:center;margin-top:4rem}.faq-image img{max-width:80%;height:auto}.questions{flex:1}.section-center{max-width:620px}.question{background:#fff;border-radius:.5rem;box-shadow:0 5px 15px #0c96cc1a;padding:1.5rem 1.5rem 0;margin-bottom:2rem}.question-title{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize;padding-bottom:1rem}.question-title p{margin-bottom:0;letter-spacing:.25rem;color:#222}.question-btn{font-size:1.5rem;background:transparent;border:none;cursor:pointer;color:#4d96da;transition:all .3s linear}.question-btn:hover{transform:rotate(90deg)}.question-text{padding:1rem 0 1.5rem;border-top:1px solid rgba(0,0,0,.2)}.question-text p{margin-bottom:0}.question-text{display:none}.show-text .question-text{display:block}.minus-icon{display:none}.show-text .minus-icon{display:inline}.show-text .plus-icon{display:none}@media screen and (max-width: 768px){.faq-container{flex-direction:column;align-items:center}.faq-image{margin-top:2rem;margin-bottom:2rem;text-align:center}.questions{width:100%}.section-center{max-width:100%;padding:0 1rem}.question{margin-bottom:1.5rem}.wave{position:fixed;bottom:0;left:0}}.wave{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:-1}.section-title{font-size:24px;margin-bottom:10px;color:#333;text-align:center}.gallery-section{margin-bottom:40px}.gallery-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-item{border:1px solid #ddd;border-radius:8px;overflow:hidden;width:500px;display:flex;flex-direction:column;align-items:center}.gallery-image{width:100%;height:300px;object-fit:cover}.description{padding:10px;text-align:center}.image-title{font-size:18px;margin:0;color:#333}.image-description{font-size:14px;color:#666}main{padding:1rem}main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:2rem 1rem}.gallery{padding:20px;text-align:center;margin-bottom:50px}.gallery h2{margin-bottom:20px}.gallery .images{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.gallery .images{flex-direction:column;align-items:center}}.gallery .card{width:300px;height:200px;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.gallery img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.gallery .card{width:90%}}.contact-form{width:100%;max-width:600px;margin:20px auto 0;padding:20px;background:white;box-shadow:0 4px 8px #0000001a;border-radius:4px}.contact-form label{display:block;margin-bottom:.5rem;color:#666}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #666;border-radius:4px}.contact-form button{background:#4d96da;color:#fff;padding:.75rem;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:1rem}.contact-form button:hover{background:#2a7dca}.gallery{padding:20px}.gallery .images{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery .card{flex:1 1 calc(33.333% - 20px);box-shadow:0 4px 8px #0000001a;border-radius:4px;overflow:hidden;transition:transform .2s}.gallery .card img{width:100%;height:auto;display:block}.gallery .card:hover{transform:scale(1.05)}@media (max-width: 768px){.gallery .card{flex:1 1 calc(50% - 20px)}}@media (max-width: 480px){.gallery .card{flex:1 1 100%}.contact-form button{font-size:.875rem}}.content{display:flex;justify-content:space-between;width:80%;flex:1;margin:20px 0}.mission,.vision{width:45%;padding:20px;border:2px solid #f39c12;border-radius:5px;box-shadow:0 4px 8px #0003;background-color:#e0e1e5;margin-bottom:20px;transition:transform .3s,background-color .3s}.mission:hover,.vision:hover{transform:scale(1.05);background-color:#bdc0ff}.vision{margin-left:5%}h2{text-align:center}p{text-align:center;line-height:1.6}.image{width:80%;height:300px;margin:20px 0;position:relative;border-radius:15px;overflow:hidden}.image:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:10px solid #f39c12;border-radius:20px;z-index:1;box-shadow:0 4px 12px #0000004d}.image img{width:100%;height:100%;object-fit:cover;border-radius:15px;display:block;z-index:0}.container{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.container>*:not(.header,.footer){margin-bottom:40px}@media (max-width: 768px){nav ul{flex-direction:column;align-items:center}nav li{margin:5px 0}.video-container iframe{height:200px}}@media (max-width: 480px){header h1{font-size:24px}nav a{font-size:14px}.video-container iframe{height:180px}}#carousel{padding:40px 20px;text-align:center}.carousel-container{display:flex;overflow:hidden;scroll-snap-type:x mandatory;width:100%}.carousel-slide{display:flex;transition:transform .5s ease-in-out}.carousel-item{flex:0 0 100%;max-height:500px;overflow:hidden}.carousel-item img{width:100%;height:auto;border-radius:10px}footer{background-color:#f4f4f4;padding:40px 20px;color:#333;text-align:center}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px}.footer-logo-desc,.footer-menu,.footer-social{flex:1;text-align:left}.footer-logo{width:100px;margin-bottom:10px}.footer-description,.footer-menu ul li,.footer-copyright{font-size:.9em;color:#666}.footer-menu h3,.footer-social h3{color:#4d96da;margin-bottom:10px}.footer-menu ul{list-style:none;padding:0}.footer-menu ul li{margin-bottom:8px}.footer-menu ul li a,.social-icon{text-decoration:none;color:#333}.footer-menu ul li a:hover,.social-icon:hover{text-decoration:underline}.social-icon{color:#4d96da;font-size:1.5em;margin-right:10px}.footer-copyright{margin-top:20px;border-top:1px solid #ccc;padding-top:20px}@media (max-width: 768px){.historias-container,#background-section-container,#videos-section{flex-direction:column;align-items:center}.video-container iframe{height:250px}}.historias-container,#background-section-container,#videos-section{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:20px}.video-card{flex:1;min-width:250px;max-width:30%;box-sizing:border-box}.video-container iframe{width:100%;height:250px;border-radius:10px}.cards{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;margin:20px;max-width:500px;text-align:center;flex:1}.historia{max-width:500px;margin:0 auto 20px;text-align:center;overflow:hidden;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;display:flex;flex-direction:column;align-items:center}.historia img{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:10px;margin-bottom:15px}