/* =========================================================
   MisServicios v1.52.0 — Identidad Marketplace Beta
   Capa visual únicamente. No modifica lógica de negocio.
   ========================================================= */

:root{
    --ms-beta-navy:#12233f;
    --ms-beta-navy-2:#1b3154;
    --ms-beta-teal:#11a79a;
    --ms-beta-teal-dark:#0d887f;
    --ms-beta-teal-soft:#e8f8f6;
    --ms-beta-ink:#1e293b;
    --ms-beta-muted:#667085;
    --ms-beta-line:#e8edf3;
    --ms-beta-bg:#f6f8fb;
    --ms-beta-card:#ffffff;
    --ms-beta-shadow:0 16px 42px rgba(18,35,63,.08);
}

.ms-market-body{
    background:var(--ms-beta-bg)!important;
    color:var(--ms-beta-ink)!important;
}

/* Header */
.ms-market-header{
    position:sticky;
    top:0;
    z-index:1030;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(232,237,243,.92)!important;
    box-shadow:0 7px 24px rgba(18,35,63,.045)!important;
}
.ms-market-header-inner{height:76px!important}
.ms-market-brand{gap:.7rem!important}
.ms-market-brand-mark.ms-beta-logo{
    position:relative;
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden;
    background:linear-gradient(145deg,var(--ms-beta-navy),var(--ms-beta-navy-2))!important;
    box-shadow:0 10px 22px rgba(18,35,63,.18)!important;
}
.ms-market-brand-mark.ms-beta-logo::before{
    content:"";
    width:18px;height:18px;
    border:4px solid #fff;
    border-right-color:var(--ms-beta-teal);
    border-bottom-color:var(--ms-beta-teal);
    border-radius:6px;
    transform:rotate(45deg);
}
.ms-market-brand-mark.ms-beta-logo::after{
    content:"";
    position:absolute;
    width:7px;height:7px;
    border-radius:50%;
    background:#fff;
    top:9px;right:8px;
    box-shadow:0 0 0 3px rgba(17,167,154,.34);
}
.ms-market-brand strong{
    font-size:1rem!important;
    color:var(--ms-beta-navy)!important;
    letter-spacing:-.025em;
}
.ms-market-brand small{
    color:#8290a3!important;
    font-size:.58rem!important;
    margin-top:1px;
}
.ms-market-nav{gap:1.5rem!important}
.ms-market-nav a{
    color:#526071!important;
    font-size:.72rem!important;
    font-weight:750!important;
    position:relative;
}
.ms-market-nav a::after{
    content:"";
    position:absolute;
    left:0;right:100%;bottom:-8px;
    height:2px;border-radius:999px;
    background:var(--ms-beta-teal);
    transition:right .18s ease;
}
.ms-market-nav a:hover{color:var(--ms-beta-navy)!important}
.ms-market-nav a:hover::after{right:0}
.ms-market-actions .btn{
    min-height:40px;
    border-radius:11px!important;
    font-size:.72rem;
    font-weight:800;
}
.ms-market-actions .btn-primary{
    background:var(--ms-beta-teal)!important;
    border-color:var(--ms-beta-teal)!important;
    box-shadow:0 8px 18px rgba(17,167,154,.18);
}
.ms-market-actions .btn-primary:hover{
    background:var(--ms-beta-teal-dark)!important;
    border-color:var(--ms-beta-teal-dark)!important;
}

