@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--ink:#202023;--muted:#717174;--paper:#f6f6f6;--line:#e0e0e2;--accent:#dc1634;--green:#a80e28}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c71532}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:38px;height:96px;padding:0 5%;display:flex}.brand{letter-spacing:-1px;font-family:Barlow Condensed,Impact,sans-serif;font-size:35px;font-style:italic;font-weight:800;line-height:.86;text-decoration:none}.brand span{letter-spacing:4px;margin-top:9px;font-family:DM Sans,sans-serif;font-size:9px;font-style:normal;display:block}.header-tag{letter-spacing:1.7px;border-left:1px solid var(--line);color:var(--muted);padding-left:28px;font-size:10px}.hours{margin-left:auto;font-size:12px}.dot{background:#ce1633;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}main{max-width:1240px;margin:auto;padding:0 40px}.intro{justify-content:space-between;align-items:center;gap:40px;padding:58px 0 42px;display:flex}.eyebrow{letter-spacing:2px;color:#be1530;margin:0 0 17px;font-size:10px;font-weight:700}h1{text-transform:uppercase;letter-spacing:-1px;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:68px;font-weight:700;line-height:1.02}h1 em{color:#d31634;font-style:normal}.lead{max-width:570px;color:var(--muted);margin-top:20px;line-height:1.7}.intro-note{border-left:1px solid #dedee0;flex-direction:column;gap:14px;min-width:235px;padding:15px 35px;display:flex}.intro-note svg{color:#d31634}.intro-note strong{font-size:20px;line-height:1.2}.intro-note span{color:var(--muted);font-size:12px;line-height:1.7}.workspace{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:28px;display:grid}.booking{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 28px}.section{border-bottom:1px solid var(--line);padding:26px 0}.section:last-of-type{border-bottom:0}.section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.number{color:#77777b;border:1px solid var(--line);border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}h2{margin:0;font-size:17px;font-weight:600}.small{color:var(--muted);margin-left:auto;font-size:11px}.services{gap:10px;display:grid}.service{text-align:left;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:14px;padding:16px;display:flex}.service.selected{background:#fff4f5;border-color:#d31634}.service strong{font-size:13px;font-weight:600;display:block}.service small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.service-icon{color:#d31634;place-items:center;width:30px;display:grid}.radio{border:1px solid #c8c8cc;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-left:auto;display:grid}.selected .radio{color:#fff;background:#cc1632;border-color:#cc1632}.calendar-heading{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:13px;display:flex}.calendar-heading button{border:1px solid var(--line);background:#fff;border-radius:4px;margin-left:6px;padding:5px;display:inline-flex}.days{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.days button{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:12px 2px;display:flex}.days span{text-transform:uppercase;color:var(--muted);font-size:10px}.days strong{font-size:19px;font-weight:500}.days .active{background:var(--ink);color:#fff;border-color:var(--ink)}.days .active span{color:#e9e9eb}.time-label{color:var(--muted);align-items:center;gap:7px;margin:23px 0 12px;font-size:11px;display:flex}.times{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.times button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:12px;font-size:12px}.times .active{color:#b3102a;background:#fff0f3;border-color:#d31634}.times .occupied{background:#f7eae4;border-color:#c59b85}.times small{margin-top:5px;font-size:10px;display:block}.helper{color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.7}.fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.fields label{font-size:11px;font-weight:600}.fields input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fdfdfd;border-radius:5px;margin-top:8px;padding:12px;font-size:12px;display:block}.summary{background:#eeeeef;border:1px solid #dddde0;border-radius:10px;padding:27px}.summary h2{text-transform:uppercase;margin-bottom:29px;font-family:Barlow Condensed,sans-serif;font-size:34px}.summary-row{gap:12px;margin-bottom:24px;display:flex}.summary-row svg{color:#b01930;flex-shrink:0;margin-top:3px}.summary-row small{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.summary-row strong{font-size:12px;font-weight:500;line-height:1.6;display:block}.divider{background:#d7d7db;height:1px}.quote{margin:23px 0;font-size:13px;font-weight:600;line-height:1.65}.quote span{color:var(--muted);font-size:12px;font-weight:400}.cta{background:var(--accent);color:#fff;border:1px solid #be102b;border-radius:5px;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px;font-size:13px;font-weight:600;display:flex}.cta:hover:not(:disabled){background:#ba102a}.whatsapp-caption{text-align:center;color:var(--muted);font-size:10px}.disclaimer{gap:10px;margin-top:26px;display:flex}.disclaimer svg{color:#74747a;flex-shrink:0}.disclaimer p{color:#616167;margin:0;font-size:10px;line-height:1.75}.disclaimer strong{font-weight:600;display:block}.how{text-align:center;padding:22px}.how span{color:var(--muted);letter-spacing:1.7px;font-size:9px}.how p{justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.how svg{color:#ba1530}.alert,.notice,.setup-note{color:#854021;background:#fff0e7;border-radius:5px;padding:12px;font-size:12px;line-height:1.6}.notice{color:#375024;background:#eff7e8}.setup-note{font-size:10px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:42px;padding:30px 0;font-size:10px;display:flex}footer span:first-child{letter-spacing:1px;font-weight:700}.mobile-submit{display:none}aside{position:sticky;top:24px}@media (width>=1500px){main{padding:0 20px}}@media (width<=850px){header{height:80px}.header-tag{display:none}main{padding:0 22px}.intro{padding:35px 0}.intro-note{display:none}h1{font-size:53px}.workspace{grid-template-columns:1fr}.summary{margin-top:0}aside{position:static}.booking{padding:0 20px}.hours{font-size:10px}.small{display:none}footer{flex-wrap:wrap;gap:20px}}@media (width<=400px){main,.booking{padding:0 14px}.service{gap:8px;padding:13px 10px}.service small{font-size:10px}h1{font-size:45px}.fields{grid-template-columns:1fr}.hours{max-width:120px;line-height:1.6}.days{gap:4px}}header{color:#fff;background:#18181b;border-bottom:3px solid #d31634}.brand{color:#ee2142}.brand span{color:#fff}.header-tag{color:#c5c5cb;border-left-color:#414146}.intro-note{background:#ededee;border-left:3px solid #d31634;border-radius:0 6px 6px 0}.brand{font-style:normal}h1 em{color:#c91431}.intro h1{font-size:58px}.unit-selector{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px;display:grid}.unit{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:22px;display:flex}.unit>svg:first-child{color:#bc1730}.unit>svg:last-child{margin-left:auto}.unit strong{font-size:17px;display:block}.unit small{color:#737378;margin-top:5px;font-size:12px;display:block}.unit.chosen{color:#fff;background:#212124;border-color:#212124}.unit.chosen small{color:#c5c5cc}.unit.chosen>svg{color:#ff526d}.service strong{line-height:1.45}.service small{line-height:1.5}.calendar-heading button{justify-content:center;align-items:center;min-width:40px;min-height:40px}.times button{min-height:46px}.fields label span,.notes-label span{color:var(--muted);font-size:10px;font-weight:400}.notes-label{margin-top:18px;font-size:11px;font-weight:600;display:block}.notes-label textarea{resize:vertical;border:1px solid var(--line);width:100%;font:inherit;background:#fdfdfd;border-radius:5px;margin-top:8px;padding:12px;font-weight:400;display:block}.mobile-bar{display:none}.empty-state{background:#f6f6f7;border-radius:6px;align-items:center;gap:12px;margin-top:12px;padding:16px;font-size:12px;line-height:1.7;display:flex}.empty-state svg{color:#bc1730;flex-shrink:0}.logout{border:1px solid var(--line);background:#fff;border-radius:5px;align-items:center;gap:8px;padding:12px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:460px;margin:60px auto 90px;padding:30px}.login-card>svg{color:#c91431;margin-bottom:20px}.login-card h1{font-size:48px}.login-card label{margin:18px 0;font-size:12px;font-weight:600;display:block}.login-card input{border:1px solid var(--line);border-radius:5px;width:100%;margin-top:8px;padding:13px;font-size:16px;display:block}.login-card .cta{margin:22px 0}.login-card>a{font-size:12px}.login-card .lead{font-size:13px}.helper button{background:0 0;border:0;text-decoration:underline}@media (width<=850px){.intro h1{font-size:46px}.intro{padding:30px 0 20px}.lead{margin-bottom:4px;font-size:13px}.unit-selector{gap:9px;margin-bottom:20px}.unit{flex-wrap:wrap;gap:9px;padding:14px 12px}.unit strong{font-size:13px}.unit small{font-size:10px;line-height:1.4}.unit>svg:first-child{width:21px}.unit>svg:last-child{display:none}.unit span{flex:1;min-width:80px}.mobile-bar{z-index:10;border-top:1px solid var(--line);padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 20px #00000008}.mobile-bar>div{flex:1;min-width:0}.mobile-bar strong{font-size:11px;display:block}.mobile-bar small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.mobile-bar .cta{gap:7px;width:auto;padding:14px 12px;font-size:12px}.desktop-cta{display:none}footer{padding-bottom:120px}.fields input,.notes-label textarea{font-size:16px}.service{min-height:77px}.summary{padding:23px}.summary h2{margin-bottom:22px;font-size:28px}.section-title{gap:9px}h2{font-size:16px}.booking{padding:0 16px}.login-card{margin:28px auto;padding:24px}.login-card h1{font-size:43px}.intro .logout{font-size:11px}.fields{grid-template-columns:1fr 1fr}.fields input{padding:12px 9px}.fields label{min-width:0}}@media (width<=400px){.intro h1{font-size:39px}.unit{padding:13px 10px}.unit small{font-size:9px}.header-tag{display:none}.fields{grid-template-columns:1fr}.mobile-bar{padding-left:12px;padding-right:12px}.mobile-bar .cta{font-size:11px}.brand{font-size:31px}.brand span{letter-spacing:2.5px;font-size:7px}}header{background:#000}.brand{flex-shrink:0;width:250px;line-height:0;display:block}.brand-logo{width:100%;height:auto;display:block}@media (width<=850px){header{gap:18px}.brand{width:200px}.hours{max-width:120px;line-height:1.6}}@media (width<=400px){header{gap:12px}.brand{width:175px}.hours{font-size:9px}}.dashboard{margin-bottom:38px}.dashboard-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-heading h2{font-size:25px}.dashboard-heading .eyebrow{margin-bottom:8px}.periods{flex-wrap:wrap;gap:5px;display:flex}.periods button{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:44px;padding:12px 15px}.periods button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.metric,.dashboard-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.metric h3{margin:0 0 14px;font-size:12px;font-weight:500}.metric>strong{letter-spacing:-1px;font-size:38px}.metric p{color:var(--muted);margin-bottom:0;font-size:11px;line-height:1.6}.dashboard-panels{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashboard-panel h3{margin:0 0 20px;font-size:15px}.unit-metric{margin-top:22px}.unit-metric>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.dashboard progress{appearance:none;background:#ececef;border:0;border-radius:4px;width:100%;height:8px;margin:12px 0;display:block;overflow:hidden}.dashboard progress::-webkit-progress-bar{background:#ececef}.dashboard progress::-webkit-progress-value{background:#cf1634}.dashboard progress::-moz-progress-bar{background:#cf1634}.upcoming{margin:0;padding:0;list-style:none}.upcoming li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;display:flex}.upcoming small{color:var(--muted)}.daily-metrics{margin-top:14px}.daily-grid{grid-template-columns:1fr 1fr;gap:10px 28px;display:grid}.daily-grid>div{grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;font-size:11px;display:grid}.daily-grid strong{text-align:right}@media (width<=850px){.dashboard-heading{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric>strong{font-size:32px}.dashboard-panels,.daily-grid{grid-template-columns:1fr}.dashboard-panel{padding:18px}.periods button{font-size:12px}.upcoming li{font-size:11px}.dashboard-heading h2{font-size:23px}}.entry-settings{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:20px;padding:22px}.entry-settings h2{margin-bottom:18px}select{font:inherit;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:5px;margin-top:8px;padding:10px}select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.business-insights{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.insights-filter{min-width:170px;font-size:12px}.commercial-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-cards .metric>strong{font-size:22px;line-height:1.5;display:block}.commercial-cards .metric>.service-star{letter-spacing:0;font-size:17px}.hour-ranking,.service-ranking{margin:15px 0;padding:0;list-style:none}.hour-ranking li{grid-template-columns:45px 1fr 100px;align-items:center;gap:12px;font-size:12px;display:grid}.hour-ranking li>span{text-align:right}.service-ranking li{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:12px 0;font-size:12px;line-height:1.6;display:flex}.weekday-row{justify-content:space-between;font-size:12px;display:flex}.weekday-title{margin-top:28px!important}.promotion-card{border-left:3px solid var(--accent);background:#fff0f3;border-radius:5px;margin-top:16px;padding:24px}.promotion-card h3{margin:0 0 14px;font-size:20px}.promotion-card p{font-size:13px;line-height:1.7}.promotion-card .eyebrow{font-size:10px}.dashboard-heading{flex-wrap:wrap}@media (width<=850px){.commercial-cards,.entry-settings .fields{grid-template-columns:1fr}.entry-settings select{font-size:16px}.hour-ranking li{grid-template-columns:40px 1fr 94px;gap:8px}.insights-filter{width:100%}}.demo-banner{background:#fff;border:1px solid #c8c8cc;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:20px;display:flex}.demo-banner strong{font-size:13px}.demo-banner p{max-width:650px;margin:7px 0 0;font-size:12px;line-height:1.6}.demo-banner button{color:#fff;font:inherit;background:#222;border:0;border-radius:5px;flex-shrink:0;min-height:44px;padding:14px 18px}.demo-active{background:#fff5dc;border-color:#d5ab41}.business-alerts{margin:30px 0}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.action-card{border:1px solid var(--line);background:#fff;border-top:3px solid #34343a;border-radius:8px;padding:22px}.action-label{letter-spacing:1px;font-size:9px;font-weight:700}.action-card h3{font-size:18px;line-height:1.4}.action-card p{font-size:12px;line-height:1.7}.action-card>strong{font-size:12px}.action-card small{color:#626269;font-size:10px;line-height:1.6;display:block}.action-card.opportunity{border-top-color:#b51030}.action-card.warning{border-top-color:#b57912}@media (width<=850px){.demo-banner{flex-direction:column;align-items:stretch;gap:14px}.action-grid{grid-template-columns:1fr}}.presentation-note{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 0 24px;padding:12px 0;font-size:11px;display:flex}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.admin-tabs button{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:48px;padding:13px 22px;font-weight:600}.admin-tabs button[aria-pressed=true]{color:#fff;background:#222;border-color:#222}.agenda-note{border-left:3px solid var(--accent);background:#fff;margin:0 0 22px;padding:16px;font-size:12px;line-height:1.7}.agenda-note strong{display:block}@media (width<=600px){.admin-tabs button{flex:1;padding:12px 10px;font-size:12px}}[data-area=lubricacion]{--unit-color:#bd1533;--unit-light:#fff0f3}[data-area=tren_delantero]{--unit-color:#155bb5;--unit-light:#edf4ff}.unit[data-area]{border-left:6px solid var(--unit-color)}.unit[data-area]>svg:first-child,.unit[data-area]>svg:last-child{color:var(--unit-color)}.unit[data-area].chosen{background:var(--unit-light);border-color:var(--unit-color);color:#202023}.unit[data-area].chosen small{color:#555}.unit-metric[data-area]{background:var(--unit-light);border-left:6px solid var(--unit-color);border-radius:6px;padding:20px}.unit-metric>div{font-size:17px}.unit-metric>div strong{color:var(--unit-color)}.unit-metric small{color:#42424a;font-size:13px}.dashboard .unit-metric progress{height:22px;margin:16px 0}.dashboard [data-area] progress::-webkit-progress-value{background:var(--unit-color)}.dashboard [data-area] progress::-moz-progress-bar{background:var(--unit-color)}.area-badge{background:var(--unit-light);border-left:4px solid var(--unit-color);border-radius:4px;padding:5px 10px;font-weight:700;color:var(--unit-color)!important}.business-insights[data-area] .insights-filter{color:var(--unit-color);font-weight:700}.business-insights[data-area] .insights-filter select{border:2px solid var(--unit-color)}.dashboard .hour-ranking progress{height:16px}.action-card[data-area]{border-top-color:var(--unit-color)}.action-card[data-area] .action-label{color:var(--unit-color)}.promotion-card[data-area]{border-left-color:var(--unit-color);background:var(--unit-light)}.workspace[data-area] .service.selected,.workspace[data-area] .times .active{border-color:var(--unit-color);background:var(--unit-light);color:var(--unit-color)}.workspace[data-area] .service-icon,.workspace[data-area] .summary-row svg{color:var(--unit-color)}.workspace[data-area] .selected .radio{background:var(--unit-color);border-color:var(--unit-color)}@media (width<=600px){.unit-metric[data-area]{padding:16px}.unit-metric>div{font-size:16px}.unit-metric small{font-size:12px}}.calendar-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.calendar-controls label{font-size:12px}.calendar-controls input{border:1px solid var(--line);min-height:44px;font:inherit;background:#fff;border-radius:5px;margin-top:8px;padding:10px;display:block}.calendar-controls button{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:44px;padding:10px 16px}.calendar-legend{flex-wrap:wrap;align-items:center;gap:15px;margin:20px 0;font-size:12px;display:flex}.task-days{gap:16px;display:grid}.task-days.weekly{grid-template-columns:repeat(3,minmax(0,1fr))}.task-day{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:16px}.task-day>h3{text-transform:capitalize;margin:0 0 18px;font-size:14px}.task-card{border-left:5px solid var(--unit-color);background:var(--unit-light);border-radius:5px;margin:12px 0;padding:16px}.task-card>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.task-card small{color:#555;margin-top:10px;display:block}.task-card h4{margin:12px 0;font-size:14px;line-height:1.5}.task-card p{margin:7px 0;font-size:13px}.task-card .area-badge{font-size:11px}.admin-tabs{flex-wrap:wrap}@media (width<=850px){.task-days.weekly{grid-template-columns:1fr}.calendar-controls input,.calendar-controls select{font-size:16px}.calendar-controls{gap:8px}.admin-tabs button{flex:auto}}