:root{--green:#606d4e;--ink:#363d32;--muted:#7d8273;--bg:#f7f4ec;--line:#e6e1d5;--clay:#b87964;--cream:#f0ebdd}body{background:var(--bg);color:var(--ink)}aside{background:#fcfaf5}.brand{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;letter-spacing:.8px;text-transform:uppercase;text-align:center;line-height:1.15}.brand .logo{display:block;margin:0 auto 9px;background:transparent;color:var(--clay);font-size:28px;height:30px}.brand span:last-child{display:none}aside>div:first-child>p{text-align:center;font-size:9px;letter-spacing:1.6px}.brand:before{content:'CONSULTORIOS';display:block;font:10px system-ui,sans-serif;letter-spacing:3px;margin-bottom:6px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.5px}nav button.active{background:#e9eddf;color:#4d5d3e}button:hover{background:#f0eee3}.primary{background:var(--green);border-color:var(--green)}.primary:hover{background:#4a583b}.demo{background:#eee7d9;color:#886951}.aside-bottom{background:#f1eddf}.eyebrow{color:#8e614f}.initial{background:#eee9db;color:#65714f}.badge{background:#eaf0e0;color:#637849}.badge.Pendiente{background:#f9eddd;color:#a77a41}.badge.En.sala{background:#f1e4df;color:#9d624c}.panel,.stat{box-shadow:0 3px 14px #5c624004;border-color:var(--line)}.notice,.portalhero{background:#ecebdd}.bar div{background:#8b9876}.day.selected{background:var(--green)}header{background:#fffdf8}.avatar{background:#ede1d3;color:#946b53}.portalhero:after{content:'Espacio multidisciplinario';display:block;font-family:Georgia,serif;font-size:16px;color:#8b775e;margin-top:22px}.brand-note{background:#f0e9df;border:1px solid #e5d7c8;padding:16px 20px;border-radius:12px;color:#81664f;font-size:12px;line-height:1.7;margin-bottom:24px}.brand-note b{color:#5c684b}
.professional-photo{width:86px;height:86px;border-radius:16px;object-fit:cover;object-position:75% 40%;border:3px solid #eee8da;margin-bottom:16px;background:#f0ebdd}#ppreview{width:105px;height:105px;flex-shrink:0}
/* Mobile layout across the demo, shared workspace and embedded modules. */
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;max-width:100%;min-width:0}img{max-width:100%}iframe{max-width:100%;display:block}main,section,article,aside,header,nav,form,fieldset,div{min-width:0}input,select,textarea{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}p,small,h1,h2,label{overflow-wrap:anywhere}.mobile-menu-toggle{display:none}
@media(max-width:800px){
 html{-webkit-text-size-adjust:100%}body{overflow-x:clip}input,select,textarea{font-size:16px!important}button{min-height:44px;touch-action:manipulation}a{touch-action:manipulation}h1{font-size:26px!important;line-height:1.2}h2{line-height:1.3}.shell{display:block!important}.shell>aside{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 16px!important;gap:12px!important}.shell>aside>div:first-child{grid-column:1}.shell>aside .brand{font-size:22px;text-align:left}.shell>aside .brand:before{font-size:8px;letter-spacing:2px}.shell>aside .brand .logo,.shell>aside>div:first-child>p{display:none}.mobile-menu-toggle{display:block}.shell>aside>nav{display:none!important;grid-column:1/-1}.shell>aside.mobile-nav-open>nav{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}.shell>aside nav button{white-space:normal}.shell>aside>label{grid-column:1/-1;display:flex;align-items:center;gap:12px}.shell>aside>label select{margin:0!important;width:auto!important;flex:1;max-width:250px}.shell>aside>.small{display:none}.shell>main>header{height:auto!important;padding:12px 16px;gap:12px;flex-wrap:wrap}.shell>main>header .account{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.shell>main>header .avatar,.shell>main>header .account>div{display:none}.content{padding:20px 14px!important}.row{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat{padding:15px!important}.stat strong{font-size:27px}.stat .small{font-size:11px}.workspace{display:block!important}.right{display:block!important}.grid{grid-template-columns:1fr!important}.panel-head,.sidecard,.doctor{padding:18px!important}.toolbar{display:grid!important;grid-template-columns:1fr!important}.toolbar>*{width:100%;max-width:100%}.days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px!important;padding:12px!important}.day{padding:9px 0!important;min-width:0;font-size:10px}.day b{font-size:17px}.table-scroll{overflow:visible!important;padding:0 12px}.table-scroll table{min-width:0!important;width:100%;display:block}.table-scroll thead{display:none}.table-scroll tbody{display:block}.table-scroll tr{display:block;margin:12px 0;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}.table-scroll td{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:4px 10px;border:0;padding:9px 0;font-size:13px}.table-scroll td::before{content:attr(data-label);grid-column:1;color:#7d8273;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.table-scroll td>*{grid-column:2}.table-scroll td small{margin:0}.table-scroll td:first-child{font-size:20px;color:var(--green)}.table-scroll td:last-child{display:block}.table-scroll td:last-child::before{display:none}.table-scroll .action{width:100%}.modal-wrap,.overlay{padding:12px!important;align-items:center}.modal,.dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow:auto;padding:20px!important;overscroll-behavior:contain}.formgrid{grid-template-columns:1fr!important}.modal input,.modal select{width:100%}.modal .primary{min-height:48px}.portalhero{padding:25px!important}.portalhero h1{font-size:29px!important}.professional-photo{width:76px;height:76px}#professionalForm>div:first-child{flex-wrap:wrap}.work-content>iframe,.content>iframe{min-height:650px;height:1000px}.workspace-real .work-nav{position:relative}.workspace-real .work-nav nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;gap:6px}.workspace-real .work-nav nav button{white-space:normal!important;padding:10px!important;text-align:center}.workspace-real .account{gap:8px}.workspace-real .account small{flex-basis:100%}.workspace-real .work-content{padding:16px 12px!important}.workspace-real .numbers{gap:10px}.workspace-real .numbers>div{padding:15px}.workspace-real .filters{display:grid;grid-template-columns:1fr}.workspace-real .filters>*{width:100%}.workspace-real .appointment-top{display:grid;grid-template-columns:1fr auto}.workspace-real .appointment-top .time{grid-column:1}.workspace-real .appointment-top>div:nth-child(2){grid-column:1/-1;grid-row:2}.workspace-real .appointment-top .badge{grid-column:2;grid-row:1}.workspace-real .actions{display:grid;grid-template-columns:1fr 1fr}.workspace-real .actions>select,.workspace-real .actions>.link-patient,.workspace-real .actions>small{grid-column:1/-1;width:100%}.workspace-real .patient-grid{grid-template-columns:1fr!important}.workspace-real .access{flex-wrap:wrap}.clinical{padding:16px 12px!important}.clinical .top{align-items:flex-start}.clinical .top>div{width:100%}.clinical .top a{display:inline-block;padding:8px 0}.clinical .layout{grid-template-columns:1fr!important}.clinical .fields{grid-template-columns:1fr!important;gap:0}.clinical .card{padding:18px}.clinical .layout>aside{max-height:300px!important}.clinical .top button{max-width:100%}.clinical input,.clinical textarea{width:100%}.crm{grid-template-columns:1fr!important}.crm>aside{max-height:260px;overflow:auto}.crm>section{padding:16px!important}.crm>section>div[style*='padding: 70px']{padding:30px 10px!important}.crm-demo{grid-template-columns:1fr!important}.crm-demo aside{max-height:260px;overflow:auto}.chat-head{padding:15px!important}.history{height:330px!important;padding:14px!important}.bubble{max-width:92%!important}.composer{padding:14px!important}.composer textarea{font-size:16px!important}.control{flex-wrap:wrap}.control button{width:100%}.demo-notice{padding:12px!important}.clinical .empty{padding:30px 15px}
}
@media(max-width:360px){.stats,.numbers{gap:8px!important}.stat{padding:12px!important}.table-scroll td{grid-template-columns:65px minmax(0,1fr)}.shell>aside>label{display:grid;gap:5px}.shell>aside>label select{max-width:100%!important;width:100%!important}.clinical .top button{width:100%}}
.mobile-back{display:none}
@media(max-width:800px){.crm:not(.has-selection)>section,.crm-demo:not(.has-selection)>.conversation{display:none}.crm.has-selection>aside,.crm-demo.has-selection>aside{display:none}.crm>aside,.crm-demo>aside{max-height:65dvh!important}.mobile-back{display:block;margin:12px!important}.crm-demo{min-height:360px}.crm-demo .contact{min-height:76px}.clinical .layout .card.empty{padding:30px 15px!important}}
@media(max-width:800px){.shell>aside>label.small{display:flex!important}.shell>aside:not(.mobile-nav-open)>label.small{display:none!important}.shell>aside.mobile-nav-open>label.small{display:flex!important;grid-column:1/-1}}