@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Coiny&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";
.hero-voluntarios{background:linear-gradient(135deg,#ee135c 0%,#ec8c69 50%,#f4a261 100%);justify-content:center;align-items:center;height:550px;margin-top:100px;display:flex;position:relative;overflow:hidden}.hero-voluntarios:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>") 0 0/50px 50px;position:absolute;inset:0}.hero-overlay{z-index:1;text-align:center;color:#fff;padding:40px 20px;position:relative}.hero-overlay h1{text-shadow:0 4px 20px #0000004d;margin-bottom:25px;font-family:Coiny,system-ui;font-size:4rem}.hero-overlay p{opacity:.95;margin-bottom:40px;font-size:1.6rem;line-height:1.7}.btn-hero-scroll{color:#ee135c;background:#fff;border-radius:50px;padding:20px 45px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 8px 25px #0003}.btn-hero-scroll:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.por-que-voluntaria{max-width:1200px;margin:90px auto;padding:0 40px}.por-que-voluntaria h2{text-align:center;color:#333;margin-bottom:50px;font-family:Coiny,system-ui;font-size:3rem}.razones-grid{grid-template-columns:repeat(3,1fr);gap:30px;padding:0;list-style:none;display:grid}.razon-card{text-align:center;background:linear-gradient(135deg,#fff5f8,#fff);border:2px solid #0000;border-radius:20px;padding:55px 35px;list-style:none;transition:all .3s;box-shadow:0 5px 20px #0000001a}.razon-card:hover{border-color:#ee135c;transform:translateY(-10px);box-shadow:0 15px 40px #ee135c33}.razon-icon{margin-bottom:25px;font-size:4.5rem}.razon-card h3{color:#ee135c;margin-bottom:15px;font-family:Coiny,system-ui;font-size:1.8rem}.razon-card p{color:#666;font-size:1.2rem;line-height:1.9}.requisitos-horarios{max-width:1200px;margin:90px auto;padding:0 40px}.requisitos-horarios h2{text-align:center;color:#333;margin-bottom:50px;font-family:Coiny,system-ui;font-size:3rem}.info-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.info-card{background:#fff;border-left:6px solid #368fe7;border-radius:20px;padding:45px 40px;transition:all .3s;box-shadow:0 10px 30px #0000001a}.info-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #368fe740}.horarios-card{border-left-color:#ec8c69}.horarios-card:hover{box-shadow:0 15px 40px #ec8c6940}.requisitos-card{border-left-color:#ee135c}.requisitos-card:hover{box-shadow:0 15px 40px #ee135c40}.info-icon{text-align:center;margin-bottom:20px;font-size:4rem}.info-card h3{color:#333;text-align:center;margin-bottom:25px;font-family:Coiny,system-ui;font-size:2rem}.info-details{text-align:left}.info-details p{color:#555;margin-bottom:15px;font-size:1.15rem;line-height:1.9}.info-details p strong{color:#333;margin-bottom:5px;font-size:1.15rem;display:block}.info-details .destacado{color:#ee135c;text-align:center;background:linear-gradient(135deg,#ee135c1a,#368fe71a);border:2px dashed #ee135c;border-radius:12px;margin-top:20px;padding:18px 20px;font-size:1.15rem;font-weight:600}.testimonios-voluntarias{max-width:1200px;margin:90px auto;padding:0 40px}.testimonios-voluntarias h2{text-align:center;color:#333;margin-bottom:50px;font-family:Coiny,system-ui;font-size:3rem}.testimonios-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.testimonio-card{text-align:center;background:linear-gradient(135deg,#f0f9ff,#fff);border-radius:20px;padding:40px 35px;transition:all .3s;box-shadow:0 5px 20px #00000014}.testimonio-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #368fe733}.testimonio-foto{margin-bottom:25px}.foto-placeholder{background:linear-gradient(135deg,#ee135c,#ec8c69);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto;font-size:3rem;display:flex;box-shadow:0 8px 20px #ee135c4d}.foto-placeholder i{color:#fff;font-size:3rem}.testimonio-contenido{text-align:center}.testimonio-texto{color:#555;margin-bottom:20px;padding:0 15px;font-size:1.15rem;font-style:italic;line-height:1.9;position:relative}.testimonio-texto:before{content:"\"";color:#ee135c;opacity:.2;font-size:4rem;position:absolute;top:-20px;left:-10px}.testimonio-autor{color:#333;margin-bottom:5px;font-size:1.2rem;font-weight:700}.testimonio-rol{color:#999;font-size:1rem;font-weight:500}.como-llegar{max-width:1400px;margin:90px auto;padding:0 40px}.como-llegar h2{text-align:center;color:#333;margin-bottom:50px;font-family:Coiny,system-ui;font-size:3rem}.ubicacion-grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:40px;display:grid}.mapa-contenedor{border:3px solid #368fe733;border-radius:20px;height:100%;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000026}.mapa-contenedor:hover{border-color:#368fe7;box-shadow:0 15px 40px #368fe74d}.mapa-contenedor iframe{border:0;width:100%;height:100%;min-height:350px;display:block}.info-contacto{background:#fff;border-left:6px solid #ee135c;border-radius:20px;padding:45px 40px;box-shadow:0 10px 30px #0000001a}.info-contacto h3{color:#ee135c;margin-bottom:30px;font-family:Coiny,system-ui;font-size:2rem}.contacto-detalles p{color:#555;margin-bottom:12px;font-size:1.15rem;line-height:1.9}.contacto-detalles p strong{color:#333;margin-bottom:8px;font-size:1.15rem;display:block}.contacto-detalles a{color:#368fe7;font-size:1.15rem;font-weight:600;text-decoration:none;transition:color .3s}.contacto-detalles a:hover{color:#ee135c;text-decoration:underline}.separador{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);height:1px;margin:25px 0}.btn-mapa{color:#fff;background:linear-gradient(135deg,#368fe7,#2563eb);border-radius:25px;margin-top:20px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #368fe74d;color:#ddedfd!important}.btn-mapa:hover{background:linear-gradient(135deg,#2563eb,#368fe7);transform:translateY(-2px);box-shadow:0 8px 20px #368fe766;color:#ee135c!important}.cta-final{background:linear-gradient(135deg,#ee135c 0%,#ec8c69 100%);margin-top:90px;padding:90px 40px;position:relative;overflow:hidden}.cta-final:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/></svg>") 0 0/50px 50px;position:absolute;inset:0}.cta-contenido{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.cta-contenido h2{color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:20px;font-family:Coiny,system-ui;font-size:3.2rem}.cta-contenido p{color:#fff;opacity:.95;margin-bottom:40px;font-size:1.4rem;line-height:1.8}.cta-botones{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-cta-primary,.btn-cta-secondary{border-radius:50px;align-items:center;gap:10px;padding:20px 45px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 25px #0003}.btn-cta-primary{color:#ee135c;background:#fff}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}.btn-cta-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #fff}.btn-cta-secondary:hover{color:#ee135c;background:#fff;transform:translateY(-3px);box-shadow:0 12px 35px #0000004d}@media (max-width:1024px){.razones-grid,.info-grid,.testimonios-grid,.ubicacion-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-voluntarios{height:auto;padding:60px 20px}.hero-overlay h1{font-size:2.8rem}.hero-overlay p{font-size:1.3rem}.por-que-voluntaria h2,.requisitos-horarios h2,.testimonios-voluntarias h2,.como-llegar h2{font-size:2.4rem}.razon-card h3{font-size:1.6rem}.razon-card p{font-size:1.15rem}.info-card h3{font-size:1.8rem}.info-details p,.testimonio-texto{font-size:1.1rem}.testimonio-autor{font-size:1.15rem}.cta-contenido h2{font-size:2.6rem}.cta-contenido p{font-size:1.25rem}.cta-botones{flex-direction:column;align-items:center}.btn-cta-primary,.btn-cta-secondary{justify-content:center;width:100%;max-width:320px;font-size:1.15rem}}@media (max-width:480px){.hero-overlay h1{font-size:2.2rem}.hero-overlay p{font-size:1.2rem}.info-card,.info-contacto{padding:30px 25px}.info-card h3,.info-contacto h3{font-size:1.7rem}.info-details p{font-size:1.05rem}.razon-card h3{font-size:1.5rem}.razon-card p{font-size:1.1rem}.testimonio-texto{font-size:1.05rem}.cta-contenido h2{font-size:2.2rem}.cta-contenido p{font-size:1.15rem}.btn-cta-primary,.btn-cta-secondary{padding:18px 35px;font-size:1.1rem}}