/* Servicios V2.4. Ejemplos representativos con assets aprobados y UI nativa de pedidos. */
.services-main { color:var(--navy); }
.services-main section { scroll-margin-top:110px; }
.services-main p { color:var(--gray); }
.services-main .eyebrow { color:var(--navy); font-size:15px; line-height:1.6; }
.services-main h3 { font-size:23px; line-height:1.3; }
.services-main a:focus-visible { outline:3px solid #16A6A1; outline-offset:5px; }
.services-hero { background:var(--soft); padding:64px 0; }
.hero-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.95fr); gap:56px; align-items:center; }
.hero-copy { min-width:0; }
.hero-layout h1 { font-size:clamp(42px,4.2vw,62px); max-width:650px; }
.hero-intro { margin-top:28px; }
.hero-intro .lead { font-size:20px; margin-top:0; max-width:700px; }
.hero-intro .actions { margin-bottom:0; }
.hero-intro .button { font-size:14px; }
.services-hero-media { margin:0; width:100%; }
.services-hero-media img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:24px; }
.understand { padding:80px 0; }
.understand-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.understand h2 { font-size:clamp(30px,3vw,42px); }
.understand-layout>div>p:first-child:not(.eyebrow) { margin-top:0; }
.understand-layout p { font-size:17px; }
.services-main .business-principle { font-weight:650; color:var(--navy); padding-left:20px; border-left:3px solid var(--teal); margin-top:24px; }
.text-link { display:inline-flex; align-items:center; min-height:44px; font-weight:700; font-size:15px; margin-top:22px; }
.examples-heading { padding:20px 0 54px; }
.examples-heading h2 { font-size:30px; line-height:1.3; letter-spacing:-.015em; max-width:850px; }
.examples-heading p { max-width:820px; font-size:18px; }
.services-main .editorial-note { font-size:13px; line-height:1.7; margin-top:16px; }
.service-scene { padding:72px 0; }
.scene-layout { display:grid; gap:32px; align-items:center; }
.service-copy { position:relative; z-index:1; min-width:0; }
.service-copy h2 { font-size:clamp(30px,3vw,43px); max-width:670px; }
.service-copy>p:not(.eyebrow) { font-size:17px; }
.services-main .solution-copy { font-size:18px; line-height:1.65; color:var(--navy); font-weight:600; margin-top:24px; }
.asset-slot { min-width:0; position:relative; align-self:center; background:#e7edf2; }
/* Insert the final img/picture inside these areas; dimensions and responsive order are already defined. */
.asset-slot>img,.asset-slot>picture,.asset-slot>picture>img { display:block; width:100%; height:100%; }
.asset-slot>img,.asset-slot>picture>img { object-fit:cover; }
.asset-slot>img,.asset-slot>picture { position:absolute; inset:0; }
.website-scene { background:#f2f5f8; }
.website-scene .scene-layout { grid-template-columns:1fr 1.08fr; gap:0; }
.website-scene .service-copy { padding:24px 36px 24px 0; }
.website-scene .asset-slot { aspect-ratio:16/11; margin-left:-24px; border-radius:110px 0 0 20px; background:#e5ecf2; }
.catalog-scene { background:white; }
.catalog-scene .scene-layout { grid-template-columns:.92fr 1.08fr; gap:64px; }
.catalog-scene .service-copy { grid-column:2; grid-row:1; }
.catalog-scene .asset-slot { grid-column:1; grid-row:1; aspect-ratio:4/5; max-height:540px; width:100%; background:#eeeae4; border-radius:0 80px 0 0; }
.orders-scene { background:#f3f6f9; }
.orders-heading { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:end; }
.orders-heading>.solution-copy { margin-bottom:4px; }
.orders-tool { margin-top:38px; background:white; border:1px solid var(--border); border-radius:8px; }
.tool-heading { padding:24px 28px; border-bottom:1px solid var(--border); }
.tool-heading p { font-size:15px; margin-top:8px; }
.orders-table { width:100%; border-collapse:collapse; table-layout:fixed; text-align:left; }
.orders-table th,.orders-table td { padding:20px 18px; line-height:1.6; overflow-wrap:break-word; }
.orders-table thead th { font-size:13px; font-weight:650; color:var(--gray); background:#f9fafc; }
.orders-table th:first-child { padding-left:28px; width:15%; }
.orders-table th:nth-child(2) { width:25%; }
.orders-table th:nth-child(3) { width:17%; }
.orders-table th:nth-child(4) { width:19%; }
.orders-table th:nth-child(5) { width:24%; }
.orders-table tbody tr { border-top:1px solid var(--border); }
.orders-table tbody th,.orders-table td { font-size:14px; }
.orders-table td strong { display:block; font-size:15px; }
.orders-table td>strong+span { display:block; font-size:13px; color:var(--gray); margin-top:4px; }
.order-status { display:inline-block; font-size:13px; padding:5px 9px; background:#e2f0ed; color:#185c56; border-radius:4px; }
.order-status.neutral { background:#eef2f6; color:#46576b; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.quote-scene { background:#f7f5f1; }
.quote-scene .scene-layout { grid-template-columns:1.15fr 1fr; align-items:start; gap:28px; }
.quote-scene .service-copy { padding-bottom:34px; }
.quote-scene .asset-slot { margin-top:95px; aspect-ratio:4/3; background:#eae5dc; border-radius:36px 0 0 0; }
.services-main .scope-note { font-size:14px; line-height:1.65; margin-top:18px; }
.assistant-scene { background:#edf4f3; padding-bottom:0; }
.assistant-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; align-items:end; }
.assistant-heading .solution-copy { margin-top:0; }
.services-main .assistant-value { font-size:17px; }
.assistant-scene .asset-slot { aspect-ratio:16/5; margin-top:40px; width:88%; margin-left:auto; background:#dfece9; border-radius:90px 0 0 0; }
.services-cta { background:var(--navy); color:white; padding:80px 0; }
.services-cta h2 { max-width:820px; font-size:clamp(34px,4vw,52px); }
.services-cta .eyebrow { color:#c4e6e3; }
.services-cta .lead { color:#dce5f1; max-width:860px; }
.services-cta .button { background:white; color:var(--navy); border-color:white; }
.services-cta .button.secondary { background:transparent; color:white; border-color:#98a8c1; }
.services-cta .actions { margin-bottom:0; }
.services-footer-note { font-size:13px; color:var(--gray); }
@media(max-width:1100px) {
 .hero-layout,.understand-layout,.orders-heading,.assistant-heading { gap:40px; }.catalog-scene .scene-layout { gap:36px; }.orders-table th,.orders-table td { padding:16px 12px; }.orders-table th:first-child { padding-left:20px; }.order-status { padding:5px 7px; }
}
@media(max-width:900px) {
 .services-hero { padding:50px 0; }.hero-layout { grid-template-columns:1fr; gap:32px; }.hero-layout h1 { font-size:50px; max-width:700px; }.hero-intro { margin-top:22px; }.services-hero-media { max-width:760px; }.services-hero-media img { border-radius:20px; }.understand { padding:58px 0; }.understand-layout { grid-template-columns:1fr; gap:24px; }.examples-heading { padding:12px 0 42px; }.examples-heading h2 { font-size:28px; }.service-scene { padding:58px 0; }.service-copy h2 { font-size:36px; }.website-scene .scene-layout { grid-template-columns:1fr; }.website-scene .service-copy { padding:0; }.website-scene .asset-slot { width:90%; margin:26px 0 0 auto; aspect-ratio:16/8; border-radius:70px 0 0 12px; }.catalog-scene .scene-layout { grid-template-columns:1fr; gap:28px; }.catalog-scene .service-copy,.catalog-scene .asset-slot { grid-column:auto; grid-row:auto; }.catalog-scene .asset-slot { aspect-ratio:4/3; width:80%; max-height:400px; }.orders-heading { grid-template-columns:1fr; gap:0; }.orders-table th,.orders-table td { padding:16px 10px; }.orders-table th:first-child { width:14%; padding-left:18px; }.orders-table th:nth-child(2) { width:24%; }.orders-table th:nth-child(3) { width:18%; }.orders-table th:nth-child(4) { width:20%; }.orders-table th:nth-child(5) { width:24%; }.quote-scene .scene-layout { grid-template-columns:1fr; gap:0; }.quote-scene .service-copy { padding-bottom:0; }.quote-scene .asset-slot { margin:28px 0 0 auto; width:84%; max-height:380px; }.assistant-heading { grid-template-columns:1fr; gap:24px; }.assistant-scene { padding-bottom:0; }.assistant-scene .asset-slot { width:100%; aspect-ratio:16/7; margin-top:32px; border-radius:60px 0 0 0; }
}
@media(max-width:600px) {
 .services-hero { padding:38px 0 44px; }.hero-layout h1 { font-size:40px; }.hero-intro { margin-top:18px; }.hero-intro .lead { font-size:17px; }.services-hero-media img { border-radius:16px; aspect-ratio:4/3; }.services-main .eyebrow { font-size:14px; margin-bottom:18px; }.understand { padding:48px 0; }.understand h2 { font-size:32px; }.understand-layout p { font-size:16px; }.business-principle { padding-left:16px; }.examples-heading { padding:12px 0 34px; }.examples-heading h2 { font-size:26px; }.examples-heading p { font-size:16px; }.service-scene { padding:44px 0; }.service-copy h2 { font-size:32px; }.service-copy>p:not(.eyebrow),.services-main .solution-copy { font-size:16px; }.website-scene .asset-slot { width:100%; aspect-ratio:4/3; border-radius:44px 0 0 0; }.catalog-scene .asset-slot { width:100%; aspect-ratio:4/3; max-height:none; border-radius:0 44px 0 0; }.orders-tool { margin-top:26px; }.tool-heading { padding:20px; }.tool-heading h3 { font-size:22px; }.tool-heading p { font-size:14px; }.orders-table,.orders-table tbody { display:block; }.orders-table thead { display:none; }.orders-table tr { display:grid; gap:14px; padding:20px; }.orders-table th,.orders-table td { display:block; width:100%!important; padding:0!important; font-size:14px; }.orders-table tbody th { font-size:17px; }.orders-table td:before { content:attr(data-label); display:block; color:var(--gray); font-size:12px; font-weight:600; margin-bottom:4px; }.orders-table td strong { font-size:16px; }.orders-table td>strong+span { font-size:14px; }.orders-table td:nth-child(3),.orders-table td:nth-child(4) { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; }.orders-table td:nth-child(3):before,.orders-table td:nth-child(4):before { margin:0; }.quote-scene .asset-slot { width:100%; max-height:none; margin-top:24px; aspect-ratio:4/3; border-radius:28px 0 0 0; }.services-main .scope-note { font-size:14px; }.assistant-heading { gap:22px; }.services-main .assistant-value { font-size:16px; }.assistant-scene { padding-bottom:0; }.assistant-scene .asset-slot { aspect-ratio:4/3; border-radius:44px 0 0 0; margin-top:26px; }.services-cta { padding:54px 0; }.services-cta h2 { font-size:34px; }
}
@media(max-width:350px) {
 .hero-layout h1 { font-size:36px; }.understand h2,.service-copy h2 { font-size:30px; }.examples-heading h2 { font-size:24px; }.orders-table tr,.tool-heading { padding:16px; }.services-cta h2 { font-size:32px; }
}

/* Approved artwork is displayed in full. Intrinsic dimensions reserve image space. */
.services-main .asset-slot { aspect-ratio:auto; max-height:none; border-radius:0; background:transparent; }
.services-main .asset-slot>img,.services-main .asset-slot>picture { position:static; }
.services-main .asset-slot>img,.services-main .asset-slot>picture,.services-main .asset-slot>picture>img { display:block; width:100%; height:auto; }
.services-main .asset-slot img { object-fit:contain; }
.website-scene .scene-layout { grid-template-columns:1fr; gap:32px; }
.website-scene .service-copy { padding:0; max-width:980px; }
.website-scene .asset-slot { width:100%; margin:0; }
.catalog-scene .asset-slot { width:100%; }
.dashboard-scene { background:#eef4f3; }
.dashboard-scene .scene-layout { grid-template-columns:1.1fr 1fr; gap:64px; }
.dashboard-scene .service-copy { grid-column:2; grid-row:1; }
.dashboard-scene .asset-slot { grid-column:1; grid-row:1; width:100%; }
.dashboard-benefits { list-style:none; padding:0; margin:28px 0 0; }
.dashboard-benefits li { padding:12px 0; border-top:1px solid #c7dcd8; font-size:16px; font-weight:600; }
.quote-scene .asset-slot { margin-top:48px; }
.assistant-scene { padding-bottom:72px; }
.assistant-scene .wrap { display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center; }
.assistant-heading { display:block; }
.assistant-heading .solution-copy { margin-top:24px; }
.assistant-scene .asset-slot { width:100%; margin:0; }
@media(max-width:1100px) {
 .dashboard-scene .scene-layout,.assistant-scene .wrap { gap:36px; }
}
@media(max-width:900px) {
 .dashboard-scene .scene-layout { grid-template-columns:1fr; gap:28px; }
 .dashboard-scene .service-copy,.dashboard-scene .asset-slot { grid-column:auto; grid-row:auto; }
 .dashboard-scene .asset-slot { width:88%; }
 .catalog-scene .asset-slot { width:80%; }
 .quote-scene .asset-slot { width:84%; margin:28px 0 0 auto; }
 .assistant-scene .wrap { grid-template-columns:1fr; gap:32px; }
 .assistant-scene .asset-slot { width:88%; margin-left:auto; }
 .assistant-scene { padding-bottom:58px; }
}
@media(max-width:600px) {
 .services-main .asset-slot { width:100%; margin-left:0; margin-right:0; }
 .website-scene .scene-layout { gap:26px; }
 .quote-scene .asset-slot { margin-top:24px; }
 .assistant-scene { padding-bottom:44px; }
}

/* V2.5: order overview and complete records, without horizontal scrolling. */
.orders-tool { box-shadow:0 8px 28px #162b5610; overflow:hidden; }
.orders-tool .tool-heading { padding:28px; }
.orders-tool .tool-heading p { max-width:900px; }
.orders-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:24px 28px; background:#f8fafc; }
.orders-summary>div { display:flex; flex-direction:column-reverse; gap:5px; padding:16px 18px; border:1px solid #dde5ed; border-radius:6px; background:white; }
.orders-summary dt { color:#516079; font-size:13px; line-height:1.5; }
.orders-summary dd { margin:0; font-size:28px; line-height:1.2; font-weight:700; color:var(--navy); }
.orders-tool .orders-table th,.orders-tool .orders-table td { padding:18px 10px; font-size:12px; vertical-align:top; overflow-wrap:normal; }
.orders-tool .orders-table thead th { font-size:12px; color:#46556c; background:#edf2f7; }
.orders-tool .orders-table th:nth-child(1) { width:8%; padding-left:14px; }
.orders-tool .orders-table th:nth-child(2) { width:11%; }
.orders-tool .orders-table th:nth-child(3) { width:14%; }
.orders-tool .orders-table th:nth-child(4) { width:9%; }
.orders-tool .orders-table th:nth-child(5) { width:9%; }
.orders-tool .orders-table th:nth-child(6) { width:10%; }
.orders-tool .orders-table th:nth-child(7) { width:7%; }
.orders-tool .orders-table th:nth-child(8) { width:9%; }
.orders-tool .orders-table th:nth-child(9) { width:10%; }
.orders-tool .orders-table th:nth-child(10) { width:13%; }
.orders-tool .orders-table td strong { font-size:13px; }
.orders-tool .orders-table td>strong+span { font-size:12px; }
.orders-tool .orders-table tbody tr:nth-child(even) { background:#fafbfd; }
.orders-tool .order-status,.orders-tool .order-priority { display:inline-block; padding:4px 6px; border-radius:4px; font-size:12px; line-height:1.5; font-weight:600; }
.order-status.review { background:#e8eefb; color:#314d83; }
.order-status.progress { background:#e2f0ef; color:#23635e; }
.order-status.pending,.order-priority.medium { background:#f8f0d9; color:#725b1a; }
.order-status.waiting { background:#edf0f5; color:#526078; }
.order-status.closed,.order-priority.low { background:#e7f1e9; color:#35633e; }
.order-priority.high { background:#f8e8e7; color:#92403a; }
@media(min-width:901px) and (max-width:1100px) {
 .orders-tool .orders-table th,.orders-tool .orders-table td { padding:14px 5px; }
 .orders-tool .orders-table th:nth-child(1) { padding-left:8px; }
 .orders-tool .order-status,.orders-tool .order-priority { padding:3px 4px; }
}
@media(max-width:900px) {
 .orders-tool .orders-table,.orders-tool .orders-table tbody { display:block; }
 .orders-tool .orders-table thead { display:none; }
 .orders-tool .orders-table tbody { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:20px; background:#f5f7fa; }
 .orders-tool .orders-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:16px; padding:20px; border:1px solid #dbe3ed; border-radius:8px; background:white!important; }
 .orders-tool .orders-table th,.orders-tool .orders-table td { display:block; width:auto!important; min-width:0; padding:0!important; font-size:14px; overflow-wrap:break-word; }
 .orders-tool .orders-table th { grid-column:1/-1; font-size:17px; }
 .orders-tool .orders-table td:nth-child(2),.orders-tool .orders-table td:nth-child(3),.orders-tool .orders-table td:nth-child(10) { grid-column:1/-1; }
 .orders-tool .orders-table td:before { content:attr(data-label); display:block; font-size:12px; font-weight:600; color:#58677d; margin-bottom:4px; }
 .orders-tool .orders-table td:nth-child(2) { font-weight:650; font-size:16px; }
 .orders-tool .orders-table td strong { font-size:15px; }
 .orders-tool .orders-table td>strong+span { font-size:13px; }
 .orders-tool .orders-table td:nth-child(10) { padding-top:12px!important; border-top:1px solid #e5eaf0; }
}
@media(max-width:600px) {
 .orders-tool .tool-heading { padding:20px; }
 .orders-summary { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; gap:10px; }
 .orders-summary>div { padding:14px 12px; }
 .orders-summary dd { font-size:26px; }
 .orders-tool .orders-table tbody { grid-template-columns:1fr; padding:12px; gap:12px; }
 .orders-tool .orders-table tr { padding:16px; gap:14px; }
}
/* HERO SERVICIOS — imagen arriba, contenido abajo */

.services-hero {
  background:var(--soft);
  padding:52px 0 64px;
}

.services-hero-stack {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:42px;
}

.services-hero-media {
  width:100%;
  max-width:1320px;
  margin:0 auto;
}

.services-hero-media picture {
  display:block;
  width:100%;
}

.services-hero-media img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  border-radius:24px;
}

.services-hero-copy {
  width:100%;
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}

.services-hero-copy .eyebrow {
  margin-bottom:18px;
}

.services-hero-copy h1 {
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(42px,4.2vw,62px);
  line-height:1.05;
}

.services-hero-copy .lead {
  max-width:900px;
  margin:26px auto 0;
  font-size:20px;
  line-height:1.6;
}

.services-hero-copy .actions {
  justify-content:center;
  margin-top:28px;
  margin-bottom:0;
}

@media(max-width:900px) {
  .services-hero {
    padding:42px 0 52px;
  }

  .services-hero-stack {
    gap:30px;
  }

  .services-hero-media {
    max-width:760px;
  }

  .services-hero-media img {
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    border-radius:20px;
  }

  .services-hero-copy h1 {
    font-size:48px;
  }
}

@media(max-width:600px) {
  .services-hero {
    padding:30px 0 42px;
  }

  .services-hero-stack {
    gap:24px;
  }

  .services-hero-media {
    width:100%;
    max-width:420px;
  }

  .services-hero-media img {
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    border-radius:16px;
  }

  .services-hero-copy {
    max-width:420px;
  }

  .services-hero-copy h1 {
    font-size:38px;
  }

  .services-hero-copy .lead {
    font-size:17px;
  }

  .services-hero-copy .actions {
    justify-content:stretch;
  }

  .services-hero-copy .actions .button {
    width:100%;
  }
}