body{background:linear-gradient(135deg,#fefefe,#d1e4ff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.max-w-md{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0000001a}input[type=text],input[type=password]{padding:12px 16px;border-radius:8px;border:1.5px solid #a9c1ff;font-size:1rem;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=password]:focus{border-color:#0358e7;outline:none;box-shadow:0 0 5px #0358e766}button[type=submit]{padding:12px;font-size:1rem;font-weight:700;border:none;border-radius:10px;background-color:#0358e7;color:#fff;transition:background-color .3s ease;cursor:pointer}button[type=submit]:hover{background-color:#0747bf}.text-2xl{font-size:1.75rem;color:#0b3797}.text-red-600{background-color:#ffe5e5;border-left:4px solid #e50000;padding:.75rem;border-radius:8px;color:#b10000;font-weight:500;font-size:.9rem}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}form{display:flex;flex-direction:column;gap:1rem}.login-wrapper{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(https://www.educaciontrespuntocero.com/wp-content/uploads/2022/09/aula-virtual.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#360068de;z-index:1}.login-card{position:relative;z-index:2;width:20vw;min-width:320px;padding:2rem;background-color:#fff;border-radius:.75rem;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column}.login-card h2{margin-bottom:1.25rem;font-size:1.75rem;font-weight:600;text-align:center;color:#102770}.login-card input{padding:.5rem .75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem}.login-card input:focus{outline:none;border-color:#0358e7;box-shadow:0 0 5px #0358e7}.login-card button{padding:.6rem;background-color:#0358e7;color:#fff;border:none;border-radius:.375rem;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.login-card button:hover{background-color:#023ea5}.login-card .error-message{color:#dc2626;font-size:.875rem;margin-bottom:1rem;text-align:center}.login-select{padding:.5rem .75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.375rem;font-size:1rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.login-select:focus{outline:none;border-color:#0358e7;box-shadow:0 0 5px #0358e7}.hero-section{height:100vh;background-image:url(https://educontic.com/wp-content/uploads/2020/10/teams.png);background-size:cover;background-position:center;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 1rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a193299;z-index:1}.hero-content{position:relative;z-index:2;max-width:600px}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.5rem;margin-bottom:2rem}.btn-whatsapp{display:inline-flex;align-items:center;gap:.5rem;background-color:#25d366;color:#fff;padding:.75rem 1.5rem;border-radius:30px;font-weight:700;font-size:1.2rem;text-decoration:none;box-shadow:0 4px 10px #25d36666;transition:background-color .3s ease}.whatsapp-icon{font-size:1.5rem}.features-section{max-width:800px;margin:3rem auto;padding:2rem 3rem;background:#f5f8ff;border-radius:15px;box-shadow:0 6px 15px #0358e726;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#102770;text-align:center}.features-title{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#0358e7}.features-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;font-size:1.1rem;margin-bottom:1.2rem;background:#fff;padding:.8rem 1.2rem;border-radius:12px;box-shadow:0 2px 8px #0358e71a;transition:box-shadow .3s ease}.feature-item:hover{box-shadow:0 6px 15px #0358e74d}.feature-icon{font-size:1.8rem;margin-right:1rem;color:#0358e7}.about-section{max-width:800px;margin:3rem auto;padding:2.5rem 3rem;background-color:#e9f0ff;border-radius:15px;box-shadow:0 6px 15px #0358e726;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#102770;text-align:center}.about-title{font-size:2.4rem;font-weight:700;margin-bottom:1.2rem;color:#0358e7}.about-text{font-size:1.15rem;line-height:1.7;color:#333;max-width:650px;margin:0 auto}.contact-section{max-width:700px;margin:3rem auto;padding:2.5rem 3rem;background-color:#f9faff;border-radius:15px;box-shadow:0 6px 18px #0358e726;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#102770;text-align:center}.contact-title{font-size:2.6rem;font-weight:700;margin-bottom:.5rem;color:#0358e7}.contact-description{font-size:1.2rem;margin-bottom:2rem;color:#33475b}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-input,.contact-textarea{padding:.8rem 1rem;border:2px solid #d1d9e6;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.contact-input:focus,.contact-textarea:focus{border-color:#0358e7;outline:none;box-shadow:0 0 8px #0358e74d}.contact-error{color:#dc3545;font-weight:600;font-size:.9rem;margin-top:-.5rem;text-align:left}.contact-success{color:#28a745;font-weight:600;font-size:1rem;margin-top:-.5rem;text-align:left}.contact-button{background-color:#0358e7;color:#fff;font-size:1.15rem;font-weight:700;padding:.9rem 0;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s ease}.contact-button:hover{background-color:#0747bf}:root{--color-azul-pastel: #A8DADC;--color-coral-pastel: #F4A261;--color-verde-menta: #81B29A;--color-texto-principal: #1D3557;--color-fondo: #F1FAF9}.home-content{max-width:700px;margin:3rem auto 5rem;padding:0 1rem;text-align:center;color:#102770;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.home-title{font-size:2.8rem;font-weight:700;margin-bottom:.6rem}.highlight{color:#0358e7}.home-subtitle{font-size:1.3rem;margin-bottom:1rem;color:#33475b}.home-description{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;color:#33475b}.home-cta{background-color:#0358e7;color:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 6px 18px #0358e74d;font-size:1.3rem;font-weight:600;display:inline-block;max-width:400px;margin:0 auto}.home-cta p{margin-bottom:1rem}.btn-whatsapp{display:inline-block;background-color:#25d366;color:#fff;font-weight:700;padding:.75rem 1.8rem;border-radius:40px;text-decoration:none;font-size:1.1rem;transition:background-color .3s ease}.btn-whatsapp:hover{background-color:#1ebe57}section{padding:5rem 1rem;max-width:900px;margin:0 auto}.navbar{position:fixed;top:0;width:100%;height:70px;background-color:#0b3797;padding:0 2rem;box-shadow:0 2px 8px #00000026;z-index:1000;display:flex;align-items:center;justify-content:space-between}.navbar-logo{color:#fcfcfc;font-weight:700;font-size:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0 10% 0 0}.navbar li a{color:#fcfcfc;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease}.navbar li a:hover,.navbar li a:focus{color:#74a6ff;outline:none}.navbar li a.active{border-bottom:2px solid #74a6ff;padding-bottom:2px;color:#74a6ff}body{background-color:var(--color-fondo);color:var(--color-texto-principal)}button{background-color:var(--color-coral-pastel);color:#fff}button:hover{background-color:#e38b4d}.home-content{background-color:var(--color-azul-pastel);padding:2rem;border-radius:12px}.features-section{background-color:var(--color-verde-menta);padding:2rem;border-radius:12px}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Arial,sans-serif;background:#fcfcfc;color:#102770}.layout-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.layout-container{border:1px solid red}main{border:1px solid blue}footer{border:1px solid green}html{scroll-behavior:smooth}