#contact,#shows,#hero{scroll-margin-top:80px}#about{scroll-margin-top:200px}#jojochita{scroll-margin-top:50px}#alfalfa{scroll-margin-top:10px}@media (max-width: 1024px){#contact,#shows,#hero{scroll-margin-top:60px}#about{scroll-margin-top:150px}#jojochita{scroll-margin-top:40px}#alfalfa{scroll-margin-top:20px}}@media (max-width: 768px){#contact,#shows,#hero{scroll-margin-top:50px}#about{scroll-margin-top:120px}#jojochita{scroll-margin-top:10px}#alfalfa{scroll-margin-top:30px}}@media (max-width: 480px){#contact,#shows,#hero{scroll-margin-top:70px}#about{scroll-margin-top:100px}#jojochita,#alfalfa{scroll-margin-top:20px}}@media (max-width: 400px){#contact,#shows,#hero{scroll-margin-top:70px}#about{scroll-margin-top:100px}#jojochita{scroll-margin-top:20px}#alfalfa{scroll-margin-top:50px}}*{font-family:Gorditas,sans-serif;margin:0;padding:0;box-sizing:border-box}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#fff;border-bottom:1px solid #eaeaea}.logo{display:flex;align-items:center;gap:1px}.titulo1{text-decoration:none;font-size:35px;font-weight:700;color:#00b2ee;transition:font-size .3s ease-in}.titulo1:hover{font-size:40px;transition:.8s}.titulo2{text-decoration:none;font-size:25px;font-weight:700;color:#3ebd2b;transition:font-size .2s}.titulo3{text-decoration:none;font-size:35px;font-weight:700;color:#ea268f;transition:font-size .2s ease-in}.titulo3:hover{font-size:40px;transition:.8s}.logo img{width:60px;height:60px;border-radius:50%}.nav ul{display:flex;list-style:none;gap:25px}.nav a{text-decoration:none;font-size:16px;color:#333;transition:color .5s}.nav a:hover{color:#07f}.cta .btn{background-color:#dfa400;color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;transition:background .5s}.cta .btn:hover{background-color:#005bcc}.menu-toggle{display:none;font-size:28px;background:none;border:none;cursor:pointer;color:#333}@media (max-width: 1000px){.header{flex-wrap:wrap;padding:15px 20px}.menu-toggle{display:block;font-size:24px}.nav{display:none;width:100%}.titulo1{font-size:25px;transition:font-size .3s ease-in}.titulo1:hover{font-size:30px;transition:.8s}.titulo2{font-size:20px}.titulo3{font-size:25px;transition:font-size .3s ease-in}.titulo3:hover{font-size:30px;transition:.8s}.nav.active{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px}.nav ul{flex-direction:column;gap:10px;width:100%;text-align:center}.cta{display:none}}@media (max-width: 768px){.header{flex-wrap:wrap;padding:15px 20px}.menu-toggle{display:block;font-size:24px}.nav{display:none;width:100%}.titulo1{font-size:20px;transition:font-size .3s ease-in}.titulo1:hover{font-size:25px;transition:.8s}.titulo2{font-size:15px}.titulo3{font-size:20px;transition:font-size .3s ease-in}.titulo3:hover{font-size:25px;transition:.8s}.nav.active{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px}.nav ul{flex-direction:column;gap:10px;width:100%;text-align:center}.cta{display:none}}.hero{display:flex;flex-direction:row;height:92vh;margin-top:80px;background:#dca200;justify-content:center;align-items:center;overflow:hidden;gap:40px;padding:0 40px;position:relative}.hero-image{display:flex;align-items:flex-end;justify-content:center;flex:1;height:100%;overflow:hidden}.hero-image img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease-in-out;transform-origin:bottom;will-change:transform}.hero-image img:hover{transform:scale(1.1);transition:transform 1s}.hero-content{flex:1;display:flex;justify-content:center;align-items:center;height:100%;text-align:center}.hero-content h1{font-family:Gorditas,cursive;font-size:70px;max-width:800px;margin:auto;color:#fff;text-shadow:4px 4px 4px rgba(0,0,0,.5)}@media (max-width: 1024px){.hero{flex-direction:column;padding:20px 15px 0;align-items:center}.hero-content h1{font-size:50px}.hero-image img{width:100%;height:100%}}.contact{padding:80px 20px;background:#f9f9f9;text-align:center;font-family:Gorditas,sans-serif;height:80vh}.contact-container{max-width:600px;margin:0 auto}.contact h2{font-size:36px;font-weight:800;margin-bottom:15px;color:#333}.contact p{font-size:18px;color:#555;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{padding:15px;border:2px solid #ddd;border-radius:12px;font-size:16px;width:100%;outline:none;transition:border .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#f06595}.contact-form textarea{resize:none;height:150px}.contact-form .btn{padding:14px 20px;background:linear-gradient(135deg,#ff6b6b,#f06595);color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.contact-form .btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}.footer{background:#222;color:#fff;padding:30px 20px;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer p{margin-bottom:10px;font-size:15px;color:#ccc}.footer .socials{display:flex;justify-content:center;gap:20px}.footer .socials a{color:#ff6b6b;text-decoration:none;font-weight:600;transition:color .3s ease}.footer .socials a:hover{color:#f06595}@media (max-width: 600px){.footer{padding:20px 10px;text-align:center}.footer p{font-size:14px;line-height:1.4}.footer .socials{flex-direction:column;align-items:center;gap:12px;margin-top:15px}.footer .socials a{font-size:16px}}.shows{max-width:1200px;margin:0 auto;padding:60px 100px;background:#f9f9f9;text-align:center}.shows h2{font-size:36px;margin-bottom:40px;font-weight:800}.shows-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:40px}.card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 6px 18px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-10px)}.card img{width:100%;height:auto;object-fit:cover}.card h3{font-size:22px;margin:15px 0 10px;color:#333}.card p{font-size:16px;padding:0 15px;color:#666;flex-grow:1}.card .btn{font-size:18px;display:inline-block;margin:15px;padding:10px 18px;background:#dfa400;color:#fff;border-radius:8px;border:none;text-decoration:none;font-weight:600;transition:background .3s ease}.show-detail{position:fixed;top:0;left:0;width:100%;height:100vh;border-radius:15px;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.detail-content{background:#fff;padding:40px;border-radius:15px;max-width:800px;width:95%;max-height:90vh;position:relative;border:8px solid #3EBD2B;box-shadow:0 8px 24px #0003;overflow:auto}.detail-content img{width:100%;height:auto;border-radius:10px;margin-bottom:20px}.personaje-input{margin-top:10px;padding:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer}.card .btn:hover{background:#c38b00}.activities,.request-form{margin-top:30px;text-align:left}.activities h3,.request-form h3{font-size:20px;margin-bottom:15px;color:#333}.activities ul{padding-left:20px;list-style-type:disc;color:#555}.request-form form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.form-label{font-size:15px;font-weight:600;color:#333}.form-input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;width:100%}.request-form input:focus,.request-form textarea:focus,.personaje-input:focus{outline:2px solid #DFA400}.request-form input,.request-form textarea{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px}.precio-box{background-color:#e0ffe5;padding:12px 16px;border-radius:10px;font-size:18px;font-weight:600;color:#000;margin-top:20px;margin-bottom:10px;box-shadow:0 2px 6px #0000001a;display:inline-block}.precio-label{color:#2e7d32}.show-mix-option{margin-top:25px;padding:15px;background-color:#fff8e1;border:1px solid #f0d58c;border-radius:10px}.show-mix-label{display:flex;align-items:center;gap:12px;font-size:15px;color:#333;margin-bottom:8px}.show-mix-label input[type=checkbox]{transform:scale(1.3);accent-color:#DFA400;cursor:pointer;margin-right:6px}.mix-price{color:#dfa400;font-weight:600}.show-mix-desc{margin-top:10px;font-size:14px;font-style:italic;color:#555}.request-form .btn{align-self:flex-start;background-color:#dfa400;color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.request-form .btn:hover{background-color:#c38b00}.important-info{display:flex;flex-direction:column;font-size:13px;padding:10px;color:#666;flex-grow:1;text-align:left;align-items:flex-start}body.modal-open{overflow:hidden}.detail-content{max-height:90vh;overflow-y:auto;scroll-behavior:smooth}@media (max-width: 900px){.shows-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card img{width:100%;height:100%;object-fit:cover}}@media (max-width: 600px){.shows{padding:40px 20px}.detail-content{padding:20px;max-height:95vh}}@media (max-width: 480px){.shows h2{font-size:28px}.card h3{font-size:18px}.card p{font-size:14px}.request-form input,.request-form textarea,.personaje-input{font-size:13px;padding:8px}.request-form .btn{font-size:16px;padding:8px 14px}}.about{padding:80px 20px;background:#fff;height:100vh;display:flex;align-items:center;justify-content:center}.about-container{display:flex;align-items:center;justify-content:center;gap:50px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.about-image{flex:1;min-width:300px}.about-image img{width:100%;border-radius:20px;box-shadow:0 10px 25px #00000026;transition:transform .5s ease}.about-content{flex:1;min-width:300px}.about-content h2{font-size:40px;font-weight:800;margin-bottom:20px;color:#333}.about-content p{font-size:18px;line-height:1.6;margin-bottom:15px;color:#555}.about-content .btn{display:inline-block;margin-top:10px;padding:12px 25px;background:linear-gradient(135deg,#ff6b6b,#f06595);color:#fff;text-decoration:none;border-radius:30px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.about-content .btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003}@media (max-width: 1000px){.about{flex-direction:column;padding:20px 15px 0;align-items:center}.about-image{flex:1;min-width:150px}.about-content h2{font-size:30px}.about-content p{font-size:16px}.about-content .btn{padding:10px 20px}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:20px;right:20px;background-color:#25d366;color:#fff;border-radius:50%;text-align:center;font-size:32px;box-shadow:2px 2px 8px #0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.whatsapp-float:hover{transform:scale(1.1);background-color:#20b955}.personaje-section{padding:60px 20px;min-height:100vh;background:linear-gradient(to right,#fff8f0,#e0ffe5);display:flex;align-items:center}.personaje-container{display:flex;align-items:center;justify-content:center;gap:40px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.personaje-container.reverse{flex-direction:row-reverse}.personaje-img{width:100%;max-width:400px;border-radius:15px;opacity:0;transform:translate(0);scale:1.5;transition:transform .8s ease-out,opacity .8s ease-out}.slide-in-left,.slide-in-right{opacity:1;transform:translate(0)}.slide-out-left{opacity:0;transform:translate(-80px)}.slide-out-right{opacity:0;transform:translate(80px)}.personaje-info{margin-left:30px;max-width:600px;text-align:left}.personaje-info h2{font-size:32px;color:#dfa400;margin-bottom:15px}.personaje-info p{font-size:16px;color:#555;line-height:1.6}@media (max-width: 1024px){.personaje-container,.personaje-container.reverse{flex-direction:column;align-items:center;text-align:center}.personaje-info{max-width:90%;font-size:15px;margin-top:20px;margin-left:0}.personaje-info h2{font-size:26px}.personaje-img{max-width:80%;scale:1;opacity:1;transform:none;transition:none}}@media (max-width: 768px){.personaje-section{padding:40px 15px}.personaje-info{font-size:14px;padding:0 10px}.personaje-info h2{font-size:22px}.personaje-img{max-width:90%;scale:1}}@media (max-width: 480px){.personaje-section{padding:30px 10px}.personaje-info{font-size:13px;padding:0 10px}.personaje-info h2{font-size:20px}.personaje-img{max-width:95%;scale:1}}