/* ==========================================================================
   PALM ONE — Specialized Capacity on Demand
   Portado de la ruta de Fiore (Lovable) a CSS normal. Mismos valores de
   diseño; tokens mapeados a la paleta del sitio. Incluye los ajustes del
   homepage: header fijo (cada sección deja su aire arriba) y todo legible
   a 100% de zoom sin cortes.
   ========================================================================== */
.scod-page{--paper:#FAFAF9;--paper-alt:#ebeae5;--ink:#111315;--ink-mute:#74797d;--line:#dbdedc;--signal:#eacb35}
html{scroll-padding-top:0}
[hidden]{display:none!important}
.cfg{position:relative;padding:clamp(40px,4vw,64px) clamp(20px,4.8vw,78px);background:var(--paper)}
.cfg .cfg-kicker{display:flex;align-items:center;gap:18px;color:var(--ink-mute);font-size:11px;font-weight:700;letter-spacing:.22em}
.cfg .cfg-kicker span{width:34px;height:1px;background:var(--signal)}
.cfg>h2{margin:20px 0 10px;font-size:clamp(38px,4vw,64px);line-height:1;font-weight:700}
.cfg mark{background:none;color:var(--signal)}
.cfg-lead{margin:0;color:var(--ink-mute);font-size:clamp(15px,1.3vw,20px);font-weight:500;line-height:1.4}
.cfg-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:28px;align-items:stretch}
.cfg-steps{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px}
.cfg-col{padding:20px 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 70%,white)}
.cfg-col>small{color:var(--signal);font-size:12px;font-weight:700}
.cfg-col h3{margin:6px 0 4px;font-size:19px;font-weight:700}
.cfg-col>p{margin:0 0 16px;color:var(--ink-mute);font-size:13px;line-height:1.35}
.cfg-list{display:grid;gap:8px}
.cfg-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px 8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.cfg-opt span{flex:1;line-height:1.25}
.cfg-opt:hover{border-color:var(--signal)}
.cfg-opt.is-on{border-color:color-mix(in srgb,var(--signal) 70%,transparent);background:color-mix(in srgb,var(--signal) 22%,var(--paper))}
.cfg-ic{flex:none;width:24px;height:24px}
.cfg-opt i{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1.5px solid var(--line);border-radius:50%}
.cfg-opt.is-on i{border-color:var(--signal);background:var(--signal)}
.cfg-opt i svg{width:14px;stroke-width:3}
.cfg-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.cfg-roles b{width:100%;font-size:10px;letter-spacing:.2em;color:var(--ink-mute)}
.cfg-chip{min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.cfg-chip.is-on{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 22%,var(--paper))}
.cfg-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:520px}
.cfg-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.cfg-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 94%,transparent) 55%,color-mix(in srgb,var(--paper) 25%,transparent) 100%)}
.cfg-panel-in{position:relative;padding:30px 28px;width:82%}
.cfg-title{margin:18px 0 18px;padding-left:18px;border-left:3px solid var(--signal);font-size:clamp(26px,2.5vw,40px);line-height:1.05;font-weight:700}
.cfg-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cfg-sum>div{display:grid;grid-template-columns:26px 1fr;column-gap:10px}
.cfg-sum svg{grid-row:span 2;width:22px}
.cfg-sum dt{font-size:11px;color:var(--ink-mute)}
.cfg-sum dd{margin:0;font-size:13px;font-weight:600;line-height:1.25}
.cfg-panel h4{margin:0 0 10px;font-size:10px;letter-spacing:.22em}
.cfg-panel ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.cfg-panel li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-mute)}
.cfg-panel li.is-on{color:var(--ink);font-weight:600}
.cfg-panel li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--line) 50%,var(--paper))}
.cfg-panel li.is-on span{background:color-mix(in srgb,var(--signal) 30%,var(--paper))}
.cfg-panel li svg{width:16px}
.cfg-cta{display:inline-flex;align-items:center;gap:22px;min-height:52px;padding:0 26px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.cfg-cta:hover,.cfg-cta:focus-visible{background:var(--signal);color:var(--ink)}
.cfg-cta svg{width:18px}
.cfg-note{margin:12px 0 0;max-width:460px;color:var(--ink-mute);font-size:12px;line-height:1.4}
.cfg-band{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 70%,white)}
.cfg-band>div{display:flex;align-items:center;gap:18px;padding:0 20px}
.cfg-band>div+div{border-left:1px solid var(--line)}
.cfg-bi{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:10px;background:var(--signal)}
.cfg-bi svg{width:26px}
.cfg-band p{flex:1;margin:0;display:flex;flex-direction:column;gap:4px}
.cfg-band strong{font-size:15px}
.cfg-band small{font-size:12px;color:var(--ink-mute)}
.cfg-band a,.cfg-band button{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 20px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}
.cfg-band svg{width:16px}
.cfg-band a:hover,.cfg-band button:hover{background:var(--signal);color:var(--ink)}
@media(max-width:1279px){.cfg-grid{grid-template-columns:1fr}
.cfg-band{grid-template-columns:1fr;gap:16px}
.cfg-band>div+div{border-left:0;border-top:1px solid var(--line);padding-top:16px}}
@media(max-width:767px){.cfg-lead br,.cfg>h2 br{display:none}
.cfg-steps{grid-template-columns:1fr}
.cfg-panel-in{width:100%;padding:22px 18px}
.cfg-wash{background:color-mix(in srgb,var(--paper) 92%,transparent)}
.cfg-sum{grid-template-columns:1fr}
.cfg-cta{width:100%;justify-content:space-between;padding:0 18px;font-size:13px}
.cfg-band>div{flex-wrap:wrap;padding:0}
.cfg-band a,.cfg-band button{white-space:normal;width:100%;justify-content:space-between}}
.scod-page{min-height:100svh;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
.scod-page *{box-sizing:border-box}
.scod-hero{position:relative;isolation:isolate;min-height:720px;height:100svh;overflow:hidden;padding-top:74px}
.scod-photo{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.scod-wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 100%,transparent) 0%,color-mix(in srgb,var(--paper) 96%,transparent) 31%,color-mix(in srgb,var(--paper) 75%,transparent) 45%,color-mix(in srgb,var(--paper) 5%,transparent) 73%),linear-gradient(180deg,color-mix(in srgb,var(--paper) 22%,transparent),transparent 55%,color-mix(in srgb,var(--paper) 35%,transparent))}
.scod-orbits{position:absolute;z-index:-1;inset:0;pointer-events:none}
.scod-orbits::before,.scod-orbits::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--signal) 78%,transparent);border-radius:50%}
.scod-orbits::before{width:940px;height:940px;right:-255px;top:-590px}
.scod-orbits::after{width:1020px;height:1020px;left:-650px;bottom:-745px}
.scod-orbits i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--signal)}
.scod-orbits i:nth-child(1){right:42%;top:14%}
.scod-orbits i:nth-child(2){right:19%;top:12%}
.scod-orbits i:nth-child(3){left:9%;bottom:3%}
.scod-copy{position:absolute;z-index:2;left:clamp(42px,5vw,80px);top:clamp(130px,18vh,165px);width:min(44vw,690px)}
.scod-eyebrow{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:700;letter-spacing:.22em}
.scod-eyebrow span{width:40px;height:1px;background:var(--ink)}
.scod-copy h1{margin:28px 0 20px;font-size:clamp(48px,4.05vw,66px);line-height:.98;font-weight:700;letter-spacing:0}
.scod-copy h1 mark{background:none;color:var(--signal)}
.scod-copy>p{margin:0;color:var(--ink-mute);font-size:clamp(16px,1.32vw,21px);font-weight:500;line-height:1.38}
.scod-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:298px;min-height:52px;margin-top:34px;padding:0 26px;border-radius:17px;background:var(--signal);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}
.scod-primary svg{width:18px}
.scod-benefits{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:0;margin-top:35px}
.scod-benefits>div{display:grid;grid-template-columns:58px auto;align-items:center;gap:18px;min-height:62px;padding:0 28px;border-right:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}
.scod-benefits>div:first-child{padding-left:0}
.scod-benefits>div:last-child{border:0}
.scod-benefits>div>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--signal) 58%,transparent);border-radius:50%;background:color-mix(in srgb,var(--paper) 80%,transparent)}
.scod-benefits svg{width:31px;height:31px;stroke-width:2}
.scod-benefits strong{font-size:15px;line-height:1.28;font-weight:600}
.scod-flow{position:absolute;z-index:3;right:clamp(28px,3vw,54px);top:clamp(380px,52vh,490px);display:flex;align-items:center;gap:7px;width:min(44vw,680px)}
.scod-flow-part{display:flex;align-items:center;min-width:0;flex:1}
.scod-card{width:100%;min-height:184px;padding:18px 18px 16px;border:1px solid color-mix(in srgb,var(--paper) 76%,transparent);border-radius:17px;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 15px 36px color-mix(in srgb,var(--ink) 8%,transparent)}
.scod-card-icon{display:block;width:41px;height:41px;margin:0 auto 13px;stroke-width:2}
.scod-card h2{margin:0 0 12px;text-align:center;font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.15em}
.scod-card ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.scod-card li{display:grid;grid-template-columns:17px 1fr;gap:7px;align-items:start;font-size:12px;line-height:1.18}
.scod-card li svg{width:16px;height:16px;padding:2px;border:1.5px solid var(--signal);border-radius:50%;color:var(--signal);stroke-width:3}
.scod-operator{display:grid;place-items:center;flex:none;width:52px;height:52px;margin-inline:7px;border-radius:50%;background:var(--signal);font-size:34px;font-weight:500;box-shadow:0 0 0 7px color-mix(in srgb,var(--signal) 16%,transparent)}
.scod-operator svg{width:25px;stroke-width:2}
.scod-discover{position:absolute;z-index:4;left:50%;bottom:18px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink);font-size:9px;font-weight:700;letter-spacing:.24em;text-decoration:none;transform:translateX(-50%)}
.scod-discover svg{width:15px}
.scod-specialties{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:clamp(34px,4.2vw,66px) clamp(32px,4.8vw,78px) clamp(38px,4vw,62px);background:var(--paper)}
.scod-specialties::before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--signal) 9%,transparent),transparent 28%),linear-gradient(120deg,var(--paper),color-mix(in srgb,var(--line) 24%,var(--paper)))}
.scod-specialties-bg{position:absolute;z-index:-2;inset:0;background-size:cover;background-position:center;opacity:.55;filter:blur(3px)}
.scod-specialties-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--paper) 86%,transparent),color-mix(in srgb,var(--paper) 72%,transparent))}
.scod-specialty-orbits{position:absolute;z-index:-1;inset:0;pointer-events:none}
.scod-specialty-orbits::before,.scod-specialty-orbits::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--signal) 58%,transparent);border-radius:50%}
.scod-specialty-orbits::before{width:760px;height:760px;left:-430px;top:165px}
.scod-specialty-orbits::after{width:950px;height:950px;right:-290px;top:-690px}
.scod-specialty-orbits i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--signal)}
.scod-specialty-orbits i:nth-child(1){left:5.5%;top:37%}
.scod-specialty-orbits i:nth-child(2){left:10%;top:47%}
.scod-specialty-orbits i:nth-child(3){left:13%;top:68%}
.scod-specialty-orbits i:nth-child(4){right:30%;top:9%}
.scod-specialty-orbits i:nth-child(5){right:15%;top:4%}
.scod-specialty-orbits i:nth-child(6){right:2%;top:14%}
.scod-specialty-heading{position:relative;z-index:2}
.scod-specialty-kicker{display:flex;align-items:center;gap:20px;color:var(--ink-mute);font-size:11px;font-weight:700;letter-spacing:.23em}
.scod-specialty-kicker span{width:34px;height:1px;background:var(--ink-mute)}
.scod-specialty-heading h2{margin:24px 0 10px;font-size:clamp(44px,4.1vw,66px);line-height:.98;font-weight:700;letter-spacing:0}
.scod-specialty-heading h2 mark{background:none;color:var(--signal)}
.scod-specialty-heading p{margin:0;color:var(--ink-mute);font-size:clamp(16px,1.3vw,21px);font-weight:500;line-height:1.35}
.scod-specialty-layout{display:grid;grid-template-columns:minmax(540px,.98fr) minmax(570px,1.08fr);gap:clamp(24px,2.7vw,48px);align-items:end;margin-top:-50px}
.scod-specialty-map{position:relative;height:485px}
.scod-specialty-map::before{content:"";position:absolute;left:50%;bottom:9px;width:410px;height:410px;border:1px solid color-mix(in srgb,var(--ink-mute) 40%,transparent);border-radius:50%;transform:translateX(-50%)}
.scod-specialty-map::after{content:"";position:absolute;left:50%;bottom:9px;width:410px;height:410px;border-bottom-color:var(--signal);border-left-color:var(--signal);border-style:solid;border-width:1px;border-radius:50%;transform:translateX(-50%) rotate(-18deg);clip-path:inset(48% 0 0)}
.scod-specialty-photo{position:absolute;z-index:1;left:50%;bottom:14px;width:300px;height:300px;padding:8px;border:1px solid color-mix(in srgb,var(--signal) 65%,transparent);border-radius:50%;background:var(--paper);transform:translateX(-50%);overflow:hidden}
.scod-specialty-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:opacity .25s ease}
.scod-specialty-node{position:absolute;z-index:2;display:grid;grid-template-columns:50px 1fr 42px;align-items:center;gap:14px;width:270px;min-height:94px;padding:14px 12px 14px 20px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:18px;background:color-mix(in srgb,var(--paper) 88%,transparent);color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 5%,transparent);transition:border-color .2s ease,transform .2s ease,background .2s ease}
.scod-specialty-node:hover,.scod-specialty-node.is-active{border-color:var(--signal);background:color-mix(in srgb,var(--paper) 94%,var(--signal));transform:translateY(-2px)}
.scod-specialty-node>svg{width:42px;height:42px;stroke-width:2}
.scod-specialty-node>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.scod-specialty-node small{color:var(--signal);font-size:12px;font-weight:700}
.scod-specialty-node strong{font-size:13px;line-height:1.3}
.scod-specialty-node>i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--paper) 90%,transparent)}
.scod-specialty-node>i svg{width:18px}
.scod-specialty-node-1{left:50%;top:0;transform:translateX(-50%)}
.scod-specialty-node-1:hover,.scod-specialty-node-1.is-active{transform:translateX(-50%) translateY(-2px)}
.scod-specialty-node-2{left:0;top:118px}
.scod-specialty-node-3{right:0;top:118px}
.scod-specialty-node-4{left:54px;bottom:0}
.scod-specialty-node-5{right:54px;bottom:0}
.scod-specialty-detail{position:relative;min-height:480px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:22px;background:var(--paper)}
.scod-specialty-detail>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s ease}
.scod-specialty-detail-wash{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 98%,transparent) 58%,color-mix(in srgb,var(--paper) 55%,transparent) 82%,color-mix(in srgb,var(--paper) 30%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--paper) 22%,transparent),color-mix(in srgb,var(--paper) 75%,transparent))}
.scod-specialty-detail-content{position:relative;z-index:2;width:69%;min-height:480px;padding:28px 0 24px 28px;display:flex;flex-direction:column}
.scod-specialty-number{color:var(--signal);font-size:13px;font-weight:700}
.scod-specialty-detail h3{margin:6px 0 4px;font-size:clamp(27px,2.4vw,39px);line-height:1.02;font-weight:700}
.scod-specialty-detail h4{margin:6px 0 4px;font-size:14px;line-height:1.35}
.scod-specialty-detail-content>p{margin:0;color:var(--ink-mute);font-size:14px;line-height:1.42}
.scod-specialty-rule{height:1px;margin:16px 0;background:var(--line)}
.scod-specialty-detail h5{margin:0 0 12px;font-size:10px;letter-spacing:.22em}
.scod-specialty-detail ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0;padding:0;list-style:none}
.scod-specialty-detail li{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;line-height:1.25}
.scod-specialty-detail li>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--signal) 18%,var(--paper))}
.scod-specialty-detail li svg{width:19px}
.scod-specialty-detail footer{display:grid;grid-template-columns:auto 42px 44px 1fr;align-items:center;gap:13px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}
.scod-specialty-detail footer b{font-size:10px;letter-spacing:.2em;color:var(--ink-mute)}
.scod-specialty-detail footer i{height:1px;background:var(--signal)}
.scod-specialty-detail footer span{display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--signal);border-radius:50%}
.scod-specialty-detail footer span svg{width:23px;stroke-width:3}
.scod-specialty-detail footer p{margin:0;color:var(--ink-mute);font-size:12px;line-height:1.35}
@media(max-width:1179px){.scod-hero{height:auto;min-height:calc(100svh - 68px);padding:58px 28px 38px}
.scod-photo{object-position:63% center}
.scod-wash{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 97%,transparent) 0%,color-mix(in srgb,var(--paper) 90%,transparent) 38%,color-mix(in srgb,var(--paper) 54%,transparent) 72%,color-mix(in srgb,var(--paper) 90%,transparent) 100%)}
.scod-copy{position:relative;left:auto;top:auto;width:min(680px,100%)}
.scod-copy h1{font-size:56px}
.scod-flow{position:relative;right:auto;top:auto;width:100%;margin-top:54px}
.scod-benefits{grid-template-columns:repeat(3,1fr)}
.scod-benefits>div{grid-template-columns:50px 1fr;padding-inline:18px}
.scod-benefits>div>span{width:50px;height:50px}
.scod-benefits strong{font-size:13px}
.scod-discover{display:none}
.scod-specialties{padding:48px 28px}
.scod-specialty-layout{grid-template-columns:1fr;margin-top:38px}
.scod-specialty-map{max-width:680px;width:100%;margin-inline:auto}
.scod-specialty-detail{max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:767px){.scod-hero{padding:42px 18px 30px}
.scod-photo{height:48%;top:auto;bottom:0;object-position:66% center}
.scod-wash{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 48%,color-mix(in srgb,var(--paper) 75%,transparent) 66%,color-mix(in srgb,var(--paper) 42%,transparent) 100%)}
.scod-eyebrow{font-size:9px;gap:10px}
.scod-eyebrow span{width:24px}
.scod-copy h1{margin:22px 0 18px;font-size:39px}
.scod-copy>p{font-size:15px}
.scod-copy>p br{display:none}
.scod-primary{width:100%;margin-top:26px;border-radius:12px}
.scod-benefits{grid-template-columns:1fr;margin-top:26px;border-top:1px solid var(--line)}
.scod-benefits>div{grid-template-columns:44px 1fr;min-height:62px;padding:9px 0;border-right:0;border-bottom:1px solid var(--line)}
.scod-benefits>div:last-child{border-bottom:0}
.scod-benefits>div>span{width:44px;height:44px}
.scod-benefits svg{width:25px;height:25px}
.scod-flow{flex-direction:column;align-items:stretch;gap:12px;margin-top:340px}
.scod-flow-part{flex-direction:column}
.scod-card{min-height:0;padding:17px;background:color-mix(in srgb,var(--paper) 91%,transparent)}
.scod-card-icon{width:35px;height:35px;margin-bottom:8px}
.scod-card h2{margin-bottom:9px}
.scod-card ul{max-width:250px;margin-inline:auto}
.scod-operator{width:44px;height:44px;margin:9px 0 -3px;font-size:29px}
.scod-flow-part:nth-child(2) .scod-operator svg{transform:rotate(90deg)}
.scod-specialties{padding:42px 18px}
.scod-specialty-kicker{font-size:9px;gap:12px}
.scod-specialty-kicker span{width:24px}
.scod-specialty-heading h2{margin-top:20px;font-size:38px}
.scod-specialty-heading p{font-size:15px}
.scod-specialty-heading p br{display:none}
.scod-specialty-layout{margin-top:30px}
.scod-specialty-map{display:flex;gap:10px;height:auto;padding-bottom:5px;overflow-x:auto;scroll-snap-type:x mandatory}
.scod-specialty-map::before,.scod-specialty-map::after,.scod-specialty-photo{display:none}
.scod-specialty-node{position:relative!important;inset:auto!important;flex:0 0 82%;min-height:92px;transform:none!important;scroll-snap-align:start}
.scod-specialty-detail{min-height:560px;border-radius:18px}
.scod-specialty-detail>img{height:42%;object-position:center}
.scod-specialty-detail-wash{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 12%,transparent) 0%,color-mix(in srgb,var(--paper) 46%,transparent) 30%,var(--paper) 43%,var(--paper) 100%)}
.scod-specialty-detail-content{width:100%;min-height:560px;padding:210px 20px 20px}
.scod-specialty-detail h3{font-size:29px}
.scod-specialty-detail ul{grid-template-columns:1fr}
.scod-specialty-detail footer{grid-template-columns:auto 1fr 40px;gap:10px}
.scod-specialty-detail footer p{grid-column:1/-1}
.scod-specialty-detail footer span{width:40px;height:40px}}
@media(max-width:359px){.scod-hero{padding-inline:16px}
.scod-copy h1{font-size:34px}
.scod-eyebrow{letter-spacing:.15em}
.scod-flow{margin-top:285px}}


