#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0}.container-router{display:flex;justify-content:center}.breadcrumbs-class{font-size:10rem}.paragraph-class{text-align:left;background:#0f0f0e80}accordeon-info{grid-area:ai}.difusion-content{margin:5rem;padding:1rem;display:flex;flex-direction:row;gap:10px}.difusion-acordeon{margin:20px;color:#efec5333}.icon-class{color:bisque}.libros-content{margin:5rem;padding:1rem;display:flex;flex-direction:column;gap:10px;justify-content:center}.clases-container{background-color:#0a0a0a;margin:0}.logo:hover{transform:scale(1.05) translateY(-2px)}.profe-container{background-color:#080808;font-family:Playfair Display,serif;font-size:1.5rem;padding:10px;margin:10px;display:flex;flex-direction:column;box-shadow:0 5px 12px #f39cd21a;gap:10px}.profe-titulo{display:flex;flex-direction:column;align-items:center;background-color:#f756a7;transition:transform .5s;border-radius:90px;color:#3b3838;box-shadow:0 5px 12px #5b15ca4d;width:100%}.profe-titulo:hover{transform:scale(1.05) translateY(-4px)}.profe-info{background-color:#56f1f7;color:#3b3838;border-radius:99px;padding:10px;margin-left:10%;text-align:center;transition:transform .5s;box-shadow:0 5px 12px #f39cd24d;width:85%}.profe-info:hover{transform:scale(1.05) translateY(-4px)}.photo-container{display:flex;flex-direction:column;align-items:end}.photo{width:50%;border-radius:99px;transition:transform .5s;box-shadow:0 5px 12px #5b15ca4d;margin-right:10%}.photo:hover{transform:scale(1.05) translateY(-4px)}footer{display:flex;flex-direction:column;align-items:end;background-color:#ae96d427}.clases-contacto{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-family:Playfair Display,serif;font-size:1.2rem;background-color:#080808;max-width:1100px;margin:0 auto;padding:24px}.contact-card{box-shadow:1px 1px 8px #00000040;border-radius:10px;display:flex;flex-direction:column;padding:13px;background-color:#4e32b4;max-width:180px;max-height:100px}.contact-card>img{width:100%;height:auto;align-self:center;border-radius:5px;object-fit:cover}.contact-card>h3{font-weight:700;font-size:18px}.info-group{display:flex;align-items:center;gap:10px}.info-group>img{height:14px;margin-right:8px}.info-group p{margin-block:3px;font-size:14px;color:#1e1c24}:root{--gap: 1rem;--label-w: 2fr;--control-w: 1fr}.form-grid{display:grid;grid-template-rows:repeat(6,.5fr);box-shadow:0 10px 30px #02061714;border-radius:14px;padding:13px 13px 20px;color:#1a1e25;background-color:#4e32b4;width:300px}.field--full{grid-column:1 / -1;justify-items:center}legend{font-weight:600;margin-bottom:.25rem}.option{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fafafa}.option-group{display:flex;gap:.75rem 1rem;flex-wrap:nowrap;align-items:center}.option-group--wrap{flex-wrap:wrap}.btn-group{display:flex;flex-direction:row;gap:10px}input[type=password],input[type=email],input[type=text],textarea{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font:inherit}textarea{resize:vertical;text-indent:14px}.field--textarea{grid-template-columns:2fr;justify-items:center;gap:.5rem}.field--textarea label,.field--textarea textarea{width:min(700px,90%)}.actions{display:flex;gap:.75rem;justify-content:flex-end}button{padding:.6rem 1rem;border-radius:.5rem;border:1px solid transparent;background:#111827;color:#fff;font-weight:600;cursor:pointer}button.secondary{background:#fff;color:#111827;border-color:#d1d5db}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.field{grid-template-columns:1fr;align-items:start}.option-group{flex-wrap:wrap;justify-content:flex-start}}.mancuernijazz-container{background-color:#080808;max-width:1100px;margin:0 auto;padding:24px}.clases-container{max-width:1100px;margin:0 auto;padding:24px}.logo_container{display:flex;gap:20px;padding:20px;max-width:100%;flex-wrap:wrap;font-family:cursive}.logo_mancuernijazz{max-width:180px;width:100%;height:auto;flex-shrink:0;opacity:0;animation:fadeInLogo 1.8s ease-out forwards}.text_container{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}@media(max-width:768px){.clases-container,.profe-container{grid-template-columns:2(repeat,1fr)}.titulo-derecha{grid-column:span 1;text-align:center}.logo_container{grid-template-rows:repeat(3,2fr)}}.titulo-izquierda{font-size:1.5rem;animation:entrarIzquierda 3s ease-out forwards;opacity:0;color:#e15efc}.titulo-derecha{font-size:2.3rem;padding:20px;animation:entrarDerecha 4s ease-out forwards;opacity:0;animation-delay:.8s;color:#1c4cec}.mancuer-info{width:100%;overflow-x:auto}.album{width:100%;overflow-x:auto;padding:16px 0;scroll-snap-type:x mandatory}.album::-webkit-scrollbar{display:none}.album-track{border:solid 3px #eeb90a;animation:entrarDerecha 4s ease-out forwards}.album-track{display:flex;gap:16px;padding:0 16px}.album-track img{flex:0 0 auto;width:260px;height:180px;object-fit:cover;border-radius:14px;cursor:pointer;scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease}.album-track img:hover{transform:scale(1.05);box-shadow:0 12px 30px #00000040}@keyframes entrarIzquierda{0%{transform:translate(-150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes entrarDerecha{0%{transform:translate(150%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInLogo{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-password{display:flex;flex-direction:column;justify-content:center;gap:10px}