#servicios{background:var(--negro, #000);color:var(--blanco, #fff)}.mod--sv{--sv-ease: var(--ease-out, cubic-bezier(.22, 1, .36, 1));--sv-gap: clamp(10px, 1.2vw, 16px);color:var(--blanco, #fff);font-family:var(--f-text)}.svb{list-style:none;margin:0;padding:0;display:grid;gap:var(--sv-gap);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(220px,19.5vw,290px);grid-template-areas:"desayuno desayuno recepcion" "desayuno desayuno wifi" "cuna consigna consigna"}.svb__card[data-id=desayuno]{grid-area:desayuno}.svb__card[data-id=recepcion]{grid-area:recepcion}.svb__card[data-id=wifi]{grid-area:wifi}.svb__card[data-id=cuna]{grid-area:cuna}.svb__card[data-id=consigna]{grid-area:consigna}.svb__card{--sv-pad: clamp(20px, 2vw, 28px);position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:end;min-width:0;padding:var(--sv-pad);border-radius:var(--r-card, 24px);background:#0d0d0d}.svb__card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,#000000d6,#00000085 30%,#0000001f 58%,#0000 76%);transition:opacity var(--d-slow, .9s) var(--sv-ease)}.svb__card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow var(--d-med, .42s) var(--sv-ease)}.svb__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:var(--foto-filtro);transform:scale(1.001);transition:filter var(--d-foto, .7s) var(--sv-ease),transform 1.6s var(--sv-ease)}.svb__card[data-id=desayuno] .svb__img{object-position:42% 40%}.svb__card[data-id=recepcion] .svb__img{object-position:30% 50%}.svb__card[data-id=wifi] .svb__img{object-position:58% 50%}.svb__card[data-id=cuna] .svb__img{object-position:72% 50%}.svb__card[data-id=desayuno]{--foto-filtro: brightness(.8) saturate(.6)}.svb__ico{position:absolute;top:var(--sv-pad);left:var(--sv-pad);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0a0a0a57;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.svb__ico .ico{width:19px;height:19px;stroke-width:1.4}.svb__txt{display:grid;gap:6px;transition:transform var(--d-slow, .9s) var(--sv-ease)}.svb__name{margin:0;font-family:var(--f-display);font-weight:700;font-size:var(--t-lg, 1.3125rem);line-height:1.12;letter-spacing:-.012em;text-wrap:balance}.svb__line{margin:0;font-size:var(--t-sm, .9375rem);line-height:1.45;color:#fffc;max-width:26rem}.svb__card--big .svb__name{font-size:var(--t-2xl, 2.3125rem);line-height:1.02;letter-spacing:-.025em}.svb__card--big .svb__line{font-size:var(--t-md, 1.0625rem)}@media (hover: hover){.svb__card:hover .svb__img{filter:var(--foto-filtro-activa);transform:scale(1.045)}.svb__card:hover:before{opacity:.86}.svb__card:hover:after{box-shadow:inset 0 0 0 1px #fff3}.svb__card:hover .svb__txt{transform:translateY(-3px)}}.svb__card.is-lit .svb__img{filter:var(--foto-filtro-activa)}.pk{position:relative;isolation:isolate;overflow:hidden;display:grid;align-items:end;min-height:clamp(460px,44vw,640px);margin-top:clamp(3.5rem,7vw,6.5rem);border-radius:var(--r-panel, 36px);background:#0d0d0d;scroll-margin-top:calc(var(--header-h, 76px) + 24px)}.pk__media{--pk-ar: 1.3333;--pk-px: .5;--pk-py: .55;--pk-dw: max(100cqw, 100cqh * var(--pk-ar));--pk-dh: max(100cqh, 100cqw / var(--pk-ar));--pk-mask: linear-gradient(90deg, transparent, #000 26%);position:absolute;inset:0 0 0 34%;z-index:0;margin:0;container-type:size;pointer-events:none}.pk__poster,.pk__video,.pk__veil{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:var(--pk-mask);mask-image:var(--pk-mask)}.pk__poster,.pk__video{object-fit:cover;object-position:calc(var(--pk-px) * 100%) calc(var(--pk-py) * 100%);filter:var(--foto-filtro);transition:filter var(--d-slow, .9s) var(--sv-ease),opacity var(--d-slow, .9s) var(--sv-ease)}.pk__video{opacity:0}.pk__video.is-playing{opacity:1}@media (hover: hover){.pk:hover .pk__poster,.pk:hover .pk__video{filter:var(--foto-filtro-activa)}}.pk.is-lit .pk__poster,.pk.is-lit .pk__video{filter:var(--foto-filtro-activa)}.pk__veil,.pk__spot{--x: var(--xd, 50);--y: var(--yd, 50)}.pk__veil{--vx: calc((100cqw - var(--pk-dw)) * var(--pk-px) + var(--pk-dw) * var(--x) / 100);--vy: calc((100cqh - var(--pk-dh)) * var(--pk-py) + var(--pk-dh) * var(--y) / 100);z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--vx) var(--vy),rgba(0,0,0,0) 0,rgba(0,0,0,0) 8cqw,rgba(0,0,0,.44) 34cqw);transition:opacity .7s var(--sv-ease)}.pk__veil.is-on{opacity:1}.pk__spots{position:absolute;inset:0;z-index:2;margin:0;padding:0}.pk__spot{position:absolute;left:calc((100cqw - var(--pk-dw)) * var(--pk-px) + var(--pk-dw) * var(--x) / 100);top:calc((100cqh - var(--pk-dh)) * var(--pk-py) + var(--pk-dh) * var(--y) / 100);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--blanco, #fff);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.pk__spot:focus-visible{outline:2px solid var(--blanco, #fff);outline-offset:0}.pk__dot{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;pointer-events:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px -4px #0000008c;transition:transform .5s var(--sv-ease),background-color .5s var(--sv-ease)}.pk__dot:before,.pk__dot:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.pk__dot:before{width:10px;height:10px;left:calc(50% - 5px);top:calc(50% - 5px);background:var(--blanco, #fff);box-shadow:0 0 10px #ffffff8c;animation:pk-core 3.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.07s)}.pk__dot:after{inset:-1px;border:1.5px solid rgba(255,255,255,.75);opacity:0;animation:pk-ring 3.2s var(--sv-ease) infinite;animation-delay:calc(var(--i, 0) * -1.07s)}@keyframes pk-core{0%,to{transform:scale(1)}50%{transform:scale(.78)}}@keyframes pk-ring{0%{transform:scale(.75);opacity:0}14%{opacity:.85}70%,to{transform:scale(2.1);opacity:0}}.pk__tag{position:absolute;top:50%;left:calc(50% + 22px);padding:9px 15px;border-radius:var(--r-pill, 999px);background:#0e0e0e6b;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 12px 30px -14px #000c;font-family:var(--f-text);font-size:var(--t-sm, .9375rem);font-weight:500;line-height:1;white-space:nowrap;color:var(--blanco, #fff);opacity:0;transform:translate(-8px,-50%);pointer-events:none;transition:opacity .32s var(--sv-ease),transform .52s var(--sv-ease)}.pk__spot.is-on .pk__tag,.pk:not(.has-js) .pk__spot:focus-visible .pk__tag{opacity:1;transform:translateY(-50%)}.pk__spot.is-on .pk__dot,.pk:not(.has-js) .pk__spot:focus-visible .pk__dot{transform:scale(1.12);background-color:#ffffff3d}.pk__spot.is-on .pk__dot:before,.pk:not(.has-js) .pk__spot:focus-visible .pk__dot:before{animation:none}.pk__spot.is-on .pk__dot:after,.pk:not(.has-js) .pk__spot:focus-visible .pk__dot:after{animation:none;opacity:0}@media (hover: hover){.pk:not(.has-js) .pk__spot:hover .pk__tag{opacity:1;transform:translateY(-50%)}.pk:not(.has-js) .pk__spot:hover .pk__dot{transform:scale(1.12);background-color:#ffffff3d}.pk:not(.has-js) .pk__spot:hover .pk__dot:before{animation:none}.pk:not(.has-js) .pk__spot:hover .pk__dot:after{animation:none;opacity:0}}.pk__body{position:relative;z-index:1;pointer-events:none;display:grid;justify-items:start;max-width:32rem;padding:clamp(28px,4.4vw,64px)}.pk__body>*{pointer-events:auto}.pk__title{margin:0;font-family:var(--f-display);font-weight:700;font-size:var(--t-4xl, clamp(2.5rem, 5.6vw, 4.1875rem));line-height:.98;letter-spacing:-.03em}.pk__line{margin-top:14px;font-size:var(--t-lg, 1.3125rem);font-weight:500;line-height:1.35;text-wrap:balance}.pk__note{margin-top:6px;font-size:var(--t-md, 1.0625rem);line-height:1.45;color:#ffffffbd}.pk__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:clamp(22px,2.6vw,32px)}.pk__wa{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:var(--r-pill, 999px);border:1px solid rgba(255,255,255,.28);background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--t-sm, .9375rem);font-weight:500;color:var(--blanco, #fff);text-decoration:none;white-space:nowrap;transition:border-color var(--d-fast) var(--sv-ease),background-color var(--d-fast) var(--sv-ease)}.pk__wa .ico--fill{width:17px;height:17px}@media (hover: hover){.pk__wa:hover{border-color:var(--blanco, #fff);background:#00000073}}.pk__wa:focus-visible{outline:2px solid var(--blanco, #fff);outline-offset:3px}.pk--parking{margin-top:clamp(14px,1.6vw,24px)}.pk--parking .pk__media{--pk-px: .5;--pk-py: .5}.pk--parking .pk__poster{transition:filter var(--d-slow, .9s) var(--sv-ease),transform 7s cubic-bezier(.16,1,.3,1)}.pk--parking.is-wait .pk__poster{transform:scale(1.07)}@media (max-width: 999.98px){.svb{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-template-areas:"desayuno desayuno" "recepcion wifi" "cuna consigna"}.svb__card{aspect-ratio:4 / 3.3}.svb__card--big{aspect-ratio:16 / 10}.pk{min-height:0;display:block;border-radius:32px;background:var(--grafito, #151515)}.pk__media{--pk-mask: linear-gradient(to bottom, #000 82%, transparent);position:relative;inset:auto;aspect-ratio:4 / 3}.pk__body{margin-top:-26px;padding:0 clamp(22px,4vw,40px) clamp(24px,4vw,36px);max-width:none}}@media (max-width: 760px){.mod--sv{--sv-gap: 10px}.svb__card{--sv-pad: 15px;aspect-ratio:4 / 5;border-radius:20px}.svb__card--big{--sv-pad: 20px;aspect-ratio:1 / 1.04}.svb__card[data-id=consigna] .svb__img{object-position:50% 60%}.svb__card[data-id=recepcion]:before{background:linear-gradient(to top,#000000eb,#000000b3 36%,#0003 66%,#0000 82%)}.svb__ico{width:34px;height:34px}.svb__ico .ico{width:16px;height:16px}.svb__txt{gap:4px}.svb__name{font-size:1.0625rem;line-height:1.15}.svb__line{font-size:.875rem;line-height:1.4}.svb__card--big .svb__name{font-size:var(--t-xl, 1.75rem)}.svb__card--big .svb__line{font-size:var(--t-sm, .9375rem)}.pk{margin-top:3.5rem;border-radius:28px}.pk--parking{margin-top:12px}.pk__media{--pk-ar: 1;--pk-px: .5;--pk-py: .5;aspect-ratio:1 / 1}.pk__veil,.pk__spot{--x: var(--xm, 50);--y: var(--ym, 50)}.pk__spot[data-k=petalos] .pk__tag{left:auto;right:calc(50% + 22px);transform:translate(8px,-50%)}.pk__spot[data-k=petalos].is-on .pk__tag,.pk__spot[data-k=petalos]:focus-visible .pk__tag{transform:translateY(-50%)}.pk__tag{padding:8px 13px;font-size:.875rem}.pk__body{padding:0 22px 24px}.pk__title{font-size:clamp(2.3rem,10.5vw,2.75rem)}.pk__line{font-size:var(--t-md, 1.0625rem)}.pk__note{font-size:var(--t-sm, .9375rem)}.pk__actions{width:100%}.pk__actions>.btn{flex:1 1 100%}.pk__wa{margin-inline:auto}}@media (max-height: 500px) and (pointer: coarse){.pk__media{aspect-ratio:16 / 9}}@media (prefers-reduced-motion: reduce){.svb__img,.svb__txt,.svb__card:before,.pk__poster,.pk__video,.pk__veil,.pk__tag,.pk__dot{transition:none}.pk--parking .pk__poster,.pk--parking.is-wait .pk__poster,.svb__card:hover .svb__img,.svb__card:hover .svb__txt{transform:none}.pk__dot:before,.pk__dot:after{animation:none}}