/* ==========================================================================
   Ajustes del sitio (sobre el diseño de Fiore)
   - Header fijo: cada sección deja su aire arriba (sin scroll-padding)
   - Todo se ve completo a 100% de zoom (tamaños según la altura de la ventana)
   - Sin paneles encimados
   ========================================================================== */
.scod-copy>p,.scod-specialty-heading p,.cfg-lead{max-width:none}
.scod-primary svg,.scod-discover svg{flex:none}

@media (min-width:1180px){
  /* ---- Hero ---- */
  .scod-hero{height:100svh;min-height:560px;padding-top:0}
  .scod-copy{top:clamp(92px,15svh,150px);width:min(46vw,720px)}
  .scod-copy h1{margin:clamp(14px,3svh,28px) 0 clamp(10px,2.2svh,20px);font-size:clamp(38px,min(4.05vw,7.6svh),66px)}
  .scod-copy>p{font-size:clamp(14px,min(1.32vw,2.7svh),21px)}
  .scod-primary{margin-top:clamp(16px,3.4svh,34px);min-height:clamp(44px,6.4svh,52px)}
  .scod-benefits{margin-top:clamp(18px,3.6svh,35px)}
  .scod-benefits>div{min-height:clamp(50px,7.6svh,62px)}
  .scod-flow{--gap:clamp(44px,3.9vw,60px);--op:clamp(40px,3.3vw,52px);top:auto;bottom:clamp(86px,19svh,190px);width:min(46vw,720px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);align-items:stretch}
  .scod-flow-part{position:relative;display:block;min-width:0}
  .scod-card{height:100%}
  .scod-operator{position:absolute;z-index:2;top:50%;right:calc((var(--gap) + var(--op)) / -2);width:var(--op);height:var(--op);margin:0;transform:translateY(-50%);font-size:clamp(26px,2.4vw,34px)}
  .scod-benefits>div{grid-template-columns:clamp(44px,3.6vw,58px) auto;gap:clamp(10px,1.2vw,18px);padding:0 clamp(14px,1.8vw,28px)}
  .scod-benefits>div>span{width:clamp(44px,3.6vw,58px);height:clamp(44px,3.6vw,58px)}
  .scod-benefits strong{font-size:clamp(13px,1.05vw,15px)}
  .scod-card{min-height:0}
  .scod-discover{bottom:clamp(10px,2.4svh,18px)}

  /* ---- Especialidades ---- */
  .scod-specialties{padding-top:clamp(84px,12svh,112px);padding-bottom:clamp(26px,4svh,56px)}
  .scod-specialty-heading h2{margin:clamp(12px,2.4svh,24px) 0 8px;font-size:clamp(36px,min(4.1vw,7svh),66px)}
  .scod-specialty-heading p{font-size:clamp(14px,min(1.3vw,2.6svh),21px)}
  .scod-specialty-layout{margin-top:clamp(10px,2svh,22px)}

  /* ---- Configurador: medidas de Fiore; solo deja aire bajo el header fijo ---- */
  .cfg{padding-top:clamp(84px,12svh,112px)}
}

