/* ZopiTech — secondary pages, dark-first contrast matching the official home.
 * Independent editorial layout, shared Home navigation. ES/EN except entrepreneurs ES.
 * Approved heroes have fixed tint values; experimental color editors are removed.
 */
.site-interior-shared-nav[data-interior-page] {
  --zt-interior-ink:#17132B;
  --zt-interior-border:#DFD9ED;
}
/* Keep strong home-to-interior continuity without copying the home page layout. */
.site-interior-shared-nav .inner-hero,
.site-interior-shared-nav .dt-hero,
.site-interior-shared-nav .entre-hero {
  background:radial-gradient(ellipse at 88% 12%,rgba(121,65,229,.35),transparent 52%),
    radial-gradient(ellipse at 8% 90%,rgba(65,39,115,.45),transparent 55%),
    linear-gradient(114deg,#0B0A17,#1A1230 59%,#2A1D46);
  color:#fff;
}
.site-interior-shared-nav .inner-hero h1,
.site-interior-shared-nav .dt-hero h1,
.site-interior-shared-nav .entre-hero h1 {color:#FFF}
.site-interior-shared-nav .inner-hero p,
.site-interior-shared-nav .dt-hero .dt-hero__lead,
.site-interior-shared-nav .entre-hero .entre-hero__lead {color:#D7D1E6}
.site-interior-shared-nav .inner-hero .inner-eyebrow,
.site-interior-shared-nav .dt-hero .dt-eyebrow,
.site-interior-shared-nav .entre-hero .entre-kicker {color:#D5B9FF}
.site-interior-shared-nav .dt-hero .dt-hero__proof span {color:#C8C0D9}
.site-interior-shared-nav .dt-hero .dt-btn--outline {color:#FAF8FF;border-color:#8D7DAF;background:rgba(255,255,255,.08)}
.site-interior-shared-nav .entre-hero .entre-link {color:#E6D9FF}
.site-interior-shared-nav .entre-hero .entre-proof {color:#241936}
.site-interior-shared-nav .entre-hero .entre-proof strong {color:#17132B}
.site-interior-shared-nav .entre-hero .entre-proof span {color:#5B5169}
.site-interior-shared-nav .entre-hero .entre-empathy-note {color:#28203A}
/* Contact: the text column acts as its own hero; keep form/inputs readable. */
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy {
  background:radial-gradient(ellipse at 95% 14%,rgba(114,65,231,.34),transparent 60%),
    linear-gradient(135deg,#0B0A17,#281A43);
  color:#FFF;
}
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy h1 {color:#FFF}
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy > p {color:#DFD9EA}
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy .contact-list-box {color:#E9E5F2}
/* Square boxes and controls, deliberate continuation of the approved home. */
.site-interior-shared-nav .service-overview-card,
.site-interior-shared-nav .service-detail__image,
.site-interior-shared-nav .case-study,
.site-interior-shared-nav .case-study__image,
.site-interior-shared-nav .case-facts > div,
.site-interior-shared-nav .inner-hero__visual,
.site-interior-shared-nav .inner-cta__box,
.site-interior-shared-nav .dt-visual,
.site-interior-shared-nav .dt-art-note,
.site-interior-shared-nav .dt-experience-card,
.site-interior-shared-nav .dt-benefit-card,
.site-interior-shared-nav .dt-cta__box,
.site-interior-shared-nav .entre-proof,
.site-interior-shared-nav .entre-empathy-note,
.site-interior-shared-nav .entre-browser,
.site-interior-shared-nav .entre-browser__hero,
.site-interior-shared-nav .entre-browser__cards span,
.site-interior-shared-nav .entre-price-card,
.site-interior-shared-nav .entre-feature,
.site-interior-shared-nav .entre-offer__panel,
.site-interior-shared-nav .entre-example,
.site-interior-shared-nav .entre-process__grid article,
.site-interior-shared-nav .entre-faq details,
.site-interior-shared-nav .entre-conditions__box,
.site-interior-shared-nav .entre-final__box,
.site-interior-shared-nav .entre-start-hook__panel,
.site-interior-shared-nav .contact-panel,
.site-interior-shared-nav .contact-copy,
.site-interior-shared-nav .contact-form,
.site-interior-shared-nav .contact-list-box,
.site-interior-shared-nav .terms-meta > *,
.site-interior-shared-nav .terms-summary,
.site-interior-shared-nav .terms-section,
.site-interior-shared-nav .privacy-table-wrap,
.site-interior-shared-nav .cookie-policy-page .terms-page-card,
.site-interior-shared-nav .button,
.site-interior-shared-nav .dt-btn,
.site-interior-shared-nav .contact-submit {
  border-radius:0;
}
/* Form inputs are control surfaces, not decorative bubbles. */
.site-interior-shared-nav .contact-form :is(input,select,textarea){border-radius:0}
/* Preserve the custom site footer and all current content components. */
@media(max-width:760px){
  .site-interior-shared-nav .inner-hero,
  .site-interior-shared-nav .dt-hero,
  .site-interior-shared-nav .entre-hero{scroll-margin-top:70px}
}

/* Approved fixed hero tints for four page families (ES/EN). No URL parameters,
   client-side modifications, local preview layers or runtime color controls.
   The overlay sits above the background but below the existing content. */
.site-interior-shared-nav[data-interior-page="services.index"] .inner-hero--services,
.site-interior-shared-nav[data-interior-page="cases.index"] .inner-hero--cases,
.site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero,
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy {
  position:relative;
  isolation:isolate;
}
.site-interior-shared-nav[data-interior-page="services.index"] .inner-hero--services::after,
.site-interior-shared-nav[data-interior-page="cases.index"] .inner-hero--cases::after,
.site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero::after,
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
/* Servicios: #77377C 30%. */
.site-interior-shared-nav[data-interior-page="services.index"] .inner-hero--services::after{
  background:#77377C;
  opacity:.30;
}
/* Casos de éxito: #3140A8 58%. */
.site-interior-shared-nav[data-interior-page="cases.index"] .inner-hero--cases::after{
  background:#3140A8;
  opacity:.58;
}
/* Gemelos digitales: #3999E7 18%. */
.site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero::after{
  background:#3999E7;
  opacity:.18;
}
/* Contacto: #3140A8 36% on the editorial column, not the form. */
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy::after{
  background:#3140A8;
  opacity:.36;
}
.site-interior-shared-nav[data-interior-page="services.index"] .inner-hero--services > *,
.site-interior-shared-nav[data-interior-page="cases.index"] .inner-hero--cases > *,
.site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero > *,
.site-interior-shared-nav[data-interior-page="contact.create"] .contact-copy > * {
  position:relative;
  z-index:2;
}

/* Square-corner continuation of the approved home, including NESTED imagery,
   labels and cards which were not covered by the original container reset.
   Round activity dots remain round: they are symbols, not card borders. */
body.site-interior-shared-nav :is(
  .inner-hero__visual img,
  .inner-summary__grid,
  .service-detail__image img,
  .service-detail__icon,
  .service-overview-card__icon,
  .specialized-card,
  .specialized-card__icon,
  .case-study__image img,
  .case-label,
  .dt-coming-card,
  .dt-benefit,
  .dt-benefit__icon,
  .dt-step,
  .dt-media-mark,
  .dt-visual__top strong,
  .dt-coming-card__icon,
  .entre-feature__icon,
  .entre-start-hook__item,
  .entre-start-hook__item > div,
  .entre-empathy-note__icon,
  .entre-price-card__installments > span,
  .entre-browser__top div,
  .entre-browser__button,
  .entre-process__grid article > span,
  .contact-list-box div,
  .contact-link--whatsapp,
  .privacy-consent
){border-radius:0}

/* Fine, continuous edges instead of rounded shadow-only card treatment.
   Existing grid positions, backgrounds, hover behavior and content stay intact. */
body.site-interior-shared-nav :is(
  .service-overview-card,
  .case-study__image img,
  .inner-hero__visual img,
  .service-detail__image img,
  .specialized-card,
  .dt-experience-card,
  .dt-coming-card,
  .dt-benefit,
  .dt-step,
  .entre-feature,
  .entre-start-hook__item,
  .entre-example,
  .contact-panel
){border:1px solid rgba(59,44,96,.17)}
body.site-interior-shared-nav :is(
  .case-label,
  .dt-media-mark,
  .privacy-consent
){border:1px solid rgba(105,79,165,.17)}
/* The list of case studies uses full-width editorial rows rather than a
   boxed grid: retain row separators, make its visual card sharp and outlined. */
body.site-interior-shared-nav .case-study__image img{
  box-shadow:0 15px 38px rgba(7,23,47,.075);
}

/* Match the Gemelos Digitales hero headline to Servicios / Casos ES+EN.
   Its old 72px desktop / 43px mobile type looked oversized beside the others. */
.site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero h1{
  font-size:52px;
  line-height:1.06;
  letter-spacing:-2.5px;
  font-weight:700;
  margin:10px 0 22px;
}
@media(max-width:600px){
  .site-interior-shared-nav[data-interior-page="digital-twins.index"] .dt-hero h1{
    font-size:38px;
    letter-spacing:-1.6px;
  }
}