/* Detalle de servicio: estructura Onicx, identidad Tauro. */
.service-page .main-header{position:relative;top:auto;left:auto;width:auto;margin:6px 3% 0;background:#faf8ff;border-radius:25px 25px 0 0}
.service-hero{position:relative;isolation:isolate;overflow:hidden;margin:0 3%;padding:55px 8% 65px;border-radius:0 0 60px 15px;background:#f1ecfb url('../images/onicx-hero-pattern.webp') center/cover;text-align:center}
.breadcrumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#655472;margin-bottom:34px}.breadcrumbs a:hover{color:var(--purple)}
.service-hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:20px}.service-hero h1{max-width:960px;margin:0 auto 24px;font-size:clamp(32px,3.8vw,58px);letter-spacing:-2px;line-height:1.16}.service-lead{font-size:18px;line-height:1.75;max-width:790px;margin:0 auto 15px}.service-hero-note{font-size:14px;color:var(--muted);line-height:1.8;max-width:770px;margin:0 auto 26px}.service-hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.service-hero .header-cta{margin:0}.service-spark{position:absolute;right:5%;bottom:60px;color:#e78b38;font-size:45px;animation:service-spark 7s ease-in-out infinite}.service-hero-lines{position:absolute;z-index:-1;left:-140px;top:35px;width:350px;height:350px;border:1px solid #ad8fe654;border-radius:50%;box-shadow:0 0 0 28px #ad8fe610,0 0 0 55px #ad8fe60d}
.service-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:295px minmax(0,1fr);gap:65px;padding:80px 35px}
.service-sidebar{align-self:start}.service-widget{padding:26px 22px;background:#f5f0fc;border-radius:22px}.service-sidebar h2{font-family:Sora,Arial,sans-serif;font-size:18px;letter-spacing:-.4px;line-height:1.4;margin:0 0 22px}.service-widget li+li{margin-top:10px}.service-widget a{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;padding:15px;background:white;border-radius:10px;transition:background .25s,color .25s,translate .25s}.service-widget a[aria-current],.service-widget a:hover{background:var(--purple);color:white}.service-widget a:hover{translate:3px 0}.service-widget a span{flex:none}
.service-contact-widget{margin-top:26px;padding:28px 25px;border-radius:22px;background:linear-gradient(135deg,#8235e4,#1b1330);color:white;position:relative;overflow:hidden}.service-contact-widget img{width:58px;margin-bottom:20px}.service-contact-widget h2{color:white;font-size:23px}.service-contact-widget p{font-size:13px;line-height:1.8;color:#e3d4f8}.service-contact-widget a{display:block;font-size:12px;margin:19px 0;overflow-wrap:anywhere}.service-contact-widget>a:first-of-type{font-size:20px;font-weight:600}.service-contact-widget>span{font-size:10px;color:#e3d4f8}.service-page-index{padding:30px 12px}.service-page-index h2{font-size:14px}.service-page-index a{display:block;font-size:12px;padding:10px 0;color:var(--muted);border-bottom:1px solid var(--line)}.service-page-index a:hover{color:var(--purple)}
.service-block{margin-bottom:55px}.service-content h2{font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:-1px;max-width:760px;margin:0 0 22px}.service-content p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 18px}.service-content h3{font-family:Sora,Arial,sans-serif;font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:0 0 10px}.service-topic{margin:24px 0}.service-block-situaciones .service-topic{padding:0 0 0 18px;border-left:2px solid #e9d8fb;transition:border-color .25s}.service-block-situaciones .service-topic:hover{border-color:#8438e8}.service-block-situaciones h3{font-size:16px}
.service-brand-visual{position:relative;overflow:hidden;border-radius:22px 22px 70px 22px;min-height:330px;margin:0 0 55px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:radial-gradient(ellipse at 30% 10%,#dcd0ff,transparent 60%),linear-gradient(125deg,#f7f3ff,#eafafe);isolation:isolate}.service-brand-visual>img{width:230px;z-index:1;animation:service-float 7s ease-in-out infinite}.service-brand-ring{position:absolute;width:280px;height:280px;border:1px dashed #9c68d5;border-radius:50%;animation:service-spin 45s linear infinite;opacity:.5}.service-visual-label{position:relative;z-index:2;background:white;padding:10px 20px;border-radius:30px;font-size:11px;letter-spacing:.4px;box-shadow:0 8px 25px #60279912}.service-motion-toggle{position:absolute;right:20px;bottom:15px;background:transparent;font-size:10px;color:#68547c;padding:8px;z-index:3;text-decoration:underline}
.service-block-que-incluye{counter-reset:includes}.service-block-que-incluye .service-topic{position:relative;padding:24px 24px 24px 70px;background:#faf8fe;border:1px solid #eee5fa;border-radius:16px;transition:transform .25s,box-shadow .25s}.service-block-que-incluye .service-topic::before{counter-increment:includes;content:counter(includes,decimal-leading-zero);position:absolute;left:21px;top:25px;font-size:21px;color:#a675db;font-family:Sora,sans-serif}.service-block-que-incluye .service-topic:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6f399b0d}.service-topic p:last-child{margin-bottom:0}
.service-block-plataformas .service-topic{padding:25px;border:1px solid var(--line);border-top:3px solid var(--purple);border-radius:0 0 16px 16px}.service-block-plataformas .service-topic:nth-of-type(2){border-top-color:#18b9cc}.service-block-como-trabajamos .service-topic{padding:0 0 22px 22px;border-left:2px solid #dac5f3;margin:0}.service-block-como-trabajamos .service-topic:last-child{background:#f4f0fc;border:0;border-radius:16px;padding:26px;margin-top:10px}
.service-link{display:inline-flex;align-items:center;gap:12px;margin:10px 0 18px;color:#7130c2;font-size:13px;font-weight:600;border-bottom:1px solid #d7b9ed;padding-bottom:7px;line-height:1.6}.service-link:hover span{transform:translate(3px,-3px)}.service-link span{transition:transform .2s}
.service-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.service-case{border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0 22px 25px;transition:transform .25s,box-shadow .25s}.service-case:hover{transform:translateY(-5px);box-shadow:0 16px 36px #20133110}.service-case-image{background:linear-gradient(130deg,#f3eafd,#e8f8fa);margin:0 -22px 24px;display:grid;place-items:center;height:170px}.service-case-image img{width:115px;transition:transform .4s}.service-case:hover img{transform:rotate(-6deg) scale(1.05)}.service-case>span{font-size:11px;font-weight:600;color:var(--purple);display:block;margin-bottom:12px}.service-case p{font-size:13px}.service-case b{font-size:12px;color:#7130c2}.service-case h3{font-size:18px}
.service-block-alcance{padding:30px;background:#faf7fd;border-radius:20px}.service-block-alcance .service-topic{margin-top:20px}.service-block-alcance .service-topic p{font-size:14px}
.service-faq details{border:1px solid var(--line);border-radius:13px;margin:12px 0;overflow:hidden;transition:background .2s}.service-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary h3{margin:0;font-size:15px}.service-faq summary>span{font-size:23px;color:var(--purple);transition:rotate .25s;flex:none}.service-faq details[open]{background:#faf7ff}.service-faq details[open] summary>span{rotate:45deg}.service-faq details>div{padding:0 22px 8px}.service-faq details[open]>div{animation:service-faq-in .25s ease-out}
.service-closing{max-width:1200px;margin:0 auto 0;padding:52px 65px;background:linear-gradient(110deg,#6e2bce,#171027);color:#fff;border-radius:35px 35px 0 0;display:grid;grid-template-columns:1fr 220px;gap:50px;align-items:center}.service-closing h2{font-size:34px;letter-spacing:-1px;line-height:1.25}.service-closing .eyebrow{color:#bcf6ff}.service-closing p{font-size:14px;line-height:1.8;color:#e9dff6}.service-closing>a,.service-closing .contact-cta-primary{display:inline-flex;padding:16px 22px;border-radius:30px;gap:16px;font-size:12px;font-weight:700;margin-top:15px}.service-closing small{display:block;font-size:11px;margin-top:17px;color:#e0d3ed}.service-closing>img{width:220px}.service-page .site-footer{margin-top:0}
[data-reveal]{opacity:1;transform:none}.reveal-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(22px)}.reveal-ready [data-reveal]{transition:opacity .65s ease,transform .65s ease}.service-page.motion-paused *, .service-page.motion-paused *::before{animation-play-state:paused!important}
@keyframes service-float{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes service-spin{to{transform:rotate(360deg)}}@keyframes service-spark{50%{transform:rotate(90deg) scale(.8)}}@keyframes service-faq-in{from{opacity:.3;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.service-layout{grid-template-columns:240px minmax(0,1fr);gap:35px;padding:55px 30px}.service-closing{margin:0 25px;padding:40px;grid-template-columns:1fr 150px;gap:25px}.service-sidebar h2{font-size:16px}.service-contact-widget{padding:25px 20px}.service-case-grid{grid-template-columns:1fr}}
@media(max-width:760px){.service-page .main-header{margin:5px 14px 0}.service-hero{margin:0 14px;padding:30px 23px 40px;border-radius:0 0 35px 12px}.breadcrumbs{font-size:10px;gap:8px;margin-bottom:28px}.service-hero h1{font-size:32px;letter-spacing:-1.1px}.service-hero .eyebrow{font-size:9px;line-height:1.7}.service-lead{font-size:15px}.service-hero-note{font-size:13px}.service-hero-actions{gap:13px;flex-direction:column}.service-hero .header-cta{font-size:11px;white-space:normal;line-height:1.6;padding:15px}.service-spark{right:12px;bottom:15px;font-size:24px}.service-layout{display:flex;flex-direction:column;padding:40px 25px;gap:35px}.service-content{order:0;min-width:0}.service-sidebar{order:1;width:100%}.service-page-index{display:none}.service-content h2{font-size:26px}.service-content p{font-size:14px}.service-content h3{font-size:16px}.service-block{margin-bottom:40px}.service-block-que-incluye .service-topic{padding:22px 18px 22px 52px}.service-block-que-incluye .service-topic::before{left:14px;font-size:18px}.service-brand-visual{min-height:270px;margin-bottom:40px}.service-brand-visual>img{width:180px}.service-brand-ring{width:220px;height:220px}.service-motion-toggle{bottom:5px;right:15px}.service-block-alcance{padding:22px}.service-faq summary{padding:18px}.service-faq summary h3{font-size:14px}.service-closing{margin:0 15px;padding:35px 25px;grid-template-columns:1fr;gap:20px}.service-closing h2{font-size:28px}.service-closing>img{width:100px;justify-self:center}.service-closing .contact-cta-primary{font-size:11px;padding:15px}.service-block-preguntas{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.service-page *, .service-page *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready [data-reveal]:not(.is-visible){opacity:1;transform:none}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}.service-sidebar,.service-motion-toggle{display:none}.service-layout{display:block}}
.service-block[id]{scroll-margin-top:35px}
/* Imágenes reales compartidas y variantes de los servicios. */
.service-team-visual{padding:0;min-height:0;border-radius:22px;display:block;background:#f1ebfc}
.service-team-visual>img{width:100%;height:auto;animation:none;transform:none}
.service-team-visual .service-motion-toggle{background:#ffffffed;border-radius:20px;padding:9px 12px;bottom:12px}
.service-case-image{height:auto;aspect-ratio:3/2;background:#f4f0fa}
.service-case-image img{width:100%;height:100%;object-fit:contain;opacity:1}
.service-case:hover img{transform:scale(1.025)}
.service-block-que-recibis{counter-reset:includes}
.service-block-que-recibis .service-topic,.service-block-tipos-de-web .service-topic{position:relative;padding:24px;background:#faf8fe;border:1px solid #eee5fa;border-radius:16px;transition:transform .25s,box-shadow .25s}
.service-block-que-recibis .service-topic:hover,.service-block-tipos-de-web .service-topic:hover{transform:translateY(-3px);box-shadow:0 14px 30px #6f399b0d}
.service-block-canales .service-topic,.service-block-modalidades .service-topic{padding:25px;border:1px solid var(--line);border-top:3px solid var(--purple);border-radius:0 0 16px 16px}
.service-block-planificacion{padding:28px;background:#f7f3fd;border-radius:20px}
.service-case-grid:has(>.service-case:only-child){grid-template-columns:1fr;max-width:520px}
@media(max-width:760px){.service-team-visual{min-height:0}.service-team-visual>img{width:100%}.service-team-visual .service-motion-toggle{position:relative;display:block;bottom:auto;right:auto;margin:8px 10px 10px auto;font-size:10px}}