/* Tablet y móvil: el header fijo (63px) reemplaza al de Fiore */
@media (max-width:1179px){
  .scod-hero{padding-top:104px}
  .scod-specialties,.cfg{padding-top:84px}
}
@media (max-width:767px){
  .scod-hero{padding-top:92px}
  .scod-specialties,.cfg{padding-top:76px}
}

/* Nodos del mapa: nunca se montan unos sobre otros (4 y 5 comparten la fila de abajo) */
@media (min-width:768px){
  .scod-specialty-node{width:min(270px,calc(50% - 6px))}
  .scod-specialty-node-4{left:clamp(0px,calc(50% - 280px),54px)}
  .scod-specialty-node-5{right:clamp(0px,calc(50% - 280px),54px)}
}

@media (min-width:768px) and (max-width:1179px){
  .scod-flow{--gap:clamp(44px,6vw,60px);--op:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);align-items:stretch}
  .scod-flow-part{position:relative;display:block;min-width:0}
  .scod-card{height:100%}
  .scod-operator{position:absolute;z-index:2;top:50%;right:calc((var(--gap) + var(--op)) / -2);width:var(--op);height:var(--op);margin:0;transform:translateY(-50%)}
}



/* ---------- Pulido móvil/tablet: texto mínimo legible (nitidez) ---------- */
@media (max-width: 1023px) {
  .scod-eyebrow { font-size: 11.5px !important; }
  .scod-specialty-kicker bdi { font-size: 11.5px !important; }
  .scod-specialty-detail-content h5 { font-size: 11.5px !important; }
  .scod-specialty-detail-content footer > b { font-size: 11.5px !important; }
  .cfg-kicker bdi { font-size: 11.5px !important; }
  .cfg-roles b { font-size: 11.5px !important; }
  .cfg-sum div > dt { font-size: 11.5px !important; }
  .cfg-panel-in h4 { font-size: 11.5px !important; }
}

