*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#eef2f7;color:#333}.hero{display:flex;align-items:center;justify-content:space-between;gap:0px;padding:20px 0;transition:transform .3s ease-in-out;overflow:hidden;position:relative}.container{width:90%;max-width:1100px;margin:auto;padding:20px}.banner{flex:1;background:linear-gradient(135deg,#1f085a,#630072);color:#fff;padding:40px;border-radius:12px 0% 0% 12px;box-shadow:0 6px 12px #0003;height:310px}.banner h2{font-size:32px;margin-bottom:10px}.banner p{font-size:18px}.formulario{flex:1;background:#fff;padding:30px;border-radius:0% 10px 10px 0%;box-shadow:0 4px 8px #0000001a;height:310px}.formulario h3,.formulario_vol h3{text-align:center;font-size:24px;margin-bottom:15px}.formulario input,.formulario_vol input{font-family:inherit;width:100%;padding:14px;margin-top:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}#btnQuieroSerVoluntario{margin-top:228px}.formulario button,.formulario_vol button{width:100%;font-family:inherit;padding:14px;margin-top:15px;background:#630072;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s ease-in-out}.formulario button:hover,.formulario_vol button:hover{background:#9600ad;transform:translateY(-2px)}.container-social{display:flex;justify-content:center;border-radius:12px;align-items:center;gap:80px;flex-wrap:wrap;background-color:#fff;box-shadow:0 4px 8px #0000001a}.social-media{text-align:center;margin-top:25px}.social-media h3{font-size:20px;margin-bottom:10px}.social-media a{display:inline-block;margin:10px;transition:.3s ease-in-out}.social-media a:hover{transform:scale(1.2)}.accordion{width:100%;margin:5px auto 0}.acordeon h3{text-align:center;margin-top:4%;font-size:150%}.accordion-item{border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#f9fafb;transition:box-shadow .3s ease-in-out}.accordion-item:hover{box-shadow:0 4px 8px #0000001a}.accordion-header{font-family:Poppins;width:100%;padding:14px 20px;text-align:left;background:#630072;color:#fff;border:none;cursor:pointer;font-size:17px;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease-in-out}.accordion-header:hover{background:#9600ad}.accordion-content{padding:14px 20px;display:none;background:#fff;border-top:1px solid #e5e7eb;font-size:15px;color:#374151;line-height:1.5;transition:max-height .3s ease-in-out}.accordion-content.open{display:block}.accordion-icon{transition:transform .3s ease-in-out}.accordion-icon.rotated{transform:rotate(180deg)}.animate-on-scroll{opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out}.visible{opacity:1;transform:translateY(0)}.about-us-container{max-width:1000px;margin:40px auto;padding:20px;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px}.about-us-container h1{text-align:center;color:#1f085a;margin-bottom:20px}.about-us-container h2{text-align:center;color:#1f085a;margin-bottom:10px}.about-us-container p{text-align:justify;margin-bottom:15px}.about-us-container ul{list-style-type:none;padding:0}.about-us-container ul li{background:#f9f9f9;margin:10px 0;padding:15px;border-left:5px solid #1f085a;border-radius:5px}.about-us-container .cta{text-align:center;margin-top:30px}.about-us-container .cta a{background-color:#1f085a;color:#fff;padding:12px 20px;text-decoration:none;font-weight:700;border-radius:5px;display:inline-block}.about-us-container .cta a:hover{background-color:#2e0b86}.team-container{width:90%;max-width:900px;margin:auto;padding:20px}.team{flex-wrap:wrap;display:flex;justify-content:center;gap:0%}.team-container h1,.event-container h1{text-align:center;color:#1f085a;font-size:2.5rem;font-weight:600}.join-button{display:flex;justify-content:center;margin-top:2rem}.join-button a{text-decoration:none}.join-button button{background-color:#630072;color:#fff;font-size:1.2rem;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:320px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 6px #0003}.join-button button:hover{background-color:#4a0055;transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.join-button img{width:25px;height:25px}.profile{text-align:center;width:280px;margin:10px 10px 2%;padding:1.5rem;color:#1f085a;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;word-wrap:break-word;animation-name:moveIn;animation-duration:1.5s}@keyframes moveIn{0%{translate:0px 120px}to{translate:0px 0px}}.profile:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.profile-image{width:210px;height:210px;border-radius:50%;margin-bottom:1rem}.profile-name{font-size:1.75rem;margin:.5rem 0;font-weight:700;white-space:normal;overflow-wrap:break-word}.profile-description{font-size:1.1rem;color:#444}.volunteer{flex:1;background:linear-gradient(75deg,#1f085a,#630072);padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:50%;width:90%;margin:10px auto 5px;text-align:justify;color:#fff}.volunteer h1{text-align:center}.formulario_vol{flex:1;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:90%;margin:auto;font-family:inherit}.datos-personales{display:flex;flex-wrap:wrap;gap:15px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:#555}.form-group input[type=text],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.checkbox-group label{font-weight:400;margin-left:5px}.checkbox-group input[type=checkbox]{width:10px}input:required,select:required,textarea:required{border-left:3px solid #630072}input:focus,select:focus,textarea:focus{border-color:#630072;outline:none;box-shadow:0 0 5px #630072}.card{display:flex;align-items:center;gap:22px;padding:0 5px;border-radius:10px;box-shadow:0 4px 8px #0000001a;background:#fff;max-width:80%;margin:15px auto;flex-direction:row;height:250px}.card.reverse{flex-direction:row-reverse}.card-content{flex:1;display:flex;flex-direction:column;gap:0px;padding:10px 50px}.card-meta{display:flex;align-items:center;gap:15px;font-size:.9rem;color:#666}.location{display:flex;align-items:center;gap:5px;flex-grow:1}.location img{width:20px;height:auto}.date{font-weight:700;font-size:.85rem;white-space:nowrap}h2{margin:5px 0;font-size:1.5rem}.description{color:#444;line-height:1.4;padding-bottom:15px}p{margin:0}.image-container{overflow:hidden}.slider-wrapper{position:relative;max-width:400px;overflow:hidden}.slider{display:flex;aspect-ratio:16 / 9;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;box-shadow:0 4px 8px #0000001a;border-radius:8px;scrollbar-width:0px;height:250px}.slider::-webkit-scrollbar{display:none}.slider img{flex:1 0 100%;scroll-snap-align:start;object-fit:cover}.slider-nav{display:flex;column-gap:1rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:1}.slider-nav a{width:.5rem;height:.5rem;border-radius:50%;background-color:#fff;opacity:.75;transition:opacity ease .25s}.slider-nav a:hover{opacity:1}.event-container h1{margin-top:10px}.contact-container{height:200px;background:#1f085a;border:2px solid #1f085a;border-radius:12px;padding:24px 100px 80px;margin:30px auto;max-width:500 px;box-shadow:0 4px 12px #63007214;color:#e2daf7;font-size:1.15rem;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:box-shadow .3s,transform .3s}.contact-container:hover{box-shadow:0 8px 24px #6300722e;transform:translateY(-8px) scale(1.03)}.main-content{flex:1;padding:5rem;margin-bottom:10rem}.proyectos-row{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;width:100%;overflow-x:auto;overflow:visible;position:relative;z-index:1}.proyecto-card{background:#fff;border-radius:1rem;box-shadow:0 4px 16px #0000001f;padding:2rem;width:220px;min-height:180px;display:flex;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.21,1.02,.73,1),box-shadow .25s cubic-bezier(.21,1.02,.73,1);flex-shrink:0;border:2px solid #630072;position:relative}.proyecto-card:hover{transform:translateY(-18px) scale(1.03);box-shadow:0 12px 32px #6300722e;z-index:100}@media (max-width: 950px){.proyectos-row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}}