/* Services only: compact editorial rhythm within the existing CB palette. */
.svc-main,.svc-summary { max-width:1248px; margin:auto; padding:24px clamp(24px,4vw,48px) 48px; color:#1C1C1C; font-size:16px; }
.svc-page { background:#F5F0EA; }
.svc-page .skip-link:not(:focus) { clip-path:inset(50%); }
.svc-page .portfolio-header { padding-block:20px; }
.svc-page .portfolio-header nav { font-size:16px; }
.svc-page .portfolio-header a[aria-current] { text-decoration-color:#E87D90; text-decoration-thickness:3px; text-underline-offset:6px; }
.svc-main .breadcrumbs { font-size:16px; margin-bottom:24px; }
.svc-main p,.svc-summary p { line-height:1.55; }
.svc-eyebrow,.svc-kicker { font-size:16px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#1C1C1C; }
.svc-eyebrow { margin:0 0 14px; }
.svc-hero { padding:32px; display:grid; grid-template-columns:1.2fr 1fr; column-gap:40px; align-items:center; background:#F1D6DA; border-radius:8px 40px 8px 8px; border-top:5px solid #E87D90; }
.svc-hero .svc-eyebrow { grid-column:1/-1; }
.svc-hero h1 { font-family:var(--font-title); font-size:clamp(1.85rem,3vw,2.65rem); line-height:1.12; margin:0; max-width:24ch; text-wrap:balance; }
.svc-title-unit { display:inline-block; white-space:nowrap; }
.svc-hero h1 em { display:block; white-space:nowrap; font-weight:500; margin-top:8px; }
.svc-hero h1 em::after { content:""; display:block; width:76px; height:5px; margin-top:14px; background:#E87D90; border-radius:60% 40% 55% 45%; transform:rotate(-3deg); }
.svc-main h2,.svc-main h3,.svc-summary h2 { text-wrap:balance; }
.svc-main p,.svc-summary p { text-wrap:pretty; }
.svc-intro { max-width:74ch; font-size:17px; margin:0; }
.svc-index { display:flex; flex-wrap:wrap; gap:8px; padding:18px 0 28px; }
.svc-index a { border:1px solid #DCC7B0; border-radius:20px; padding:8px 12px; text-decoration:none; font-size:16px; background:transparent; }
.svc-index a:hover { background:#F1D6DA; border-color:#E87D90; }
.svc-section { padding:24px 0; border-top:1px solid #DCC7B0; scroll-margin-top:24px; }
.svc-heading { max-width:85ch; margin-bottom:20px; }
.svc-heading .svc-eyebrow { display:inline-block; padding:6px 10px; background:#F1D6DA; border-radius:4px; }
.svc-heading h2,.svc-conditions h2,.svc-faq h2,.svc-closing h2,.svc-summary h2 { font-family:var(--font-title); font-size:clamp(1.75rem,2.3vw,2.1rem); line-height:1.13; margin:0 0 14px; }
.svc-heading p { font-size:16px; margin-bottom:0; }
.svc-grid { display:grid; gap:14px; align-items:start; }
.svc-count-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.svc-count-3 > .svc-card { display:grid; grid-template-rows:subgrid; grid-row:span 6; row-gap:0; }
.svc-count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.svc-split { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; padding:24px; margin:0 0 20px; border:0; border-radius:8px 28px 8px 8px; background:#F1D6DA; }
.svc-split .svc-heading { padding-top:22px; }
.svc-split .svc-heading { margin:0; }
.svc-split .svc-heading .svc-eyebrow { padding:0 0 8px; background:none; border-bottom:3px solid #E87D90; border-radius:0; }
.svc-card { padding:22px; background:#fffcf8; border:1px solid #DCC7B0; border-top:4px solid #E87D90; border-radius:8px 20px 8px 8px; min-width:0; }
.svc-card h3,.svc-conditions h3,.svc-possibilities h3 { font-family:var(--font-title); font-size:22px; line-height:1.2; margin:0 0 14px; }
.svc-card p { margin:0 0 14px; font-size:16px; }
.svc-card .svc-kicker { font-size:16px; font-weight:500; letter-spacing:0; text-transform:none; margin-bottom:14px; color:#514943; }
.svc-card ul { padding-left:18px; margin:0 0 18px; }
.svc-card li { margin:0 0 6px; line-height:1.45; font-size:16px; break-inside:avoid; }
.svc-card li::marker { color:#805D2B; }
.svc-card .svc-price { padding:12px 0 0; border-top:1px solid #DCC7B0; font-size:17px; font-weight:750; line-height:1.45; }
.svc-card .svc-price::before { content:""; display:inline-block; width:7px; height:7px; background:#E87D90; border-radius:50%; margin-right:8px; vertical-align:middle; }
.svc-card .svc-note { font-size:16px; color:#514943; }
.svc-link { display:inline-flex; align-items:center; justify-self:start; gap:12px; font-weight:700; text-decoration:none; margin-top:0; font-size:16px; }
.svc-link span { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#F1D6DA; }
.svc-link:hover { text-decoration:underline; text-underline-offset:4px; }
.svc-link span { transition:background-color .18s ease,transform .18s ease; }
.svc-link:hover span { background:#E87D90; transform:translate(2px,-2px); }
.svc-list-label { font-weight:600; }
.svc-rates { margin:16px 0; }
.svc-rates div { display:flex; flex-wrap:wrap; justify-content:space-between; column-gap:16px; padding:10px 0; border-bottom:1px solid #DCC7B0; }
.svc-rates dd { margin:0; font-weight:700; }
.svc-possibilities { padding:18px 22px; margin-top:16px; background:#DCC7B0; border-radius:8px; }
.svc-possibilities p { margin:10px 0; }
.svc-possibilities ul { columns:2; padding-left:18px; line-height:1.6; margin:10px 0 0; }
.svc-related { margin:16px 0 0; line-height:1.6; font-size:16px; }
.svc-related a { text-underline-offset:4px; }
#marca-web-automatizacion { background:#DCC7B0; }
#marca-web-automatizacion .svc-card { border-top-color:#C9A46A; }
#marca-web-automatizacion .svc-heading .svc-eyebrow { border-bottom-color:#805D2B; }
#seo .svc-card:nth-child(2) { background:#F1D6DA; }
#google .svc-heading .svc-eyebrow { background:#DCC7B0; }
#google .svc-card { border-top-color:#C9A46A; }
#google .svc-card:last-child { background:#DCC7B0; }
#meta-ads { background:#E87D90; margin-top:16px; }
#meta-ads .svc-heading .svc-eyebrow { border-bottom-color:#1C1C1C; }
#meta-ads .svc-card { border-top-color:#1C1C1C; }
#automatizacion .svc-card:last-child { background:#F1D6DA; }
.svc-journey { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; list-style:none; padding:0; margin:24px 0; }
.svc-journey li { padding:22px; background:#F1D6DA; border-radius:8px 20px 8px 8px; }
.svc-journey li:nth-child(2),.svc-journey li:nth-child(3) { background:#DCC7B0; }
.svc-step { display:inline-grid; place-items:center; width:30px; height:30px; margin-bottom:12px; border:1px solid #514943; border-radius:50%; font-size:14px; font-weight:700; }
.svc-journey h3,.svc-auto-scope h3 { font-family:var(--font-title); font-size:22px; line-height:1.25; margin:0 0 10px; }
.svc-journey p { font-size:16px; line-height:1.55; margin:0; text-wrap:pretty; }
.svc-auto-scope { margin-top:20px; padding:20px 22px; border-left:3px solid #C9A46A; background:#fffcf8; }
.svc-auto-scope ul { padding-left:18px; margin:0; max-width:90ch; font-size:16px; line-height:1.55; }
.svc-auto-scope li+li { margin-top:8px; }
@media(max-width:800px){.svc-journey{grid-template-columns:1fr}.svc-journey li{padding:20px}.svc-auto-scope{padding:18px}}
#complementarios .svc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
#complementarios .svc-card { display:block; grid-row:auto; }
#complementarios .svc-card:first-child { grid-row:span 2; }
#complementarios .svc-card:nth-child(2) { background:#DCC7B0; border-top-color:#C9A46A; }
#complementarios .svc-card:last-child { background:#F1D6DA; }
.svc-conditions { padding:28px; border:1px solid #DCC7B0; border-radius:8px 28px 8px 8px; background:#fffcf8; color:#1C1C1C; scroll-margin-top:24px; }
.svc-conditions .svc-eyebrow { color:#514943; }
.svc-terms-heading { margin-bottom:24px; }
.svc-terms-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; }
.svc-term { display:flex; gap:14px; border-top:1px solid #DCC7B0; padding-top:18px; min-width:0; }
.svc-term-number { flex:0 0 32px; height:32px; display:grid; place-items:center; background:#F1D6DA; border-radius:50%; font-size:14px; font-weight:700; }
.svc-conditions h3 { color:#1C1C1C; font-size:21px; margin:3px 0 12px; }
.svc-term ul { padding-left:18px; margin:0; font-size:16px; line-height:1.55; }
.svc-term li + li { margin-top:8px; }
.svc-term li::marker { color:#805D2B; }
.svc-terms-currency { margin-top:24px; padding:18px 20px; background:#F1D6DA; border-radius:8px; }
.svc-terms-currency strong { font-size:17px; }
.svc-terms-currency p { margin:6px 0 0; max-width:85ch; font-size:16px; line-height:1.55; }
@media(max-width:800px){.svc-terms-grid{grid-template-columns:1fr;gap:20px}.svc-term{gap:10px}.svc-terms-currency{padding:16px}}
.svc-faq { padding:32px 0; }
.svc-faq details { border:1px solid #DCC7B0; border-radius:8px 18px 8px 8px; padding:16px 18px; margin-bottom:10px; background:#fffcf8; }
.svc-faq details[open] { background:#F1D6DA; }
.svc-faq summary { cursor:pointer; font-size:16px; font-weight:650; }
.svc-faq details p { max-width:80ch; }
.svc-closing { padding:28px; background:#F1D6DA; border-left:6px solid #E87D90; border-radius:8px 28px 8px 8px; }
.svc-closing > div { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.svc-closing .button { min-width:0; max-width:100%; white-space:normal; text-align:center; }
.svc-main :focus-visible,.svc-summary :focus-visible { outline:3px solid #1B4A56; outline-offset:5px; }
.svc-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
.svc-shortcuts a { display:flex; align-items:center; gap:16px; padding:20px; border:1px solid #DCC7B0; border-radius:8px 20px 8px 8px; text-decoration:none; background:#F1D6DA; }
.svc-shortcuts a:nth-child(2),.svc-shortcuts a:nth-child(3) { background:#DCC7B0; }
.svc-shortcuts a > span:first-child { display:grid; place-items:center; font-size:16px; width:32px; height:32px; flex-shrink:0; border:1px solid #1C1C1C; border-radius:50%; }
.svc-shortcuts strong { font-size:17px; flex:1; }
.svc-shortcuts a:hover { border-color:#1C1C1C; }
.svc-summary { padding-block:48px; scroll-margin-top:110px; }
@media(min-width:1100px){.svc-split .svc-card ul{columns:2;column-gap:24px}}
@media(max-width:1024px){.svc-count-3{grid-template-columns:1fr}.svc-split{grid-template-columns:1fr 1.2fr;gap:24px;padding:24px}.svc-hero{column-gap:24px}}
@media(max-width:800px){.svc-split,.svc-count-2,.svc-shortcuts,.svc-hero{grid-template-columns:1fr}.svc-main{padding-top:16px}.svc-hero{gap:16px;padding:24px}.svc-hero .svc-eyebrow{margin:0}.svc-hero h1{max-width:23ch}.svc-card{padding:20px}.svc-conditions,.svc-closing{padding:24px}.svc-possibilities ul{columns:1}.svc-split{padding:22px;gap:20px}.svc-section{padding-block:24px}.svc-split .svc-card{padding:18px}.svc-split .svc-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.svc-page{scroll-behavior:auto}.svc-link span{transition:none}.svc-link:hover span{transform:none}}
@media(max-width:800px){#complementarios .svc-grid{grid-template-columns:1fr}#complementarios .svc-card:first-child{grid-row:auto}}
@media(max-width:800px){.svc-split .svc-heading{padding-top:0}.svc-hero h1{font-size:clamp(1.75rem,4.7vw,2.4rem)}}