/* Hero móvil compacto: sin huecos enormes entre texto, beneficios y tarjetas */
@media (max-width:767px){
  .scod-hero{min-height:0;height:auto;padding:84px 18px 26px}
  .scod-copy h1{margin:16px 0 12px}
  .scod-primary{margin-top:20px}
  .scod-benefits{margin-top:18px}
  .scod-benefits>div{min-height:54px;padding:6px 0}
  .scod-flow{margin-top:22px;gap:8px}
  .scod-card{padding:14px 16px}
  .scod-card-icon{margin-bottom:6px}
  .scod-card h2{margin-bottom:7px}
  .scod-operator{width:38px;height:38px;margin:6px auto -2px;font-size:26px}
  .scod-photo{height:100%;top:0;bottom:auto;object-position:62% center}
  .scod-wash{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 58%,color-mix(in srgb,var(--paper) 70%,transparent) 72%,color-mix(in srgb,var(--paper) 40%,transparent) 100%)}
}

/* =====================================================================
   FONDOS SIN IMAGEN (reunión 1-oct): la página usa el mismo crema de la
   Homepage (#FAFAF9) y sin foto de fondo en "Capacidad especializada"
   (la foto del hero SÍ se mantiene). Para volver al diseño anterior, borrar solo este bloque.
   ===================================================================== */