/* Beta indicator */
.ms-beta-chip{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.27rem .52rem;
    border-radius:999px;
    margin-left:.35rem;
    background:var(--ms-beta-teal-soft);
    color:var(--ms-beta-teal-dark);
    border:1px solid #cdeeea;
    font-size:.5rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

/* Hero */
.ms-market-hero.ms-beta-hero{
    padding:64px 0 54px!important;
    background:
        radial-gradient(circle at 88% 16%,rgba(17,167,154,.18),transparent 28%),
        radial-gradient(circle at 72% 80%,rgba(42,72,116,.10),transparent 24%),
        linear-gradient(180deg,#fff 0%,#f8fbfc 100%)!important;
    border-bottom:1px solid #edf1f5;
}
.ms-beta-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
    gap:4.5rem;
    align-items:center;
}
.ms-beta-kicker{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.45rem .7rem;
    border-radius:999px;
    color:var(--ms-beta-teal-dark);
    background:var(--ms-beta-teal-soft);
    border:1px solid #d5f1ed;
    font-size:.67rem;
    font-weight:850;
    margin-bottom:1rem;
}
.ms-beta-hero-copy h1{
    margin:0;
    max-width:720px;
    color:var(--ms-beta-navy);
    font-size:clamp(2.55rem,5vw,4.55rem);
    line-height:.98;
    letter-spacing:-.055em;
    font-weight:950;
}
.ms-beta-hero-copy h1 em{
    color:var(--ms-beta-teal);
    font-style:normal;
}
.ms-beta-hero-copy>p{
    max-width:680px;
    color:#68768a;
    font-size:.98rem;
    line-height:1.72;
    margin:1.35rem 0 1.5rem;
}

.ms-market-search.ms-beta-search{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(180px,.72fr) auto!important;
    align-items:center;
    gap:0!important;
    padding:7px!important;
    border:1px solid #dde5ed!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 18px 44px rgba(18,35,63,.11)!important;
    overflow:hidden;
}
.ms-beta-search .ms-market-search-main{
    min-height:52px;
    border-right:1px solid #edf1f5;
}
.ms-beta-search .ms-market-search-main i{
    color:var(--ms-beta-teal)!important;
    font-size:1rem!important;
}
.ms-beta-search input,
.ms-beta-search select{
    font-size:.77rem!important;
}
.ms-beta-search select{
    min-height:52px;
    border:0!important;
    outline:0;
    padding:0 1rem;
    color:#59687a;
    background:#fff;
}
.ms-beta-search .btn{
    min-height:48px;
    min-width:108px;
    border-radius:12px!important;
    background:var(--ms-beta-teal)!important;
    border-color:var(--ms-beta-teal)!important;
}
.ms-market-quick-links{margin-top:1rem!important}
.ms-market-quick-links span{color:#8491a2!important}
.ms-market-quick-links a{
    background:#fff!important;
    color:#516174!important;
    border:1px solid #e5ebf1!important;
    box-shadow:none!important;
}
.ms-market-quick-links a:hover{
    color:var(--ms-beta-teal-dark)!important;
    border-color:#bde6e1!important;
    background:var(--ms-beta-teal-soft)!important;
}

/* Hero visual */
.ms-beta-visual{
    position:relative;
    min-height:390px;
    display:grid;
    place-items:center;
}
.ms-beta-visual-bg{
    position:absolute;
    inset:28px 18px 18px 42px;
    border-radius:34px;
    background:
        linear-gradient(145deg,rgba(18,35,63,.97),rgba(27,49,84,.94) 55%,rgba(17,167,154,.88));
    box-shadow:0 30px 64px rgba(18,35,63,.23);
}
.ms-beta-pro-card{
    position:relative;
    width:min(390px,88%);
    background:#fff;
    border:1px solid rgba(255,255,255,.8);
    border-radius:22px;
    padding:18px;
    box-shadow:0 24px 58px rgba(8,20,38,.22);
    transform:rotate(-1.2deg);
}
.ms-beta-pro-top{display:flex;align-items:center;gap:.8rem}
.ms-beta-pro-avatar{
    width:58px;height:58px;border-radius:17px;
    display:grid;place-items:center;
    color:#fff;font-weight:950;font-size:1.05rem;
    background:linear-gradient(135deg,var(--ms-beta-teal),var(--ms-beta-navy));
}
.ms-beta-pro-info{min-width:0;flex:1}
.ms-beta-pro-info strong{display:block;color:var(--ms-beta-navy);font-size:.86rem}
.ms-beta-pro-info small{display:block;color:#8490a0;font-size:.62rem;margin-top:.18rem}
.ms-beta-verified{
    width:29px;height:29px;border-radius:9px;
    display:grid;place-items:center;
    background:var(--ms-beta-teal-soft);
    color:var(--ms-beta-teal);
}
.ms-beta-pro-service{
    display:flex;align-items:center;gap:.65rem;
    margin-top:15px;padding:12px;
    background:#f7f9fb;border:1px solid #eef1f4;border-radius:14px;
}
.ms-beta-pro-service i{
    width:38px;height:38px;border-radius:11px;
    display:grid;place-items:center;background:#e9f7f5;color:var(--ms-beta-teal);
}
.ms-beta-pro-service strong{display:block;font-size:.7rem;color:var(--ms-beta-navy)}
.ms-beta-pro-service small{display:block;font-size:.56rem;color:#8995a5;margin-top:2px}
.ms-beta-floating{
    position:absolute;
    display:flex;align-items:center;gap:.55rem;
    padding:10px 13px;
    background:#fff;
    border:1px solid #e8edf3;
    border-radius:14px;
    box-shadow:0 16px 34px rgba(18,35,63,.16);
    color:var(--ms-beta-navy);
    font-size:.62rem;font-weight:800;
}
.ms-beta-floating i{color:var(--ms-beta-teal)}
.ms-beta-floating.one{left:0;top:58px}
.ms-beta-floating.two{right:-3px;bottom:52px}
.ms-beta-floating.three{left:22px;bottom:12px}
.ms-beta-floating .stars{color:#f1aa18;letter-spacing:.04em}

/* Trust row */
.ms-beta-trust{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:.65rem;
    margin-top:1.4rem;
    max-width:690px;
}
.ms-beta-trust div{
    display:flex;align-items:center;gap:.55rem;
    color:#647286;
    font-size:.63rem;
    font-weight:750;
}
.ms-beta-trust i{
    width:29px;height:29px;border-radius:9px;
    display:grid;place-items:center;
    background:#fff;
    border:1px solid #e5ebf0;
    color:var(--ms-beta-teal);
}

/* Sections */
.ms-market-section{padding:52px 0!important}
.ms-market-section-head{margin-bottom:24px!important}
.ms-market-section-head span{
    color:var(--ms-beta-teal)!important;
    font-size:.6rem!important;
    letter-spacing:.11em!important;
    text-transform:uppercase;
    font-weight:900;
}
.ms-market-section-head h2{
    color:var(--ms-beta-navy)!important;
    font-size:1.55rem!important;
    letter-spacing:-.03em;
    margin-top:.2rem!important;
}
.ms-market-section-head p{color:#788698!important;font-size:.72rem!important}
.ms-market-section-head>a{color:var(--ms-beta-teal-dark)!important;font-weight:800!important}

.ms-market-categories{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:.85rem!important;
}
.ms-market-category{
    min-height:130px;
    justify-content:center;
    text-align:center;
    border:1px solid var(--ms-beta-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(18,35,63,.045)!important;
    transition:.2s ease!important;
}
.ms-market-category:hover,
.ms-market-category.active{
    transform:translateY(-3px);
    border-color:#bfe6e2!important;
    box-shadow:0 17px 32px rgba(17,167,154,.09)!important;
}
.ms-market-category .icon{
    width:48px!important;height:48px!important;
    margin:0 auto .65rem!important;
    border-radius:14px!important;
    background:var(--ms-beta-teal-soft)!important;
    color:var(--ms-beta-teal)!important;
}
.ms-market-category strong{
    color:var(--ms-beta-navy)!important;
    font-size:.69rem!important;
}
.ms-market-category small{color:#8a96a6!important;font-size:.55rem!important}

/* Filter bar */
.ms-market-filterbar{
    padding:10px!important;
    border:1px solid var(--ms-beta-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(18,35,63,.045)!important;
}
.ms-market-filterbar select{
    border-color:#e3e9ef!important;
    border-radius:11px!important;
}
.ms-market-filterbar .btn-dark{
    background:var(--ms-beta-navy)!important;
    border-color:var(--ms-beta-navy)!important;
    border-radius:11px!important;
}

/* Service cards */
.ms-market-services-grid{gap:1rem!important}
.ms-market-service-card{
    overflow:hidden;
    border:1px solid var(--ms-beta-line)!important;
    border-radius:20px!important;
    box-shadow:0 12px 32px rgba(18,35,63,.055)!important;
    transition:.2s ease!important;
}
.ms-market-service-card:hover{
    transform:translateY(-4px);
    border-color:#d5e0e9!important;
    box-shadow:0 20px 42px rgba(18,35,63,.10)!important;
}
.ms-market-service-media{
    height:205px!important;
    background:linear-gradient(180deg,#f7f9fb,#f0f4f7)!important;
}
.ms-market-service-body{padding:17px!important}
.ms-market-service-tags span{
    background:#eef8f7!important;
    color:var(--ms-beta-teal-dark)!important;
}
.ms-market-service-body h3{
    color:var(--ms-beta-navy)!important;
    font-size:1rem!important;
    letter-spacing:-.015em;
}
.ms-market-service-price{border-color:#eef1f5!important}
.ms-market-provider img,
.ms-market-provider>span{
    background:var(--ms-beta-teal-soft)!important;
    color:var(--ms-beta-teal-dark)!important;
}
.ms-market-provider>a.ms-market-view-profile{
    background:var(--ms-beta-navy)!important;
    box-shadow:0 8px 16px rgba(18,35,63,.14)!important;
}
.ms-market-provider>a.ms-market-view-profile:hover{
    background:var(--ms-beta-teal-dark)!important;
}

/* Professional cards */
.ms-market-prof-grid{gap:1rem!important}
.ms-market-prof-card{
    padding:16px!important;
    border:1px solid var(--ms-beta-line)!important;
    border-radius:18px!important;
    box-shadow:0 9px 26px rgba(18,35,63,.045);
    transition:.2s ease;
}
.ms-market-prof-card:hover{
    transform:translateY(-3px);
    border-color:#cce5e2!important;
    box-shadow:0 17px 34px rgba(18,35,63,.085);
}
.ms-market-prof-card img,
.ms-market-prof-card .avatar{
    width:60px!important;height:60px!important;
    border-radius:17px!important;
    background:var(--ms-beta-teal-soft)!important;
    color:var(--ms-beta-teal-dark)!important;
}
.ms-market-prof-card h3{color:var(--ms-beta-navy)!important}
.ms-market-prof-card .services{
    background:var(--ms-beta-teal-soft)!important;
    color:var(--ms-beta-teal-dark)!important;
}

/* CTA */
.ms-market-cta{padding:24px 0 58px!important}
.ms-market-cta-box{
    position:relative;
    overflow:hidden;
    background:linear-gradient(120deg,var(--ms-beta-navy),var(--ms-beta-navy-2) 63%,#176f70)!important;
    border-radius:24px!important;
    box-shadow:0 22px 45px rgba(18,35,63,.18);
}
.ms-market-cta-box::after{
    content:"";
    position:absolute;
    width:190px;height:190px;border-radius:50%;
    right:-45px;top:-85px;
    background:rgba(17,167,154,.20);
}
.ms-market-cta-box>*{position:relative;z-index:1}
.ms-market-cta-box span{color:#91ded7!important}
.ms-market-cta-box .btn-light{
    color:var(--ms-beta-navy)!important;
    border:0!important;
}

/* Footer */
.ms-market-footer{
    background:#0e1b31!important;
    color:#d3dbe5!important;
}
.ms-market-footer .ms-market-brand strong{color:#fff!important}
.ms-market-footer .ms-market-brand small{color:#91a2b8!important}
.ms-market-footer a:hover{color:#86ddd5!important}

/* Banner temporal debe seguir siendo solamente la franja */
.ms-theme-banner{font-size:.76rem!important}

/* Responsive */
@media(max-width:1199.98px){
    .ms-beta-hero-grid{grid-template-columns:1fr .82fr;gap:2.5rem}
    .ms-market-categories{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:991.98px){
    .ms-beta-hero-grid{grid-template-columns:1fr}
    .ms-beta-visual{display:none}
    .ms-market-search.ms-beta-search{grid-template-columns:1fr auto!important}
    .ms-beta-search select{display:none}
    .ms-market-categories{grid-template-columns:repeat(3,1fr)!important}
    .ms-beta-trust{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767.98px){
    .ms-market-header-inner{height:66px!important}
    .ms-market-hero.ms-beta-hero{padding:40px 0 34px!important}
    .ms-beta-hero-copy h1{font-size:2.65rem}
    .ms-beta-hero-copy>p{font-size:.86rem}
    .ms-market-search.ms-beta-search{grid-template-columns:1fr!important}
    .ms-beta-search .ms-market-search-main{border-right:0;border-bottom:1px solid #edf1f5}
    .ms-beta-search .btn{width:100%;margin-top:5px}
    .ms-beta-trust{grid-template-columns:1fr;gap:.45rem}
    .ms-market-categories{grid-template-columns:repeat(2,1fr)!important}
    .ms-market-section{padding:42px 0!important}
}
@media(max-width:420px){
    .ms-beta-hero-copy h1{font-size:2.25rem}
    .ms-market-category{min-height:116px}
}


/* =========================================================
   v1.52.1 — Segunda pulida Marketplace Beta
   ========================================================= */

/* Categorías: menos caja, más icono y mejor densidad */
.ms-market-categories{
    gap:.72rem!important;
}
.ms-market-category{
    min-height:104px!important;
    padding:14px 10px!important;
    border-radius:16px!important;
}
.ms-market-category .icon{
    width:54px!important;
    height:54px!important;
    border-radius:15px!important;
    margin:0 auto .48rem!important;
    font-size:1.22rem!important;
}
.ms-market-category .icon i{
    font-size:1.22rem!important;
}
.ms-market-category strong{
    font-size:.71rem!important;
    line-height:1.18!important;
}
.ms-market-category small{
    margin-top:.32rem!important;
    font-size:.57rem!important;
}

/* Secciones: contraste suave para separar bloques */
#categorias{
    background:#f8fafc!important;
}
#servicios{
    background:#eef4f8!important;
}
#profesionales{
    background:#f8fafc!important;
}

/* Filtros un poco más compactos */
.ms-market-filterbar{
    padding:9px!important;
    margin-bottom:16px!important;
}

/* Servicios: imagen protagonista y tarjetas más compactas */
.ms-market-services-grid{
    gap:.9rem!important;
}
.ms-market-service-card{
    border-radius:18px!important;
}
.ms-market-service-media{
    height:190px!important;
    padding:0!important;
    border-radius:18px 18px 0 0!important;
    overflow:hidden!important;
    background:#e9eef3!important;
}
.ms-market-service-media img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
    display:block!important;
}
.ms-market-service-body{
    padding:14px 15px 13px!important;
}
.ms-market-service-tags{
    margin-bottom:.48rem!important;
}
.ms-market-service-tags span{
    padding:.27rem .48rem!important;
    font-size:.54rem!important;
}
.ms-market-service-body h3{
    margin-bottom:.22rem!important;
    font-size:.96rem!important;
    line-height:1.2!important;
}
.ms-market-service-body>p{
    min-height:0!important;
    margin-bottom:.7rem!important;
    font-size:.62rem!important;
    line-height:1.35!important;
}
.ms-market-service-price{
    padding:.68rem 0!important;
    margin-top:.35rem!important;
}
.ms-market-service-price small{
    font-size:.53rem!important;
}
.ms-market-service-price strong{
    color:var(--ms-beta-navy)!important;
    font-size:.88rem!important;
    line-height:1.1!important;
}
.ms-market-service-price>div:first-child strong{
    color:var(--ms-beta-teal-dark)!important;
    font-size:1rem!important;
}
.ms-market-provider{
    padding-top:.7rem!important;
    gap:.55rem!important;
}
.ms-market-provider img,
.ms-market-provider>span{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
}
.ms-market-provider strong{
    font-size:.61rem!important;
}
.ms-market-provider small{
    font-size:.49rem!important;
}
.ms-market-provider>a.ms-market-view-profile{
    min-width:82px!important;
    padding:.52rem .68rem!important;
    border-radius:10px!important;
    background:var(--ms-beta-teal)!important;
    border-color:var(--ms-beta-teal)!important;
    color:#fff!important;
    font-size:.58rem!important;
    box-shadow:0 7px 15px rgba(17,167,154,.18)!important;
}
.ms-market-provider>a.ms-market-view-profile:hover{
    background:var(--ms-beta-teal-dark)!important;
    border-color:var(--ms-beta-teal-dark)!important;
    transform:translateY(-1px);
}

/* Profesionales: más presencia de foto y reputación */
.ms-market-prof-grid{
    gap:.85rem!important;
}
.ms-market-prof-card{
    min-height:112px!important;
    padding:14px!important;
}
.ms-market-prof-card img,
.ms-market-prof-card .avatar{
    width:68px!important;
    height:68px!important;
    flex:0 0 68px!important;
    border-radius:18px!important;
    object-fit:cover!important;
}
.ms-market-prof-card h3{
    font-size:.82rem!important;
    margin-bottom:.12rem!important;
}
.ms-market-prof-card p{
    font-size:.56rem!important;
    line-height:1.3!important;
}
.ms-market-prof-card .rating{
    font-weight:800!important;
}
.ms-market-prof-card .services{
    font-size:.52rem!important;
    padding:.26rem .48rem!important;
}
.ms-market-prof-card>a:last-child,
.ms-market-prof-card .arrow{
    color:var(--ms-beta-teal)!important;
}

/* Lectura: secundarios ligeramente mayores */
.ms-market-section-head p{
    font-size:.75rem!important;
    line-height:1.45!important;
}
.ms-market-service-card,
.ms-market-prof-card,
.ms-market-category{
    -webkit-font-smoothing:antialiased;
}

/* Mantener CTA como bloque fuerte */
.ms-market-cta-box{
    padding-top:25px!important;
    padding-bottom:25px!important;
}

/* Responsive */
@media(max-width:1199.98px){
    .ms-market-category{min-height:100px!important}
}
@media(max-width:767.98px){
    .ms-market-category{
        min-height:98px!important;
        padding:12px 8px!important;
    }
    .ms-market-category .icon{
        width:50px!important;
        height:50px!important;
    }
    .ms-market-service-media{
        height:210px!important;
    }
    .ms-market-provider>a.ms-market-view-profile{
        min-width:76px!important;
    }
}


/* v1.52.2 — Legibilidad Marketplace */
:root{--ms-readable:#596b80;--ms-readable-strong:#46596f}

/* Categorías */
.ms-market-category small{
 color:var(--ms-readable)!important;font-size:.64rem!important;
 font-weight:650!important;line-height:1.25!important
}

/* Textos secundarios generales */
.ms-market-section-head p{
 color:var(--ms-readable)!important;font-size:.78rem!important;line-height:1.5!important
}

/* Servicios */
.ms-market-service-tags span{font-size:.59rem!important;font-weight:650!important}
.ms-market-service-body>p{
 color:var(--ms-readable)!important;font-size:.68rem!important;line-height:1.42!important
}
.ms-market-service-price small{
 color:var(--ms-readable)!important;font-size:.59rem!important;font-weight:650!important
}
.ms-market-provider strong{color:var(--ms-beta-navy)!important;font-size:.66rem!important}
.ms-market-provider small{
 color:var(--ms-readable-strong)!important;font-size:.56rem!important;line-height:1.28!important
}
.ms-market-provider small i{color:var(--ms-beta-teal)!important}

/* Profesionales */
.ms-market-prof-card h3{font-size:.84rem!important}
.ms-market-prof-card p{
 color:var(--ms-readable-strong)!important;font-size:.62rem!important;line-height:1.4!important
}
.ms-market-prof-card p i{color:var(--ms-beta-teal)!important}
.ms-market-prof-card .rating{
 color:var(--ms-readable-strong)!important;font-size:.59rem!important;font-weight:700!important
}
.ms-market-prof-card .services{font-size:.58rem!important;font-weight:700!important}

@media(max-width:767.98px){
 .ms-market-category small{font-size:.64rem!important}
 .ms-market-service-body>p{font-size:.69rem!important}
 .ms-market-provider small{font-size:.58rem!important}
 .ms-market-prof-card p{font-size:.64rem!important}
}


/* =========================================================
   v1.52.3 — Iconos de categorías + contraste profesionales
   ========================================================= */

/* Categorías: acercar visualmente al ejemplo de referencia */
.ms-market-category .icon{
    width:60px!important;
    height:60px!important;
    border-radius:14px!important;
    background:#eef8f7!important;
    color:#17606b!important;
    font-size:1.48rem!important;
    margin-bottom:.52rem!important;
}
.ms-market-category .icon i{
    color:#17606b!important;
    font-size:1.48rem!important;
    line-height:1!important;
}
.ms-market-category:hover .icon,
.ms-market-category.active .icon{
    background:#e2f4f1!important;
    color:#123f52!important;
}
.ms-market-category:hover .icon i,
.ms-market-category.active .icon i{
    color:#123f52!important;
}

/* Cantidad de servicios: ya no gris lavado */
.ms-market-category small{
    color:#65758a!important;
    font-size:.66rem!important;
    font-weight:700!important;
}

/* Profesionales: ubicación y tipo con contraste real */
.ms-market-prof-card p{
    color:#5d6d80!important;
    font-size:.64rem!important;
    font-weight:600!important;
}
.ms-market-prof-card small{
    color:#53657a!important;
    font-size:.61rem!important;
    font-weight:600!important;
    line-height:1.35!important;
}
.ms-market-prof-card small i{
    color:#0f9f94!important;
    font-size:.66rem!important;
}
.ms-market-prof-card .rating{
    color:#53657a!important;
}
.ms-market-prof-card .rating-empty{
    color:#66778b!important;
}
.ms-market-prof-card .rating-empty i{
    color:#718296!important;
}
.ms-market-prof-card .services{
    color:#0b7f77!important;
    background:#e7f7f5!important;
    font-size:.59rem!important;
    font-weight:750!important;
}

/* En servicios, ubicación del proveedor un poco más visible también */
.ms-market-provider small{
    color:#53657a!important;
    font-size:.58rem!important;
    font-weight:600!important;
}

@media(max-width:767.98px){
    .ms-market-category .icon,
    .ms-market-category .icon i{
        font-size:1.38rem!important;
    }
    .ms-market-category .icon{
        width:56px!important;
        height:56px!important;
    }
    .ms-market-prof-card small{
        font-size:.62rem!important;
    }
}


/* =========================================================
   v1.52.4 — Categorías Interactivas
   ========================================================= */

.ms-market-category{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid #d9ecea!important;
    box-shadow:0 10px 28px rgba(15,159,148,.075)!important;
    cursor:pointer;
    transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease,background .20s ease!important;
}
.ms-market-category::before{
    content:"";
    position:absolute;
    left:22%;right:22%;top:0;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#0f9f94,#17606b);
    opacity:.55;
    transform:scaleX(.58);
    transition:transform .20s ease,opacity .20s ease;
}
.ms-market-category .icon{
    background:linear-gradient(145deg,#e6f7f5,#d9f1ee)!important;
    color:#17606b!important;
    box-shadow:0 7px 18px rgba(15,159,148,.10)!important;
    transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important;
}
.ms-market-category .icon i{
    color:#17606b!important;
    transition:transform .22s ease,color .22s ease!important;
}
.ms-market-category small{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:.24rem .5rem!important;
    border-radius:999px;
    background:#f1f7f7;
    color:#536a72!important;
    transition:background .20s ease,color .20s ease!important;
}

/* Hover: que se sienta realmente clickeable */
.ms-market-category:hover{
    transform:translateY(-5px)!important;
    border-color:#86d6cf!important;
    background:#fbfefd!important;
    box-shadow:0 18px 36px rgba(15,159,148,.18)!important;
}
.ms-market-category:hover::before{
    opacity:1;
    transform:scaleX(1);
}
.ms-market-category:hover .icon{
    transform:translateY(-2px) scale(1.10)!important;
    background:linear-gradient(145deg,#11a79a,#0d887f)!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(15,159,148,.27)!important;
}
.ms-market-category:hover .icon i{
    color:#fff!important;
    transform:scale(1.06);
}
.ms-market-category:hover strong{
    color:#0b7f77!important;
}
.ms-market-category:hover small{
    background:#e4f6f3!important;
    color:#0b7f77!important;
}

/* Seleccionada: visible aun sin hover */
.ms-market-category.active{
    border-color:#59c6bd!important;
    background:linear-gradient(180deg,#fbfffe,#effaf8)!important;
    box-shadow:0 16px 34px rgba(15,159,148,.16)!important;
}
.ms-market-category.active::before{
    opacity:1;
    transform:scaleX(1);
}
.ms-market-category.active .icon{
    background:linear-gradient(145deg,#11a79a,#0d887f)!important;
    color:#fff!important;
}
.ms-market-category.active .icon i{
    color:#fff!important;
}
.ms-market-category.active small{
    background:#dff4f1!important;
    color:#0b7f77!important;
}

@media (prefers-reduced-motion:reduce){
    .ms-market-category,
    .ms-market-category::before,
    .ms-market-category .icon,
    .ms-market-category .icon i{
        transition:none!important;
    }
}


/* =========================================================
   v1.52.6 — Hero: Busca · Compara · Contacta
   ========================================================= */
.ms-beta-how-card{
    transform:none!important;
    width:min(400px,88%)!important;
    padding:20px!important;
}
.ms-beta-how-head{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding-bottom:14px;
    margin-bottom:4px;
    border-bottom:1px solid #edf1f5;
}
.ms-beta-how-icon{
    width:46px;height:46px;flex:0 0 46px;
    display:grid;place-items:center;
    border-radius:14px;
    color:#fff;
    font-size:1.12rem;
    background:linear-gradient(145deg,#11a79a,#0d887f);
    box-shadow:0 9px 20px rgba(17,167,154,.20);
}
.ms-beta-how-head strong{
    display:block;
    color:var(--ms-beta-navy);
    font-size:.88rem;
}
.ms-beta-how-head small{
    display:block;
    color:#65758a;
    font-size:.62rem;
    margin-top:.18rem;
}
.ms-beta-how-step{
    display:grid;
    grid-template-columns:26px 38px 1fr;
    align-items:center;
    gap:.55rem;
    margin-top:10px;
    padding:11px 12px;
    border:1px solid #e9eef3;
    border-radius:14px;
    background:#f8fafc;
}
.ms-beta-step-number{
    width:24px;height:24px;
    display:grid;place-items:center;
    border-radius:8px;
    background:#e4f6f3;
    color:#0b7f77;
    font-size:.62rem;
    font-weight:900;
}
.ms-beta-how-step>i{
    width:36px;height:36px;
    display:grid;place-items:center;
    border-radius:11px;
    background:#fff;
    color:#0f9f94;
    border:1px solid #e2eceb;
    font-size:.9rem;
}
.ms-beta-how-step strong{
    display:block;
    color:var(--ms-beta-navy);
    font-size:.72rem;
}
.ms-beta-how-step small{
    display:block;
    color:#5d6d80;
    font-size:.59rem;
    line-height:1.35;
    margin-top:2px;
}
.ms-beta-how-trust{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:.45rem .8rem;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid #edf1f5;
}
.ms-beta-how-trust span{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    color:#526478;
    font-size:.55rem;
    font-weight:750;
}
.ms-beta-how-trust i{color:#0f9f94}


/* =========================================================
   v1.52.7 — Hero una sola tarjeta
   Elimina visualmente la segunda capa blanca.
   ========================================================= */
.ms-beta-how-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:20px 22px!important;
    width:min(430px,92%)!important;
}
.ms-beta-visual-bg{
    inset:18px 12px 12px 18px!important;
    border-radius:30px!important;
}
.ms-beta-how-head{
    border-bottom-color:rgba(255,255,255,.16)!important;
}
.ms-beta-how-head strong{
    color:#fff!important;
}
.ms-beta-how-head small{
    color:rgba(255,255,255,.76)!important;
}
.ms-beta-how-step{
    background:rgba(255,255,255,.96)!important;
    border-color:rgba(255,255,255,.78)!important;
    box-shadow:0 8px 20px rgba(8,20,38,.08)!important;
}
.ms-beta-how-trust{
    border-top-color:rgba(255,255,255,.16)!important;
}
.ms-beta-how-trust span{
    color:rgba(255,255,255,.90)!important;
}
.ms-beta-how-trust i{
    color:#7de1d8!important;
}

/* v1.52.8 — Popular + Barra de Confianza */
.ms-market-quick-links{align-items:center!important;gap:.45rem!important}
.ms-market-quick-links>span{color:#53657a!important;font-size:.62rem!important;font-weight:800!important}
.ms-market-quick-links a{
 background:#e9f7f5!important;color:#0b6f69!important;border:1px solid #b9e4df!important;
 font-size:.60rem!important;font-weight:750!important;padding:.38rem .62rem!important;
 box-shadow:0 4px 10px rgba(15,159,148,.06)!important;
 transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important
}
.ms-market-quick-links a:hover{
 background:#0f9f94!important;color:#fff!important;border-color:#0f9f94!important;
 transform:translateY(-2px);box-shadow:0 8px 16px rgba(15,159,148,.20)!important
}
.ms-beta-trust.ms-beta-trustbar{
 max-width:760px!important;margin-top:1.15rem!important;padding:10px 12px!important;gap:0!important;
 background:rgba(255,255,255,.97)!important;border:1px solid #dfe8ef!important;border-radius:15px!important;
 box-shadow:0 10px 26px rgba(18,35,63,.07)!important
}
.ms-beta-trustbar>div{min-width:0;padding:5px 13px;gap:.65rem!important}
.ms-beta-trustbar>div+div{border-left:1px solid #e6edf2}
.ms-beta-trustbar>div>i{
 width:36px!important;height:36px!important;flex:0 0 36px;border-radius:11px!important;border:0!important;
 background:#e5f7f4!important;color:#0f9f94!important;font-size:.85rem!important
}
.ms-beta-trustbar>div>span{display:block;min-width:0}
.ms-beta-trustbar strong{display:block;color:#20334f!important;font-size:.62rem!important;line-height:1.18;font-weight:850!important}
.ms-beta-trustbar small{display:block;margin-top:3px;color:#627286!important;font-size:.54rem!important;line-height:1.25;font-weight:600!important}
@media(max-width:767.98px){
 .ms-beta-trust.ms-beta-trustbar{grid-template-columns:1fr!important;padding:8px 12px!important}
 .ms-beta-trustbar>div{padding:8px 4px!important}
 .ms-beta-trustbar>div+div{border-left:0;border-top:1px solid #e6edf2}
 .ms-beta-trustbar strong{font-size:.66rem!important}.ms-beta-trustbar small{font-size:.58rem!important}
}

/* v1.53.1 — Barra pública oscura */
.ms-market-header{
 background:linear-gradient(90deg,#10203a 0%,#152a49 72%,#123b4a 100%)!important;
 border-bottom:1px solid rgba(255,255,255,.08)!important;
 box-shadow:0 8px 26px rgba(18,35,63,.16)!important
}
.ms-market-brand strong{color:#fff!important}
.ms-market-brand small{color:#a9b8c9!important}
.ms-market-nav a{color:rgba(255,255,255,.86)!important}
.ms-market-nav a:hover{color:#78ddd4!important}
.ms-market-nav a::after{background:#4fd1c5!important}
.ms-market-actions .btn-outline-secondary,.ms-market-actions .btn-light{
 border-color:rgba(255,255,255,.28)!important;color:#fff!important;background:rgba(255,255,255,.06)!important
}
.ms-market-actions .btn-outline-secondary:hover,.ms-market-actions .btn-light:hover{
 background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.40)!important
}
.ms-market-actions .btn-primary{background:#0f9f94!important;border-color:#0f9f94!important}
.ms-market-header .ms-beta-chip{
 background:rgba(111,221,211,.16)!important;color:#8be4dc!important;border-color:rgba(139,228,220,.22)!important
}

/* =========================================================
   v1.72.2 — Hero y carrusel optimizados para móvil
   ========================================================= */
@media(max-width:991.98px){
    .ms-beta-hero-grid{grid-template-columns:1fr!important;gap:1.25rem!important}
    .ms-beta-visual{display:grid!important;min-height:350px!important;width:100%!important}
}
@media(max-width:767.98px){
    .ms-market-hero.ms-beta-hero{padding:24px 0 28px!important}
    .ms-beta-hero-grid{gap:1rem!important}
    .ms-beta-kicker{margin-bottom:.65rem!important;padding:.34rem .58rem!important;font-size:.58rem!important}
    .ms-beta-hero-copy h1{font-size:1.95rem!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:100%!important}
    .ms-beta-hero-copy>p{font-size:.78rem!important;line-height:1.45!important;margin:.7rem 0 .85rem!important;max-width:96%!important}
    .ms-market-search.ms-beta-search{margin-top:0!important}
    .ms-market-quick-links{margin-top:.65rem!important;white-space:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
    .ms-market-quick-links::-webkit-scrollbar{display:none}
    .ms-beta-trust.ms-beta-trustbar{display:none!important}
    .ms-beta-visual{min-height:300px!important;margin-top:.15rem!important;place-items:stretch!important}
}
@media(max-width:420px){
    .ms-beta-hero-copy h1{font-size:1.72rem!important}
    .ms-beta-hero-copy>p{font-size:.74rem!important}
    .ms-beta-visual{min-height:280px!important}
}

/* =========================================================
   v1.72.3 — Legibilidad global + UX móvil
   Contraste aplicado en web y móvil; compactación sólo móvil.
   ========================================================= */
:root{
    --ms-readable:#405166;
    --ms-readable-strong:#2f4055;
}
/* Contraste general público */
.ms-beta-hero-copy>p,
.ms-market-section-head p,
.ms-market-service-body>p,
.ms-market-category small,
.ms-market-provider small,
.ms-market-prof-card p,
.ms-market-prof-card .rating{
    color:var(--ms-readable)!important;
}
.ms-market-service-body>p,
.ms-market-provider small,
.ms-market-prof-card p{font-weight:550!important}
.ms-market-service-price small{color:var(--ms-readable-strong)!important;font-weight:750!important}
.ms-market-provider strong,.ms-market-service-body h3,.ms-market-section-head h2{color:var(--ms-beta-navy)!important}
.ms-market-provider strong{font-weight:850!important}
.ms-market-quick-links>span{color:var(--ms-readable-strong)!important}

@media(max-width:767.98px){
    .ms-market-hero.ms-beta-hero{padding:18px 0 24px!important}
    .ms-beta-kicker{margin-bottom:.5rem!important}
    .ms-beta-hero-copy h1{font-size:1.58rem!important;line-height:1.02!important;letter-spacing:-.04em!important}
    .ms-beta-hero-copy>p{font-size:.75rem!important;line-height:1.42!important;margin:.55rem 0 .65rem!important;color:#405166!important}
    .ms-market-search.ms-beta-search{margin-top:0!important;padding:6px!important;border-radius:16px!important}
    .ms-market-search input,.ms-market-search select{min-height:42px!important}
    .ms-market-search .btn{min-height:42px!important}
    .ms-market-quick-links{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;gap:.4rem!important;margin-top:.55rem!important;padding:0 0 4px!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
    .ms-market-quick-links>span,.ms-market-quick-links>a{flex:0 0 auto!important}
    .ms-market-quick-links>a{scroll-snap-align:start}
    .ms-beta-visual{margin-top:.05rem!important}
    .ms-market-service-body h3{font-size:1rem!important}
    .ms-market-service-body>p{font-size:.74rem!important;line-height:1.42!important;color:#405166!important}
    .ms-market-service-price small{font-size:.62rem!important}
    .ms-market-service-price strong{font-size:.92rem!important}
    .ms-market-service-price>div:first-child strong{font-size:1.04rem!important}
    .ms-market-provider strong{font-size:.72rem!important}
    .ms-market-provider small{font-size:.62rem!important;color:#405166!important}
    .ms-market-service-tags span{font-size:.61rem!important;font-weight:750!important}
}
@media(max-width:420px){
    .ms-beta-hero-copy h1{font-size:1.48rem!important}
    .ms-beta-hero-copy>p{font-size:.72rem!important}
}

/* =========================================================
   v1.72.4 — Tarjetas de servicios compactas
   Reduce espacio muerto y hace protagonista la fotografía.
   ========================================================= */
@media(max-width:767.98px){
    .ms-market-services-grid{
        gap:.72rem!important;
    }
    .ms-market-service-card{
        border-radius:16px!important;
        overflow:hidden!important;
    }
    .ms-market-service-media{
        position:relative!important;
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:16/9!important;
        padding:0!important;
        margin:0!important;
        overflow:hidden!important;
        background:#e9eef3!important;
        border-radius:16px 16px 0 0!important;
    }
    .ms-market-service-media img{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        min-width:100%!important;
        min-height:100%!important;
        max-width:none!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        display:block!important;
        object-fit:cover!important;
        object-position:center 28%!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    .ms-market-service-body{
        padding:11px 12px 10px!important;
    }
    .ms-market-service-tags{
        gap:.3rem!important;
        margin-bottom:.32rem!important;
    }
    .ms-market-service-tags span{
        padding:.24rem .42rem!important;
        font-size:.58rem!important;
    }
    .ms-market-service-body h3{
        margin:.05rem 0 .12rem!important;
        font-size:.98rem!important;
        line-height:1.18!important;
    }
    .ms-market-service-body>p{
        min-height:0!important;
        margin:0 0 .48rem!important;
        font-size:.70rem!important;
        line-height:1.3!important;
        -webkit-line-clamp:2!important;
    }
    .ms-market-service-price{
        margin-top:.15rem!important;
        padding:.52rem 0!important;
    }
    .ms-market-provider{
        padding-top:.52rem!important;
        gap:.48rem!important;
    }
    .ms-market-provider img,
    .ms-market-provider>span{
        width:31px!important;
        height:31px!important;
        flex:0 0 31px!important;
    }
    .ms-market-provider>a.ms-market-view-profile{
        min-width:74px!important;
        padding:.46rem .58rem!important;
    }
}

/* =========================================================
   v1.72.5 — Contraste y legibilidad web + móvil
   Refuerza textos informativos sin alterar layout ni tarjetas.
   ========================================================= */
:root{
    --ms-readable:#26364a;
    --ms-readable-strong:#17233a;
}
/* Descripciones de servicios: lectura prioritaria */
.ms-market-service-body>p{
    color:#111827!important;
    font-weight:600!important;
}
/* Títulos y nombres principales */
.ms-market-service-body h3,
.ms-market-provider strong,
.ms-market-section-head h2{
    color:#0f1f35!important;
}
/* Información secundaria que debe seguir siendo claramente legible */
.ms-market-provider small,
.ms-market-category small,
.ms-market-prof-card p,
.ms-market-prof-card .rating,
.ms-beta-hero-copy>p{
    color:#26364a!important;
}
.ms-market-provider small{font-weight:600!important}
.ms-market-service-price small{
    color:#17233a!important;
    font-weight:800!important;
}
.ms-market-service-price strong{font-weight:900!important}

@media(max-width:767.98px){
    .ms-market-service-body>p{
        color:#111827!important;
        font-weight:600!important;
    }
    .ms-market-provider small{
        color:#26364a!important;
        font-weight:650!important;
    }
    .ms-market-service-price small{color:#17233a!important}
}

/* =========================================================
   v1.72.6 — Eliminación de espacios verticales en tarjetas
   La hoja marketplace.css base reserva height:42px en la descripción.
   Aquí se libera esa altura para que cada tarjeta use sólo el contenido real.
   ========================================================= */
.ms-market-service-body>p{
    height:auto!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:.45rem!important;
}
@media(max-width:767.98px){
    .ms-market-service-body>p{
        height:auto!important;
        min-height:0!important;
        margin:0 0 .38rem!important;
    }
    .ms-market-service-price{
        margin-top:0!important;
    }
}