@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#f0f2f5;color:#2d3436;scroll-behavior:smooth}.nav-links{display:flex;align-items:center;gap:20px;list-style:none}.contact-menu{position:relative;display:flex;flex-direction:column;align-items:center}.main-phone-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;z-index:10}.floating-icons{position:absolute;top:45px;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .4s ease}.contact-menu:hover .floating-icons{opacity:1;visibility:visible;transform:translateY(0)}.contact-menu:hover .main-phone-icon{background-color:#1f1e4b;transform:scale(1.1)}.social-btn{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:18px;transition:.3s;box-shadow:0 4px 8px #0003}.whatsapp{background-color:#25d366}.facebook{background-color:#1877f2}.instagram{background-color:#e1306c}.social-btn:hover{transform:scale(1.2);filter:brightness(1.2)}.logo-container{display:flex;align-items:center;gap:12px}.logo-circle{width:45px;height:45px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000001a}.logo-circle img{width:100%;height:100%;object-fit:cover}.navbar h1{font-size:1.3rem;margin:0;letter-spacing:.5px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#282561;color:#fff;padding:1rem 5%;position:fixed;top:0;left:0;width:100%;height:70px;z-index:1000;box-shadow:0 4px 15px #6c5ce74d}.navbar h1{font-size:1.5rem;margin:0}.navbar ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar ul li a{text-decoration:none;color:#fff;font-weight:600;transition:.3s}.navbar ul li a:hover{color:#a29bfe}.material-icons{color:#fff;text-decoration:none}footer{text-align:center;padding:40px;background-color:#2d3436;color:#fff;margin-top:50px}app-principal,app-empezar{display:block;padding-top:70px}.hero{position:relative;text-align:center;padding:120px 20px;background-color:#001d3d;color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:400px}.hero:before{content:"";position:absolute;inset:0;background-image:url(/imagen/BitaBitLogo.jpeg);background-size:cover;background-position:center 80%;background-repeat:no-repeat;filter:blur(8px) brightness(.5);transform:scale(1.1);z-index:0}.hero h2,.hero p,.hero button{position:relative;z-index:2}.hero h2{font-size:3rem;margin-bottom:15px;text-shadow:2px 2px 12px rgba(0,0,0,.9)}.hero p{font-size:1.2rem;margin-bottom:30px;text-shadow:1px 1px 8px rgba(0,0,0,.8)}.hero button{background-color:#ff7675;color:#fff;border:none;padding:15px 45px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #ff767566;transition:.3s}.hero button:hover{transform:scale(1.1) rotate(-2deg)}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1100px;margin:-60px auto 60px;padding:0 20px;position:relative;z-index:10}.info-card{background:#fff;padding:40px;border-radius:25px;text-align:center;box-shadow:0 15px 35px #0000001a;transition:.4s}.info-card:hover{transform:translateY(-15px)}.icon{font-size:3.5rem;margin-bottom:15px;display:block}.talleres{border-bottom:8px solid #00cec9}.clases{border-bottom:8px solid #fdcb6e}.age-tag{display:inline-block;background:#dfe6e9;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;color:#636e72;margin-top:15px}.empezar-seccion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;min-height:80vh;background-color:#f8f9fa}.empezar-seccion h2{font-size:2.5rem;color:#6c5ce7;margin-bottom:10px;text-align:center}.empezar-seccion p.subtitulo{color:#636e72;margin-bottom:40px;font-size:1.1rem}.grid-opciones{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;max-width:1000px}.opcion-card{background:#fff;padding:50px 40px;border-radius:30px;width:350px;text-align:center;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;cursor:pointer;border:2px solid transparent;display:flex;flex-direction:column;align-items:center}.opcion-card:hover{border-color:#6c5ce7;transform:translateY(-10px);box-shadow:0 15px 40px #6c5ce726}.opcion-card .icon-circle{width:80px;height:80px;background:#f1f0ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:20px;transition:.3s}.opcion-card:hover .icon-circle{background:#6c5ce7;color:#fff}.opcion-card h3{margin:10px 0;color:#2d3436;font-size:1.5rem}.opcion-card p{color:#636e72;font-size:1rem;line-height:1.5}.btn-contacto{margin-top:20px;background-color:#00cec9;color:#fff;padding:10px 25px;border-radius:15px;text-decoration:none;font-weight:700;font-size:.9rem;transition:.3s}.btn-contacto:hover{background-color:#00b5b1;letter-spacing:1px}.contenido-principal{margin-top:35px!important;padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);width:100%;box-sizing:border-box}.container-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto}.btn-selection{text-decoration:none;width:320px;height:440px;border-radius:30px;display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #00000014}.taller{--primary-color: #6C63FF;--shadow-color: rgba(108, 99, 255, .4);--badge-bg: #f3f2ff}.clase{--primary-color: #04b9b6;--shadow-color: rgba(0, 206, 201, .4);--badge-bg: #e6fffe}.content{padding:30px 25px;text-align:center;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .4s ease}.icon-box{font-size:4.5rem;margin-bottom:10px;display:block}.content h3{color:#2d3436;font-size:1.7rem;margin:10px 0}.content p{color:#636e72;font-size:1rem;line-height:1.4;margin-bottom:10px}.badge{padding:6px 18px;background:var(--badge-bg);color:var(--primary-color);border-radius:50px;font-weight:700;font-size:.85rem;margin-top:auto;margin-bottom:20px}.selection-footer{background:var(--primary-color);color:#fff;padding:18px;text-align:center;font-weight:700;font-size:1.1rem;width:100%;position:absolute;bottom:0;transform:translateY(100%);transition:transform .3s ease}.btn-selection:hover{transform:translateY(-15px);box-shadow:0 25px 50px var(--shadow-color)}.btn-selection:hover .content{transform:translateY(-35px)}.btn-selection:hover .selection-footer{transform:translateY(0)}.titulo-seccion{text-align:center;font-size:2.5rem;color:#2d3436;margin-bottom:40px;font-family:Poppins,sans-serif;margin-top:100px}.info-card-static{margin-top:35px;width:300px;min-height:380px;background:#fff;border-radius:30px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 25px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.taller-1{--glow-color: rgba(108, 99, 255, .4);border-bottom:6px solid #6C63FF}.taller-1 .icon-box{color:#6c63ff}.taller-2{--glow-color: rgba(0, 206, 201, .4);border-bottom:6px solid #00cec9}.taller-2 .icon-box{color:#00cec9}.taller-3{--glow-color: rgba(253, 203, 110, .4);border-bottom:6px solid #fdcb6e}.taller-3 .icon-box{color:#fdcb6e}.taller-4{--glow-color: rgba(255, 118, 117, .4);border-bottom:6px solid #ff7675}.taller-4 .icon-box{color:#ff7675}.plan-total{--glow-color: rgba(108, 99, 255, .5);background:linear-gradient(145deg,#fff,#f3f2ff);border:2px solid #6C63FF}.plan-total .icon-box{color:#6c63ff;filter:drop-shadow(0 0 8px rgba(108,99,255,.3))}.info-card-static:hover{transform:translateY(-15px);box-shadow:0 20px 40px var(--glow-color)}.info-card-static:hover .icon-box{transform:scale(1.1);transition:transform .3s ease}.icon-box{font-size:4rem;margin-bottom:15px;transition:all .3s ease}.info-card-static h3{font-size:1.5rem;color:#2d3436;margin-bottom:10px}.info-card-static p{color:#636e72;font-size:.95rem;line-height:1.4}.badge-premium{background:#6c63ff;color:#fff;padding:6px 15px;border-radius:50px;font-size:.8rem;font-weight:700;margin-top:15px}.btn-contacto-flotante{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;padding:15px 28px;border-radius:50px;border:none;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #ff475766;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:10px}.btn-contacto-flotante:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 12px 25px #ff475780}.modal-formulario{border:none;border-radius:24px;padding:0;width:95%;max-width:650px;box-shadow:0 20px 50px #0000004d;background:#fff;overflow:hidden}.modal-formulario::backdrop{background:#2f3542cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{padding:30px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f2f6}.modal-header h3{margin:0;color:#2f3542;font-size:1.6rem;font-weight:800}.btn-cerrar{background:#f1f2f6;border:none;font-size:1.4rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a4b0be;transition:all .3s ease}.input-group label{font-size:.85rem;font-weight:700;color:#57606f;text-transform:uppercase;letter-spacing:.5px;margin-left:5px}.input-group input,.input-group select{padding:14px;border:2px solid #f1f2f6;border-radius:12px;background-color:#f8f9fa;font-size:1rem;color:#2f3542;transition:all .3s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:#ff4757;background-color:#fff;box-shadow:0 0 0 4px #ff47571a}.btn-enviar{grid-column:span 2;padding:18px;font-size:1.1rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-top:10px;border:none;border-radius:15px;cursor:pointer;background:linear-gradient(135deg,#2ed573,#7bed9f);color:#fff;box-shadow:0 10px 20px #2ed5734d;transition:all .3s ease}.btn-enviar:hover{transform:translateY(-3px);box-shadow:0 15px 25px #2ed57366;filter:brightness(1.05)}@media(max-width:580px){.modal-formulario{max-height:90vh;overflow-y:auto;border-radius:20px}.modal-header{position:sticky;top:0;background:#fff;z-index:10;margin-bottom:15px;padding:10px 0}.form-grid{grid-template-columns:1fr;gap:15px}.full-width,.btn-enviar{grid-column:span 1}.modal-content{padding:15px 20px 25px}.btn-enviar{width:100%;padding:15px;font-size:1rem}}.swal2-container{z-index:99999!important}.form-card-wide{background:#fff;width:95%;max-width:800px;padding:30px;border-radius:25px;box-shadow:0 15px 40px #6c63ff1f;border:1px solid rgba(108,99,255,.1);margin:90px auto 20px}.form-card-wide h2{text-align:center;margin-top:0;margin-bottom:25px;color:#2d3436;font-family:Poppins,sans-serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.full-width{grid-column:span 2}input,select,textarea{padding:12px;border:2px solid #edf2f7;border-radius:12px;font-size:1rem;outline:none;transition:.3s}input:focus,select:focus,textarea:focus{border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff1a}.btn-submit{width:100%;padding:15px;background:#6c63ff;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;font-size:1.1rem;transition:background .3s}.btn-submit:hover{background:#5a52d4}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.header-formulario{display:flex;justify-content:flex-end;width:100%;margin-bottom:-20px}.btn-cerrar{background:#f1f2f6;border:none;font-size:1.4rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a4b0be;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.btn-cerrar:hover{background-color:#ff4757;color:#fff;transform:rotate(90deg)}