.scod-specialties-bg { display: none; }
.scod-specialties::before { background: none; }

/* =====================================================================
   TIPOGRAFÍA MÍNIMA (reunión 1-oct): nada de texto por debajo de ~12px en
   etiquetas ni ~14px en texto corrido, y el panel de la derecha de
   "Capacidad especializada" más grande para poder leerlo y usarlo.
   ===================================================================== */
.scod-eyebrow, .scod-specialty-kicker, .cfg-kicker { font-size: 12.5px; }
.scod-card h2 { font-size: 13px; }
.scod-card li { font-size: 14px; }
.scod-discover { font-size: 11.5px; }
.scod-specialty-node small { font-size: 14px; }
.scod-specialty-node strong { font-size: 15px; }
.scod-specialty-number { font-size: 20px; }
.scod-specialty-detail h3 { font-size: clamp(30px, 2.9vw, 48px); }
.scod-specialty-detail h4 { font-size: 17px; }
.scod-specialty-detail-content > p { font-size: 16px; line-height: 1.45; }
.scod-specialty-detail h5 { font-size: 12.5px; }
.scod-specialty-detail li { font-size: 15px; }
.scod-specialty-detail li > span { width: 44px; height: 44px; }
.scod-specialty-detail li svg { width: 22px; }
.scod-specialty-detail footer b { font-size: 12.5px; }
.scod-specialty-detail footer p { font-size: 15px; line-height: 1.4; }
.cfg-col small { font-size: 13px; }
.cfg-col > p { font-size: 14px; }
.cfg-opt span { font-size: 14px; }
.cfg-roles b { font-size: 12px; }
.cfg-chip { font-size: 13.5px; }
.cfg-sum dt { font-size: 12.5px; }
.cfg-sum dd { font-size: 14.5px; }
.cfg-panel h4 { font-size: 12.5px; }
.cfg-panel li bdi { font-size: 14.5px; }
.cfg-note { font-size: 13.5px; }
@media (min-width: 1180px) {
  .scod-specialty-layout { align-items: stretch; margin-top: -30px; }
  .scod-specialty-map { align-self: end; }
  .scod-specialty-detail { min-height: 560px; }
  .scod-specialty-detail-content { width: 82%; min-height: 560px; padding: 34px 0 28px 36px; }
  .scod-specialty-detail ul { gap: 14px 22px; }
}

