.stt-page-root{--stt-blue:#448fe7;--stt-text:#f0f5ff;--stt-muted:#bfd1e8;max-width:1340px;margin:0 auto;padding:16px 18px 55px;color:var(--stt-text);font-family:inherit}.stt-page-root *{box-sizing:border-box}.stt-page-root a{color:inherit;text-decoration:none}.stt-page-root img{max-width:100%;display:block}.stt-page-root :is(h1,h2,h3,p,ul,figure){margin-block:0}.stt-page-root .stt-proyecto-shopify,.stt-page-root .stt-portafolio-shopify{border-radius:22px;overflow:hidden;background:#07111f;color:var(--stt-text);box-shadow:0 8px 34px #0109151a}.stt-page-root .stt-proyecto-encabezado{background:linear-gradient(115deg,#000000f0,#052043e6);padding:clamp(24px,6vw,78px) clamp(22px,6vw,72px)}.stt-page-root .stt-proyecto-encabezado p:first-child{color:#80bcff;font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.stt-page-root .stt-proyecto-encabezado h1{font-size:clamp(2rem,5vw,4rem);font-weight:850;color:#fff;line-height:1.12;margin:18px 0 14px}.stt-page-root .stt-proyecto-encabezado p:last-child{color:var(--stt-muted);font-size:clamp(1rem,1.7vw,1.22rem)}.stt-page-root .stt-proyecto-portada{margin:0;background:#061326}.stt-page-root .stt-proyecto-portada img{width:100%;height:clamp(270px,47vw,590px);object-fit:cover}.stt-page-root .stt-proyecto-bloque{padding:clamp(23px,5vw,56px) clamp(22px,6vw,72px);border-bottom:1px solid #284161}.stt-page-root .stt-proyecto-bloque:nth-of-type(2n){background:#0b1b2d}.stt-page-root .stt-proyecto-bloque h2{font-size:clamp(1.5rem,2.6vw,2.2rem);color:#fff;font-weight:800;margin:0 0 16px;line-height:1.25}.stt-page-root .stt-proyecto-bloque p,.stt-page-root .stt-proyecto-bloque li{font-size:clamp(1rem,1.45vw,1.13rem);line-height:1.82;color:var(--stt-muted)}.stt-page-root .stt-proyecto-bloque ul{margin:0;padding-left:1.35rem}.stt-page-root .stt-proyecto-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stt-page-root .stt-proyecto-galeria img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.stt-page-root .stt-proyecto-contacto{padding:clamp(28px,5vw,64px);background:linear-gradient(125deg,#082246,#07111f)}.stt-page-root .stt-proyecto-contacto h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;color:#fff;margin-bottom:14px}.stt-page-root .stt-proyecto-contacto p{color:var(--stt-muted);margin-bottom:20px}.stt-page-root .stt-proyecto-contacto a,.stt-page-root .stt-portafolio-footer a{display:inline-block;border-radius:11px;padding:13px 23px;background:var(--stt-blue);color:#fff;font-weight:750;text-decoration:none}.stt-page-root .stt-portafolio-hero{padding:clamp(38px,8vw,110px) clamp(23px,6vw,76px);background:radial-gradient(ellipse at 75% 20%,#104b9a,#0b2752 32%,#07101c 78%)}.stt-page-root .stt-portafolio-kicker,.stt-page-root .stt-portafolio-section-title>span{font-size:.79rem;letter-spacing:.17em;color:#83bcff;font-weight:700}.stt-page-root .stt-portafolio-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.07;letter-spacing:-.035em;color:#fff;font-weight:850;margin:20px 0}.stt-page-root .stt-portafolio-hero h1 em{color:#7cbaff;font-style:normal}.stt-page-root .stt-portafolio-hero>p:last-child{max-width:660px;color:var(--stt-muted);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65}.stt-page-root .stt-portafolio-listado{padding:clamp(26px,5vw,72px) clamp(18px,5vw,66px)}.stt-page-root .stt-portafolio-section-title h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:8px 0;color:#fff;font-weight:800}.stt-page-root .stt-portafolio-section-title>p{color:var(--stt-muted)}.stt-page-root .stt-portafolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.stt-page-root .stt-portafolio-card{background:#0d2136;border:1px solid #244565;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.stt-page-root .stt-portafolio-cover{display:block;overflow:hidden;aspect-ratio:1.25}.stt-page-root .stt-portafolio-cover img{height:100%;width:100%;object-fit:cover;transition:transform .28s ease}.stt-page-root .stt-portafolio-card:hover .stt-portafolio-cover img{transform:scale(1.035)}.stt-page-root .stt-portafolio-card-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.stt-page-root .stt-portafolio-card h2{font-size:clamp(1.1rem,1.55vw,1.45rem);font-weight:790;line-height:1.3;color:#fff}.stt-page-root .stt-portafolio-card p{font-size:.94rem;line-height:1.55;color:var(--stt-muted)}.stt-page-root .stt-portafolio-card .stt-portafolio-eyebrow{font-size:.76rem;color:#87bafa;text-transform:uppercase;letter-spacing:.07em}.stt-page-root .stt-portafolio-abrir{font-weight:750;color:#9ed0ff!important;margin-top:auto}.stt-page-root .stt-portafolio-footer{background:#0b2a51;padding:clamp(24px,5vw,60px)}.stt-page-root .stt-portafolio-footer h2{color:#fff;font-weight:800;font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:10px}.stt-page-root .stt-portafolio-footer p{color:var(--stt-muted);margin:0 0 20px;line-height:1.7}.stt-page-root .stt-portafolio-footer a{margin-bottom:20px}@media(max-width:900px){.stt-page-root .stt-portafolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.stt-page-root{padding:10px 8px 30px}.stt-page-root .stt-portafolio-grid{grid-template-columns:1fr}.stt-page-root .stt-proyecto-galeria{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.stt-page-root .stt-portafolio-cover img{transition:none}.stt-page-root .stt-portafolio-card:hover img{transform:none}}.stt-page-root .stt-proyecto-hero{position:relative;display:flex;align-items:end;min-height:clamp(330px,57vw,670px);background:linear-gradient(125deg,#07101c,#102b59);overflow:hidden}.stt-page-root .stt-proyecto-hero .stt-proyecto-portada{position:absolute;top:0;right:0;bottom:0;left:0}.stt-page-root .stt-proyecto-hero .stt-proyecto-portada img{width:100%;height:100%;object-fit:cover}.stt-page-root .stt-proyecto-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#000813f5,#000c1b8a 56%,#000f1c33)}.stt-page-root .stt-proyecto-hero .stt-proyecto-encabezado{background:transparent;position:relative;z-index:1;width:100%;max-width:1050px}.stt-page-root .stt-portafolio-hero{position:relative;min-height:clamp(310px,45vw,540px);display:flex;align-items:center;overflow:hidden}.stt-page-root .stt-portafolio-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.stt-page-root .stt-portafolio-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#05101fee,#061b39ba 65%,#061b3947)}.stt-page-root .stt-portafolio-hero-copy{position:relative;z-index:2;width:100%;max-width:800px}.stt-proyecto-reel-marco{display:flex;justify-content:center;align-items:center;max-width:980px;margin:1.5rem auto;background:#07111f;border:1px solid rgba(59,130,246,.26);border-radius:20px;overflow:hidden;padding:clamp(10px,2vw,24px)}.stt-proyecto-reel-marco video{display:block;width:auto;max-width:100%;max-height:76vh;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#020617}
/*# sourceMappingURL=/cdn/shop/t/13/assets/stt-pages.css.map */