/* Global responsive safeguards · Chemical EXS 2.9.239 */
html{max-width:100%;overflow-x:clip}body.public-page{width:100%;max-width:100%;overflow-x:hidden}.public-page *, .public-page *::before,.public-page *::after{box-sizing:border-box}.public-page img,.public-page picture,.public-page video,.public-page canvas,.public-page svg,.public-page iframe{max-width:100%}.public-page img{height:auto}.public-page :where(.shell,.site-nav,.site-nav nav,.nav-dropdown,.nav-dropdown-menu,.nav-actions,main,section,article,aside,figure,form,fieldset,table,tbody,tr,td,th,div){min-width:0}.public-page :where(h1,h2,h3,h4,p,a,b,strong,small,span,li,dd,dt,label,summary){overflow-wrap:anywhere}.public-page :where(.btn,button,input,select,textarea){max-width:100%}.public-page .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.public-page table{max-width:100%}.public-page .nav-dropdown-menu a{white-space:normal}.public-page .nav-actions{flex:0 0 auto}.public-page .site-nav>nav{min-width:0}.public-page .site-nav nav a,.public-page .site-nav nav summary{white-space:nowrap}

/* Repair-first commercial blocks */
.cxr-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cxr-brand-card{display:flex;min-width:0;min-height:92px;align-items:center;gap:14px;padding:18px;border:1px solid #dfe8f4;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(26,55,91,.06)}.cxr-brand-card>span{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:14px;background:#edf5ff;font-size:23px}.cxr-brand-card div{min-width:0}.cxr-brand-card b,.cxr-brand-card small{display:block}.cxr-brand-card b{color:#10294a;font-size:18px}.cxr-brand-card small{margin-top:3px;color:#66778c;line-height:1.35}.cxr-repair-brands .cxr-actions{margin-top:22px}

/* Keep navigation usable before the mobile breakpoint on medium laptop widths. */
@media(max-width:1240px){.public-page .site-nav{gap:10px}.public-page .site-nav>nav{gap:0}.public-page .site-nav nav>a,.public-page .site-nav nav>details>summary{padding-inline:8px;font-size:12px}.public-page .nav-actions{gap:4px}}
@media(max-width:1100px){.cxr-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.public-page .site-nav nav a,.public-page .site-nav nav summary{white-space:normal}.public-page .nav-dropdown-menu{max-width:100%}.public-page .footer-grid-rich>*{min-width:0}.public-page .footer-grid-rich a{white-space:normal}.public-page [class*="grid"]>*{min-width:0}}
@media(max-width:680px){.public-page .shell{width:min(100% - 22px,1240px)!important}.public-page main{width:100%}.public-page .cxr-actions,.public-page .actions{gap:9px}.public-page .cxr-actions .btn,.public-page .actions .btn{min-width:0;white-space:normal;text-align:center}.cxr-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cxr-brand-card{min-height:82px;padding:14px;gap:10px;border-radius:17px}.cxr-brand-card>span{flex-basis:38px;width:38px;height:38px;font-size:20px}.cxr-brand-card b{font-size:16px}.cxr-brand-card small{font-size:12px}.public-page .nav-actions>a{min-width:34px}.public-page .site-footer{overflow:hidden}}
@media(max-width:420px){.public-page .shell{width:min(100% - 16px,1240px)!important}.cxr-brand-grid{grid-template-columns:1fr}.cxr-brand-card{min-height:70px}.public-page .nav-actions{gap:2px}.public-page .nav-actions>a{width:32px;height:32px}.public-page .nav-actions small{display:none}.public-page .menu-toggle{width:34px;height:34px}.public-page .brand{max-width:96px}.public-page .brand img{max-width:92px}.public-page :where(.btn,button){min-height:42px}}
@supports(padding:max(0px)){body.public-page{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.public-page .site-header{padding-top:env(safe-area-inset-top)}}
/* Chemical EXS v2.9.252 · armonía y responsividad pública. No aplica al panel. */
body.public-page{max-width:100%;overflow-x:clip}
.public-page .site-header{position:sticky;top:0;z-index:1100;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dce6f1!important;box-shadow:0 8px 28px rgba(18,54,92,.07)!important;-webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%)}
.public-page .site-nav{position:relative;display:grid!important;grid-template-columns:126px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding-block:6px!important}
.public-page .site-nav .brand{width:126px!important;max-width:126px!important;place-items:center start!important}
.public-page .site-nav .brand img{width:112px!important;height:56px!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.public-page .site-nav>nav{display:flex!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important}
.public-page .site-nav>nav>a,.public-page .site-nav>nav>details>summary{min-height:44px!important;padding:10px 9px!important;display:flex!important;align-items:center!important;border-radius:12px!important;font-size:12.5px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
.public-page .site-nav>nav>details>summary span{white-space:nowrap!important;overflow-wrap:normal!important}
.public-page .site-nav .nav-dropdown-menu{z-index:1250!important;min-width:245px!important}
.public-page .site-nav .nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;min-width:0!important}
.public-page .site-header .site-nav .nav-actions>a.nav-action-button{display:flex!important;width:48px!important;min-width:48px!important;height:48px!important;padding:4px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border:1px solid #d7e4f1!important;border-radius:14px!important;background:#fff!important;color:#102f4e!important;box-shadow:0 7px 20px rgba(14,50,91,.07)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.public-page .site-header .site-nav .nav-actions>a.nav-action-button span{display:flex!important;height:20px!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:20px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;transform:translateY(1px)!important}
.public-page .site-header .site-nav .nav-actions>a.nav-action-button small{display:block!important;max-width:100%!important;color:#274c70!important;font-size:8px!important;font-weight:900!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.public-page .site-header .site-nav .nav-actions>a.nav-action-button:hover{transform:translateY(-2px)!important;border-color:#83bfff!important;box-shadow:0 12px 26px rgba(14,72,130,.12)!important}
.public-page .menu-toggle{display:none!important;width:44px!important;height:44px!important;margin:0!important;border:1px solid #d7e4f1!important;border-radius:14px!important;background:#fff!important;color:#143b61!important;font-size:21px!important;box-shadow:0 7px 20px rgba(14,50,91,.07)!important}
.public-page main{width:100%;max-width:100%;overflow-x:clip}
.public-page :where(section,article,aside,div,figure,form,fieldset){min-width:0}
.public-page :where(img,video,canvas,svg,iframe){max-width:100%}
.public-page img{height:auto}
.public-page :where(h1,h2,h3,h4,p,li,dd,dt,label){word-break:normal;overflow-wrap:break-word}
.public-page :where(.weather-icon,.top-action-emoji,[class*="-icon"],[class*="-emoji"]){word-break:keep-all!important;overflow-wrap:normal!important}

/* Desktop medio: conserva menú completo pero con aire suficiente. */
@media(max-width:1420px){
  .public-page .site-nav{grid-template-columns:112px minmax(0,1fr) auto!important;gap:8px!important}
  .public-page .site-nav .brand{width:112px!important;max-width:112px!important}
  .public-page .site-nav .brand img{width:100px!important}
  .public-page .site-nav>nav>a,.public-page .site-nav>nav>details>summary{padding-inline:7px!important;font-size:11.5px!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button{width:44px!important;min-width:44px!important;height:46px!important}
}

/* Tablet / laptop estrecha: menú limpio por botón, sin comprimir enlaces. */
@media(max-width:1180px){
  .public-page .site-nav{grid-template-columns:auto 1fr auto auto!important;grid-template-areas:"brand spacer actions menu"!important;min-height:70px!important;padding-block:7px!important}
  .public-page .site-nav .brand{grid-area:brand!important;width:108px!important;max-width:108px!important}
  .public-page .site-nav .brand img{width:100px!important;height:52px!important}
  .public-page .site-nav .menu-toggle{grid-area:menu!important;display:grid!important}
  .public-page .site-nav .nav-actions{grid-area:actions!important;display:flex!important;width:auto!important;grid-template-columns:none!important;gap:6px!important}
  .public-page .site-nav>nav[data-menu-panel]{position:absolute!important;z-index:1300!important;top:calc(100% + 7px)!important;right:0!important;left:0!important;display:none!important;width:100%!important;max-height:min(72dvh,650px)!important;margin:0!important;padding:12px!important;overflow:auto!important;overscroll-behavior:contain!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;border:1px solid #d7e4f1!important;border-radius:20px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 28px 74px rgba(8,38,75,.22)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  .public-page .site-nav>nav[data-menu-panel].open{display:flex!important;animation:cxPublicMenu252 .22s ease-out both}
  .public-page .site-nav>nav[data-menu-panel]>a,.public-page .site-nav>nav[data-menu-panel]>details>summary{width:100%!important;min-height:46px!important;padding:12px 13px!important;font-size:14px!important;justify-content:space-between!important;white-space:normal!important}
  .public-page .site-nav .nav-dropdown{width:100%!important}
  .public-page .site-nav .nav-dropdown-menu{position:static!important;display:grid!important;width:100%!important;min-width:0!important;margin-top:5px!important;padding:6px!important;border:0!important;border-radius:14px!important;background:#f3f8fd!important;box-shadow:none!important}
  .public-page .site-nav .nav-dropdown-menu a{padding:11px 12px!important;border-radius:10px!important;white-space:normal!important}
}

@keyframes cxPublicMenu252{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .public-page .shell{width:min(100% - 22px,1240px)!important}
  .public-page .site-nav{grid-template-columns:auto 1fr auto auto!important;gap:7px!important}
  .public-page .site-nav .brand{width:96px!important;max-width:96px!important}
  .public-page .site-nav .brand img{width:90px!important;height:48px!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button{width:42px!important;min-width:42px!important;height:44px!important;border-radius:13px!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button small{display:none!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button span{font-size:19px!important}
  .public-page .menu-toggle{width:42px!important;height:44px!important}
  .public-page :where(.grid,.cards,[class$="-grid"]){max-width:100%}
}

@media(max-width:420px){
  .public-page .shell{width:min(100% - 16px,1240px)!important}
  .public-page .site-nav{grid-template-columns:88px minmax(0,1fr) auto auto!important;gap:5px!important}
  .public-page .site-nav .brand{width:88px!important;max-width:88px!important}
  .public-page .site-nav .brand img{width:84px!important;height:46px!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button{width:38px!important;min-width:38px!important;height:40px!important;padding:2px!important}
  .public-page .menu-toggle{width:40px!important;height:40px!important}
}

@media(max-width:350px){
  .public-page .site-nav{grid-template-columns:78px minmax(0,1fr) auto auto!important}
  .public-page .site-nav .brand,.public-page .site-nav .brand img{width:76px!important;max-width:76px!important}
  .public-page .site-header .site-nav .nav-actions>a.nav-action-button{width:36px!important;min-width:36px!important}
}

@media(prefers-reduced-motion:reduce){.public-page *, .public-page *::before,.public-page *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* v2.9.260 · folio de servicio de 7 caracteres */
.service-search-fields{align-items:start}
.service-search-fields [data-service-folio]{text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.service-folio-help{display:block;grid-column:1/-1;margin-top:-4px;color:#607087;font-size:12px;line-height:1.4}
@media(max-width:640px){.service-folio-help{font-size:11px;margin-top:0}}
.public-page :where(.shell,.site-nav,.site-nav>nav,.nav-dropdown,.nav-dropdown-menu,.nav-actions,main,section,article,aside,figure,form,fieldset,div){min-width:0}
.public-page :where(img,svg,video,canvas,iframe){max-width:100%}
.public-page :where(input,select,textarea,button){max-width:100%;box-sizing:border-box}
.public-page .cx-contact-hours-note{display:block;margin-top:5px;color:#667b91;font-size:11px;font-style:normal;font-weight:750;line-height:1.4}
.public-page .appointment-fast-contact-v29263{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:22px;align-items:center;margin:0 0 22px;padding:22px;border:1px solid #d7e5f2;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef6ff);box-shadow:0 16px 42px rgba(20,67,116,.08)}
.public-page .appointment-fast-contact-v29263>div:first-child>span{display:inline-flex;margin-bottom:7px;color:#0868e8;font-size:11px;font-weight:950;letter-spacing:.08em}
.public-page .appointment-fast-contact-v29263 h2{margin:0 0 6px;color:#14395f;font-size:clamp(20px,2vw,27px);line-height:1.1;letter-spacing:-.03em}
.public-page .appointment-fast-contact-v29263 p{margin:0 0 7px;color:#526b83;line-height:1.5}
.public-page .appointment-fast-contact-v29263 small{display:block;color:#64788c;font-size:11px;line-height:1.45}
.public-page .appointment-fast-actions-v29263{display:grid;gap:9px}
.public-page .appointment-fast-actions-v29263 .btn{width:100%;justify-content:center;min-height:48px;text-align:center}
@media(max-width:760px){
 .public-page .site-utility .utility-greeting,.public-page .site-utility .utility-weather-global{display:none!important}
 .public-page .site-utility>.shell{display:flex!important;justify-content:flex-end!important;min-height:44px!important;padding-block:3px!important}
 .public-page .site-utility .utility-primary{width:100%!important;justify-content:space-between!important;gap:8px!important}
 .public-page .site-utility :where(.utility-whatsapp,.utility-phone){min-height:44px!important;display:inline-flex!important;align-items:center!important}
 .public-page .site-header .site-nav .nav-actions>a.nav-action-button,.public-page .menu-toggle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
 .public-page :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 .public-page .appointment-fast-contact-v29263{grid-template-columns:1fr;padding:17px;border-radius:20px;gap:14px}
}
@media(max-width:420px){
 .public-page .site-nav{grid-template-columns:82px minmax(0,1fr) auto auto!important;gap:4px!important}
 .public-page .site-nav .brand,.public-page .site-nav .brand img{width:80px!important;max-width:80px!important}
 .public-page .site-utility .utility-whatsapp b{font-size:0!important}
 .public-page .site-utility .utility-whatsapp b::after{content:'WhatsApp';font-size:11px!important}
 .public-page .site-utility .utility-phone{font-size:11px!important}
}
@media(max-width:350px){
 .public-page .site-nav{grid-template-columns:74px minmax(0,1fr) auto auto!important}
 .public-page .site-nav .brand,.public-page .site-nav .brand img{width:72px!important;max-width:72px!important}
 .public-page .site-utility .utility-phone{display:none!important}
 .public-page .site-utility .utility-primary{justify-content:flex-end!important}
}