/* Apariencia común basada en el panel de Quejas y Reclamos. */
.md-catalog-readonly :is(.md-servicios-actions,.md-fases-hero-actions,.md-actions,.md-department-actions,.md-phase-actions){display:none!important}
/* Ancho de navegación igual al de LandingPrincipal. */
body .md-navbar{background:hsl(210 20% 98%)!important;border-bottom:3px solid hsl(218 55% 20%)!important;box-shadow:none!important;backdrop-filter:none!important}
body .md-navbar .md-nav-inner{height:64px!important;min-height:64px!important;padding-block:0!important}
body .md-navbar .md-brand{gap:12px!important}
body .md-navbar .md-brand-logo{height:36px!important;width:auto!important;filter:none!important}
body .md-navbar .md-brand-text{font-size:14px!important;font-weight:500!important;color:hsl(215 45% 15%)!important}
body .md-navbar .md-container{width:min(1320px,calc(100% - 64px))!important;max-width:1320px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}
@media(max-width:767px){body .md-navbar .md-container{width:calc(100% - 32px)!important}}

/* Búsqueda de catálogos: no afecta formularios ni ventanas modales. */
.md-catalog-search{margin:0 0 22px;padding:18px 20px;border:1px solid #d8e2ef;border-radius:12px;background:#f4f6fa}
.md-catalog-search label{display:block;margin-bottom:8px;color:#082b5c;font-size:14px;font-weight:600}
.md-catalog-search-field{display:flex;align-items:center;gap:10px}
.md-catalog-search-field>i{color:#b99a55}
.md-catalog-search-field input{flex:1;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d0dced;border-radius:8px;background:#fff;font-size:16px}
.md-catalog-search-field button{min-height:44px;padding:10px 14px;border:1px solid #d0dced;border-radius:8px;background:#fff;color:#082b5c}
.md-catalog-search [data-search-status]{margin:8px 0 0;color:#52647d;font-size:14px}
.md-catalog-search [data-search-status]:empty{display:none}
.md-catalog-page [hidden]{display:none!important}
/* Botones con texto completo y distribución adaptable. */
body .md-page-main .hero-stl .hero-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;height:auto!important;min-height:54px!important;padding:12px!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:normal!important;word-break:normal!important}
body .md-page-main .hero-stl .hero-btn i{flex-shrink:0!important;margin:0!important}
body .md-page-main :is(.md-doc-actions,.md-lab-actions,.md-servicios-actions,.md-fases-hero-actions,.pqr-head-actions,.upload-actions,.docs-actions,.md-teeth-actions)>:is(button,a){height:auto!important;min-height:42px;white-space:normal!important;line-height:1.4!important;overflow-wrap:normal;word-break:normal}
@media(max-width:1200px){
 body .md-page-main .hero-stl .hero-actions{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main .hero-stl .hero-btn{width:100%!important}
}
@media(max-width:900px){
 body .md-page-main .hero-stl .hero-actions,body .md-page-main .hero-stl .hero-benefits{width:100%!important;max-width:100%!important}
 body .md-page-main .hero-stl .hero-inner>*{max-width:100%!important}
}
@media(max-width:768px){
 body .md-page-main :is(.md-servicios-actions,.md-fases-hero-actions,.md-doc-actions,.md-lab-actions,.pqr-head-actions,.upload-actions){display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 body .md-page-main :is(.md-servicios-actions,.md-fases-hero-actions,.md-doc-actions,.md-lab-actions,.pqr-head-actions,.upload-actions)>*{flex:0 1 auto!important;min-width:0!important}
 body .md-page-main .md-cardhead :is(button,a){max-width:100%;white-space:normal!important}
 body .modal .modal-footer :is(button,a){height:auto!important;min-height:44px!important;white-space:normal!important;line-height:1.4!important;padding:10px 14px!important}
}
/* Evitar que los títulos del listado invadan la siguiente columna. */
body .md-page-main .md-work-table-scroll .md-table{min-width:1600px!important}
body .md-page-main .md-work-table-scroll .md-col-code{width:190px!important}
body .md-page-main .md-work-table-scroll .md-col-doctor{width:180px!important}
body .md-page-main .md-work-table-scroll .md-table thead th{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.4!important;padding-left:14px!important;padding-right:14px!important}
body .md-page-main .table-responsive,body .md-page-main .md-table-wrap,body .md-page-main .md-work-table-scroll{border-radius:0!important}
/* No reservar una franja de scrollbar vertical en las tablas. */
body .md-page-main .table-responsive,body .md-page-main .md-table-wrap,body .md-page-main .md-work-table-scroll,body .md-page-main .pqr-table-wrap{scrollbar-gutter:auto!important;overflow-y:hidden!important}
body .md-page-main .md-catalog-page .md-categoria-head h2,body .md-page-main .md-catalog-page .md-department-head h2,body .md-page-main .md-catalog-page .md-unassigned-card>header h2{color:#082b5c!important;font-weight:600!important}
body .md-page-main .md-catalog-page .md-categoria-head span,body .md-page-main .md-catalog-page .md-categoria-head p,body .md-page-main .md-catalog-page .md-department-head span,body .md-page-main .md-catalog-page .md-department-head p,body .md-page-main .md-catalog-page .md-unassigned-card>header p{color:#667790!important;font-size:13px!important;opacity:1!important}
body .md-page-main .md-catalog-page .md-section-head-icon{color:#a48647!important;background:#f8f3e8!important;border-color:#ddcba7!important}
body .md-page-main .md-catalog-page .md-department-head .md-mini-btn{color:#082b5c!important;background:#fff!important;border:1px solid #dbe6f2!important}
/* Evitar que los fondos de los contenedores interrumpan los círculos. */
body .md-page-main .md-catalog-page,body .md-page-main .md-users-catalog,body .md-page-main>.container,body .md-page-main>.container-fluid.md-detail,body .md-page-main .md-doc-page,body .md-page-main .md-lab-page{background:transparent!important;background-image:none!important}
body .md-page-main .md-user-group-head h2{color:#082b5c!important;font-size:16px!important;font-weight:600!important}
body .md-page-main .md-user-group-head span{color:#667790!important;font-size:13px!important}
body .md-page-main .md-user-group-icon{color:#a48647!important;background:#f8f3e8!important;border-color:#ddcba7!important}
body .md-responsive-select::after{z-index:5!important}
body .md-responsive-select .md-responsive-select-input{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
/* Alinear la portada sin modificar sus elementos ni su apariencia. */
body .md-page-main>.hero-stl{width:calc(100% - 64px)!important;max-width:1616px!important;margin-left:auto!important;margin-right:auto!important}
body .md-page-main>.hero-stl .hero-inner{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
body .md-page-main:has(>.hero-stl)::before,body .md-page-main:has(>.hero-stl)::after{z-index:0!important}
body .md-page-main>.hero-stl{background:transparent!important}
@media(max-width:800px){body .md-page-main>.hero-stl{width:calc(100% - 32px)!important}body .md-page-main>.hero-stl .hero-inner{width:100%!important}}

:root{--portal-blue:#082b5c;--portal-gold:#b89b5e;--portal-gray:#667790;--portal-line:#dbe6f2;--portal-header:#f4f6fa;--portal-width:1680px}
body .md-page-main{color:var(--portal-blue);font-size:14px}
body .md-page-main>.container,
body .md-page-main>.container-fluid.md-detail,
body .md-page-main .md-work-list-page,
body .md-page-main .md-catalog-page,
body .md-page-main .md-doc-page,
body .md-page-main .md-lab-page{width:100%!important;max-width:var(--portal-width)!important;margin-left:auto!important;margin-right:auto!important;padding-left:32px!important;padding-right:32px!important;box-sizing:border-box}
body .md-page-main .md-invoice-page,
body .md-page-main .md-production-page{max-width:none!important;width:100%!important}
body .md-page-main .md-invoice-header,
body .md-page-main .md-production-header,
body .md-page-main .md-work-toolbar,
body .md-page-main .md-catalog-page>.md-hero,
body .md-page-main .md-catalog-page>.md-fases-hero,
body .md-page-main .md-doc-toolbar,
body .md-page-main .md-lab-header{position:relative!important;padding:28px 32px!important;min-height:140px;border:1px solid var(--portal-line)!important;border-radius:18px!important;background:linear-gradient(110deg,#fff,var(--portal-header))!important;box-shadow:0 5px 20px rgba(8,43,92,.05)!important;margin-bottom:22px!important;gap:24px}
body .md-page-main .md-catalog-page>.md-hero::before,
body .md-page-main .md-catalog-page>.md-fases-hero::before,
body .md-page-main .md-catalog-page>.md-hero::after,
body .md-page-main .md-catalog-page>.md-fases-hero::after{opacity:.5}
body .md-page-main .md-title,
body .md-page-main .md-admin-heading,
body .md-page-main .md-invoice-header h2,
body .md-page-main .md-doc-toolbar h1,
body .md-page-main .md-lab-header h1{font-size:30px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;color:var(--portal-blue)!important}
body .md-page-main .md-meta,
body .md-page-main .md-invoice-header p,
body .md-page-main .md-doc-toolbar p,
body .md-page-main .md-lab-header p,
body .md-page-main .md-catalog-page>.md-hero p,
body .md-page-main .md-catalog-page>.md-fases-hero p{font-size:14px!important;color:var(--portal-gray)!important;line-height:1.6!important}
body .md-page-main .md-card,
body .md-page-main .md-table-card,
body .md-page-main .md-users-card,
body .md-page-main .md-lab-card,
body .md-page-main .md-doc-sidebar,
body .md-page-main .md-categoria,
body .md-page-main .md-department{border:1px solid var(--portal-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 20px rgba(8,43,92,.04)!important}
body .md-page-main .md-cardhead,
body .md-page-main .md-lab-cardhead,
body .md-page-main .md-user-group-head,
body .md-page-main .md-categoria-head,
body .md-page-main .md-department-head{background:var(--portal-header)!important;background-image:none!important;border-bottom:1px solid var(--portal-line)!important;padding:18px 20px!important;color:var(--portal-blue)!important}
body .md-page-main .md-card-title,
body .md-page-main .md-lab-cardhead h2,
body .md-page-main .md-categoria-head h2,
body .md-page-main .md-department-head h2{font-size:18px!important;font-weight:600!important;line-height:1.35!important}
body .md-page-main table:not(.md-doc-paper table) th{background:var(--portal-header)!important;color:var(--portal-blue)!important;font-size:13px!important;font-weight:600!important;padding-top:16px!important;padding-bottom:16px!important;letter-spacing:0!important;border-color:var(--portal-line)!important}
body .md-page-main table:not(.md-doc-paper table) td{font-size:14px!important;line-height:1.5!important;border-color:#edf1f6!important;padding-top:16px!important;padding-bottom:16px!important;vertical-align:middle!important}
body .md-page-main table td small{font-size:12px!important;color:var(--portal-gray)}
body .md-page-main .btn,
body .md-page-main .md-btn,
body .md-page-main .md-doc-btn,
body .md-page-main .hero-btn,
body .modal .btn{border-radius:8px!important;font-size:14px!important;font-weight:600!important}
body .md-page-main .md-btn--primary,
body .md-page-main .btn-primary,
body .md-page-main .md-doc-btn:not(.md-doc-btn--secondary){background:var(--portal-blue)!important;border-color:var(--portal-blue)!important;color:#fff!important}
body .md-page-main .md-btn--outline,
body .md-page-main .md-doc-btn--secondary{background:#fff!important;border-color:var(--portal-line)!important;color:var(--portal-blue)!important}
body .md-page-main label:not(.md-doc-paper label),
body .modal label{font-size:14px!important;line-height:1.5!important}
body .md-page-main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
body .md-page-main textarea,
body .md-page-main select:not(.md-native-select-hidden),
body .modal input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
body .modal textarea,
body .modal select:not(.md-native-select-hidden){font-size:14px!important;color:var(--portal-blue)!important}
body .md-page-main .md-admin-heading-icon{background:#f8f3e8!important;color:var(--portal-gold)!important;border-color:#ece2cb!important}
body .md-page-main .md-badge:not(.md-badge--inactive){color:var(--portal-blue)!important;background:#edf2f8!important;border-color:var(--portal-line)!important;font-size:12px!important}
body .modal .modal-header{background:var(--portal-header)!important;border-bottom:1px solid var(--portal-line)!important}
body .modal .modal-content{border-radius:18px!important;border-color:var(--portal-line)!important}
body .auth-panel{border-radius:18px!important;color:var(--portal-blue)}
body .auth-panel input,body .auth-panel button{font-size:14px!important;border-radius:8px!important}
body .footer3{background:var(--portal-header)!important}

/* Anchos de referencia de controlfresadoras: .custom-padding y profile-dashboard. */
body .md-page-main>.container,
body .md-page-main>.container-fluid.md-detail,
body .md-page-main .md-work-list-page,
body .md-page-main .md-catalog-page,
body .md-page-main .md-doc-page,
body .md-page-main .md-lab-page,
body .md-page-main .pqr-page,
body .md-page-main>.hero-stl{width:88%!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
@media(max-width:900px){
 body .md-page-main>.container,body .md-page-main>.container-fluid.md-detail,body .md-page-main .md-work-list-page,body .md-page-main .md-catalog-page,body .md-page-main .md-doc-page,body .md-page-main .md-lab-page,body .md-page-main .pqr-page,body .md-page-main>.hero-stl{width:94%!important}
}
@media(max-width:600px){
 body .md-page-main>.container,body .md-page-main>.container-fluid.md-detail,body .md-page-main .md-work-list-page,body .md-page-main .md-catalog-page,body .md-page-main .md-doc-page,body .md-page-main .md-lab-page,body .md-page-main .pqr-page,body .md-page-main>.hero-stl{width:calc(100% - 32px)!important}
}
@media(max-width:800px){
 body .md-page-main>.container,body .md-page-main>.container-fluid.md-detail,body .md-page-main .md-work-list-page,body .md-page-main .md-catalog-page,body .md-page-main .md-doc-page,body .md-page-main .md-lab-page{padding-left:16px!important;padding-right:16px!important}
 body .md-page-main .md-invoice-header,body .md-page-main .md-production-header,body .md-page-main .md-work-toolbar,body .md-page-main .md-catalog-page>.md-hero,body .md-page-main .md-catalog-page>.md-fases-hero,body .md-page-main .md-doc-toolbar,body .md-page-main .md-lab-header{padding:22px 20px!important;min-height:0;flex-wrap:wrap;gap:16px}
 body .md-page-main .md-title,body .md-page-main .md-admin-heading,body .md-page-main .md-invoice-header h2,body .md-page-main .md-doc-toolbar h1,body .md-page-main .md-lab-header h1{font-size:25px!important}
 body .md-page-main .md-work-toolbar{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main .md-work-toolbar-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
 body .md-page-main .table-responsive{overflow-x:auto!important}
}

/* Ajustes finales para celular y tablet. */
body .md-page-main :is(.md-doc-layout,.md-grid,.md-lab-grid,.md-form-row,.md-form-grid,.md-fases-grid)>*{min-width:0}
body .md-page-main :is(.md-doc-toolbar,.md-lab-heading,.md-invoice-header,.md-hero,.md-fases-hero){min-width:0}
body .md-page-main :is(.md-doc-toolbar,.md-lab-heading,.md-invoice-header,.md-hero,.md-fases-hero)>div{min-width:0}
body .md-page-main :is(.md-file-name,.pqr-history-note,.md-rich-editor){overflow-wrap:anywhere}
@media(max-width:1024px){
 body .md-page-main .md-doc-layout{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main .md-doc-sidebar{position:static!important;width:100%!important}
 body .md-page-main .md-doc-paper{width:100%!important;min-width:0!important;box-sizing:border-box}
 body .md-page-main .md-lab-heading{flex-wrap:wrap}
 body .md-page-main .pqr-dashboard .pqr-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
 body .md-page-main>.container,body .md-page-main>.container-fluid.md-detail,body .md-page-main .md-work-list-page,body .md-page-main .md-catalog-page,body .md-page-main .md-doc-page,body .md-page-main .md-lab-page{padding-left:0!important;padding-right:0!important}
 body .md-page-main .md-invoice-header,body .md-page-main .md-doc-toolbar,body .md-page-main .md-lab-heading,body .md-page-main .md-catalog-page>.md-hero,body .md-page-main .md-catalog-page>.md-fases-hero{display:flex!important;flex-direction:column;align-items:stretch!important}
 body .md-page-main .md-detail-header-grid{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main .md-fases-grid,body .md-page-main .md-lab-grid{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main :is(.table-responsive,.md-table-wrap,.md-work-table-scroll,.pqr-table-wrap){max-width:100%!important;min-width:0;overflow-x:auto!important;overscroll-behavior-x:contain}
 body .md-page-main .md-work-table-scroll .md-table{min-width:1600px!important}
 body .md-page-main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body .md-page-main textarea,body .md-page-main select:not(.md-native-select-hidden),body .modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body .modal textarea,body .modal select:not(.md-native-select-hidden),body .md-responsive-select .md-responsive-select-input{font-size:16px!important}
 body .modal .modal-dialog{max-width:calc(100vw - 24px)!important;margin:12px auto!important}
 body .modal .modal-content{max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column}
 body .modal .modal-body{min-height:0!important;overflow-y:auto!important;flex:1 1 auto}
 body .modal .modal-header,body .modal .modal-footer{flex-shrink:0}
 body .md-page-main .profile-tabs{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}
 body .md-page-main .pqr-dashboard .pqr-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
 body .md-page-main :is(.md-doc-actions,.md-lab-actions,.md-servicios-actions,.md-fases-hero-actions,.md-work-toolbar-actions,.pqr-head-actions){display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}
 body .md-page-main :is(.md-doc-actions,.md-lab-actions,.md-servicios-actions,.md-fases-hero-actions,.pqr-head-actions,.upload-actions)>*{width:100%!important;min-width:0!important;flex:0 0 auto!important}
 body .md-page-main :is(.md-doc-actions,.md-lab-actions,.md-servicios-actions,.md-fases-hero-actions,.pqr-head-actions,.upload-actions)>:is(button,a){min-height:44px!important;padding:12px 14px!important}
 body .md-page-main .md-page-size{flex-direction:row!important;justify-content:flex-start;align-items:center!important;flex-wrap:wrap}
 body .md-page-main .pqr-dashboard .pqr-filters{grid-template-columns:minmax(0,1fr)!important}
 body .md-page-main .md-doc-paper{padding:20px 16px!important}
 body .md-page-main .pqr-case-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:8px!important}
 body .md-page-main .pqr-case-navigation button{padding:8px!important;font-size:13px!important;white-space:normal}
 body .md-page-main .md-cardhead,body .md-page-main .md-department-head{flex-wrap:wrap!important;gap:10px}
}