/* Páginas de servicio: landing visual con dispositivos, iconos 3D, fondos y movimiento al hacer scroll. */
.am-sv{position:relative;overflow:clip;color:#111113;background:#f3f2fa;font-size:16px}
.am-sv h1,.am-sv h2,.am-sv h3,.am-sv p,.am-sv li,.am-sv strong{text-transform:none}
.am-sv-in{max-width:1240px;margin:0 auto;padding:0 clamp(24px,5vw,72px);box-sizing:border-box}
.am-sv-sec{position:relative;padding:clamp(56px,8vw,120px) 0 0}

/* Cabecera */
.am-sv-hero{position:relative;padding:clamp(28px,4vw,56px) 0 clamp(40px,6vw,96px);background:#f3f2fa url("../images/servicios/fondo-lavanda.webp") center top/cover no-repeat;isolation:isolate}
.am-sv-hero::before,.am-sv-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;animation:amSvBlob 18s ease-in-out infinite alternate}
.am-sv-hero::before{width:46vw;height:46vw;left:-12vw;top:-14vw;background:#d8d4ff}
.am-sv-hero::after{width:38vw;height:38vw;right:-8vw;bottom:-16vw;background:#c9c3f7;animation-duration:24s}
@keyframes amSvBlob{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,3vw,0) scale(1.15)}}
.am-sv-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center}
.am-sv-h1{margin:0;color:#4b4a58;font-size:clamp(16px,1.5vw,20px);font-weight:500;line-height:1.3;letter-spacing:-.01em}
.am-sv-title{margin:clamp(14px,1.8vw,22px) 0 0;font-size:clamp(44px,6.6vw,92px);font-weight:600;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
.am-sv-lede{max-width:46ch;margin:clamp(18px,2.2vw,28px) 0 0;color:#4b4a58;font-size:clamp(17px,1.5vw,21px);line-height:1.5;text-wrap:pretty}
.am-sv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(26px,3.2vw,40px)}
.am-sv-link{color:#111113;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.am-sv-link:hover{color:#5552ff}
.am-sv-hero-art{position:relative;display:flex;justify-content:center}
.am-sv-hero-img{display:block;width:min(100%,560px);height:auto;filter:drop-shadow(0 40px 50px rgba(70,60,150,.28));animation:amSvFloat 7s ease-in-out infinite}
@keyframes amSvFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}
.am-sv-decor{position:absolute;z-index:0;width:clamp(56px,7vw,110px);height:auto;pointer-events:none;opacity:.95;filter:drop-shadow(0 18px 22px rgba(70,60,150,.25))}
.am-sv-decor.is-a{left:47%;top:5%;width:clamp(40px,4.4vw,68px)}
.am-sv-decor.is-b{right:3%;top:10%;width:clamp(46px,5vw,80px)}
.am-sv-decor.is-c{left:6%;bottom:10%;opacity:.8}
.am-sv-decor.is-d{right:6%;top:-26px;width:clamp(70px,8vw,120px)}

/* Títulos de sección */
.am-sv-h2{margin:0 0 clamp(24px,3.4vw,44px);max-width:22em;font-size:clamp(28px,3.6vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.am-sv-h2.is-light{color:#fff}
.am-sv-h2-sm{margin-top:clamp(48px,6vw,88px);font-size:clamp(24px,2.6vw,34px)}
.am-sv-num{display:block;margin:0 0 10px;color:#5552ff;font-size:13px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}

/* Tarjetas, iconos y rejillas */
.am-sv-ico{display:block;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(70,60,150,.22));transition:transform .5s cubic-bezier(.22,1,.36,1)}
.am-sv-card,.am-sv-bigcard,.am-sv-qcard{display:block;padding:clamp(20px,2.4vw,30px);border:1px solid rgba(17,17,19,.08);border-radius:26px;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(236,236,244,.9));box-shadow:inset 0 1px 0 #fff,0 18px 38px -26px rgba(42,40,90,.4);color:inherit;text-decoration:none;box-sizing:border-box;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .2s ease}
.am-sv-card h3,.am-sv-bigcard h3{margin:16px 0 8px;font-size:clamp(19px,1.8vw,23px);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.am-sv-card p,.am-sv-bigcard p{margin:0;color:#5f5e68;font-size:15.5px;line-height:1.55}
@media(hover:hover){.am-sv-card:hover,.am-sv-bigcard:hover{transform:translateY(-4px);border-color:rgba(85,82,255,.35)}.am-sv-card:hover .am-sv-ico,.am-sv-bigcard:hover .am-sv-ico{transform:rotate(-6deg) scale(1.08)}}
.am-sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.am-sv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.am-sv-big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.am-sv-bigcard{display:flex;flex-direction:column;gap:6px;min-height:300px;padding:clamp(24px,3vw,38px)}
.am-sv-bigcard .am-sv-ico{width:110px;height:110px}
.am-sv-bigcard h3{font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.035em}
.am-sv-bigcard p{font-size:17px}
.am-sv-more{margin-top:auto;padding-top:14px;color:#5552ff;font-size:15px;font-weight:500}
.am-sv-custom{max-width:760px;margin-top:clamp(28px,4vw,48px);font-size:17px;line-height:1.7;color:#3b3a42}

/* Dispositivos */
.am-sv-device{position:relative;width:100%}
.am-sv-frame{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 34px 40px rgba(60,50,140,.3))}
.am-sv-screen{position:absolute;z-index:1;overflow:hidden;background:#fff;border-radius:10px}

/* Manual de marca dentro de la tablet (scroll con texto a la izquierda) */
.am-sv-scrolly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:start}
.am-sv-items{margin:0;padding:0;list-style:none}
.am-sv-item{display:flex;align-items:center;gap:clamp(16px,2vw,28px);min-height:56vh;opacity:.38;transition:opacity .4s ease}
.am-sv-item.is-on{opacity:1}
.am-sv-item .am-sv-ico{flex:none;width:clamp(72px,8vw,112px);height:clamp(72px,8vw,112px)}
.am-sv-item h3{margin:0 0 8px;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.am-sv-item p{margin:0;max-width:34ch;color:#4b4a58;font-size:17px;line-height:1.55}
.am-sv-sticky{position:sticky;top:calc(50vh - 280px);align-self:start}
.am-sv-sticky .am-sv-device{max-width:560px;margin:0 auto}
.am-sv-manual{background:#eceaf6}
.am-sv-slide{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px 8px 52px;opacity:0;transform:scale(.98);transition:opacity .45s ease,transform .45s ease}
.am-sv-slide.is-on{opacity:1;transform:none}
.am-sv-slide img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 10px 24px -12px rgba(30,20,90,.45)}
.am-sv-slide figcaption{color:#3b3a42;font-size:12.5px;line-height:1.2}
.am-sv-ctrl{position:absolute;left:0;right:0;bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}
.am-sv-arrow{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(17,17,19,.12);border-radius:50%;background:#fff;color:#111113;font:inherit;font-size:16px;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.am-sv-arrow:hover{background:#111113;color:#fff}
.am-sv-arrow:active{transform:scale(.94)}
.am-sv-arrow:focus-visible,.am-sv-tab:focus-visible{outline:2px solid #5552ff;outline-offset:3px}
.am-sv-dots{display:flex;gap:6px}
.am-sv-dots i{width:6px;height:6px;border-radius:50%;background:rgba(17,17,19,.22);transition:background-color .25s ease,transform .25s ease}
.am-sv-dots i.is-on{background:#5552ff;transform:scale(1.4)}
.am-sv-caption{margin:18px 0 0;text-align:center;color:#6b6a73;font-size:14px}

/* Laptop con webs */
.am-sv-laptopwrap{max-width:980px;margin:0 auto}
.am-sv-web{background:#fff;border-radius:6px}
.am-sv-site{position:absolute;left:0;top:0;width:100%;height:auto;display:block;opacity:0;transition:opacity .5s ease;will-change:transform}
.am-sv-site.is-on{opacity:1}
.am-sv-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(18px,2.4vw,30px)}
.am-sv-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;padding:12px 18px;border:1px solid rgba(17,17,19,.1);border-radius:18px;background:rgba(255,255,255,.7);color:#111113;font:inherit;text-align:left;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,transform .2s ease}
.am-sv-tab strong{font-size:15px;font-weight:600}
.am-sv-tab span{color:#6b6a73;font-size:12.5px}
.am-sv-tab.is-on{border-color:rgba(85,82,255,.5);background:#fff;box-shadow:0 12px 26px -18px rgba(85,82,255,.7)}
@media(hover:hover){.am-sv-tab:hover{transform:translateY(-2px)}}

/* Proceso: tarjeta-dispositivo sobre fondo violeta, con scroll fijado */
.am-sv-proc{position:relative;margin-top:clamp(56px,8vw,120px);height:380vh;background:#3a2f86 url("../images/servicios/fondo-violeta.webp") center/cover no-repeat;color:#fff;isolation:isolate}
.am-sv-proc-stick{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.am-sv-proc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:center;width:100%}
.am-sv-proc-nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.am-sv-proc-nav li{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.5);font-size:clamp(18px,2vw,26px);font-weight:600;letter-spacing:-.02em;transition:color .35s ease,transform .35s ease}
.am-sv-proc-nav li .am-sv-num{margin:0;color:inherit}
.am-sv-proc-nav li.is-on{color:#fff;transform:translateX(8px)}
.am-sv-proc-nav li.is-on .am-sv-num{color:#cfcaff}
.am-sv-proc .am-sv-device{width:min(100%,460px,calc(76vh * .9065));margin:0 auto}
.am-sv-pscreen{background:linear-gradient(160deg,#f7f6ff,#e3e0f7)}
.am-sv-pstep{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6%;text-align:center;color:#111113;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .45s ease,transform .45s ease}
.am-sv-pstep.is-on{opacity:1;transform:none}
.am-sv-pstep img{width:34%;height:auto;filter:drop-shadow(0 14px 16px rgba(70,60,150,.28))}
.am-sv-pstep .am-sv-num{margin:6px 0 0}
.am-sv-pstep strong{font-size:clamp(19px,2.2vw,26px);font-weight:600;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
.am-sv-pstep p{margin:0;max-width:26ch;color:#4b4a58;font-size:clamp(13.5px,1.2vw,16px);line-height:1.45}
.am-sv-proc-cards{display:none}
@media(min-width:901px){.am-sv-proc-cards{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;list-style:none}}

/* Para quién: carrusel */
.am-sv-rowhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.am-sv-nav{display:flex;gap:8px;margin-bottom:clamp(24px,3.4vw,44px)}
.am-sv-track{display:flex;gap:clamp(12px,1.6vw,20px);margin:0 calc(-1 * clamp(24px,5vw,72px));padding:6px clamp(24px,5vw,72px) 24px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.am-sv-track::-webkit-scrollbar{display:none}
.am-sv-qcard{flex:none;width:min(340px,78vw);min-height:260px;scroll-snap-align:start;display:flex;flex-direction:column;gap:16px}
.am-sv-qcard p{margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:500;line-height:1.3;letter-spacing:-.02em;text-wrap:pretty}
.am-sv-qcard .am-sv-ico{width:96px;height:96px}

/* Preguntas, enlaces y contacto */
.am-sv-faq{max-width:820px;font-size:16.5px}
.am-sv-cross{margin:24px 0 0;color:#5f5e68;font-size:15.5px}
.am-sv-cross a{color:#5552ff;text-decoration:underline;text-underline-offset:3px}
.am-sv-ctasec{padding-bottom:clamp(56px,8vw,112px)}
.am-sv-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(30px,4.4vw,64px);border-radius:36px;background:#3a2f86 url("../images/servicios/fondo-violeta.webp") center/cover no-repeat;color:#fff}
.am-sv-cta h2{margin:0 0 8px;font-size:clamp(28px,3.6vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.am-sv-cta p{margin:0;max-width:36ch;color:rgba(255,255,255,.82);font-size:clamp(16px,1.4vw,19px);line-height:1.5}

/* Aparición al hacer scroll */
.am-sv-js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--d,0) * 90ms)}
.am-sv-js [data-reveal].is-in{opacity:1;transform:none}
.am-sv-js .am-sv-item[data-reveal]{opacity:.38}
.am-sv-js .am-sv-item[data-reveal].is-in{opacity:.38}
.am-sv-js .am-sv-item[data-reveal].is-in.is-on{opacity:1}

@media(max-width:900px){
	.am-sv-hero-grid,.am-sv-scrolly,.am-sv-proc-grid{grid-template-columns:minmax(0,1fr)}
	.am-sv-hero-art{order:-1;max-width:320px;margin:0 auto}
	.am-sv-grid,.am-sv-big,.am-sv-grid-2{grid-template-columns:minmax(0,1fr)}
	.am-sv-scrolly .am-sv-sticky{position:static;order:-1;margin-bottom:24px}
	.am-sv-item{min-height:0;padding:18px 0;opacity:1 !important}
	.am-sv-proc{height:auto;padding:56px 0}
	.am-sv-proc-stick{position:static;height:auto;display:block;overflow:visible}
	.am-sv-proc-grid .am-sv-device,.am-sv-proc-nav{display:none}
	.am-sv-proc-cards{display:grid;gap:12px;margin:24px 0 0;padding:0 clamp(24px,5vw,72px);list-style:none}
	.am-sv-proc-cards .am-sv-card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);box-shadow:none;color:#fff}
	.am-sv-proc-cards .am-sv-card p{color:rgba(255,255,255,.8)}
	.am-sv-proc-cards .am-sv-num{color:#cfcaff}
	.am-sv-cta{flex-direction:column;align-items:flex-start}
	.am-sv-decor{opacity:.7}
}
@media(prefers-reduced-motion:reduce){
	.am-sv-hero::before,.am-sv-hero::after,.am-sv-hero-img{animation:none}
	.am-sv-js [data-reveal]{opacity:1;transform:none;transition:none}
	.am-sv-slide,.am-sv-pstep,.am-sv-site{transition:none}
}