/* MX Towns DEV v138: exclusively scoped services view; no interference with cards / form */
.mx-svc-page-v138{max-width:1180px;margin:0 auto;padding:clamp(22px,4vw,56px) clamp(16px,4vw,40px) 42px;color:#193b4c}
.mx-svc-heading{padding:8px 0 24px}.mx-svc-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:850;color:#b51674}
.mx-svc-heading h1{margin:12px 0 12px;font-size:clamp(2.25rem,6vw,4.1rem);line-height:1.07;color:#12354a}.mx-svc-heading p{margin:0;max-width:800px;font-size:clamp(1rem,2.8vw,1.3rem);line-height:1.6;color:#496373}
.mx-svc-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 34px}
.mx-svc-tile{--mx-svc-bg:#1485c2;background:var(--mx-svc-bg);color:white!important;border-radius:24px;min-width:0;min-height:190px;padding:22px;display:flex;flex-direction:column;gap:12px;text-decoration:none!important;position:relative;box-shadow:0 9px 23px rgba(20,48,60,.1);border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease}
.mx-svc-tile:hover{transform:translateY(-3px);box-shadow:0 15px 27px rgba(20,48,60,.18)}.mx-svc-tile:focus-visible{outline:4px solid #facc48;outline-offset:4px}
.mx-svc-tile-hoteles{--mx-svc-bg:#1479c9}.mx-svc-tile-restaurantes{--mx-svc-bg:#c21875}.mx-svc-tile-farmacias{--mx-svc-bg:#008d9e}.mx-svc-tile-hospitales{--mx-svc-bg:#d34d61}.mx-svc-tile-eventos{--mx-svc-bg:#128850}.mx-svc-tile-policia{--mx-svc-bg:#254b8a}.mx-svc-tile-centros-comerciales{--mx-svc-bg:#7649af}.mx-svc-tile-artesanos{--mx-svc-bg:#bc591c}.mx-svc-tile-transporte{--mx-svc-bg:#117b9c}
.mx-svc-tile-featured{background:linear-gradient(132deg,#13854e,#21a35b);box-shadow:0 13px 28px rgba(12,114,70,.2)}
.mx-svc-symbol{display:flex;align-items:center;justify-content:center;width:57px;height:57px;background:rgba(255,255,255,.17);border-radius:18px;flex-shrink:0}.mx-svc-symbol svg{width:35px;height:35px;display:block}
.mx-svc-copy{display:flex;flex-direction:column;gap:6px;margin-top:auto;max-width:95%}.mx-svc-copy strong{font-weight:850;font-size:clamp(1.1rem,2.4vw,1.55rem);line-height:1.22}.mx-svc-copy small{font-size:.87rem;line-height:1.35;color:rgba(255,255,255,.95)}.mx-svc-arrow{position:absolute;right:18px;top:19px;font-size:1.2rem;font-weight:850}
.mx-svc-ads{display:grid;gap:11px;margin-top:26px}.mx-svc-ad{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:15px 19px;background:#f3f8fa;border:1px solid #cbdfe4;border-left:6px solid #039cb1;border-radius:17px}.mx-svc-ad:nth-child(2){border-left-color:#b91979;background:#fbf5f9}.mx-svc-ad>span{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:#526c79;font-weight:800}.mx-svc-ad strong{font-size:1.04rem;color:#163b50}.mx-svc-ad a{display:inline-block;color:#07698e;text-decoration:underline;text-underline-offset:3px;font-weight:750}.mx-svc-ad a:focus-visible{outline:3px solid #e6aa1c;outline-offset:3px}
.mx-svc-crumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#466577}.mx-svc-crumb a{color:#086e91}.mx-svc-detail-head{display:flex;gap:18px;align-items:center;padding:28px;border-radius:25px;color:#fff;background:linear-gradient(120deg,#1971c7,#019ba5)}.mx-svc-detail-head.mx-svc-event-head{background:linear-gradient(120deg,#11894d,#21a35b)}.mx-svc-detail-head h1{margin:0 0 6px;color:inherit;font-size:clamp(1.9rem,5vw,2.8rem)}.mx-svc-detail-head p{margin:0;color:rgba(255,255,255,.94)}.mx-svc-detail-icon{width:66px;height:66px;background:rgba(255,255,255,.14);border-radius:19px;display:grid;place-items:center;flex:none}.mx-svc-detail-icon svg{width:40px;height:40px}
.mx-svc-filter,.mx-svc-empty{background:#fff;border:1px solid #d8e5e8;border-radius:24px;padding:24px;margin-top:22px}.mx-svc-filter h2,.mx-svc-empty h2{margin:0 0 15px;color:#17384a}.mx-svc-filter-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.mx-svc-filter-form select{min-width:0;border:1px solid #bed2dc;border-radius:12px;background:#fff;color:#133849;padding:12px}.mx-svc-filter-form button,.mx-svc-contact{background:#0b7b9b!important;border:0!important;border-radius:12px!important;color:#fff!important;font-weight:800;padding:12px 17px;text-decoration:none;cursor:pointer}.mx-svc-empty p{max-width:820px;line-height:1.65}.mx-svc-contact{display:inline-block;margin-top:8px}
@media(max-width:780px){.mx-svc-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mx-svc-tile{min-height:174px;padding:18px;border-radius:19px}.mx-svc-tile-featured{grid-column:1/-1;grid-row:1}.mx-svc-ad{grid-template-columns:1fr;gap:6px}.mx-svc-filter-form{grid-template-columns:1fr}.mx-svc-filter-form button{min-height:44px}}
@media(max-width:420px){.mx-svc-page-v138{padding:23px 13px}.mx-svc-tile{min-height:161px;padding:15px}.mx-svc-symbol{width:48px;height:48px}.mx-svc-symbol svg{width:29px;height:29px}.mx-svc-copy strong{font-size:1.02rem}.mx-svc-copy small{font-size:.8rem}.mx-svc-detail-head{padding:20px;align-items:flex-start}.mx-svc-detail-icon{width:48px;height:48px}.mx-svc-detail-icon svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.mx-svc-tile{transition:none}.mx-svc-tile:hover{transform:none}}