*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;color:#1e293b;background-color:#fff;-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.15rem}p{margin-bottom:1rem}code{font-family:"JetBrains Mono","Fira Code",monospace;font-size:.9em;background-color:#f8fafc;padding:.15em .35em;border-radius:4px}pre{font-family:"JetBrains Mono","Fira Code",monospace;font-size:.9rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.modal-overlay--visible{opacity:1;pointer-events:all}.modal{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;width:min(90vw,400px);display:flex;flex-direction:column;gap:1rem}.modal__titulo{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.modal__cuerpo{color:#64748b;font-size:.95rem;margin:0}.modal__acciones{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.modal__btn{padding:.5rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:background-color .15s ease}.modal__btn--ok{background-color:#2563eb;color:#fff}.modal__btn--ok:hover{background-color:#1d4ed8}.modal__btn--cancelar{background-color:rgba(0,0,0,0);color:#64748b;border:1px solid #e2e8f0}.modal__btn--cancelar:hover{background-color:#f8fafc}.sitio-header{background-color:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}.sitio-nav{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.sitio-nav__logo{font-weight:700;font-size:1.25rem;color:#1e293b;text-decoration:none}.sitio-nav__links{display:flex;gap:1rem;flex:1}.sitio-nav__links a{color:#64748b;font-size:.95rem}.sitio-nav__links a:hover{color:#2563eb;text-decoration:none}.sitio-nav__auth{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#64748b}.sitio-nav__auth button{background:none;border:none;padding:0;font:inherit;color:#2563eb;cursor:pointer}.sitio-nav__auth button:hover{text-decoration:underline}.sitio-main{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 120px)}.sitio-footer{text-align:center;padding:1.5rem;color:#64748b;font-size:.9rem;border-top:1px solid #e2e8f0}.btn{display:inline-block;padding:.5rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:background-color .15s ease}.btn--primario{background-color:#2563eb;color:#fff}.btn--primario:hover{background-color:#1d4ed8;text-decoration:none}.btn--secundario{background-color:#f8fafc;color:#1e293b;border:1px solid #e2e8f0}.btn--secundario:hover{background-color:#e2e8f0;text-decoration:none}.portada__hero{text-align:center;padding:3rem 0}.portada__titulo{font-size:3rem;margin-bottom:1rem}.portada__bajada{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto 2rem}.portada__acciones{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.portada__secciones{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-top:3rem}.portada__tarjeta{padding:2rem;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.portada__tarjeta h2{font-size:1.3rem;margin-bottom:.5rem}.portada__tarjeta p{color:#64748b;font-size:.95rem;margin-bottom:1rem}.formulario{max-width:600px}.formulario__campo{margin-bottom:1.5rem}.formulario__campo label{display:block;font-weight:600;margin-bottom:.25rem}.formulario__campo input,.formulario__campo textarea{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff}.formulario__campo input:focus,.formulario__campo textarea:focus{outline:2px solid #2563eb;outline-offset:1px}.indice-webs__header{text-align:center;padding:2rem 0 3rem}.indice-webs__titulo{font-size:2.5rem;margin-bottom:.5rem}.indice-webs__bajada{color:#64748b;max-width:600px;margin:0 auto}.indice-webs__grilla{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.5rem;list-style:none;padding:0}.indice-webs__link{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:2rem;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#1e293b;text-decoration:none}.indice-webs__link:hover,.indice-webs__link:focus-visible{border-color:#2563eb;box-shadow:0 4px 12px rgba(0,0,0,.1);text-decoration:none}.indice-webs__marca{font-size:1.25rem;font-weight:700}.indice-webs__alumno{color:#64748b;font-size:.95rem}.indice-webs__vacio{text-align:center;color:#64748b}.mensajes{margin-bottom:1.5rem}.mensajes__item{padding:.5rem 1rem;border-radius:8px;margin-bottom:.5rem}.mensajes__item--success{background-color:#dcfce7;color:#166534}.mensajes__item--error{background-color:#fee2e2;color:#991b1b}.mensajes__item--warning{background-color:#fef3c7;color:#92400e}.mensajes__item--info{background-color:#dbeafe;color:#1e40af}