@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.tooth-wrapper{display:flex;flex-direction:column;align-items:center;margin:5px 0}.tooth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55px;height:95px;position:relative;cursor:pointer;border:none;margin-bottom:5px}.tooth-image-wrapper{width:100%;height:95px;display:flex;justify-content:center;align-items:center;overflow:hidden}.tooth-image{width:90%;height:90%;object-fit:contain}.loading-image-placeholder,.error-image-placeholder,.missing-image-placeholder{font-size:.7em;color:#999;text-align:center;padding:5px}.error-image-placeholder{color:red}.dentition-unrecognized-message{font-size:.8em;color:#c0392b;text-align:center;padding:5px;font-weight:700;height:50px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.tooth-number{font-size:1em;color:#333;border:solid 1px #4285F4;border-radius:50%;margin-top:auto;padding:5px}.loading-image-placeholder,.svg-missing-placeholder{height:50px;width:100%;background-color:#e0e0e0;border:1px dashed #aaa;box-sizing:border-box}.tooth-selected-group,.tooth-wrapper.is-in-group{border:2px solid #00bfff;box-shadow:0 0 8px #00bfff;border-radius:8px;padding:2px}.tooth-wrapper.is-in-group .tooth-container,.tooth-wrapper.is-in-group .tooth-control{border-radius:0}@media (min-width: 390px) and (max-width: 700px){.tooth-container{width:35px;height:70px}.tooth-wrapper{padding:2px}}.tooth-control{display:flex;flex-direction:column;align-items:center;margin:4px 0 0;position:relative;width:42px;min-height:60px;-webkit-user-select:none;user-select:none}.tooth-svg{cursor:pointer;margin-bottom:3px;display:block;border-radius:50%;overflow:visible}.tooth-section{fill:transparent;cursor:pointer;transition:all .2s ease}.status-realizado,.status-realizado .tooth-section,.status-realizado .center-circle{fill:#10b981!important;stroke:#10b981}.status-pendiente,.status-pendiente .tooth-section,.status-pendiente .center-circle{fill:#ef4444!important;stroke:#ef4444}.status-diagnostico,.status-diagnostico .tooth-section,.status-diagnostico .center-circle,.status-diagnóstico,.status-diagnóstico .tooth-section,.status-diagnóstico .center-circle{fill:#3b82f6!important;stroke:#3b82f6}.tooth-section:hover{fill:#64748b1a;stroke:#64748b}.center-circle{fill:#fff;stroke:#94a3b8;stroke-width:1.5;cursor:pointer;transition:all .3s ease;pointer-events:auto}.center-circle:hover{fill:#f8fafc}.tooth-number{font-size:.85em;font-weight:700;color:#333;margin-top:8px;text-align:center;width:24px;height:24px;line-height:24px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.tooth-number.has-status{background-color:#4285f4}.tooth-control.is-selecting-area .tooth-section{cursor:crosshair}.tooth-control.is-selecting-area .tooth-section:hover{fill:#007bff1a;stroke:#007bff}.tooth-control.is-selecting-area .center-circle{cursor:crosshair}.tooth-section.selected-for-treatment{fill:#007bff66}.modal-content{background:#fff;padding:15px;border-radius:8px;width:300px;max-width:85vw;box-shadow:0 4px 20px #00000026;position:relative;border:1px solid #e0e0e0}.close-button{position:absolute;top:5px;right:5px;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:2px 6px;border-radius:4px}.close-button:hover{background-color:#f1f1f1}.treatment-details{margin-top:10px}.treatment-details p{margin:8px 0;line-height:1.4;font-size:.95em}.treatment-details strong{color:#333;margin-right:5px}.status-display{margin:8px 0;line-height:1.4}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.9em;font-weight:500;margin-left:5px;color:#fff;text-transform:capitalize;vertical-align:middle;line-height:1.4}.status-realizado{background-color:#28a745}.status-pendiente{background-color:#dc3545}.status-diagnóstico,.status-diagnostico{background-color:#007bff}.modal-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s ease}.modal-actions button:first-child{background-color:#007bff;color:#fff}.modal-actions button:first-child:hover{background-color:#0056b3}.modal-actions button:last-child{background-color:#6c757d;color:#fff}.modal-actions button:last-child:hover{background-color:#5a6268}.dentition-selector-container{display:flex;align-items:center;gap:10px;font-size:1em}.dentition-select{padding:8px 12px;border:1px solid #ced4da;border-radius:5px;font-size:1em;cursor:pointer;background-color:#f8f9fa;transition:border-color .2s ease-in-out}.dentition-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.treatment-selector-container{display:flex;margin-top:20px;border:1px solid #4285F4;border-radius:8px;text-align:center;width:850px;height:300px;content:auto;justify-content:center;align-items:center}.treatment-selector-container h3{margin-top:0;color:#333}.treatment-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.treatment-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px;border:none;border-radius:20px;background-color:#fff;color:gray;cursor:pointer;font-size:.8em;font-weight:700;transition:all .2s ease;min-width:90px;min-height:80px;text-align:center}.treatment-button:hover{background-color:#e9f5ff;color:#4285f4}.treatment-icon{width:56px;height:56px;margin-bottom:5px}.treatment-button.active,.treatment-button.status-blue:hover{background-color:#007bf0;border-color:#0056b3;color:#fff}.treatment-button.status-green{background-color:#37b77c;color:#fff;border-color:#4caf50}.treatment-button.status-green:hover{background-color:#37b77c;border-color:#45a049}.treatment-button.status-red{background-color:#c00202;color:#fff;border-color:#f44336}.treatment-button.status-red:hover{background-color:#c00202;border-color:#da190b}.treatment-button.status-blue{background-color:#007bf0;border-color:#0056b3;color:#fff}@media (min-width: 390px) and (max-width: 700px){.treatment-selector-container{width:350px;height:auto}.treatment-button{min-width:80px;min-height:70px;font-size:.7em;padding:6px 8px}.treatment-icon{width:40px;height:40px;margin-bottom:4px}}@media (min-width: 701px) and (max-width: 835px){.treatment-selector-container{width:600px;height:auto}.treatment-button{min-width:85px;min-height:75px;font-size:.75em;padding:7px 9px}.treatment-icon{width:48px;height:48px;margin-bottom:4px}}.modal-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:0;margin:0;border:none}.modal-content{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 10px #0003;width:300px;max-width:85vw;display:flex;flex-direction:column;gap:10px}.modal-content h2{margin:0 0 10px;color:#333;font-size:1.1em;text-align:center}.modal-options label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:.95em;color:#555}.modal-options input[type=checkbox]{transform:scale(1.3);margin-right:5px}.text{display:flex;justify-content:center;align-items:center;gap:20px}.treatment-hint{font-size:.8em;color:#666;text-align:center;margin-top:15px;line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700}.modal-actions button:first-child{background-color:#4285f4;color:#fff;border-radius:15px}.modal-actions button:last-child{background-color:#fff;color:#4285f4}.flechaAzul{width:24px;height:24px}.modal-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;margin:0;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-buttons{display:flex;justify-content:space-around;gap:16px}.modal-buttons button{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.modal-overlay{position:fixed;top:20%;left:20%;transform:translate(-50%,-50%);z-index:1000;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.modal-content p{color:#555;font-size:1rem;margin-bottom:24px}.modal-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border .2s ease}.finalize-button{background-color:#e0e0e0;color:#333;border:1px solid #007bff}.finalize-button:hover{background-color:#d0d0d0}.skip-button{background-color:#fff;color:#007bff;border:1px solid #007bff}.skip-button:hover{background-color:#f1f1f1}.modal-content{background:#fff;padding:24px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a;text-align:center}.modal-content h2{margin-top:0;font-size:1.5rem;color:#333}.checkbox-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.checkbox-options label{font-size:1rem;color:#555;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;justify-content:space-around;gap:16px}.modal-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.finalize-button{background-color:#007bff;color:#fff}.finalize-button:hover{background-color:#0056b3}.skip-button{background-color:#e0e0e0;color:#333}.skip-button:hover{background-color:silver}.modal-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content-del{background:#fff;padding:24px;border-radius:8px;width:660px;max-width:90%;box-shadow:0 4px 6px #0000001a;text-align:center}.modal-title{margin-top:0;font-size:1.5rem;color:#333}.delete-treatment-modal-list{max-height:250px;overflow-y:auto;margin-bottom:20px;padding-right:8px;text-align:left}.checkbox-options{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.checkbox-label{font-size:1rem;color:#555;display:flex;align-items:center;gap:8px}li{border-bottom:1px solid #007bff;padding:5px}.list-item{list-style-type:none;text-align:center}.actions{display:flex;justify-content:center;gap:10px;margin-top:20px;align-items:center}.btn-delete{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700}.btn-delete:hover{background-color:#0056b3;cursor:pointer}.btn-cancel{background-color:#e0e0e0;color:#333;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700}.btn-cancel:hover{background-color:silver;cursor:pointer}@media (min-width: 390px) and (max-width: 700px){.modal-content-del{width:98vw;min-width:0;max-width:98vw;box-sizing:border-box;padding:12px;overflow-x:hidden}.checkbox-options{font-size:10px}.delete-treatment-modal-list{padding-right:0;max-width:100%;overflow-x:hidden}.list-item{width:100%;box-sizing:border-box;overflow-x:hidden;font-size:.8em}.checkbox-label{font-size:.8em}}@media (min-width: 701px) and (max-width: 835px){.modal-content-del{width:600px;min-width:0;max-width:98vw;box-sizing:border-box;padding:12px;overflow-x:hidden}.checkbox-options{font-size:10px}.delete-treatment-modal-list{padding-right:0;max-width:100%;overflow-x:hidden}.list-item{width:100%;box-sizing:border-box;overflow-x:hidden;font-size:1em;display:flex;justify-content:center;align-items:center}.checkbox-label{font-size:1em;display:flex;justify-content:center;align-items:center}}*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.odontogram-container{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh}.odontogram-header{width:100%;max-width:900px;text-align:center;margin-bottom:20px}.odontogram-header{display:flex;justify-content:space-between;width:100%;margin-bottom:20px;align-items:center}.legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;font-size:.9em;color:#333}.color-box.blue{background-color:#007bff;width:15px;height:15px;margin:5px}.color-box.green{background-color:#28a745;width:15px;height:15px;margin:5px}.color-box.red{background-color:#dc3545;width:15px;height:15px;margin:5px}.quadrant-grid{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr)) repeat(8,minmax(70px,1fr));gap:0;margin-bottom:30px;width:auto;max-width:fit-content;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #00000026}.quadrant-name{display:none}.quadrant{display:flex;justify-content:center;align-items:flex-start;padding:0;border:none;background-color:transparent;box-shadow:none}.quadrant.upper-right-quadrant{grid-column:1 / span 8}.quadrant.upper-left-quadrant{grid-column:9 / span 8}.quadrant.lower-right-quadrant{grid-column:1 / span 8}.quadrant.lower-left-quadrant{grid-column:9 / span 8}.apply-status-button{margin-top:20px;padding:10px 20px;font-size:1rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.apply-status-button:hover{background-color:#218838}.quadrant-selector-button{padding:10px 15px;border:1px solid #007bff;border-radius:5px;background-color:#fff;color:#007bff;font-size:1em;cursor:pointer;transition:all .2s ease-in-out}.quadrant-selector-button:hover{background-color:#e7f5ff}footer{background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;margin-top:15px}footer .logoMarca{width:100px;height:auto;margin-top:10px}footer a{text-decoration:none;color:#000}footer a:hover{color:#007bff;text-decoration:underline}@media (min-width: 390px) and (max-width: 700px){footer{flex-direction:column}.odontogram-header{flex-direction:column;gap:10px}.quadrant-grid{display:flex;flex-direction:column;width:370px;align-items:center;overflow:visible}.quadrant{width:370px;justify-content:center;align-items:center;margin-bottom:15px}.quadrant-name{display:flex;text-align:center;justify-content:center;align-items:center}}@media (min-width: 701px) and (max-width: 835px){.odontogram-header{flex-direction:column;gap:10px}.quadrant-grid{display:flex;flex-direction:column}.quadrant{width:500px;justify-content:center;align-items:center}.quadrant-name{display:flex;text-align:center;justify-content:center;align-items:center}}