:root{--color-principal:#32b6e9;--gris-claro:#f2f2f2;--gris-oscuro:#404040;--background:#fff;--foreground:#231f20;--font-size-basico:15px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-basico);height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;min-height:100%;font-family:Open Sans,sans-serif;font-weight:400;overflow-x:hidden}strong,b{font-weight:700}i{font-style:italic}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h2{color:#000;margin:30px 0;font-size:27px;font-weight:300}.general{background-color:#fff;max-width:1700px;margin:0 auto}.contenedor-general{max-width:1400px;margin:0 auto;padding:0 4%}header .superior{background-color:var(--color-principal)}header .superior .contenido{justify-content:space-between;padding:15px 40px;display:flex}header .superior .info{margin-right:10px;display:inline-block}header .superior .info li{vertical-align:middle;color:#fff;padding-left:22px;padding-right:15px;font-size:11px;font-weight:600;line-height:20px;list-style:none;display:inline-block}header .superior .info ul{list-style:none}header .superior .derecha{color:#fff;align-items:center;font-size:13px;display:flex}header .superior .derecha .col{margin-left:15px}header .superior .derecha a{color:#fff}header .inferior{background-color:var(--gris-claro);justify-content:space-between;align-items:center;padding:15px 35px;display:flex}header .inferior a.logo{background-image:url(/logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:216px;height:48px;display:block}header .inferior .menu ul{gap:10px;padding:20px 10px;list-style:none;display:flex}header .inferior .menu li{color:var(--color-principal);font-size:13px}header .inferior .menu li a{text-transform:uppercase;color:var(--color-principal);padding:5px 8px;display:block}header .inferior .menu li a:hover{text-decoration:underline}.footer{color:#ccc;background-color:#333;margin-top:40px;padding:40px 4%}.footer .informacion{flex-wrap:wrap;gap:30px;max-width:1400px;margin:0 auto;display:flex}.footer .col{flex:1;min-width:150px}.footer .col .logo img{max-width:120px;margin-bottom:10px}.footer .col a,.footer .col span{color:#ccc;margin-bottom:6px;font-size:13px;display:block}.footer .col a:hover{color:#fff;text-decoration:underline}.footer .destacado{color:#fff;font-weight:600}.footer h2{color:#fff;margin-bottom:10px;font-size:14px}.footer p{font-size:13px;line-height:1.8}.info-home{background:#fff;border-radius:8px;margin-top:30px;padding:20px}.info-home h1{color:var(--color-principal);margin-bottom:15px;font-size:35px}.info-home p{margin-bottom:12px;font-size:18px}.botones-ejes-card{background-color:#f0f8ff;border-radius:20px;margin:20px 0;padding:20px}.botones-ejes-row{flex-wrap:wrap;justify-content:space-between;display:flex}.boton-eje{cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;flex:none;align-items:center;width:130px;padding:10px;transition:transform .2s;display:flex}.boton-eje:hover{transform:scale(1.05)}.boton-eje.activo{background:#32b6e926;transform:scale(1.1)}.botones-eje-compromiso{justify-content:center;align-items:center;margin-bottom:8px;display:flex}.boton-eje-nombre span{color:var(--color-principal);font-size:12px;font-weight:600}.filtros-card{background-color:#f0f8ff;border-radius:20px;margin:20px 0;padding:20px}.filtros-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.filtros-grupo{flex-direction:column;display:flex}.filtros-grupo-busqueda{flex:1;min-width:200px}.filtros-label{color:var(--gris-oscuro);margin-bottom:6px;font-size:14px;font-weight:600}.filtros-select{color:var(--gris-oscuro);background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:14px}.filtros-input{border:1px solid #ccc;border-radius:6px;width:100%;padding:6px 10px;font-size:14px}.tarjetas-wrapper{padding:10px 0}.tarjetas-compromisos{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));place-items:center;gap:1rem;display:grid}.tarjeta-item{text-align:center;cursor:pointer;flex-direction:column;align-items:center;height:240px;display:flex}.tarjetas-img{object-fit:contain;border-radius:1rem;width:100px;height:100px}.contenedor-imagenes{justify-content:center;align-items:center;width:150px;height:auto;margin-bottom:10px;display:flex;position:relative}.imagen-superpuesta{z-index:2;width:30px;height:auto;position:absolute;top:70px;left:120px}.descripcion-tarjeta{text-align:center;margin-top:8px}.descripcion-tarjeta h4{color:var(--gris-oscuro);font-size:13px}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000002e}.modal-progress-top{background:#e8e8e8;border-radius:14px 14px 0 0;height:4px;overflow:hidden}.modal-progress-top-fill{background:var(--color-principal);height:100%;transition:width .4s}.modal-body{padding:28px 28px 20px}.modal-header{align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.modal-icono{object-fit:contain;flex-shrink:0;width:80px;height:80px}.modal-header-info{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.modal-titulo{color:var(--color-principal);margin:0;font-family:Open Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.modal-porcentaje-badge{color:var(--color-principal);background:#e8f4fb;border-radius:20px;width:fit-content;padding:3px 12px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;display:inline-block}.modal-descripcion{color:#444;margin:0 0 18px;font-family:Open Sans,sans-serif;font-size:15px;line-height:1.7}.modal-etapas{margin-top:4px}.modal-etapas-label{text-transform:uppercase;letter-spacing:.6px;color:#aaa;margin-bottom:10px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;display:block}.modal-checklist-wrapper .checklist li{margin-bottom:6px;font-size:14px;line-height:1.5}.modal-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:10px;padding:16px 28px 20px;display:flex}.button-cerrar{cursor:pointer;color:#666;background:#f0f0f0;border:none;border-radius:8px;padding:9px 22px;font-family:Open Sans,sans-serif;font-size:14px}.button-cerrar:hover{background:#e4e4e4}.button{background:var(--color-principal);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:14px;text-decoration:none;display:inline-block}.button:hover{color:#fff;background:#2aa3d5;text-decoration:none}.progress-bar-wrapper{background:#e0e0e0;border-radius:4px;height:8px;margin:10px 0}.progress-bar-fill{background:var(--color-principal);border-radius:4px;height:100%;transition:width .3s}.progress-bar-top{background:#e0e0e0;height:3px}.progress-bar-top-fill{background:var(--color-principal);height:100%;transition:width .5s}.separador{justify-content:center;margin:20px 0;display:flex}.separador hr{border-color:#ddd;width:50%}.breadcrumb-volver{color:#999;background:#f5f5f5;border-radius:20px;align-items:center;gap:6px;margin:20px 0 16px;padding:6px 14px 6px 10px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.breadcrumb-volver:hover{color:var(--color-principal);background:#e8f4fb;text-decoration:none}.compromiso{padding-top:10px}.compromiso .titulo{color:var(--color-principal);margin-bottom:0;font-size:40px;font-weight:700;line-height:1.2}.compromiso-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.compromiso-titulo-col{flex:1}.compromiso-icono-col{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.compromiso-icono-principal{object-fit:contain;width:90px;height:90px}.icono-eje-compromiso{width:50px;height:auto}.compromiso-badges{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;display:flex}.badge{border-radius:20px;padding:4px 12px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;display:inline-block}.badge-secondary{color:#fff;background:#6c757d}.badge-success{color:#fff;background:#28a745}.badge-area{color:var(--color-principal);background:#e8f4fb}.section-title{color:var(--color-principal);border-bottom:1px solid #eee;margin:32px 0 14px;padding-bottom:8px;font-family:Open Sans,sans-serif;font-size:26px;font-weight:400}.rich-content{font-family:Open Sans,sans-serif;font-size:18px;line-height:1.7}.rich-content p{margin:0 0 10px}.rich-content ul,.rich-content ol{margin-bottom:10px;padding-left:1.5rem}.rich-content strong{font-weight:700}.compromiso-fotos{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.compromiso-foto{object-fit:cover;border-radius:8px;max-width:200px}.compromiso-indicadores{margin:0}.grafico-indicador-wrapper{background:#f9fcfe;border:1px solid #e8f4fb;border-radius:12px;margin:16px 0 8px;padding:8px 8px 4px}.grafico-tooltip{background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex-direction:column;gap:3px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:14px;display:flex;box-shadow:0 2px 8px #0000001a}.grafico-tooltip-fecha{color:#888;font-size:12px}.grafico-tooltip-valor{color:#32b6e9;font-size:18px;font-weight:700}.grafico-tooltip-obs{color:#444;font-size:13px}.indicador-item{margin-bottom:24px}.indicador-titulo{color:var(--gris-oscuro);margin-bottom:4px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600}.indicador-meta{color:#888;margin-bottom:8px;font-family:Open Sans,sans-serif;font-size:14px}.indicador-tabla{border-collapse:collapse;width:100%;font-family:Open Sans,sans-serif;font-size:14px}.indicador-tabla th,.indicador-tabla td{text-align:left;border:1px solid #e8e8e8;padding:8px 12px}.indicador-tabla th{color:#666;background:#f7f7f7;font-size:13px;font-weight:600}.indicador-tabla tr:hover td{background:#fafafa}.cumplimiento-col{justify-content:center;margin-top:20px;display:flex}.cumplimiento-ring-wrapper{justify-content:center;align-items:center;display:flex}.cumplimiento-ring-svg{display:block}.mapa-marker-dot{background:var(--color-principal);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #00000059}.checklist{padding:0;list-style:none}.checklist li{margin-bottom:10px;font-family:Open Sans,sans-serif;font-size:18px;line-height:1.7}.scroll-top-btn{background:var(--color-principal);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;position:fixed;bottom:30px;right:30px;box-shadow:0 2px 8px #0000004d}.scroll-top-btn:hover{background:#2aa3d5}@media (max-width:768px){header .inferior .menu ul{gap:5px}header .inferior .menu li{font-size:11px}.compromiso .titulo{font-size:26px}.section-title{font-size:20px}.rich-content p{font-size:16px}.info-home h1{font-size:24px}.compromiso-icono-principal{width:64px;height:64px}.icono-eje-compromiso{display:none}.tarjetas-compromisos{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.botones-ejes-row{justify-content:center}.modal-content-row,.footer .informacion{flex-direction:column}}@media (max-width:480px){header .superior .contenido{flex-direction:column;gap:8px}header .inferior{flex-direction:column;gap:10px}.contenedor-general{padding:0 2%}}