/*
 * CLAUDIO KAPOBEL — SERVICES LUXURY V3
 * Estilos encapsulados: NO se aplican reglas globales sobre body/html/nav.
 * Dedicado a la sección #servicios. Fuentes Italiana/Cormorant Garamond/Manrope
 * se cargan desde el <link> de Google Fonts del head, no por @import aquí.
 */
.ckl-services {
  --ckl-ink: #080f1a;
  --ckl-ink-soft: #101825;
  --ckl-cream: #f7f2ea;
  --ckl-gold: #e9bf78;
  --ckl-gold-2: #ae7d37;
  --ckl-border: rgba(225, 177, 104, .56);
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: clip;
  width: 100%;
  min-height: 1010px;
  padding: 53px 0 42px;
  color: var(--ckl-cream);
  background: radial-gradient(ellipse 50% 32% at 47% 45%, #19253a 0%, transparent 88%),
              radial-gradient(ellipse 56% 75% at 100% 70%, #121e2d 0%, transparent 76%),
              linear-gradient(167deg, #070e17 0%, #0b1421 41%, #0a131e 74%, #111a25 100%);
  font-family: 'Manrope', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.ckl-services *, .ckl-services *::before, .ckl-services *::after { box-sizing: border-box; }
.ckl-services button, .ckl-services a { -webkit-tap-highlight-color: transparent; }
.ckl-services a { color: inherit; text-decoration: none; }
.ckl-services button { font: inherit; }
.ckl-services__sky { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.ckl-services__skyline { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 40%, rgba(56,64,79,.18), transparent 48%); }
.ckl-services__gold-traces { position: absolute; inset: 0 0 auto; height: min(28vw, 365px); opacity: .9; background: url('assets/ck-services/decor/trazos-editoriales.svg') center top / 100% 100% no-repeat; transform: translate3d(0,calc(var(--ckl-scroll,0) * -36px),0); will-change: transform; }
.ckl-services__glow { position: absolute; width: 680px; height: 170px; filter: blur(65px); opacity: .19; background: radial-gradient(ellipse, rgba(205,142,68,.34), transparent 73%); }
.ckl-services__glow--left { top: 190px; left: -340px; transform: rotate(-30deg); }
.ckl-services__glow--right { right: -340px; top: 295px; transform: rotate(-20deg); }
.ckl-services__coast { position: absolute; bottom: -1px; left: 0; width: 100%; height: 183px; background: linear-gradient(0deg,rgba(8,16,26,.16),rgba(8,16,26,.02) 35%,#0b1421 99%), url('assets/ck-services/decor/costa-atardecer.webp') center 62% / cover no-repeat; opacity: .83; }
.ckl-services__coast::before { content:''; position:absolute; left:0; right:0; top:-70px; height:120px; background:linear-gradient(180deg,#0b1421,transparent); }
.ckl-services__shell { position: relative; z-index: 1; width: min(100% - 92px, 1320px); margin-inline: auto; }
.ckl-services__heading { position: relative; text-align: center; margin-inline: auto; }
.ckl-services__eyebrow { display: flex; justify-content: center; align-items: center; gap: 23px; color: #f4ce8b; font-size: 11px; font-weight: 700; letter-spacing: .46em; margin: 0 0 16px; line-height: 1.4; }
.ckl-services__eyebrow span { width: 58px; height:1px; opacity:.75; background: linear-gradient(90deg,transparent, #eec77b); }
.ckl-services__eyebrow span:last-child { transform: scaleX(-1); }
.ckl-services__title { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 400; letter-spacing: -.048em; }
.ckl-services__title-main { display:block; font-family:'Italiana','Times New Roman',serif; font-weight: 400; font-size: clamp(52px,5.25vw,83px); line-height: 1.10; letter-spacing: -.026em; white-space: nowrap; }
.ckl-services__title-em { display:block; font-family:'Cormorant Garamond','Times New Roman',serif; font-size: clamp(66px,6.5vw,103px); font-weight:400; font-style: italic; line-height:.78; letter-spacing: -.055em; background:linear-gradient(100deg,#dbac60 0%,#ffdf9e 47%,#bb8436 100%); color:transparent; -webkit-background-clip:text; background-clip:text; padding: 0 .14em .12em; }
.ckl-services__intro { margin: 15px auto 0; max-width: 780px; font-size: clamp(12px,1.03vw,15px); font-weight: 400; letter-spacing: .018em; color: rgba(250,248,242,.81); line-height: 1.85; }
.ckl-services__glint { position: relative; width:230px; height:1px; margin:19px auto 29px; background: linear-gradient(90deg,transparent,rgba(222,160,80,.24) 30%,#f9d598 50%,rgba(222,160,80,.24) 70%,transparent); }
.ckl-services__glint::after { content:''; position:absolute; width:75px;height:12px;left:calc(50% - 37px);top:-5px; background:radial-gradient(ellipse,rgba(244,189,111,.52), transparent 69%);filter:blur(4px); }
.ckl-services__track { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; align-items: stretch; }
.ckl-card {
  --ckl-pan-x: 0px; --ckl-pan-y: 0px; --ckl-tilt-x: 0deg; --ckl-tilt-y: 0deg; --ckl-spot-x: 50%; --ckl-spot-y: 50%;
  position:relative; isolation:isolate; height:565px; min-width:0; overflow:hidden; border:1px solid var(--ckl-border); border-radius:15px; background:#101923;
  box-shadow:inset 0 1px 0 rgba(255,231,170,.2),0 20px 38px rgba(0,0,0,.2), 0 0 0 .5px rgba(255,219,143,.06);
  transform: perspective(1300px) rotateX(var(--ckl-tilt-x)) rotateY(var(--ckl-tilt-y));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .45s ease,box-shadow .5s ease;
  backface-visibility:hidden;
}
.ckl-card:hover,.ckl-card:focus-within { border-color:rgba(255,217,145,.85);box-shadow:0 28px 54px rgba(0,0,0,.28), 0 0 24px rgba(220,163,86,.18),inset 0 1px 0 rgba(255,234,185,.45); }
.ckl-card::before { content:''; z-index:7; position:absolute;pointer-events:none; inset:0; border-radius:inherit; border:1px solid transparent; background:radial-gradient(210px circle at var(--ckl-spot-x) var(--ckl-spot-y),rgba(255,224,161,.64),transparent 87%) border-box; -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor; mask-composite:exclude; opacity:0;transition:opacity .45s ease; }
.ckl-card:hover::before,.ckl-card:focus-within::before { opacity:1; }
.ckl-card::after { content:''; position:absolute; z-index:6; width:33px;height:33px; right:-14px;bottom:-14px; border-radius:100%;background:#eec47a; filter:blur(21px);opacity:.63;transition:opacity .5s ease;pointer-events:none; }
.ckl-card:hover::after {opacity:.95;}
.ckl-card__photo { display:block; position:absolute; z-index:-3; left:0; top:0; width:100%; height:67%; object-fit:cover; object-position:center 28%; max-width:none; opacity:1; filter:saturate(.92) contrast(1.04); transform:scale(1.05) translate3d(var(--ckl-pan-x),var(--ckl-pan-y),0); transition:transform 1.2s cubic-bezier(.2,.73,.19,1),filter .7s ease; will-change:transform; }
.ckl-card:hover .ckl-card__photo { transform:scale(1.13) translate3d(var(--ckl-pan-x),var(--ckl-pan-y),0);filter:saturate(1.04) contrast(1.04); }
.ckl-card--exclusive .ckl-card__photo { object-position:center top; height:63%; filter:saturate(.94) contrast(1.01); }
.ckl-card__image-vignette { position:absolute;z-index:-2;inset:0; pointer-events:none;background:linear-gradient(180deg,rgba(4,8,12,.03) 0%,transparent 27%,rgba(8,12,18,.15) 41%,rgba(9,14,23,.72) 54%, #111720 77%,#151a23 100%); }
.ckl-card__drape { position:absolute; z-index:-1; left:-20%;right:-20%;top:40%;height:72%; pointer-events:none; background:linear-gradient(184deg,rgba(17,23,31,.24) 0%,rgba(12,19,29,.9) 43%,#111923 90%); border-radius: 58% 42% 0 0 / 18% 14% 0 0; box-shadow:0 -2px 3px rgba(251,213,144,.04); transform:rotate(-4deg); opacity:.83; }
.ckl-card__lens {position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(190px 100px at 103% 100%,rgba(238,169,90,.13),transparent 90%);}
.ckl-card__inner { position:absolute; z-index:4; inset:0; display:flex; flex-direction:column; padding:233px 33px 29px; }
.ckl-card__symbol { color:#edc77d; flex:0 0 auto;display:block;width:32px;height:32px; margin:0 0 12px;filter:drop-shadow(0 0 8px rgba(255,198,105,.13)); transition:transform .45s ease,filter .45s ease; }
.ckl-card:hover .ckl-card__symbol { transform:translateY(-4px);filter:drop-shadow(0 0 9px rgba(255,204,117,.38)); }
.ckl-card__kicker { margin:0; color:#f7dfac; font-size:9px; font-weight:700;letter-spacing:.15em;line-height:1.45; white-space:nowrap; }
.ckl-card__kicker span { margin:0 2px; }
.ckl-card h3 { margin:8px 0 0; font-family:'Italiana', 'Cormorant Garamond', 'Times New Roman', serif; color:#f9f5ee; font-size: clamp(40px,3.27vw,49px); font-weight:400; letter-spacing:-.025em;line-height:.98; text-shadow:0 2px 14px rgba(0,0,0,.23); }
.ckl-card__dash {width:35px;height:1px; margin:11px 0 10px;background:linear-gradient(90deg,#f2c985,#a67a3a); flex:0 0 auto;}
.ckl-card__copy { margin:0; color:rgba(255,253,248,.90); font-size:11.9px;line-height:1.55;letter-spacing:.002em; font-weight:400; max-width:100%; }
.ckl-card__cta { position:relative;display:flex;align-items:center;justify-content:space-between; min-height:44px;flex:0 0 44px; padding:0 20px 0 23px;margin-top:auto;color:#f9e3b1;border:1px solid #e0b36b;border-radius:999px; background:linear-gradient(145deg,rgba(11,17,27,.88),rgba(12,17,26,.7)); box-shadow:inset 0 1px 0 rgba(255,230,173,.09),0 0 13px rgba(241,166,75,.08);font-size:9px;letter-spacing:.25em;font-weight:800; line-height:1.2;transition:background .35s ease,box-shadow .35s ease,color .35s ease,transform .25s ease;will-change:transform; }
.ckl-card__cta::before {content:'';position:absolute;top:-2px;left:17%;right:17%;height:3px; background:radial-gradient(ellipse,#ffcc7f 0%,rgba(255,197,104,.32) 35%,transparent 77%);filter:blur(1.8px);opacity:.76;pointer-events:none;}
.ckl-card__cta:hover,.ckl-card__cta:focus-visible {color:#0c1421;background:linear-gradient(100deg,#edc687,#f9dc9f 53%,#d4a65e);box-shadow:0 0 25px rgba(232,177,99,.23),inset 0 1px 0 rgba(255,255,255,.52);}
.ckl-card__cta svg {width:17px;height:17px;flex:0 0 17px;transition:transform .35s ease;}
.ckl-card__cta:hover svg {transform:translateX(3px)}
.ckl-card__cta:focus-visible,.ckl-services__mobile-nav button:focus-visible{outline:2px solid #fff4d9;outline-offset:4px;}
.ckl-services__mobile-nav {display:none;}

/* Progressive enhancement: sin JS, el contenido permanece visible */
.ckl-motion-ready .ckl-animate {opacity:0;transform:translate3d(0,34px,0);}
.ckl-motion-ready .ckl-services__heading.ckl-animate {filter:blur(6px);}
.ckl-motion-ready .ckl-animate.is-inview {opacity:1;transform:translate3d(0,0,0);filter:blur(0);transition:opacity .86s cubic-bezier(.2,.7,.1,1) var(--ckl-delay,0ms),transform 1s cubic-bezier(.16,1,.3,1) var(--ckl-delay,0ms),filter .7s ease var(--ckl-delay,0ms);}
.ckl-motion-ready .ckl-card.ckl-animate.is-inview {transform:perspective(1300px) rotateX(var(--ckl-tilt-x)) rotateY(var(--ckl-tilt-y));}

@media (max-width: 1200px) {
  .ckl-services__shell{width:min(100% - 64px,1060px)}
  .ckl-services__track{gap:12px;}
  .ckl-card{height:565px;}
  .ckl-card__inner{padding-left:22px;padding-right:22px;}
  .ckl-card__kicker{font-size:8px;letter-spacing:.09em;}
  .ckl-card h3{font-size:clamp(36px,3.7vw,46px);}
  .ckl-card__cta{padding-left:13px;padding-right:12px;font-size:8.3px;letter-spacing:.16em;}
  .ckl-card__copy{font-size:11.5px;}
}
@media (max-width: 1000px) {
  .ckl-services {padding-top:64px;min-height:auto;padding-bottom:180px;}
  .ckl-services__shell {width:min(100% - 68px,765px);}
  .ckl-services__title-main{font-size:clamp(43px,6.2vw,65px);}
  .ckl-services__title-em{font-size:clamp(66px,8vw,91px);}
  .ckl-services__track {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .ckl-card{height:585px;}
  .ckl-card__inner{padding:248px 32px 30px;}
  .ckl-card h3{font-size:51px;}
  .ckl-card__copy{font-size:13px;}
  .ckl-card__cta{font-size:9.5px;letter-spacing:.2em;padding:0 21px;}
  .ckl-card__kicker{font-size:9px;letter-spacing:.12em;}
}
@media (max-width: 700px) {
  .ckl-services {padding:75px 0 138px;min-height:auto;}
  .ckl-services__shell {width:100%;}
  .ckl-services__heading {padding-inline:20px;}
  .ckl-services__eyebrow {gap:12px;font-size:9px;letter-spacing:.28em;}
  .ckl-services__eyebrow span {width:30px;}
  .ckl-services__title-main {font-size:clamp(34px,8.6vw,56px);letter-spacing:-.035em;white-space:normal;line-height:1.06;}
  .ckl-services__title-em {font-size:clamp(60px,12vw,86px);line-height:1.02;}
  .ckl-services__intro {max-width:350px;font-size:12px;line-height:1.8;margin-top:11px;}
  .ckl-services__glint {margin:22px auto 28px;width:150px;}
  .ckl-services__track {display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;padding:0 20px 26px;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none; overscroll-behavior-x:contain;touch-action:pan-x;}
  .ckl-services__track::-webkit-scrollbar {display:none;}
  .ckl-card {scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 min(83vw,345px);height:580px;min-width:0;transform:none!important;}
  .ckl-card__inner {padding:241px 29px 30px;}
  .ckl-card h3 {font-size:49px;}
  .ckl-card__copy {font-size:12.2px;max-width:29ch;}
  .ckl-card__cta{font-size:9px;padding:0 17px 0 19px;letter-spacing:.2em;}
  .ckl-services__gold-traces {height:310px;background-size:auto 100%;}
  .ckl-services__coast {height:160px;}
  .ckl-services__mobile-nav {display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto;padding:0 18px;}
  .ckl-services__nav-arrow {width:39px;height:39px;color:#e9c583;border:1px solid rgba(233,191,120,.4);border-radius:50%;background:rgba(18,29,42,.74);cursor:pointer;transition:background .25s, color .25s,border-color .25s;}
  .ckl-services__nav-arrow:hover{color:#0d1520;background:#e9c583;border-color:#e9c583;}
  .ckl-services__pagination{display:flex;gap:9px;align-items:center;}
  .ckl-services__pagination button{width:24px;height:26px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;}
  .ckl-services__pagination button::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#8c7e68;transition:width .3s, background .3s,border-radius .3s;}
  .ckl-services__pagination button.is-active::before{width:21px;height:3px;border-radius:3px;background:#f3c87e;}
  .ckl-card__photo {height:68%;}
  .ckl-card:hover .ckl-card__photo {transform:scale(1.08);}
  .ckl-motion-ready .ckl-card.ckl-animate.is-inview {transform:none;}
}
@media (max-width: 390px) {
  .ckl-services__title-main{font-size:clamp(31px,8.5vw,40px)}
  .ckl-services__title-em{font-size:57px;}
  .ckl-card {height:579px;flex-basis:85vw;}
  .ckl-card__inner{padding:236px 23px 26px;}
  .ckl-card h3{font-size:46px;}
  .ckl-card__copy{font-size:11.7px;}
  .ckl-card__kicker{font-size:8px;letter-spacing:.105em;}
  .ckl-card__cta{font-size:8.3px;letter-spacing:.16em;}
}
@media (prefers-reduced-motion: reduce) {
 .ckl-services *, .ckl-services *::before, .ckl-services *::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
 .ckl-motion-ready .ckl-animate {opacity:1!important;transform:none!important;filter:none!important;}
 .ckl-card__photo,.ckl-card:hover .ckl-card__photo {transform:none!important;}
 .ckl-services__gold-traces {transform:none!important;}
 .ckl-services__track {scroll-snap-type:x proximity;}
}

/* Se impone sobre el estilo de enlaces global de la sección para conservar el dorado del CTA. */
.ckl-services .ckl-card__cta {color:#f9e3b1;}
.ckl-services .ckl-card__cta:hover,.ckl-services .ckl-card__cta:focus-visible {color:#0c1421;}