/* Interior pages: shared visual language of the approved home page. */
.inner-redesign {
  --deep-blue:#101a1c;--blue:#193537;--turquoise:#00aaa9;--green:#00aaa9;
  --light:#f5f8f7;--text:#263739;--muted:#627274;--line:#d9e4e2;
  --radius:0;--shadow:none;--area:#00aaa9;--area-soft:#e4f5f3;
  background:#fff;color:var(--text);font-family:'Segoe UI',Inter,Arial,sans-serif;font-weight:300;line-height:1.7;
}
.inner-redesign.area-marketing {--area:#cb9950;--area-soft:#f8eedf}
.inner-redesign.area-creative {--area:#9068c4;--area-soft:#f1eafa}
.inner-redesign.area-training {--area:#45ad69;--area-soft:#e6f6ec}
.inner-redesign.area-3d {--area:#3e81cf;--area-soft:#e7f1fc}
.inner-redesign.area-automation {--area:#ca5ca5;--area-soft:#f9eaf4}
.inner-redesign .container {width:min(1240px,calc(100% - 64px))}
.inner-redesign .site-header {background:rgba(255,255,255,.97);border-bottom:1px solid #e2eae8}
.inner-redesign .header-inner {min-height:86px}
.inner-redesign .brand {font-size:1.36rem;letter-spacing:-.05em;font-weight:600}
.inner-redesign .brand img {width:52px;height:52px}
.inner-redesign .main-nav {gap:clamp(10px,1.4vw,22px);font-size:.85rem;font-weight:500;color:#384c4e}
.inner-redesign .main-nav a {border:0}
.inner-redesign .main-nav a:hover,.inner-redesign .main-nav a.active {color:var(--area)}
.inner-redesign .btn {min-height:49px;padding:10px 23px;border:0;background:var(--area);color:#fff;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;box-shadow:none;transition:background .2s,transform .2s}
.inner-redesign .btn:hover {background:#193537;color:#fff;transform:translateY(-2px)}
.inner-redesign .header-cta {background:#00aaa9}
.inner-redesign .btn-secondary {background:transparent;color:inherit;border:1px solid currentColor}
.inner-redesign .btn-secondary:hover {background:var(--area);border-color:var(--area);color:#fff}
.inner-redesign h1,.inner-redesign h2,.inner-redesign h3 {color:inherit;font-weight:300;letter-spacing:-.045em;line-height:1.13}
.inner-redesign h1 {font-size:clamp(2.7rem,5.3vw,5rem);max-width:980px}
.inner-redesign h2 {font-size:clamp(2.15rem,3.8vw,3.9rem)}
.inner-redesign h3 {font-size:clamp(1.3rem,1.8vw,1.65rem)}
.inner-redesign .eyebrow {color:var(--area);font-size:.73rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.inner-redesign section {padding:90px 0}
.inner-redesign main>section:nth-of-type(even):not(.deep-band):not(.full-image-band):not(.page-hero) {background:#f5f8f7}
.inner-redesign .page-hero.photo-hero {position:relative;isolation:isolate;min-height:500px;display:flex;align-items:center;padding:85px 0;background:linear-gradient(90deg,rgba(11,27,29,.95),rgba(11,27,29,.81) 54%,rgba(11,27,29,.48)),var(--hero-image) center/cover no-repeat,#172427;color:#fff}
.inner-redesign .page-hero.photo-hero::after {content:"";position:absolute;z-index:-1;inset:auto 0 0;height:4px;background:var(--area)}
.inner-redesign .page-hero .breadcrumbs {color:#d4e1e0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.inner-redesign .page-hero .breadcrumbs a {color:#fff}
.inner-redesign .page-hero h1 {color:#fff;margin:14px 0 24px}
.inner-redesign .page-hero .lead {max-width:740px;color:#d9e3e2;font-size:1.08rem;line-height:1.8}
.inner-redesign .page-hero .btn-secondary {color:#fff;border-color:#c5d5d3}
.inner-redesign .page-hero .btn-secondary:hover {border-color:var(--area)}
.inner-redesign .section-heading {gap:50px;margin-bottom:46px}
.inner-redesign .section-heading>div {max-width:690px}
.inner-redesign .section-heading p {max-width:440px;line-height:1.8;color:#596b6d}
.inner-redesign .split {gap:clamp(36px,6vw,100px);align-items:center}
.inner-redesign .split>*,.inner-redesign .grid>* {min-width:0}
.inner-redesign .visual-panel {border:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--area-soft);overflow:hidden}
.inner-redesign .visual-panel img {filter:grayscale(1) sepia(.16) hue-rotate(135deg) saturate(.7);transition:filter .4s}
.inner-redesign .visual-panel:hover img {filter:none}
.inner-redesign .card,.inner-redesign .card2,.inner-redesign .service-card:not(.image-card),.inner-redesign .article-card {padding:30px;border:1px solid var(--line);border-top:3px solid var(--area);border-radius:0;background:#fff;box-shadow:none;transition:background .25s,border-color .25s}
.inner-redesign .card:hover,.inner-redesign .service-card:not(.image-card):hover,.inner-redesign .article-card:hover {transform:none;border-color:var(--area);box-shadow:none;background:var(--area-soft)}
.inner-redesign .card::before,.inner-redesign .service-card:not(.image-card)::before {display:none}
.inner-redesign .card p,.inner-redesign .service-card p,.inner-redesign .article-card p {color:#596b6d}
.inner-redesign .text-link,.inner-redesign .article-meta {color:var(--area);font-weight:650}
.inner-redesign .text-link {font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.inner-redesign .text-link:hover {text-decoration:underline;text-underline-offset:5px}
.inner-redesign .band {background:#f5f8f7}
.inner-redesign .deep-band {background:#172427;color:#fff}
.inner-redesign .deep-band p,.inner-redesign .deep-band li {color:#d5e1df}
.inner-redesign .full-image-band {position:relative;min-height:410px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(9,26,28,.94),rgba(9,26,28,.68)),var(--band-image) center/cover no-repeat,#172427}
.inner-redesign .full-image-band .container {padding:55px 0}
.inner-redesign .full-image-band h2 {color:#fff}
.inner-redesign .full-image-band p {color:#d2dfde}
.inner-redesign .form label {color:#263739;font-weight:600}
.inner-redesign .form input,.inner-redesign .form textarea,.inner-redesign .form select {border-radius:0;outline-color:var(--area)}
.inner-redesign .site-footer {background:#101b1d;color:#b6c9c7;padding-top:78px}
.inner-redesign .site-footer h2 {font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:650}
.inner-redesign .footer-bottom {border-color:#314446}
.inner-redesign a:focus-visible,.inner-redesign button:focus-visible,.inner-redesign input:focus-visible,.inner-redesign textarea:focus-visible {outline:3px solid var(--area);outline-offset:3px}
.inner-redesign .success-icon {color:#00aaa9!important}
@media(max-width:980px){.inner-redesign .container {width:min(100% - 40px,1240px)}.inner-redesign .section-heading {display:block}.inner-redesign .section-heading p {margin-top:20px}}
@media(max-width:680px){.inner-redesign .container {width:calc(100% - 36px)}.inner-redesign section {padding:68px 0}.inner-redesign .page-hero.photo-hero {min-height:0;padding:78px 0;background:linear-gradient(90deg,rgba(11,27,29,.95),rgba(11,27,29,.78)),var(--hero-image) center/cover no-repeat,#172427}.inner-redesign h1 {font-size:clamp(2.45rem,11vw,3.55rem)}.inner-redesign .header-inner {min-height:72px}.inner-redesign .full-image-band {min-height:0}.inner-redesign .card,.inner-redesign .card2,.inner-redesign .service-card:not(.image-card),.inner-redesign .article-card {padding:25px}}
@media(prefers-reduced-motion:reduce){.inner-redesign .visual-panel img {transition:none}}
.inner-redesign .hero-bg-automation {--hero-image:url('../assets/img/automatizacion-estudio-hero.webp')}
.inner-redesign .band-bg-automation {--band-image:url('../assets/img/automatizacion-estudio-hero.webp')}
/* The related services on the web design page use the same readable card layout. */
.inner-redesign .services-grid .service-card.image-card {min-height:0;display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-top:3px solid var(--area);border-radius:0;background:#fff;box-shadow:none;transform:none!important;opacity:1!important}
.inner-redesign .services-grid .service-card.image-card::after {display:none}
.inner-redesign .services-grid .service-card.image-card .service-bg {position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;filter:grayscale(1) sepia(.16) hue-rotate(135deg) saturate(.7);transform:none}
.inner-redesign .services-grid .service-card.image-card:hover .service-bg {filter:none;transform:none}
.inner-redesign .services-grid .service-card.image-card .service-content {min-height:255px;padding:30px;flex:1;justify-content:flex-start;color:#263739;background:#fff}
.inner-redesign .services-grid .service-card.image-card .service-icon {width:38px;height:38px;display:grid;place-items:center;background:var(--area-soft);border:0;border-radius:0;color:var(--area);font-size:.85rem}
.inner-redesign .services-grid .service-card.image-card h3 {color:#263739}
.inner-redesign .services-grid .service-card.image-card p {color:#596b6d}
.inner-redesign .services-grid .service-card.image-card .text-link {color:var(--area);margin-top:auto}
/* Width fixes for service grids, large SEO blocks and animated columns. */
.inner-redesign {overflow-x:clip}
.inner-redesign main,.inner-redesign main>section,.inner-redesign .container,.inner-redesign .split,.inner-redesign .seo-split,.inner-redesign .web-service-intro-grid {min-width:0;max-width:100%}
.inner-redesign .split>*,.inner-redesign .seo-split>*,.inner-redesign .web-service-intro-grid>*,.inner-redesign .grid>*,.inner-redesign .feature-list>* {min-width:0;max-width:100%}
.inner-redesign img,.inner-redesign svg {max-width:100%}
.inner-redesign h1,.inner-redesign h2,.inner-redesign h3,.inner-redesign p,.inner-redesign a {overflow-wrap:break-word}
.inner-redesign .reveal-left,.inner-redesign .reveal-right {transform:translateY(28px)}
.inner-redesign .reveal-left.is-visible,.inner-redesign .reveal-right.is-visible {transform:translateY(0)}
.inner-redesign .seo-split {grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,58px)}
.inner-redesign .seo-growth-card {min-width:0;width:100%}
.inner-redesign .contact-layout {grid-template-columns:minmax(0,1fr) minmax(260px,360px)}
@media(max-width:1180px){.inner-redesign .nav-toggle,.home-redesign .nav-toggle {display:inline-block}.inner-redesign .main-nav,.home-redesign .main-nav {position:absolute;left:20px;right:20px;top:100%;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 30px #101a1c20;max-height:calc(100vh - 86px);overflow:auto}.inner-redesign .main-nav.open,.home-redesign .main-nav.open {display:flex}.inner-redesign .main-nav a,.home-redesign .main-nav a {padding:10px 6px}.inner-redesign .header-cta,.home-redesign .header-cta {display:none}}
@media(max-width:980px){.inner-redesign .seo-split,.inner-redesign .contact-layout {grid-template-columns:minmax(0,1fr)}.inner-redesign .split {grid-template-columns:minmax(0,1fr)}.inner-redesign .feature-list {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.inner-redesign .grid-3,.inner-redesign .grid-2,.inner-redesign .feature-list,.inner-redesign .footer-grid {grid-template-columns:minmax(0,1fr)}.inner-redesign .seo-split {grid-template-columns:minmax(0,1fr)}.inner-redesign .page-hero h1 {font-size:clamp(2.1rem,9vw,3.3rem)}.inner-redesign .page-hero .hero-actions,.inner-redesign .cta-actions {flex-wrap:wrap}}
.inner-redesign .deep-band .card2 {color:#263739;background:#fff}
.inner-redesign .deep-band .card2 p,.inner-redesign .deep-band .card2 li {color:#526467}
.inner-redesign .related-band {background:#172427!important;color:#fff}
.inner-redesign .related-services {grid-template-columns:2fr 1fr 1fr;gap:0;border-left:1px solid #3b5153;border-top:1px solid #3b5153}
.inner-redesign .related-services>.card,.inner-redesign .related-services>.service-card {min-height:235px;padding:36px;border:0;border-right:1px solid #3b5153;border-bottom:1px solid #3b5153;background:#172427;color:#fff}
.inner-redesign .related-services>:first-child {background:var(--area-soft);color:#193537}
.inner-redesign .related-services>:not(:first-child) p {color:#c4d3d2}
.inner-redesign .related-services>:not(:first-child) .text-link {color:#91d9d3}
.inner-redesign .related-services>*:hover {background:#203436}
.inner-redesign .related-services>:first-child:hover {background:var(--area-soft)}
@media(max-width:980px){.inner-redesign .related-services {grid-template-columns:repeat(2,minmax(0,1fr))}.inner-redesign .related-services>:first-child {grid-column:1/-1}}
@media(max-width:680px){.inner-redesign .related-services {grid-template-columns:1fr}.inner-redesign .related-services>:first-child {grid-column:auto}}
.article-page .article-hero {padding:90px 0 75px;background:#172427;color:#fff}
.article-page .article-hero h1 {max-width:950px;color:#fff;margin:18px 0 20px}
.article-page .article-hero .article-lead {max-width:770px;font-size:1.15rem;color:#d2e1df}
.article-page .article-byline {font-size:.84rem;color:#a9c2bf}
.article-page .article-layout {display:grid;grid-template-columns:minmax(0,760px) minmax(0,270px);gap:clamp(32px,6vw,95px);padding:0 0 90px}
.article-page .article-body {min-width:0}
.article-page .article-cover {margin:-36px 0 54px;position:relative}
.article-page .article-cover img {width:100%;aspect-ratio:1.65;object-fit:cover}
.article-page .article-body section {padding:0 0 27px;margin:0 0 26px;border-bottom:1px solid var(--line);background:none!important}
.article-page .article-body h2 {font-size:clamp(1.5rem,2.5vw,2.05rem);margin:0 0 12px}
.article-page .article-body p {color:#4f6264;line-height:1.85}
.article-page .article-tip {padding:26px 30px;border-left:4px solid #00aaa9;background:#e9f3f1;margin:36px 0}
.article-page .article-tip p {margin:8px 0 0}
.article-page .article-sources {font-size:.88rem;margin:30px 0}
.article-page .article-sources h2 {font-size:1.2rem}
.article-page .article-sources a {text-decoration:underline}
.article-page .article-cta {background:#172427;color:#fff;padding:38px;margin-top:40px}
.article-page .article-cta p {color:#d5e2e0}
.article-page .article-aside {padding-top:45px;font-size:.86rem;align-self:start;position:sticky;top:105px}
.article-page .article-aside h2 {font-size:1.2rem}
.article-page .article-aside ol {padding-left:22px;color:#54696b}
.article-page .article-aside li {margin:0 0 13px}
.inner-redesign .blog-grid .article-card {padding:0;display:flex;flex-direction:column}
.inner-redesign .blog-grid .article-card .article-image {display:block;overflow:hidden}
.inner-redesign .blog-grid .article-card img {width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;filter:grayscale(1) sepia(.16) hue-rotate(135deg) saturate(.7);transition:filter .3s}
.inner-redesign .blog-grid .article-card:hover img {filter:none}
.inner-redesign .blog-grid .article-card-content {padding:26px;display:flex;flex:1;flex-direction:column}
.inner-redesign .blog-grid .article-card .text-link {margin-top:auto;padding-top:15px}
.inner-redesign .blog-grid .article-card h3 a:hover {color:#008b8d}
.legal-page .legal-content {max-width:850px;padding:70px 0 90px}
.legal-page .legal-content h2 {font-size:1.75rem;margin-top:35px}
.legal-page .legal-content ul {padding-left:22px}
.legal-page .legal-draft {padding:20px 25px;border-left:4px solid #cb9950;background:#f8eedf;color:#493c28}
.site-footer .footer-mascot {width:154px;height:90px;position:relative;overflow:hidden;background:#f3f4eb;margin-top:20px;border-radius:4px;opacity:.8;transform-origin:center}
.site-footer .footer-mascot img {width:100%;height:100%;object-fit:cover}
.site-footer .footer-mascot .footer-pupil {position:absolute;left:50%;top:30%;width:8px;height:8px;background:#14272a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
@media(max-width:980px){.article-page .article-layout {grid-template-columns:1fr}.article-page .article-aside {position:static;padding-top:0;order:-1}.article-page .article-cover {margin:30px 0}}
@media(max-width:680px){.article-page .article-hero {padding:68px 0}.article-page .article-layout {padding-bottom:60px}.article-page .article-cta {padding:26px}.inner-redesign .blog-grid .article-card-content {padding:23px}}
.inner-redesign .contextual-article {background:var(--area-soft);padding:65px 0}
.inner-redesign .contextual-article h2 {font-size:clamp(2rem,3vw,2.9rem);margin:10px 0 12px}
.inner-redesign .contextual-article p {color:#486063}
@media(min-width:981px){.inner-redesign .blog-grid {grid-template-columns:repeat(6,minmax(0,1fr))}.inner-redesign .blog-grid>.article-card {grid-column:span 2}.inner-redesign .blog-grid>.article-card:nth-last-child(-n+2) {grid-column:span 3}}
/* Related cards keep legible text when hovered, including on the blue 3D page. */
.inner-redesign .related-services > .card:not(:first-child):hover,
.inner-redesign .related-services > .service-card:not(.image-card):not(:first-child):hover {background:#203436;color:#fff;border-color:#3b5153}
.inner-redesign .related-services > .card:not(:first-child):hover p,
.inner-redesign .related-services > .service-card:not(.image-card):not(:first-child):hover p {color:#d3e2e0}
.inner-redesign .related-services > .card:not(:first-child):hover .text-link,
.inner-redesign .related-services > .service-card:not(.image-card):not(:first-child):hover .text-link {color:#9ce7e0}
.inner-redesign .related-services > .card:first-child:hover,
.inner-redesign .related-services > .service-card:not(.image-card):first-child:hover {background:var(--area-soft);color:#193537;border-color:#3b5153}
.inner-redesign .related-services > :first-child:hover p {color:#40595a}