:root{--main-bg-color: #0FA5EF;--second-highlight-color: #0BB9CA;--form-bg-color: #FFD200;--action-btn-bg-color: #bf2286;--modal-bg-color: rgb(163, 194, 204);--hover-bg-color: #0056b3;--font-family-main: "Nunito Sans", serif, Arial, sans-serif;--spacing-small: 10px;--spacing-medium: 20px;--transition-speed-slow: 2s;--transition-speed-medium: 1s;--transition-timing-function: ease;--floating-button-size: 100px;--floating-button-icon-size: 50px}#nosotros{display:flex;flex-direction:column}.about-title{width:100vw;height:35%;padding-top:1%;justify-items:center}.main-text{padding:50px 5vw;font-size:1rem;width:100vw;align-self:center;border-radius:5px;align-content:center}.main-text h2{color:var(--main-bg-color);text-align:center;margin-bottom:20px;font-size:2rem;text-transform:uppercase}.main-text p{font-size:1.5rem;font-weight:100;text-align:center}.us-container{height:100%}.tabs{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin-top:20px}.tab-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:80%}.tab-card{width:200px;perspective:1000px;cursor:pointer}.tab-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tab-card.active .tab-card-inner{transform:rotateY(180deg) scale(1.05)}.tab-card-front,.tab-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.tab-card-front{display:flex;flex-direction:column;justify-content:center;align-items:center}.tab-icon-circle{width:100px;height:100px;border-radius:50%;background:var(--main-bg-color);display:flex;justify-content:center;align-items:center}.tab-name{margin-top:10px;font-size:1rem;color:var(--main-bg-color);text-align:center}.tab-card-back{display:flex;justify-content:center;align-items:center;background:var(--main-bg-color);border-radius:10px;padding:15px;transform:rotateY(180deg);box-sizing:border-box;overflow:hidden}.tab-content{color:#fff;text-align:center;font-size:.85rem;line-height:1.4;padding:5px;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}@media (max-width: 768px){.tab-cards{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:0 10px!important}.tab-card{width:100%!important;min-height:200px!important;perspective:1000px;transition:transform .3s ease}.tab-card.active{transform:scale(1.04)}.tab-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.tab-card.active .tab-card-inner{transform:rotateY(180deg)}.tab-card-front,.tab-card-back{position:absolute!important;width:100%!important;height:100%!important;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center}.tab-card-front{background:transparent}.tab-icon-circle{width:72px!important;height:72px!important;margin-bottom:8px}.tab-name{font-size:1rem!important;font-weight:600;line-height:1.2;max-width:92%;word-break:break-word;overflow-wrap:anywhere}.tab-card-back{background:var(--main-bg-color);color:#fff;transform:rotateY(180deg);font-size:.9rem;line-height:1.5;overflow:hidden;padding:18px}.tab-content{font-size:.9rem;line-height:1.5}}@media screen and (min-width: 1024px){.tabs{height:100%;width:100vw;display:flex;justify-content:center;align-items:center}.tab-cards{display:flex;flex-wrap:nowrap;gap:15px;min-height:400px;width:95%;justify-content:center;align-items:center;padding:0 2%}.tab-card{width:18%;max-width:280px;min-width:200px;height:350px;perspective:1000px;cursor:pointer}.tab-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tab-card.active .tab-card-inner{transform:rotateY(180deg) scale(1.08)}.tab-card-front,.tab-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.tab-card-front{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none}.tab-icon-circle{width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--main-bg-color);margin-bottom:15px}.tab-name{margin-top:10px;color:var(--main-bg-color);font-size:1.1rem;font-weight:500;text-align:center}.tab-card-back{display:flex;padding:14px;justify-content:flex-start;align-items:center;background:var(--main-bg-color);transform:rotateY(180deg);overflow:hidden;box-shadow:0 8px 32px #0000001a}.tab-card.active .tab-content{font-size:clamp(.62rem,.75vw,.82rem);line-height:1.22;padding:0;margin:0;letter-spacing:-.01em}.tab-card.active .tab-card-back{padding:12px}.tab-content{max-width:100%;text-align:center;color:#fff;font-weight:400;font-size:.9rem;line-height:1.4;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}}.tarjeta-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;overflow:visible}.color-bg{background-color:#0056b3;border-radius:10px}.tarjeta{background-color:#0056b3;border:none;border-radius:10px;padding:30px 20px;width:100%;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;justify-content:center;align-items:center}.tarjeta img{width:100%;max-width:300px;height:auto;border-radius:10px;margin-bottom:20px;object-fit:contain;box-shadow:0 4px 8px #0000001a}.d_button{background-color:#f8dc3c;text-decoration:none;color:var(--main-bg-color);border:none;border-radius:999px;padding:12px 24px;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:background .3s ease,transform .2s ease}.d_button:hover{background-color:var(--form-bg-color);transform:scale(1.05)}.text-info{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001f;padding:20px 24px;text-align:left}.text-info h3{font-size:2rem;margin-bottom:20px;color:#0f172a}.text-info p{font-size:1rem;line-height:1.6;color:#333;font-weight:300}@media (max-width: 888px){.tarjeta-container{grid-template-columns:1fr}.tarjeta{padding:20px 15px}.text-info{text-align:center}.text-info h3{font-size:1.6rem}.text-info p{font-size:.95rem}.d_button{font-size:1.2rem;padding:10px 20px}}@media (max-width: 480px){.tarjeta{padding:18px 12px}.text-info h3{font-size:1.4rem}.text-info p{font-size:.85rem}.d_button{font-size:1.1rem;padding:8px 16px}}:root{--tabs-bg: #ffffff;--tabs-text: #0f172a;--tabs-accent: #2e4ddb;--tabs-muted: #cbd5e1;--tabs-shadow: 0 10px 30px rgba(2, 6, 23, .1);--card-radius: 16px;--card-blue: #0FA5EF;--card-blue-2: #0B87D1;--card-blue-3: #0769B6;--paper: #ffffff;--paper-2: #f8fafc;--ink: #0f172a;--muted: rgba(15, 23, 42, .85);--stroke: rgba(15, 23, 42, .1);--shadow: 0 10px 28px rgba(2,6,23,.12)}.cancer-tarjeta-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d;padding:40px 30px;width:min(95vw,1200px);min-height:85vh;margin:0 auto;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly;font-size:1.1rem;position:relative;color:#2e4ddb}.cancer-tarjeta-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#2563eb);border-radius:20px 20px 0 0}.cancer-tarjeta-container *{box-sizing:border-box}.info-container{display:flex;justify-content:center;align-items:flex-start;gap:14px;padding:22px 0;flex-wrap:wrap;width:100%}.single-info-container{flex:1;max-width:520px;min-width:260px;width:100%;height:150px;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0 auto;transition:transform .18s ease,filter .18s ease}.single-info-container:hover{transform:translateY(-4px);filter:drop-shadow(0 14px 22px rgba(2,6,23,.14))}.info-text-container{width:100%;height:100%;perspective:1200px;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}.info-text-container.flipped{transform:rotateY(180deg)}.text-card-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--card-radius);background:radial-gradient(900px 220px at 20% 15%,rgba(255,255,255,.22),transparent 55%),linear-gradient(135deg,var(--card-blue) 0%,var(--card-blue-2) 45%,var(--card-blue-3) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 16px 14px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);text-align:center;text-shadow:none;overflow:hidden}.text-card-front:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 40%,transparent 60%,rgba(255,255,255,.1));opacity:.6;pointer-events:none}.text-card-front h3{margin:0;font-size:1.15rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;max-width:95%;position:relative;z-index:1}.text-card-front h3:after{content:"";display:block;width:38px;height:3px;margin:8px auto 0;border-radius:999px;background:#fffffff2;box-shadow:0 1px #00000014 inset}.flip-indicator{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.78rem;font-weight:700;color:#fffffff2;padding:7px 10px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);position:relative;z-index:1}.flip-arrow{transition:transform .22s ease}.text-card-front:hover .flip-arrow{transform:translate(5px)}.text-card-back{position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg);border-radius:var(--card-radius);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);color:var(--ink);padding:10px;border:1px solid var(--stroke);box-shadow:var(--shadow);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:left}.back-body{width:100%;max-width:52ch;margin:0 auto;padding:10px 12px;border-radius:12px;background:#0fa5ef0f;border:1px solid rgba(15,165,239,.18)}.back-body p{margin:0;font-size:.86rem;line-height:1.45;color:var(--muted)}.back-body ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.back-body li{font-size:.86rem;line-height:1.35;color:var(--muted);padding-left:18px;position:relative}.back-body li:before{content:"•";position:absolute;left:6px;top:0;color:#0fa5eff2;font-weight:900}.single-info-container:focus-within .text-card-front{outline:3px solid rgba(29,62,147,.85);outline-offset:3px;border-radius:var(--card-radius)}.gallery-container{display:flex;flex-direction:column;align-items:center;margin:30px 0}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:5%}.gallery-image{width:15%;border-radius:8px;transition:transform .2s ease-in-out;object-fit:cover;max-width:100%;height:auto}.gallery-image:hover{transform:scale(1.12)}.gallery-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999999;padding:10px;touch-action:none}.modal-image{max-width:90%;max-height:90%;border-radius:15px;object-fit:contain}.close-btn{position:absolute;top:20px;right:20px;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2rem;font-weight:700;color:#1e293b;cursor:pointer;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;z-index:1000000}.close-btn:hover{background:#fff;transform:scale(1.1)}.close-btn:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.last-text{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:24px;border-radius:12px;border-left:4px solid #3b82f6;color:#1e293b;line-height:1.7;font-size:1rem;margin:20px auto 0;box-shadow:0 4px 12px #3b82f61a;width:min(88vw,1000px);text-align:center}.cancer-tarjeta-container>div>h2,.info-section>h3{color:#1e293b;font-size:2.2rem;font-weight:800;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#1e293b,#3b82f6);margin-bottom:16px}@media (max-width: 767px){.cancer-tarjeta-container{padding:20px 8px;width:100%;gap:20px;min-height:auto}.info-container{flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 6px}.single-info-container{width:92vw;max-width:420px;min-width:0;height:120px;margin:0 auto 12px;display:block}.info-text-container{min-height:120px;width:100%;height:100%}.text-card-front{padding:14px 14px 12px}.text-card-front h3{font-size:1.05rem}.flip-indicator{font-size:.74rem;padding:6px 9px;margin-top:8px}.text-card-back{padding:10px}.back-body{padding:8px 10px;border-radius:10px;max-width:46ch}.back-body p,.back-body li{font-size:.82rem;line-height:1.35}.gallery-image{width:45%;margin-bottom:15px}.last-text{padding:20px;font-size:.95rem;width:min(98vw,640px)}}@media (min-width: 768px) and (max-width: 1024px){.gallery-image{width:28%}}@media (min-width: 1024px){.single-info-container{height:140px}.text-card-front h3{font-size:1.12rem}.back-body{max-width:54ch}}@media (max-width: 380px){.gallery-image{width:100%}}body.body-lock{position:fixed;overflow:hidden;width:100%;top:var(--lock-top, 0);left:0;right:0}body.body-lock,html.body-lock{overscroll-behavior:none}.carousel{position:relative;overflow:hidden;width:100vw;height:110vh}.carousel-inner{width:100%;height:100%;display:flex}.carousel-item{width:100%;height:100%;overflow:hidden}.carousel-img{width:100%;height:100%;object-fit:cover;object-position:center top}@media (max-width: 768px){.desktop-img{display:none}.mobile-img{display:block}.carousel{height:auto!important;padding-bottom:20px}.carousel-inner,.carousel-item{height:auto!important}.carousel-img.mobile-img{width:100%;height:auto;object-fit:contain;object-position:top center;background-color:#0f5187}.additional-buttons{position:absolute;left:50%;top:37%;transform:translate(10%);display:flex;flex-direction:column;gap:15px;z-index:10}.extra-button{width:100%}}.additional-buttons{position:absolute;left:5vw;bottom:25vh;display:flex;flex-direction:column;gap:15px;z-index:10}.extra-button{background-color:var(--main-bg-color);font-size:1.2rem;color:#fff;border:none;width:19rem;border-radius:8px;padding:12px 30px;cursor:pointer;transition:background-color .3s ease;text-align:center;text-decoration:none;display:block}.extra-button:first-child{background-color:var(--action-btn-bg-color)}.extra-button:hover{background-color:#004a99}@media (min-width: 1400px){.carousel{height:105vh}}@media (min-aspect-ratio: 21/9){.carousel{height:100vh}.carousel-img{object-position:center}}.donation-form{position:fixed;right:0;top:-150vh;width:100vw;max-height:100vh;color:#000;transition:top .5s ease;z-index:1000;border-radius:0 0 0 20px;background-color:var(--form-bg-color)}.donation-form.open{top:0}fieldset{border:none}.close-btn{background:transparent;border:none;cursor:pointer;padding:5px;width:35px;height:35px}.close-btn svg{width:100%;height:100%}.payment{display:flex;flex-flow:column;padding:0 1rem}.payment label{font-weight:700}.payment p{font-size:.8rem}.payment>div h1{text-align:center;font-weight:400;font-size:1.2em}.payment>div h1 span{display:block;font-weight:700;margin-bottom:.2em}.payment>div>img{margin-top:.2em}.input-text,.divider-input{margin-top:.2em}input{margin-top:.1em;width:100%;height:3em;border:0;border-radius:5px}.divider-input{display:flex;justify-content:space-between}.left{display:flex;flex:1}.input-group{margin-right:20px}.input-group:last-child{margin-right:0}label{display:block;margin-bottom:5px;font-size:.8rem}input::placeholder{color:#aaa}.wrap_buttons_pay{text-align:center}.angelMsg{padding-top:10px}.wrap_buttons_pay .angelMsg h3{font-size:1.5em}.wrap_buttons_pay .cantidad{display:flex}.wrap_buttons_pay .cantidad button{width:100%;padding:.3em;font-size:1.5em;margin-left:.5em;border:0;cursor:pointer;border-radius:.2em}.wrap_buttons_pay .cantidad button.selected{background-color:#212b59;color:#fff}.wrap_buttons_pay .cantidad button.first{margin-left:0!important}.wrap_buttons_pay .action_button{margin-top:.2em}.wrap_buttons_pay .action_button button{font-size:1em;padding:.8em 0;cursor:pointer;margin-bottom:.5em;width:100%;border:0;border-radius:.2em;background-color:var(--action-btn-bg-color);color:#fff}.wrap_buttons_pay .action_button .flat{background:var(--main-bg-color);color:#fff;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:var(--modal-bg-color);padding:40px 60px;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:40vw;width:100%;height:auto;text-align:center;position:relative;z-index:9999}.modal>img{width:20%;margin-bottom:15px}.modal h2{margin-bottom:20px;font-size:1.8rem;color:#333}.modal h2>span{color:var(--action-btn-bg-color)}.modal p{margin-bottom:10px}.modal form{text-align:start;padding:0 5%}.modal input{display:block;width:100%;padding:12px;margin-bottom:20px;border-radius:5px;font-size:1rem;border:none;background-color:#fff;box-sizing:border-box}.city-fields{display:flex;justify-content:space-between;gap:10px}.field-group{flex:1}.modal-buttons{display:flex;flex-direction:column;margin-top:40px;justify-content:space-between}.modal-buttons button{padding:12px 20px;margin:10px 0;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease}.modal-buttons button[type=submit]{background:var(--action-btn-bg-color);color:#fff}.modal-buttons button[type=submit]:hover{background:#5568d4}.modal-buttons button[type=button]{background:#ccc;color:#333}.modal-buttons button[type=button]:hover{background:#bbb}.error-modal{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background:var(--main-bg-color);color:#fff;padding:20px;border-radius:5px;text-align:center}.modal-content h2{margin-bottom:10px}.modal-content ul{list-style-type:none;padding:10px 0;text-align:start}.modal-content li{margin-bottom:10px}.modal-content button{padding:10px 20px;margin:10px 0;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s ease;background-color:var(--modal-bg-color)}@media screen and (min-width: 780px){.donation-form{width:auto}.modal{max-width:40vw;height:auto;padding:40px 60px;border-radius:12px}.modal form{padding:0 5%}.city-fields{gap:10px}}@media screen and (max-width: 780px){.donation-form{position:fixed!important;top:-150vh;left:0;width:100vw!important;max-width:100vw!important;height:100vh;background-color:var(--form-bg-color, #f5f5f5);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px;box-sizing:border-box;border-radius:0;z-index:2000}.donation-form.open{top:0}.modal-overlay{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 0;background:#00000080}.modal{margin:0 auto;max-width:95vw!important;width:95vw!important;height:auto!important;min-height:auto!important;border-radius:10px;padding:16px;box-sizing:border-box}.modal form{padding:0 8px!important}.modal input,.modal select,.donation-form input[type=text],.donation-form input[type=email],.donation-form input[type=number]{width:100%!important;padding:12px;font-size:1rem;border-radius:8px;margin-bottom:12px;box-sizing:border-box}.divider-input,.city-fields{flex-direction:column;gap:8px}.modal-buttons{flex-direction:column;gap:8px;position:static}.modal-buttons button{width:100%;font-size:1.1rem;padding:14px;border-radius:8px}.wrap_buttons_pay .cantidad{flex-wrap:wrap;gap:8px}.wrap_buttons_pay .cantidad button{flex:1 1 30%;padding:12px;font-size:1rem;margin-left:0}.wrap_buttons_pay .action_button button{width:100%;font-size:1.1rem;padding:14px;border-radius:8px;margin-top:8px}}header,nav,.navbar{z-index:100!important}.donation-form,.modal,.modal-overlay{z-index:9999!important}footer{background-color:#fff;color:#000;text-align:center;padding:15px;min-height:7%;border-top:2px solid var(--main-bg-color);margin-top:20px}.contact-info{display:flex;flex-direction:column;align-items:center}.contact-main{display:flex;max-width:85vw;width:-webkit-fill-available}.contact-main h2{font-size:1.5rem;color:var(--main-bg-color);margin-bottom:10px}.certifications,.socials,.contact{margin-bottom:15px;padding:0 15px}.certifications{flex:2}.socials,.contact{flex:1;display:flex;flex-direction:column}.socials{padding:0 15px}.social-links{display:flex;align-items:center;height:100%;justify-content:center;gap:15px;margin-bottom:15px}.social-icon-circle{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background-color:var(--main-bg-color);transition:background-color .3s;overflow:hidden}.social-icon-circle a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.social-icon-circle a svg{max-width:70%;max-height:80%;fill:#fff;margin:auto}.social-icon-circle a:hover{background-color:var(--action-btn-bg-color)}.certifications-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1200px;margin:0 auto}.contact-info{height:100%;justify-content:center;margin-bottom:15px}.cellphone{display:flex;align-items:center}.contact-info p a{text-decoration:none;color:var(--action-btn-bg-color);font-size:1.2rem;font-weight:100}.cellphone>a{display:flex;align-items:center}.cellphone>a>svg{width:20px;height:20px;margin-left:10px;vertical-align:middle}.certifications-logos img{width:auto;height:60px;max-width:150px;object-fit:contain;filter:grayscale(100%);transition:all .6s ease}@media (max-width: 768px){.certifications-logos{gap:15px}.certifications-logos img{height:40px;max-width:100px}.socials{border:none}}@media (max-width: 767px){.contact-main{flex-direction:column}.contact-main h2{font-size:.8rem}.certifications-logos img{height:50px}.social-icon-circle{width:30px;height:30px}.social-icon-circle a{display:flex;justify-content:center;align-items:center;width:50%;height:50%;overflow:hidden}}@media (min-width: 768px) and (max-width: 1024px){.contact-main h2{font-size:.8rem}.certifications-logos img{height:50px}.social-icon-circle{width:30px;height:30px}.social-icon-circle a{width:80%;height:80%}.contact-info{max-width:90vw;font-size:.6rem}.contact-info p a{font-size:.8rem}}.certifications-logos img[alt="Cemefi Logo"]{height:90px;max-width:180px;transform:scale(1.1)}@media (max-width: 768px){.certifications-logos img[alt="Cemefi Logo"]{height:70px;max-width:140px}}header{position:fixed;top:0;left:0;align-items:center;background:var(--main-bg-color);color:#fff;display:flex;justify-content:space-between;padding:15px 20px;width:100vw;height:8vh;z-index:2000;box-shadow:0 2px 8px #00000040}.img-container{position:relative;display:inline-block;margin-left:24px}.logo{max-height:20vh;border-radius:12px;object-fit:contain}.navbar ul li a{font-family:"Baloo 2",cursive;font-weight:900;font-size:1.4rem;line-height:1.2}nav ul{list-style:none;padding:0;max-width:80vw;display:inline-flex;justify-content:space-between}nav ul li{margin-right:20px}nav ul li:last-child{margin-right:0}nav ul li a{color:#fff;text-decoration:none;font-size:1rem;text-transform:uppercase;text-align:center;display:none;line-height:1.1;font-weight:900}nav ul li a.selected{text-decoration:underline}.side-navbar{position:fixed;top:0;left:-320px;width:280px;max-width:75vw;height:100vh;color:#fff;padding:24px 0;background:linear-gradient(145deg,#0056b3,#07f);box-shadow:4px 0 24px #00000040;border-radius:0 16px 16px 0;transition:left .45s cubic-bezier(.25,1,.5,1);z-index:1500;display:flex;flex-direction:column;overflow-y:auto;opacity:.95}.side-navbar.open{left:0}.side-navbar nav ul{list-style:none;padding:20px;margin:0;display:flex;flex-direction:column;gap:12px}.side-navbar nav ul li{display:flex;justify-content:center}.side-navbar nav ul li a{color:#fff;text-decoration:none;font-size:1rem;text-transform:uppercase;text-align:center;display:block;width:100%;padding:14px 16px;background:#ffffff1f;border-radius:12px;font-weight:600;transition:all .3s ease}.side-navbar nav ul li a:hover{background:#ffffff40;color:#fff200;transform:translate(4px)}.side-navbar nav ul li a.selected{background:#fff20033;color:#fff200;border:1px solid rgba(255,242,0,.3)}.hamburger{position:absolute;right:16px;top:50%;transform:translateY(-50%) scale(1);width:48px;height:48px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#ffffff2e;backdrop-filter:blur(6px);border:1.8px solid rgba(255,255,255,.25);border-radius:12px;cursor:pointer;z-index:2100;transition:all .25s ease-in-out;box-shadow:0 4px 12px #00000040}.hamburger:hover{transform:translateY(-50%) scale(1.05);background:#ffffff4d;box-shadow:0 6px 16px #00000059}.hamburger:active{transform:translateY(-50%) scale(.94)}.hamburger .line{background:#fff;height:3.5px;width:26px;border-radius:2px;transition:all .35s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center;box-shadow:0 1px 4px #0000004d}.hamburger.active .line:nth-child(1){transform:translateY(9px) rotate(45deg);background:#fff200}.hamburger.active .line:nth-child(2){opacity:0;transform:scale(0)}.hamburger.active .line:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:#fff200}@keyframes lineEnter{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.hamburger .line{animation:lineEnter .4s ease forwards}.hamburger.active{background:#ffffff4d;box-shadow:inset 0 0 10px #ffffff40,0 4px 14px #00000040}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1400;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}@media screen and (max-width: 780px){header{justify-content:center;padding:0}.img-container{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;text-align:center!important;display:flex;justify-content:center}.logo{margin:0 auto!important;display:block!important;max-width:140px;width:40vw;height:auto}.home-title h1,.home-title>h1{line-height:.9!important;position:relative}.home-title h1 *{display:none!important}.home-title h1{color:transparent!important;text-shadow:none!important;font-size:0!important}.home-title h1:before{content:"SOÑAMOS CONªLA CURA DELબÁNCER INFANTIL";position:absolute;left:50%;transform:translate(-50%);display:block;white-space:pre-line;font-size:clamp(2.8rem,9vw,3.8rem);font-weight:800;text-transform:uppercase;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8);text-align:center;width:90vw}}@media screen and (min-width: 780px){nav ul li a{display:block}.side-navbar,.hamburger{display:none}header{justify-content:center}.img-container{position:absolute!important;left:24px!important}nav{position:relative;display:flex;justify-content:center;width:100%}nav ul{display:flex;justify-content:center;align-items:center;gap:28px;margin:0}}body{margin:0;padding:0}main{padding-top:8vh}#comoAyudar{height:auto;margin-bottom:20px;align-items:center;justify-items:center}.fade-in{opacity:1;transform:none}.main-banner{position:relative}.main-banner img{max-height:50vh;width:100vw;object-fit:cover}.angel-logo{position:absolute;top:15vh;left:5vw;margin-bottom:20px;max-height:20vh;max-width:20vw;height:auto;object-fit:contain}.container{display:flex;flex-direction:column;align-items:center;background-color:#fffc;padding:20px;border-radius:10px;width:99vw}.pretty-help{max-width:900px;margin:0 auto 40px}.pretty-help h2{text-align:center;color:var(--main-bg-color);font-size:2.4rem;font-weight:900;margin-bottom:25px}#comoAyudar .tabs{display:flex;justify-content:center;width:100%}#comoAyudar .tab-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 1024px){#comoAyudar .tab-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 650px){#comoAyudar .tab-cards{grid-template-columns:1fr}}.tab-card{width:100%;height:265px;perspective:1000px;cursor:pointer}.tab-card-inner{width:100%;height:100%;position:relative;transition:transform .7s ease;transform-style:preserve-3d}.tab-card.active .tab-card-inner{transform:rotateY(180deg)}.tab-card-front{width:100%;height:100%;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;backface-visibility:hidden}.tab-icon-circle{width:145px;height:145px;border-radius:50%;background:var(--main-bg-color);display:grid;place-items:center;overflow:hidden;margin-bottom:15px}.tab-icon-circle img{width:75%;height:75%;object-fit:contain}.tab-name{font-size:1.2rem;font-weight:700;color:var(--main-bg-color);text-align:center}.tab-card-back{width:100%;height:100%;background:var(--main-bg-color);color:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;position:absolute;top:0;left:0;transform:rotateY(180deg);backface-visibility:hidden;padding:25px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.7rem;font-size:1.05rem}@media (min-width: 769px){.tab-card-back{flex-direction:column}.tab-card-back .tab-content{width:100%;max-width:90%;margin:0 auto;word-break:normal;overflow-wrap:break-word;line-height:1.6rem}.tab-card-back .btn-volunteer-cta{margin-top:14px;white-space:nowrap}}@media (max-width: 600px){.tab-card{height:200px!important}.tab-icon-circle{width:120px!important;height:120px!important;margin-bottom:12px}.tab-icon-circle img{width:90%!important;height:80%!important}.tab-name{font-size:1rem!important}.tab-card-back{padding:14px!important;font-size:.88rem!important;line-height:1.3rem!important}#comoAyudar .tab-cards{padding-left:8px;padding-right:8px}}.mid-title{width:100%;text-align:center;margin:50px 0 25px}.mid-title h3{font-size:2.2rem;font-weight:900;color:var(--main-bg-color);letter-spacing:1px;margin:0;text-transform:uppercase}@media (max-width: 600px){.mid-title h3{font-size:1.7rem}}.content-section{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:95%;justify-items:center}@media (max-width: 600px){.content-section{grid-template-columns:repeat(2,1fr)!important;gap:18px}.element{max-width:100%!important}.element img{height:150px!important}.text p{display:none!important}.text h3{font-size:.95rem!important;text-align:center;padding:5px 0}}.element{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%;max-width:350px;transition:.3s ease}.element:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.element img{width:100%;height:200px;object-fit:cover}.text{padding:1rem;background:#fff;border-left:4px solid var(--main-bg-color)}.text h3{font-size:1.2rem;color:var(--main-bg-color);margin-bottom:.5rem}.text p{color:#444;font-size:.95rem}.alliances{width:100%;margin:40px 0}.alliance-container h3{font-size:2rem;font-weight:900;color:var(--main-bg-color);text-align:center;margin-bottom:18px}.alliance-content{display:flex;flex-direction:column;gap:32px}.alliance-element{max-width:980px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:16px}.alliance-info{font-size:1rem;color:#333;line-height:1.65;text-align:center;max-width:640px;margin:0 auto}.alliance-logos{width:100%;max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center;align-items:center}.alliance-logo{display:flex;justify-content:center;align-items:center}.alliance-logo img{width:100%!important;max-width:155px!important;height:72px!important;object-fit:contain!important;display:block!important}.alliance-logo:last-child:nth-child(3n+1){grid-column:2 / 3}@media (min-width: 900px){.alliance-element{grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:0 40px}.alliance-info{text-align:left;margin:0;max-width:none}.alliance-element:nth-child(2n){direction:rtl}.alliance-element:nth-child(2n)>*{direction:ltr}.alliance-logos{margin:0}.alliance-logo img{max-width:180px!important;height:82px!important}}@media (max-width: 360px){.alliance-logos{gap:16px}.alliance-logo img{max-width:140px!important;height:66px!important}}@media (max-width: 900px){.alliance-element{flex-direction:column;text-align:center;padding:0 20px}.alliance-info{font-size:1.05rem}.alliance-logos{margin-top:25px}}.volunteering{text-align:center;padding-bottom:30px}.volunteering h3{font-size:2rem;color:var(--main-bg-color)}.volunteering p{font-size:1.2rem;color:#333}.volunteering a{background:var(--main-bg-color);color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;margin-top:10px;display:inline-block;transition:.3s}.volunteering a:hover{background:var(--form-bg-color)}@media (max-width: 1024px){.content-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.content-section{grid-template-columns:1fr}.help-item{padding:15px}.help-icon{font-size:1.7rem}.alliance-element{flex-direction:column;text-align:center}.alliance-logos{margin-top:15px}}@media (max-width: 1200px){.donors-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.donors-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.donors-grid{grid-template-columns:repeat(2,1fr)}.donor-media img{max-height:60px}}@media (max-width: 420px){.donors-grid{grid-template-columns:1fr}}.events-carousel-wrapper{position:relative;width:100%;max-width:1200px;margin:40px auto;display:flex;align-items:center;overscroll-behavior:contain}.events-carousel{display:flex;overflow-x:auto;gap:20px;padding:10px;scroll-behavior:smooth;touch-action:pan-x pinch-zoom;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-snap-stop:always;overscroll-behavior-x:contain}.events-carousel::-webkit-scrollbar{display:none}.event-card{flex:0 0 calc(33.33% - 20px);background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;scroll-snap-align:center;overflow:hidden;transition:.3s ease;touch-action:manipulation}.event-card:hover{transform:translateY(-4px)}.event-card img{width:100%;height:200px;object-fit:cover}.event-info{padding:15px}.event-info h3{font-size:1.15rem;color:var(--main-bg-color);margin-bottom:6px}.event-info p{font-size:.9rem;color:#555;line-height:1.3rem}.events-arrow{position:absolute;top:45%;transform:translateY(-50%);background:var(--main-bg-color);color:#fff;border:none;font-size:2rem;cursor:pointer;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:10;opacity:.85;user-select:none}.events-arrow.left{left:-10px}.events-arrow.right{right:-10px}.events-arrow:hover{opacity:1}@media (max-width: 600px){.event-card{flex:0 0 85%!important}.event-card img{height:170px!important}.events-arrow{display:none}}.btn-volunteer-cta{display:inline-block;margin-top:.5rem;padding:.7rem 1.2rem;background:linear-gradient(90deg,#1d4fb6,#3b82f6);color:#fff;border-radius:10px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;box-shadow:0 4px 12px #1d3e9340;transition:.2s ease}.btn-volunteer-cta:hover{background:linear-gradient(90deg,#1d4fb6,#2563eb);transform:translateY(-2px)}#comoAyudar .tab-card-back .btn-volunteer-cta{display:none!important}#instagram-section{height:auto}.instagram-container{max-width:95vw;box-shadow:0 4px 8px #0000004d;border-radius:10px;margin:0 auto;padding:0 1rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:2.5rem;color:var(--main-bg-color);font-weight:700;padding-top:1rem}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.instagram-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.instagram-card:hover{transform:scale(1.05)}.instagram-card img{width:100%;height:250px;object-fit:cover}.instagram-embed{display:flex;justify-content:center;align-items:center;padding:10px;width:100%;height:1000px}.instagram-embed blockquote{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important;display:flex;align-items:center;justify-content:center}.instagram-embed blockquote.instagram-media{width:100%!important;height:100%!important}.instagram-embed iframe{max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain}.instagram-cta{display:flex;justify-content:center;padding:20px 0}.instagram-cta .btn{padding:12px 24px;font-size:1rem;text-decoration:none;border-radius:5px}@media (max-width: 768px){.instagram-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.instagram-embed{height:300px}}@media (max-width: 480px){.instagram-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}.instagram-embed{height:250px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:4rem;height:4rem}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif;margin:0;padding:0}html,body{margin:0!important;padding:0!important;width:100%;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;background-color:#fff!important}main{display:block;width:100%;min-height:auto;height:auto;overflow:visible}section{width:100%;opacity:1;transform:none}.ganac-flex{display:flex;align-items:center;justify-content:space-between}.mb-s{margin-bottom:10px}.section-separator{height:6rem;width:100%}@media (max-width: 768px){.section-separator{height:8rem}}.floating-button{position:fixed;bottom:20px;right:20px;background-color:var(--main-bg-color);color:#fff;border:none;border-radius:50%;padding:15px;cursor:pointer;box-shadow:0 2px 5px #0000004d;display:flex;justify-content:center;align-items:center;width:100px;height:100px;z-index:1200}.floating-button svg{width:50px;height:50px}.floating-button:hover{background-color:#0056b3}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:4px}#dev-bar-hitbox-above,#dev-bar-hitbox-below,astro-dev-toolbar,astro-dev-toolbar-root{display:none!important;visibility:hidden!important;height:0!important;width:0!important;opacity:0!important}:root{--astro-dev-toolbar-height: 0px !important}
