*{margin:0;padding:0}.app{display:flex;flex-direction:column;min-height:100vh}.content-container{flex-grow:1;padding-top:5rem;font-family:Arial,sans-serif}@media (max-width: 768px){.content-container{padding-top:0}}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#ffe060;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif,sans-serif;position:fixed;top:0;left:0;width:100vw;z-index:1000}.navbar-left{display:flex;align-items:center;margin-left:2rem}.navbar-logo{width:80ox;height:80px}.navbar-title{font-size:1.2rem;font-weight:700;color:#21451c}.navbar-links{list-style:none;display:flex;gap:1rem;margin-right:2rem}.navbar-links li a{color:#21451c;text-decoration:none;font-weight:600}.navbar-links li a:hover{color:#3c2216}.navbar-toggle{background:none;border:none;color:#21451c;font-size:1.5rem;cursor:pointer;display:none;margin-right:1rem}@media (max-width: 768px){.navbar{justify-content:space-between;padding:.5rem 1rem}.navbar-left{display:flex;align-items:center;margin-left:.5rem;margin-right:0}.navbar-logo{width:40px;height:40px;margin-right:.5rem}.navbar-title{font-size:.9rem;font-weight:700;color:#3c2216;max-width:60vw}.navbar-toggle{display:block;background:none;border:none;color:#3c2216;font-size:1.5rem;cursor:pointer;margin-right:.5rem}.navbar-links{display:none;flex-direction:column;background-color:#ffe060;position:absolute;top:55px;right:0;width:50%;text-align:center;padding:1rem 0;box-shadow:0 4px 6px #0000001a}.navbar-links.open{display:flex}.navbar-links li{margin:.5rem 0}}.hero{position:relative;width:100%;height:660px;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{background-color:#0006;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.hero-logo{width:400px;height:auto;margin-right:1.5em}.hero-overlay h1{color:#fff;font-size:4rem;text-shadow:4px 4px 6px #437C22;max-width:500px;text-align:center;border:#437C22}@media (max-width: 768px){.hero-overlay{flex-direction:column;justify-content:center}.hero-logo{margin-right:0;margin-bottom:1rem}.hero-overlay h1{font-size:2.5rem}}@media (max-width: 480px){.hero{height:600px}.hero-logo{width:250px}.hero-overlay h1{font-size:1.6rem;padding:0 1rem}}.about-sections{background-color:#fff;font-family:Arial,sans-serif}.section-block{padding:3rem 6rem 0rem;display:flex;grid-template-columns:1fr 1fr;gap:2rem}.section-image{height:400px;width:100%;overflow:hidden}.section-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:1%}.section-text{display:flex;flex-direction:column;justify-content:center}.section-text h2{margin-bottom:1rem;font-size:1.8rem}.section-text p{color:#333;line-height:1.6;margin-bottom:1rem}.section-quote{text-align:center;font-style:italic;font-size:20px;color:#21451c;padding:2rem 6rem;margin-top:3rem;background-color:#cadf9e}.section-text ul{margin-left:1.5rem;line-height:1.6}.section-text li{margin-bottom:.75rem}@media (max-width: 768px){.about-sections{padding:2rem 1.5rem}.section-block{grid-template-columns:1fr;padding:.5rem 0}.section-block:nth-child(2){display:flex;flex-direction:column-reverse}.section-text{margin-top:1.5rem}.section-image{height:auto}.section-image img{height:auto;max-height:300px}.section-text h2{font-size:1.5rem}.section-quote{padding:2rem;margin-top:1rem}}@media (max-width: 480px){.section-text h2{font-size:1.2rem}.section-text p,.section-text li{font-size:.95rem}.section-quote{font-size:1.1rem;padding:1.5rem 1rem}.section-block{gap:1rem}}.section-block.reverse{flex-direction:row-reverse}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.modal-content{background-color:#fff;border-radius:5px;padding:2rem;width:80%;max-width:700px;box-shadow:0 0 10px #0003;position:relative}.modal-content h3{color:#21451c;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.modal-body{color:#3c2216;line-height:1.6;max-height:70vh;overflow-y:auto}.modal-body p{margin-bottom:1rem}.close-button{position:absolute;top:.5rem;right:1rem;background:none;border:none;color:#555;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}.close-button:hover{opacity:1}.modal-body button{background-color:#4caf50;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;display:inline-block;text-decoration:none}.modal-body button a{color:#fff;text-decoration:none;display:block}.modal-body button:hover{background-color:#367c39}.events-section{background-color:#fff;padding:2rem 6rem;text-align:center;font-family:Arial,sans-serif}.events-section h2{color:#21451c;margin-bottom:1rem;font-size:1.8rem}.events-grid{display:grid;gap:4.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.event-card{border-radius:10px;padding:1rem;background-color:#cadf9e;display:flex;flex-direction:column;min-height:300px}.event-card img{width:100%;height:150px;object-fit:cover;object-position:top;margin-bottom:1rem;border-radius:5px 5px 0 0}.event-card-content{display:flex;flex-direction:column;flex:1}.event-card-content h3{color:#21451c;font-size:1.2rem;margin-bottom:.5rem;font-weight:700}.event-buttons{display:flex;gap:10px;margin-top:auto}.event-buttons button,.event-buttons a{flex:1;text-align:center;padding:.7rem;border-radius:10px;font-size:.9rem;font-weight:700}.event-buttons button{background-color:#437c22;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease}.event-buttons button:hover{background-color:#4caf50}.contact-button{background-color:#21451c;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.contact-button:hover{background-color:#2e6b2e}.modal-open{overflow:hidden}@media (max-width: 768px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.events-grid{grid-template-columns:1fr;gap:2rem}.events-section{padding:2rem}.event-card{min-height:auto}.event-card img{height:180px}}.nosotros-container{font-family:Arial,sans-serif;color:#3c2216}.hero-section{background-color:#cadf9e;min-height:130px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.mission-vision-section{text-align:center}.mission-vision-grid{display:grid;grid-template-columns:1fr;gap:20px}.mission-vision-grid h3{color:#437c22;font-size:1.5rem;margin-bottom:10px}.mission-vision-grid p{font-size:1rem;line-height:1.7}.que-es-section{text-align:left}.que-es-section p{line-height:1.7}#modal-trigger{background-color:transparent;color:#437c22;padding:0;border:none;cursor:pointer;font-size:1.1rem;display:inline;text-decoration:underline;transition:all .2s ease-in-out}#modal-trigger:hover{color:#367c39;text-decoration:none}.filosofia-detalle-content{padding:15px;font-family:sans-serif;color:#333}.filosofia-detalle-content p{line-height:1.6;margin-bottom:1em}.filosofia-detalle-content h4{color:#437c22;margin-top:1.5em;margin-bottom:.5em}.filosofia-detalle-content ul{list-style-type:disc;padding-left:20px;margin-bottom:1em}.filosofia-detalle-content ul li{line-height:1.5;margin-bottom:.5em}.filosofia-detalle-content hr{border:1px solid #ccc;margin-top:1.5em;margin-bottom:1.5em}.filosofia-detalle-content b{font-weight:700}.objetivos-section{text-align:left}.objetivos-section p{line-height:1.7}.objetivos-section ul{list-style-type:disc;margin-left:20px}.objetivos-section li{margin-bottom:10px;line-height:1.7}.organizacion-section{text-align:left;margin-bottom:50px}.organizacion-section h2{margin-bottom:30px}.organizacion-info{margin-bottom:20px;padding:15px;border:1px solid #CADF9E;border-radius:5px}.organizacion-info h3{color:#437c22;font-size:1.3rem;margin-bottom:10px}.organizacion-info p{line-height:1.7}.principios-section{text-align:center}.principios-grid{display:grid;grid-template-columns:1fr;gap:20px}.principios-grid h3{color:#437c22;font-size:1.2rem;margin-bottom:10px}.principios-grid>div{border:3px dashed #437C22;border-radius:10px;padding:15px;margin-bottom:10px}.principios-grid p{font-size:.9rem;line-height:1.6}@media (min-width: 768px){.mission-vision-grid{grid-template-columns:1fr 1fr}.principios-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.principios-grid{grid-template-columns:repeat(4,1fr)}}.proyectos-container{font-family:Arial,sans-serif;color:#3c2216}.section h2{color:#21451c;font-size:2rem;margin-bottom:15px;border-bottom:2px solid #CADF9E;padding-bottom:10px}.introduccion-section{text-align:left;margin-bottom:50px}.introduccion-section p{line-height:1.7}.proyectos-desarrollo-section{margin-bottom:50px}.proyectos-desarrollo-section h2{margin-bottom:30px}.proyecto{margin-bottom:30px;padding:20px;border:2px solid #CADF9E;border-radius:10px}.proyecto h3{color:#437c22;font-size:1.5rem;margin-bottom:10px}.proyecto p{line-height:1.7}.actividades-desarrollo-section{margin-bottom:50px}.actividades-desarrollo-section h2{margin-bottom:30px}.actividad-intro{display:flex;align-items:center}.actividad{margin-bottom:30px;padding:20px;border:2px solid #CADF9E;border-radius:10px}.actividad h3{color:#437c22;font-size:1.5rem;margin-bottom:10px}.actividad p{line-height:1.7}.actividad ul{list-style-type:disc;margin-left:20px;line-height:1.7}.renea-logo{max-width:45px;margin-right:15px}.llamado-accion-section{text-align:center;background-color:#f0f8e0;padding:30px 20px;border-radius:10px}.llamado-accion-section h2{color:#21451c;font-size:2rem;margin-bottom:20px}.llamado-accion-section p{line-height:1.7;font-size:1.1rem}.llamado-accion-section button{background-color:#437c22;color:#fff;padding:.75rem 1.5rem;margin-top:.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;display:inline-block;text-decoration:none}.llamado-accion-section button a{color:#fff;text-decoration:none;display:block}.llamado-accion-section button:hover{background-color:#4caf50}@media (max-width: 768px){.hero-section{padding-top:5rem}}.hero-section{background-color:#cadf9e;min-height:150px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.hero-content h1{color:#21451c;font-size:2.5rem;margin-bottom:5px}.hero-content .subheadline{color:#3c2216;font-size:1.1rem;max-width:800px;margin:0 auto}.main-content{padding:20px}.container{max-width:1200px;margin:0 auto}.section{margin-bottom:40px}.voluntariado-section h2,.donaciones-section h2,.contacto-colaborar h2{color:#21451c;font-size:2rem;margin-bottom:15px;border-bottom:2px solid #CADF9E;padding-bottom:10px}.voluntariado-section p,.donaciones-section p,.contacto-colaborar p{line-height:1.7;margin-bottom:15px;font-size:1rem}.colaborar-info{margin-left:20px}.colaborar-info h3{color:#437c22;font-size:1.2rem;margin-top:15px;margin-bottom:10px}.colaborar-info ul,.colaborar-info ol{list-style-type:disc;margin-left:20px;margin-bottom:10px}.colaborar-info ol{list-style-type:decimal}.colaborar-info li{line-height:1.6;margin-bottom:5px;font-size:1rem}.boton-colaborar{background-color:#437c22;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-top:15px;display:inline-block;text-decoration:none}.boton-colaborar:hover{background-color:#4caf50}.boton-colaborar>a{text-decoration:none;color:#fff}.contacto-colaborar{text-align:center;margin-top:30px;padding-top:20px}.contacto-colaborar a{color:#437c22;text-decoration:underline}.contacto-colaborar a:hover{text-decoration:none}@media (max-width: 768px){.hero-section{padding-top:5rem}.hero-content .subheadline{color:#3c2216;font-size:1.1rem;max-width:800px;margin:1rem auto 0rem}}.contacto-container{font-family:Arial,sans-serif;color:#3c2216;display:flex;flex-wrap:wrap;gap:20px;padding:20px;max-width:1200px;margin:0 auto}.contacto-info,.formulario-contacto{flex:1 1 400px}.contacto-info h2,.formulario-contacto h3{color:#21451c;font-size:2rem;margin-bottom:15px;border-bottom:2px solid #CADF9E;padding-bottom:10px}.contacto-info p{line-height:1.7;margin-bottom:15px;font-size:1rem}.map-container{width:100%;margin-bottom:20px;border:1px solid #CADF9E;border-radius:5px;overflow:hidden}.map-container iframe{width:100%;height:300px;border:0}.formulario{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:700;color:#437c22;font-size:1.1rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;color:#3c2216}.form-group textarea{resize:vertical;line-height:1.7;font-family:Arial,sans-serif}.boton-enviar{background-color:#437c22;color:#fff;padding:10px 15px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.boton-enviar:hover{background-color:#4caf50}.direccion{font-style:italic;color:#777;font-size:.9rem}.email-contacto a{color:#437c22;text-decoration:underline}.email-contacto a:hover{text-decoration:none}.datos-contacto{display:flex;flex-wrap:wrap;gap:88px}.dato{display:flex;align-items:center;gap:5px;margin:0}.icono{font-size:1rem;color:#437c22;width:auto;text-align:left}.dato a,.dato p{font-size:1rem;margin:0;color:#437c22}.dato a,.dato a:hover{text-decoration:none}.aviso-redireccion{font-size:.9rem;color:#777;margin-bottom:15px;text-align:center}@media (max-width: 768px){.contacto-container{flex-direction:column}.contacto-info{padding-top:3.5rem}.map-container iframe{height:300px}.datos-contacto{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}}.footer{width:100%;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#3a4349}.developer-info{color:#fff;text-align:center;margin-top:1rem;margin-bottom:1rem;font-family:Arial,sans-serif;font-size:small}.developer-info a{color:#fff;text-decoration:none}@media (max-width: 768px){.developer-info{font-size:.9rem;display:flex;flex-direction:column;justify-content:center;text-align:center}}