*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;background-image:url(/assets/Fondo-B_7ZBJT5.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh}body:before{content:"UNIVERSIDAD AUTÓNOMA DE GUERRERO";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:48px;color:#00000008;white-space:nowrap;z-index:0;pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:20px;position:relative;z-index:1}.header{text-align:center;margin-bottom:20px;background:transparent}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-logo{width:50px;height:50px;object-fit:contain}.header-center{display:flex;flex-direction:column;align-items:center;gap:8px}.main-logo-container{display:flex;align-items:center;gap:10px}.main-logo{width:40px;height:40px;object-fit:contain}.main-title{font-size:28px;font-weight:700;color:#4a6fa5;margin:0}.subtitle{font-size:14px;color:#666}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:0 10px}.card{background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:15px;text-align:center;cursor:pointer;transition:background-color .3s}.card:hover{background-color:#e6f0ff}.card.active{background-color:#e6f0ff;border-color:#4a6fa5}.card-icon{width:32px;height:32px;margin:0 auto 10px;object-fit:contain}.card h3{font-size:16px;font-weight:700;margin-bottom:5px;color:#333}.card p{font-size:12px;color:#666;line-height:1.4}.sections-container{position:relative}.section{display:none!important}.section.active{display:block!important}.panel{background:#fffffff2;border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px}.panel-title{font-size:14px;font-weight:400;margin-bottom:15px;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:5px}.symbols-panel{margin-bottom:15px}.symbols-title{font-size:12px;margin-bottom:5px;color:#666}.symbols-buttons{display:flex;gap:5px;flex-wrap:wrap}.symbol-btn{font-family:Segoe UI Symbol,sans-serif;font-size:14px;padding:5px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:3px;transition:background-color .2s;min-width:35px;height:35px}.symbol-btn:hover{background-color:#f0f0f0}.expression-input{width:100%;min-height:150px;padding:5px;font-family:Segoe UI Symbol,monospace;font-size:14px;border:1px solid #d3d3d3;border-radius:3px;resize:vertical;margin-bottom:15px;background-color:#fff!important;color:#000!important}.expression-input:focus{outline:2px solid #4a6fa5;outline-offset:-1px}#expresionInput{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}#expresionInput[disabled],#expresionInput[readonly]{background-color:#fff!important;color:#000!important;pointer-events:auto!important;cursor:text!important}textarea#expresionInput{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important;cursor:text!important}.verify-btn{display:block;margin:0 auto;padding:10px 15px;background-color:#4a6fa5;color:#000;font-size:14px;font-weight:700;border:1px solid #b4b4b4;border-radius:4px;cursor:pointer;transition:background-color .3s}.verify-btn:hover{background-color:#3a5f95}.result-content{display:flex;align-items:flex-start;gap:10px}.result-icon{font-size:32px;font-weight:700;font-family:Segoe UI Symbol,sans-serif;line-height:1;display:inline-block}.result-text{flex:1;font-size:14px;font-family:Segoe UI Symbol,sans-serif;line-height:1.5;white-space:pre-wrap;min-height:20px}.result-success{color:#28a745!important}.result-error{color:#dc3545!important}.panel{display:block!important;visibility:visible!important}.instructions-list{list-style:none;padding-left:0}.instructions-list li{font-size:14px;font-family:Segoe UI Symbol,sans-serif;margin-bottom:5px;padding-left:20px;position:relative}.instructions-list li:before{content:"•";position:absolute;left:0;color:#333}.visualizacion-text{font-family:Courier New,Consolas,monospace;font-size:15px;white-space:normal;background:#f8f9fa;padding:20px;border:2px solid #e2e8f0;border-radius:8px;overflow-x:auto;max-height:800px;overflow-y:auto;line-height:1.8;word-wrap:break-word}.visualizacion-text div{margin:5px 0}.educativo-text{font-family:Segoe UI,sans-serif;font-size:14px;line-height:1.6;background:#fff;padding:20px;border:1px solid #ddd;border-radius:5px;max-height:700px;overflow-y:auto;color:#333}.educativo-text h2,.educativo-text h3,.educativo-text h4{margin-top:0}.educativo-text code{font-family:Courier New,monospace;background:#f4f4f4;padding:2px 6px;border-radius:3px}.educativo-text table{margin-top:10px}.analisis-layout{display:grid;grid-template-columns:2fr 1fr;gap:15px}@media (max-width: 1024px){.analisis-layout,.cards-container{grid-template-columns:1fr}}