.market-photo.land{background:linear-gradient(145deg,#b2b57c,#5e7547)}.market-photo.land-warm{background:linear-gradient(145deg,#d3b985,#8d6d3f)}.market-photo.land-blue{background:linear-gradient(145deg,#b7c8bd,#668578)}.market-photo.land:after,.market-photo.land-warm:after,.market-photo.land-blue:after{width:78%;height:56%;left:11%;bottom:8%;border-radius:48% 30% 45% 25%;background:repeating-radial-gradient(ellipse at center,#ffffff00 0 12px,#fff7 13px 14px),#9db074;clip-path:polygon(10% 12%,78% 0,100% 62%,70% 100%,0 78%)}.ai-match{position:absolute;z-index:4;right:12px;bottom:12px;padding:6px 9px;border-radius:99px;background:#17332d;color:#fff;font-size:.62rem;font-weight:700}.market-card-body em{display:block;margin:9px 0;padding:8px;border-radius:8px;background:#edf2ed;color:#294f43;font-size:.66rem;font-style:normal;font-weight:700}.market-intro{padding:28px;border-radius:20px;background:linear-gradient(120deg,#edf2ed,#f7f6f2)}

/* La portada del mercado ocupaba 299 px con un titular de 64 px y empujaba el
   catálogo al píxel 644 de una pantalla de 860. En un mercado lo que importa es
   el inventario: el mensaje se queda, pero en su sitio. */
.market-intro{align-items:center;gap:26px;padding:20px 24px}
.market-intro h1{font-size:clamp(1.7rem,2.6vw,2.4rem);max-width:560px;line-height:1.08}
.market-intro .eyebrow{margin-bottom:4px}
.market-promise{max-width:300px;padding:13px 15px;background:#ffffffb8}
.market-promise b{font-size:.86rem}
.market-promise span{font-size:.72rem;line-height:1.45}
@media(max-width:700px){.market-intro{padding:16px 18px}.market-intro h1{font-size:1.6rem}}

/* Los servicios que presta Uproinco: no son anuncios, así que no se mezclan
   con las tarjetas del catálogo. Viven encima y solo en su pestaña. */
.servicios-uproinco{margin:0 0 26px;padding:22px 24px;border:1px solid #e3e7e0;border-radius:18px;background:linear-gradient(120deg,#f2f6f1,#fbfaf6)}
.servicios-head h2{margin:4px 0 8px;font:600 clamp(1.5rem,2.4vw,2.1rem)/1.1 Newsreader,serif}
.servicios-nota{margin:0;max-width:640px;color:var(--muted,#5d6b65);font-size:.84rem}
.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}
.servicio-card{display:flex;flex-direction:column;padding:18px;border:1px solid #e3e7e0;border-radius:14px;background:#fff}
.servicio-card h3{margin:0 0 6px;font:600 1.05rem/1.2 "DM Sans",sans-serif}
.servicio-card>p{margin:0 0 12px;color:var(--muted,#5d6b65);font-size:.8rem}
.servicio-card ul{margin:0 0 16px;padding-left:17px;color:#28403a;font-size:.78rem;line-height:1.6}
.servicio-pie{margin-top:auto;display:grid;gap:10px}
.servicio-pie span{color:var(--muted,#5d6b65);font-size:.72rem}
.servicio-pie .button{text-align:center}
.servicios-pedidos{margin-top:22px;padding-top:18px;border-top:1px solid #e3e7e0}
.servicios-pedidos ul{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.servicios-pedidos li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;background:#fff;font-size:.8rem}
.servicios-pedidos li span{color:var(--muted,#5d6b65)}
.servicios-pedidos li i{margin-left:auto;padding:3px 10px;border-radius:999px;background:#e7f0e9;color:#12352d;font-style:normal;font-size:.72rem;font-weight:700}
.servicios-pedidos li small{color:var(--muted,#5d6b65);font-size:.72rem}
.servicio-dialogo{width:min(520px,94vw);max-width:min(520px,94vw);padding:28px;border:0;border-radius:18px}
.servicio-dialogo::backdrop{background:rgba(6,22,18,.5)}
.servicio-dialogo h2{margin:4px 0 16px;font:600 1.4rem/1.15 Newsreader,serif}
.servicio-dialogo label{display:grid;gap:6px;margin-bottom:14px;font-size:.78rem;font-weight:600}
.servicio-dialogo select,.servicio-dialogo textarea{padding:11px;border:1px solid #d8ded7;border-radius:10px;font:inherit;font-size:.85rem;font-weight:400}
.servicio-aviso{margin:0 0 16px;color:var(--muted,#5d6b65);font-size:.74rem}
.servicio-acciones{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.servicio-estado{margin:12px 0 0;font-size:.8rem}
.servicios-pista{margin:0 0 22px;padding:12px 16px;border:1px solid #e3e7e0;border-radius:12px;background:#fbfaf6;color:var(--muted,#5d6b65);font-size:.82rem}
.servicios-pista button{border:0;background:transparent;color:#12352d;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}
@media(max-width:700px){
  .servicios-uproinco{padding:16px 15px}
  .servicios-grid{grid-template-columns:1fr;gap:10px}
  .servicio-card{padding:15px}
  .servicios-pedidos li{align-items:flex-start;flex-direction:column;gap:4px}
  .servicios-pedidos li i{margin-left:0}
  .servicio-dialogo{padding:20px 18px}
  .servicio-acciones{flex-direction:column-reverse;align-items:stretch;gap:8px}
  .servicio-acciones .button,.servicio-acciones .text-button{width:100%;text-align:center}
}