/* La foto del hero se funde con el crema de la página (arriba y abajo), sin franja "blanco hueso" */
.scod-hero::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(250,250,249,.92) 0, rgba(250,250,249,0) 11%, rgba(250,250,249,0) 74%, rgba(250,250,249,.75) 90%, #FAFAF9 100%); }


/* ==========================================================================
   CAPACIDAD ESPECIALIZADA — cambios de Fiore (1-oct): número grande, ícono junto al título,
   tarjetas más grandes y fotos nuevas (círculo + panel)
   ========================================================================== */
@media(min-width:1181px){.scod-specialty-layout{margin-top:6px!important}.scod-specialty-node{grid-template-columns:auto 1fr 42px!important;width:282px!important;min-height:120px!important;padding:16px 10px 16px 18px!important;border-radius:16px!important}.scod-node-num{color:var(--signal);font-size:44px;line-height:1;font-weight:700;letter-spacing:-.02em}.scod-specialty-node>span{gap:8px!important}.scod-specialty-node>span svg{width:34px;height:34px;stroke-width:1.8}.scod-specialty-node strong{font-size:16px!important;line-height:1.25!important;font-weight:700}.scod-specialty-node.is-active{background:color-mix(in oklch,var(--paper) 86%,var(--signal))!important;box-shadow:0 0 0 1px var(--signal),0 14px 34px color-mix(in oklch,var(--signal) 18%,transparent)!important}.scod-specialty-map{height:560px!important;margin-top:64px!important}.scod-specialty-photo{width:310px!important;height:310px!important}.scod-specialty-number{font-size:30px!important}.scod-specialty-detail h3{font-size:clamp(32px,2.8vw,44px)!important}.scod-specialty-detail h4{font-size:17px!important}.scod-specialty-detail-content>p{font-size:16px!important}.scod-specialty-detail h5{font-size:12px!important}.scod-specialty-detail li{font-size:15px!important;font-weight:500!important}.scod-specialty-detail li>span{width:46px!important;height:46px!important}.scod-specialty-detail li svg{width:22px!important}.scod-specialty-detail footer p{font-size:14px}.scod-specialty-detail-content{width:68%!important}.scod-specialty-detail>img{object-position:right center!important}.scod-specialty-node-2,.scod-specialty-node-3{top:150px!important}.scod-specialty-node-4{left:20px!important}.scod-specialty-node-5{right:20px!important}}
@media(max-width:1180px){.scod-node-num{color:var(--signal);font-size:30px;line-height:1;font-weight:700}.scod-specialty-node>span svg{width:28px;height:28px}.scod-specialty-node strong{font-size:15px!important}}

