/* Sistema editorial del catálogo y los servicios complementarios. */
.system-service .system-visual{min-width:0;border:1px solid var(--rule);border-radius:5px;background:#eae4d9;padding:1.6rem;overflow:hidden}
.system-visual h2{font-size:clamp(1.9rem,3vw,2.8rem);text-transform:none;font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:1.5rem 0}
.visual-note{font:.57rem var(--font-mono);line-height:1.7;color:var(--muted);margin-top:1.2rem}
.brand-board>img{width:100%;margin-top:1.5rem;aspect-ratio:1.5;object-fit:cover}.brand-swatches{display:flex;gap:.5rem;margin-top:1rem}.brand-swatches i{height:38px;flex:1;background:#231f20}.brand-swatches i:nth-child(2){background:#f7941d}.brand-swatches i:nth-child(3){background:#f5f2ec}.brand-swatches i:nth-child(4){background:#6e6a64}
.calendar-lines{display:grid;gap:.6rem}.calendar-lines>div{display:grid;grid-template-columns:2.6rem 1fr;gap:.4rem .7rem;padding:1rem;background:#f7f3eb;border-left:3px solid #a64c13}.calendar-lines span{font:.63rem var(--font-mono);grid-row:span 2;padding-top:.2rem;color:#9c4d15}.calendar-lines b{font-size:.95rem;font-weight:600}.calendar-lines small{font-size:.68rem;color:var(--muted)}
.funnel-steps{list-style:none;padding:0;display:grid;gap:.6rem}.funnel-steps li{background:#231f20;color:#f5f2ec;padding:1.2rem;display:grid;grid-template-columns:2rem 1fr;gap:.3rem;width:100%;margin:auto}.funnel-steps li:nth-child(2){width:91%;background:#77502e}.funnel-steps li:nth-child(3){width:82%;background:#a75215}.funnel-steps span{grid-row:span 2;font:.65rem var(--font-mono);padding-top:.2rem}.funnel-steps b{font-size:.95rem;font-weight:500}.funnel-steps small{font-size:.62rem;color:#f8e8d4}
.search-query{display:flex;align-items:center;gap:.8rem;border:1px solid #c8bfaf;padding:1rem;margin-top:1.5rem;background:#f8f5ef;font-size:.74rem;border-radius:4px}.search-query>span{font-size:1.7rem}.search-layers{display:grid;gap:1rem}.search-layers>div{display:grid;grid-template-columns:2.5rem 1fr;gap:.3rem;padding-bottom:.7rem;border-bottom:1px solid #cfc6b7}.search-layers span{grid-row:span 2;color:#a64c13;font:.65rem var(--font-mono);padding-top:.2rem}.search-layers b{font-size:.86rem;font-weight:600}.search-layers small{font-size:.65rem;color:var(--muted)}
.browser-chrome{display:flex;align-items:center;gap:1rem;font:.52rem var(--font-mono);margin-bottom:1rem;color:var(--muted)}.browser-chrome>span:first-child{color:#a64c13;white-space:nowrap}.web-board>img{aspect-ratio:1.2;width:100%;object-fit:cover}.web-principles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.web-principles span{font-size:.58rem;border:1px solid #ccc1b1;padding:.4rem}
.project-section,.monthly-section{padding:2rem 0 4rem}.project-section h2,.monthly-section h2{font-size:2.3rem;font-weight:500;text-transform:none;letter-spacing:-.05em;line-height:1.15;margin:1rem 0 1.5rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project-grid img{aspect-ratio:16/10;width:100%;object-fit:cover;transition:filter .2s}.project-grid a:hover img{filter:brightness(.93)}.project-grid a>span{display:block;margin-top:.7rem;font-size:.8rem}.monthly-section>p:not(.service-micro){font-size:.86rem;line-height:1.8;color:var(--muted);max-width:65ch}.monthly-section dl{display:grid;grid-template-columns:repeat(5,1fr);margin:2rem 0;gap:1rem}.monthly-section dl>div{display:flex;flex-direction:column-reverse;gap:.5rem;border-top:1px solid var(--rule);padding-top:1rem}.monthly-section dd{margin:0;font:500 2.5rem var(--font-display);letter-spacing:-.06em;color:var(--accent)}.monthly-section dt{font-size:.68rem}
.services-index-hero{padding:3.7rem 0 2.8rem}.services-index-hero h1{font-size:clamp(3rem,6.6vw,6.3rem);font-weight:500;line-height:1.02;letter-spacing:-.065em;text-transform:none;margin:1.5rem 0 2rem}.index-intro{display:flex;justify-content:space-between;align-items:end;gap:2.5rem}.index-intro>p{max-width:56ch;font-size:.93rem;color:var(--muted);line-height:1.85}.index-intro .service-action{margin:0;flex-shrink:0}
.service-routes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.service-routes a{padding:1.5rem 1rem;font-size:.85rem;transition:background .2s}.service-routes a:first-child{padding-left:0}.service-routes a>span{display:block;font:.62rem var(--font-mono);margin-bottom:.8rem;color:var(--accent)}.service-routes a:hover{background:#eae4d9}
.service-directory{padding:4rem 0}.directory-row{display:grid;grid-template-columns:3rem 1.2fr 1fr 2rem;gap:2rem;align-items:center;border-top:1px solid var(--rule);padding:2rem 0;scroll-margin-top:95px;transition:background .2s}.directory-row:last-child{border-bottom:1px solid var(--rule)}.directory-number{font:.75rem var(--font-mono);color:var(--accent)}.directory-row>div>p{font:.68rem var(--font-mono);color:var(--muted);margin-bottom:.65rem}.directory-row h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:500;letter-spacing:-.04em;line-height:1.25;text-transform:none}.directory-desc{font-size:.83rem;line-height:1.8;color:var(--muted);max-width:35ch}.directory-arrow{font-size:1.7rem;color:var(--accent);transition:transform .2s}.directory-row:hover{background:#eae4d9}.directory-row:hover .directory-arrow{transform:translate(3px,-3px)}
@media(max-width:1000px){.index-intro{align-items:start;flex-direction:column}.system-service .visual-service-hero{grid-template-columns:1fr 1fr}.system-service .service-hero-copy h1{font-size:clamp(2.2rem,4.7vw,3.7rem)}.directory-row{gap:1rem;grid-template-columns:2rem 1.2fr 1fr 1.5rem}}
@media(max-width:700px){.system-service .visual-service-hero{grid-template-columns:1fr}.system-service .service-hero-copy h1{font-size:clamp(2.7rem,10vw,4rem)}.services-index-hero{padding:2.5rem 0}.services-index-hero h1{font-size:clamp(3rem,11vw,4.5rem)}.service-routes{grid-template-columns:1fr}.service-routes a,.service-routes a:first-child{padding:1.2rem .5rem;border-bottom:1px solid var(--rule)}.service-routes a:last-child{border-bottom:0}.service-directory{padding:3rem 0}.directory-row{grid-template-columns:1.7rem 1fr 1.5rem;gap:.8rem;padding:1.5rem 0}.directory-desc{grid-column:2;max-width:40ch}.directory-arrow{grid-column:3;grid-row:1}.directory-row h3{font-size:1.45rem}.project-grid{grid-template-columns:1fr}.monthly-section dl{grid-template-columns:repeat(2,1fr)}.system-service .system-visual{padding:1.2rem}.service-action{max-width:100%}}