@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";body{font-family:Inter,system-ui,sans-serif;background-color:background.paper;color:#334155;margin:0}.odontograma{max-width:1400px;margin:20px auto;padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:10px}.grid-adulto,.grid-infantil{display:flex;justify-content:center;gap:20px;width:100%;padding-bottom:10px}.seccion-infantil-container{border-radius:12px;margin:10px 0;display:flex;flex-direction:column;gap:10px}.cuadrante{padding:10px;border-radius:12px;border:1px solid #e2e8f0}.contenedor-bloque-dientes{display:flex;gap:4px}.contenedor-pieza{width:60px;height:110px;background-color:background.paper;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border:1px solid #f1f5f9;transition:all .2s ease}.contenedor-pieza:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#bfdbfe;z-index:10}.numeracion-pieza{position:absolute;font-size:11px;font-weight:700;color:primary.light;width:100%;text-align:center}.upper .numeracion-pieza{bottom:4px}.lower .numeracion-pieza{top:4px}.contenedor-pieza svg{width:100%;height:80%;overflow:visible}.superficie{fill:#fafafa;stroke:#94a3b8;stroke-width:1;transition:all .15s ease;cursor:pointer}.superficie:hover{fill:#dbeafe;stroke:#3b82f6;stroke-width:1.5}.superficie-caries{fill:#ef4444!important}.superficie-obturacion{fill:#3b82f6!important}.superficie-fractura{fill:#f59e0b!important}.superficie-lesion{fill:#10b981!important}.superficie-ausente{fill:#1f2937!important}.superficie-sellador{fill:#06b6d4!important}.pieza-caries{background-color:#fee2e2!important}.pieza-endodoncia{background-color:#d1fae5!important}.leyenda-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:15px;margin-top:10px}.leyenda-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.leyenda-color{width:14px;height:14px;border-radius:3px}.contenedor-pieza{width:60px;height:110px}.contenedor-pieza.en-modal{width:auto!important;height:auto!important;max-width:350px;max-height:350px;border:none!important;background:transparent!important;box-shadow:none!important;transform:none!important;display:flex;justify-content:center;align-items:center}.contenedor-pieza.en-modal svg{width:100%;height:100%;max-width:350px;max-height:350px}.tooth-svg{width:100%;height:100%;display:block}.superficie.selected{fill:#3b82f6!important;stroke:#1d4ed8!important;stroke-width:2px}.superficie:hover{fill:#e2e8f0;transition:fill .2s ease}