/* --- Ajustes pedidos (Kevin): fondo crema del home, foto del panel nítida y círculo centrado --- */
.scod-specialties { background: #FAFAF9; }
.scod-specialties::before, .scod-specialties-bg { display: none; }

/* Panel: texto a la izquierda sobre crema y foto nítida a la derecha (sin degradados que la difuminen) */
.scod-specialty-detail { background: #FAFAF9; }
.scod-specialty-detail-wash { display: none; }
@media (min-width: 768px) {
  .scod-specialty-detail > img { inset: 0 0 0 auto; width: 38%; height: 100%; object-fit: cover; object-position: 82% center; filter: none; opacity: 1; }
  .scod-specialty-detail-content { width: 62% !important; padding-right: 24px; }
}
@media (max-width: 767px) {
  .scod-specialty-detail > img { height: 210px; object-position: 70% center; }
  .scod-specialty-detail-content { padding-top: 230px; }
}

/* Círculo: foto y anillos comparten el mismo centro, en el medio del conjunto de tarjetas */
@media (min-width: 768px) {
  .scod-specialty-map::before, .scod-specialty-map::after { top: 50%; bottom: auto; }
  .scod-specialty-map::before { transform: translate(-50%, -50%); }
  .scod-specialty-map::after { transform: translate(-50%, -50%) rotate(-18deg); }
  .scod-specialty-photo { top: 50%; bottom: auto; transform: translate(-50%, -50%); }
}
@media (min-width: 768px) { .scod-specialty-detail footer p { font-size: 14px; } }

/* --- Panel derecho: tarjeta con sombra suave, foto a la derecha que se funde con la tarjeta y arco amarillo --- */
@media (min-width: 768px) {
  .scod-specialty-detail {
    border-radius: 24px; border-color: rgba(219,222,220,.7);
    box-shadow: 0 22px 56px rgba(17,19,21,.07);
    background: linear-gradient(135deg, #FFFFFF 0%, #FAFAF9 100%);
  }
  .scod-specialty-detail > img {
    inset: 0 0 0 auto; width: 46%; height: 100%; object-fit: cover; object-position: 78% center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 12%, #000 28%);
            mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.55) 12%, #000 28%);
  }
  .scod-specialty-detail::after {
    content: ""; position: absolute; z-index: 1; width: 760px; height: 760px; right: -400px; top: -390px;
    border: 1.5px solid rgba(234,203,53,.85); border-radius: 50%; pointer-events: none;
  }
  .scod-specialty-detail-content { width: 62% !important; padding-right: 8px; }
  .scod-specialty-detail ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
}
@media (min-width: 1181px) { .scod-specialty-detail-content { width: 64% !important; } }
@media (min-width: 768px) { .scod-specialty-detail h3 { text-wrap: balance; } }
@media (min-width: 1181px) { .scod-specialty-detail h3 { font-size: clamp(30px, 2.4vw, 36px) !important; } .scod-specialty-detail-content { width: 62% !important; } }

/* --- Ajuste: 3 capacidades en una columna y fotos mejor encuadradas --- */
@media (min-width: 768px) {
  .scod-specialty-detail ul { grid-template-columns: 1fr; gap: 12px; }
  .scod-specialty-detail > img {
    width: 50%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 14%, #000 32%);
            mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 14%, #000 32%);
  }
  .scod-specialty-detail-content { width: 58% !important; }
  #scod-spec-0 > img { object-position: 72% center; }
  #scod-spec-1 > img { object-position: 68% center; }
  #scod-spec-2 > img { object-position: 60% center; }
  #scod-spec-3 > img { object-position: 70% center; }
  #scod-spec-4 > img { object-position: 64% center; }
}
@media (min-width: 1181px) { .scod-specialty-detail-content { width: 58% !important; } }
@media (min-width: 768px) {
  .scod-specialty-detail > img {
    width: 49%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 18%, #000 38%);
            mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.6) 18%, #000 38%);
  }
  .scod-specialty-detail-content { width: 55% !important; }
  .scod-specialty-detail-content > p { text-wrap: pretty; }
}
@media (min-width: 1181px) { .scod-specialty-detail-content { width: 55% !important; } }
@media (min-width:1181px){.scod-specialty-detail h3{font-size:clamp(28px,2.2vw,33px)!important}}

/* ==========================================================================
   CONFIGURA TU CAPACIDAD — versión oscura con la paleta PALM ONE
   (negro #111315, texto blanco hueso, amarillo para lo seleccionado y los botones)
   ========================================================================== */
.cfg {
  --paper: #111315; --ink: #FAFAF9; --ink-mute: rgba(250,250,249,.64); --line: rgba(250,250,249,.16);
  background: #111315; color: #FAFAF9;
}
.cfg > h2 { color: #FAFAF9; }
.cfg .cfg-kicker { color: rgba(250,250,249,.7); }
.cfg-col { background: rgba(250,250,249,.03); border-color: rgba(250,250,249,.14); }
.cfg-col h3 { color: #FAFAF9; }
.cfg-opt { background: rgba(250,250,249,.025); border-color: rgba(250,250,249,.2); color: #FAFAF9; }
.cfg-opt:hover { border-color: var(--signal); background: rgba(234,203,53,.07); }
.cfg-opt.is-on { border-color: var(--signal); background: rgba(234,203,53,.17); }
.cfg-opt i { border-color: rgba(250,250,249,.38); }
.cfg-opt.is-on i { border-color: var(--signal); background: var(--signal); color: #111315; }
.cfg-opt.is-on i svg { stroke: #111315; }
.cfg-chip { background: rgba(250,250,249,.025); border-color: rgba(250,250,249,.2); color: #FAFAF9; }
.cfg-chip:hover { border-color: var(--signal); }
.cfg-chip.is-on { border-color: var(--signal); background: rgba(234,203,53,.17); }
.cfg-roles { border-top-color: rgba(250,250,249,.14); }

.cfg-panel { background: #111315; border-color: rgba(250,250,249,.14); }
.cfg-wash { background: linear-gradient(90deg, #111315 0%, rgba(17,19,21,.93) 48%, rgba(17,19,21,.55) 76%, rgba(17,19,21,.28) 100%); }
.cfg-title { color: #FAFAF9; }
.cfg-sum { border-bottom-color: rgba(250,250,249,.16); }
.cfg-sum dd, .cfg-panel h4 { color: #FAFAF9; }
.cfg-panel li span { background: rgba(250,250,249,.1); }
.cfg-panel li.is-on span { background: rgba(234,203,53,.3); }
.cfg-panel li.is-on { color: #FAFAF9; }

/* Botones de Conversemos: amarillo como el del hero */
.cfg-cta, .cfg-band button {
  background: var(--signal); color: #111315; border: 0;
  box-shadow: 0 10px 26px rgba(234,203,53,.22);
}
.cfg-cta:hover, .cfg-cta:focus-visible, .cfg-band button:hover, .cfg-band button:focus-visible { background: #F4DB63; color: #111315; }
.cfg-cta svg, .cfg-band button svg { stroke: #111315; }

.cfg-band { background: rgba(250,250,249,.03); border-color: rgba(250,250,249,.14); }
.cfg-band > div + div { border-color: rgba(250,250,249,.14); }
.cfg-band strong { color: #FAFAF9; }
.cfg-bi { color: #111315; }
.cfg-bi svg { stroke: #111315; }
.cfg-band a { background: var(--signal); color: #111315; border: 0; box-shadow: 0 10px 26px rgba(234,203,53,.22); }
.cfg-band a:hover, .cfg-band a:focus-visible { background: #F4DB63; color: #111315; }
.cfg-band a svg { stroke: #111315; }

@media (max-width: 767px) {
  .cfg-wash { background: rgba(17,19,21,.86); }
}

/* Paneles Especialidad / Seniority / Dedicación en claro; selección en crema.
   La sección y el panel derecho siguen oscuros.
   Para volver a paneles oscuros, borrar solo este bloque. */
.cfg-col { background: #FAFAF9; border-color: rgba(17,19,21,.08); box-shadow: 0 18px 44px rgba(0,0,0,.32); }
.cfg-col > small { color: #A8860F; }
.cfg-col h3 { color: #111315; }
.cfg-col > p { color: #5A5F63; }
.cfg-opt, .cfg-chip { background: #fff; border-color: rgba(17,19,21,.14); color: #111315; }
.cfg-opt:hover, .cfg-chip:hover { border-color: var(--signal); background: #FFFCEB; }
.cfg-opt.is-on, .cfg-chip.is-on { border-color: var(--signal); background: #FBF2C8; }
.cfg-opt i { border-color: rgba(17,19,21,.3); }
.cfg-opt.is-on i { border-color: var(--signal); background: var(--signal); }
.cfg-roles { border-top-color: rgba(17,19,21,.12); }
.cfg-roles b { color: #5A5F63; }

/* Foto del panel derecho un poco más visible (antes velo .93/.55/.28).
   Para volver al velo anterior, borrar solo este bloque. */
.cfg-wash { background: linear-gradient(90deg, rgba(17,19,21,.95) 0%, rgba(17,19,21,.82) 40%, rgba(17,19,21,.42) 68%, rgba(17,19,21,.10) 100%); }
@media (max-width: 767px) { .cfg-wash { background: rgba(17,19,21,.72); } }