/* Cómo acceder · SERFEDESCO */
.access-page{overflow-x:clip}
.access-page main{overflow:hidden}
.access-page section[id]{scroll-margin-top:118px}
.access-page h1,.access-page h2{font-family:Acumin,OpenSans,Arial,sans-serif;font-style:normal;letter-spacing:-.03em}
.access-kicker{display:inline-block;color:#0c7bb5;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.access-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:12px 23px;border-radius:999px;font-size:15px;font-weight:700;line-height:1.2;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.access-button span,.access-link span{font-size:21px;line-height:1;transition:transform .25s}
.access-button:hover{transform:translateY(-3px)}
.access-button:hover span,.access-link:hover span{transform:translate(3px,-2px)}
.access-button.primary{color:#fff;background:#0d81bc;box-shadow:0 10px 22px #0a7bb538}
.access-button.primary:hover{background:#ec790b;box-shadow:0 13px 25px #e67b3147}
.access-button.white{background:#fff;color:#162947}
.access-button.white:hover{background:#ffbd80;color:#162947}
.access-button.outline{border:1px solid #a8d9f0;color:#fff}
.access-button.outline:hover{background:#fff;color:#142946}

.access-hero{position:relative;background:linear-gradient(119deg,#fff 6%,#f6fbfe 52%,#e5f5fc 100%);isolation:isolate}
.access-hero::after{content:"";position:absolute;left:-8%;bottom:-1px;width:116%;height:52px;background:#fff;border-radius:51% 49% 0 0/100% 100% 0 0;z-index:2;pointer-events:none}
.access-hero-inner{display:grid;grid-template-columns:1fr .98fr;align-items:center;gap:4%;min-height:590px}
.access-intro{position:relative;z-index:3;padding:50px 0 93px}
.access-intro h1{font-size:clamp(43px,3.8vw,60px);line-height:1.07;font-weight:850;max-width:620px;margin:15px 0 20px;color:#192747}
.access-intro h1 span{color:#0c7eb7}
.access-intro p{font-size:17px;line-height:1.52;max-width:510px;color:#40536d;margin:0 0 28px}
.access-hero-art{position:relative;min-height:515px;align-self:stretch}
.access-hero-photo{position:absolute;z-index:3;left:50%;bottom:0;display:block;width:min(110%,650px);height:95%;max-width:none;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 12px 15px #102d4a27);animation:access-photo-float 6s ease-in-out infinite}
.hero-sphere,.hero-chip,.hero-orbit{position:absolute;display:block}
.hero-sphere{border-radius:50%;filter:drop-shadow(0 20px 28px #11376420)}
.sphere-blue{width:67%;aspect-ratio:1;left:8%;top:11%;background:radial-gradient(circle at 28% 27%,#95ddf7,#1689c0 56%,#07639a 100%)}
.sphere-navy{width:47%;aspect-ratio:1;right:3%;top:38%;background:radial-gradient(circle at 31% 25%,#2e689c,#102948 70%);box-shadow:inset -10px -12px 20px #0a1b3354}
.hero-chip{z-index:2;display:grid;place-items:center;width:95px;height:95px;border-radius:27px 22px 30px 23px;background:#fff;box-shadow:0 12px 28px #16355723,0 2px 3px #fff inset;animation:access-float 5.5s ease-in-out infinite}
.hero-chip svg{width:50px;height:50px;fill:none;stroke:#0d7bb4;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.chip-search{left:4%;top:24%;transform:rotate(-10deg)}
.chip-chat{right:8%;top:19%;animation-delay:-2s;transform:rotate(8deg)}
.chip-chat svg{stroke:#e9790e}
.chip-check{right:21%;bottom:11%;animation-delay:-3.4s;transform:rotate(-8deg)}
.hero-orbit{width:15px;height:15px;border-radius:50%;background:#ec790b;right:5%;bottom:31%;animation:access-float 6s ease-in-out infinite alternate}
.orbit-two{width:11px;height:11px;background:#198ac1;left:19%;bottom:16%;animation-delay:-2s}
@keyframes access-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes access-photo-float{0%,100%{translate:0 0}50%{translate:0 -6px}}

.access-process{padding:80px 0 102px;background:#fff}
.access-heading{max-width:685px;margin:0 auto 38px;text-align:center}
.access-heading h2{font-size:clamp(33px,2.85vw,45px);line-height:1.1;font-weight:400;margin:10px 0 11px}
.access-heading h2 strong{color:#0b7eb7;font-weight:850}
.access-heading p{font-size:16px;line-height:1.5;color:#536378;margin:0}
.journey-list{position:relative;list-style:none;margin:0;padding:0}
.journey-list::before{content:"";position:absolute;left:18px;top:157px;bottom:157px;border-left:3px dashed #acd8ea}
.journey-step{position:relative;display:grid;grid-template-columns:minmax(250px,33%) minmax(0,1fr);align-items:center;gap:clamp(48px,5vw,76px);min-height:326px;padding:14px 0 14px 58px;margin:0 0 30px}
.journey-step:last-child{margin-bottom:0}
.journey-step::before{content:"";position:absolute;z-index:1;top:calc(50% - 13px);left:7px;width:26px;height:26px;border-radius:50%;background:#fff;border:7px solid #117db7;box-shadow:0 0 0 5px #e9f6fb;transition:border-color .3s,transform .3s,box-shadow .3s}
.journey-step:hover::before,.journey-step:focus-within::before{border-color:#e9780b;transform:scale(1.16);box-shadow:0 0 0 8px #f9e2cd}
.journey-visual{position:relative;display:grid;place-items:center;height:280px;min-width:0}
.journey-visual::before{content:"";position:absolute;width:75%;height:69%;left:11%;bottom:10%;border-radius:48% 52% 43% 57%/58% 44% 56% 42%;background:linear-gradient(135deg,#e9f8fd,#ccebf8);transition:transform .35s,background .35s}
.journey-step:nth-child(even) .journey-visual::before{background:linear-gradient(135deg,#fbead9,#d8eef9)}
.journey-visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 14px #16416626);transition:transform .38s cubic-bezier(.2,.75,.2,1),filter .38s}
.journey-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:192px;padding:28px 34px;border:1px solid #dce9f0;border-radius:27px 20px 31px 20px;background:#f8fbfd;box-shadow:0 7px 18px #102c470c;transition:transform .32s,border-color .32s,box-shadow .32s,background .32s}
.journey-step:nth-child(even) .journey-copy{background:#fcf9f5}
.journey-copy p{max-width:640px;margin:0 0 20px;font-size:18px;line-height:1.48;color:#314861}
.journey-step:hover .journey-copy,.journey-step:focus-within .journey-copy{transform:translateY(-4px);border-color:#0d81bc;box-shadow:0 16px 30px #1077ac1d;background:#fff}
.journey-step:hover .journey-visual img,.journey-step:focus-within .journey-visual img{transform:translateY(-8px) scale(1.045);filter:drop-shadow(0 17px 17px #16416630)}
.journey-step:hover .journey-visual::before,.journey-step:focus-within .journey-visual::before{transform:scale(1.08) rotate(-5deg)}
.access-link{display:inline-flex;align-items:center;gap:8px;min-height:33px;color:#086fa6;font-size:15px;font-weight:800;line-height:1.3;transition:color .25s}
.access-link:hover{color:#e17309}
.access-link.quiet{color:#526a81}.access-link.quiet:hover{color:#e17309}
.journey-actions{display:flex;flex-wrap:wrap;gap:8px 28px}
.access-page.has-motion .journey-step:not(.is-visible){opacity:0;transform:translateY(25px)}
.journey-step{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.8,.24,1)}

.access-close{position:relative;isolation:isolate;background:linear-gradient(110deg,#142746 0%,#106eaa 100%);color:#fff;padding:98px 0 112px}
.access-close::before,.access-close::after{content:"";position:absolute;z-index:1;left:-8%;width:116%;height:48px;pointer-events:none;background:#fff}
.access-close::before{top:-1px;border-radius:0 0 50% 50%/0 0 100% 100%}
.access-close::after{bottom:-1px;border-radius:50% 50% 0 0/100% 100% 0 0}
.access-close-inner{position:relative;z-index:2;display:grid;grid-template-columns:88px minmax(250px,1fr) auto;align-items:center;gap:26px}
.access-close-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:28px 24px 31px 25px;background:#fff;box-shadow:0 10px 25px #08233d44;transform:rotate(-7deg)}
.access-close-icon svg{width:56px;height:56px;fill:none;stroke:#0c7db4;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.access-close h2{font-size:clamp(29px,2.4vw,38px);margin:0 0 7px;line-height:1.12}
.access-close p{font-size:16px;line-height:1.48;color:#e4f4fb;max-width:460px;margin:0}
.access-close-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.access-page .footer{margin-top:0}

@media(max-width:1000px){
  .access-hero-inner{min-height:500px}.access-hero-art{min-height:445px}
  .access-intro h1{font-size:clamp(39px,4.8vw,51px)}
  .journey-step{grid-template-columns:minmax(230px,37%) minmax(0,1fr);gap:40px;margin-bottom:26px}
  .access-close-inner{grid-template-columns:75px 1fr;gap:22px}.access-close-icon{width:75px;height:75px}.access-close-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:720px){
  .access-page section[id]{scroll-margin-top:88px}
  .access-hero-inner{display:block;min-height:0}
  .access-intro{padding:51px 0 5px}.access-intro h1{font-size:clamp(37px,8vw,50px);max-width:550px}.access-intro p{font-size:16px}
  .access-hero-art{width:min(100%,440px);min-height:400px;margin:0 auto 28px}
  .access-hero-photo{width:110%;height:97%}
  .hero-chip{width:73px;height:73px;border-radius:22px}.hero-chip svg{width:40px;height:40px}
  .access-process{padding:65px 0 75px}.access-heading{margin-bottom:27px}.access-heading h2{font-size:clamp(31px,6vw,39px)}
  .journey-list::before{left:11px;top:125px;bottom:145px}
  .journey-step{grid-template-columns:1fr;gap:12px;padding:0 0 22px 39px;min-height:0;margin-bottom:25px}
  .journey-step::before{left:0;width:25px;height:25px}
  .journey-visual{height:280px;width:min(100%,390px);justify-self:center}
  .journey-copy{min-height:0;padding:23px 25px;margin-top:0}.journey-copy p{font-size:17px}
  .access-close{padding:88px 0 97px}.access-close-inner{grid-template-columns:66px 1fr;gap:16px}.access-close-icon{width:66px;height:66px;border-radius:20px}.access-close-icon svg{width:43px;height:43px}
  .access-close h2{font-size:31px}.access-close-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:440px){
  .access-hero::after{height:34px}.access-intro h1{font-size:clamp(35px,9vw,39px)}
  .access-hero-art{min-height:330px;margin-bottom:20px}.hero-chip{width:62px;height:62px}.hero-chip svg{width:35px;height:35px}
  .journey-visual{height:240px}.journey-copy{padding:20px 18px}.journey-copy p{font-size:16px}
  .access-close::before,.access-close::after{height:30px}
  .access-close-inner{grid-template-columns:1fr}.access-close-actions{grid-column:1}
  .access-close-icon{width:64px;height:64px}
  .access-button{font-size:14px;padding:11px 18px}
}
@media(prefers-reduced-motion:reduce){
  .access-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .access-page.has-motion .journey-step:not(.is-visible){opacity:1;transform:none}
}