/* TRACEWARDEN® — UX empresarial 2026 (navegación empresarial publicada).
   Colores complementarios autorizados: terracota #B4533A, marfil #F3EDE6,
   gris definido #E2E8F0. Azul institucional #0B2A4A conservado. */
.tw26{--tw26-navy:#0B2A4A;--tw26-copper:#B4533A;--tw26-marfil:#F3EDE6;--tw26-line:#E2E8F0;--tw26-ink:#11263b;--tw26-slate:#45566a;--tw26-white:#fff;color:var(--tw26-ink)}
.tw26 *{box-sizing:border-box}.tw26 a{text-decoration:none}.tw26 .tw26-wrap{max-width:1160px;width:calc(100% - 36px);margin:auto}
.tw26 .tw26-eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;font-weight:800;color:var(--tw26-copper);margin:0 0 14px}
.tw26 .tw26-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4.25vw,3.3rem);letter-spacing:-.035em;line-height:1.1;color:var(--tw26-navy);max-width:940px;margin:0 0 18px}
.tw26 .tw26-lead{font-size:clamp(1rem,1.35vw,1.15rem);color:var(--tw26-slate);line-height:1.6;max-width:780px;margin:0 0 24px}
.tw26 .tw26-hero{position:relative;overflow:hidden;padding:42px 0 24px;background:linear-gradient(120deg,#faf7f2 0%,#fff 64%);border-bottom:1px solid var(--tw26-line)}
.tw26 .tw26-hero:before{content:"";position:absolute;left:max(18px,calc((100% - 1160px)/2));top:15px;width:58px;height:4px;background:var(--tw26-copper);border-radius:9px}
.tw26 .tw26-steps,.tw26 .tw26-sectors,.tw26 .tw26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tw26 .tw26-step,.tw26 .tw26-sector,.tw26 .tw26-product{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid var(--tw26-line);background:#fff;border-radius:15px;box-shadow:0 8px 24px rgba(11,42,74,.045);transition:border-color .15s,transform .15s,box-shadow .15s}
.tw26 .tw26-step{position:relative;min-height:192px;border-left:4px solid var(--tw26-copper)}
.tw26 .tw26-step:nth-child(2){background:linear-gradient(140deg,#f9f0e9,#fff 72%);border-color:#e2b6a5;border-left-color:var(--tw26-copper)}
.tw26 a.tw26-step:hover,.tw26 a.tw26-sector:hover,.tw26 a.tw26-product:hover{border-color:var(--tw26-copper);transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,42,74,.11)}
.tw26 .tw26-number{display:inline-block;width:max-content;background:var(--tw26-marfil);color:#87402e;border-radius:5px;padding:4px 8px;font-weight:800;font-size:.72rem;margin-bottom:17px}
.tw26 .tw26-step strong,.tw26 .tw26-sector strong,.tw26 .tw26-product strong{display:block;color:var(--tw26-navy);font-size:1.1rem;line-height:1.26;margin:0 0 9px}
.tw26 .tw26-step span.tw26-desc,.tw26 .tw26-sector span.tw26-desc,.tw26 .tw26-product span.tw26-desc{color:var(--tw26-slate);font-size:.93rem;line-height:1.5}
.tw26 .tw26-more{color:#923c27;font-size:.82rem;font-weight:800;margin-top:auto;padding-top:15px}
.tw26 .tw26-quick{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 0}
.tw26 .tw26-quick>span{font-size:.83rem;font-weight:800;color:var(--tw26-navy)}
.tw26 .tw26-quick a{font-size:.86rem;font-weight:650;padding:7px 10px;background:#fff;border:1px solid var(--tw26-line);border-radius:8px;color:#34465b}
.tw26 .tw26-quick a:hover{border-color:var(--tw26-copper);color:#8d402b}
.tw26 .tw26-help{display:flex;gap:15px;justify-content:space-between;align-items:center;background:var(--tw26-marfil);border:1px solid #e3cbbf;border-radius:12px;padding:17px 21px;margin:12px auto 26px}
.tw26 .tw26-help p{margin:0;color:#4d4f55;line-height:1.5;font-size:.94rem}.tw26 .tw26-help strong{color:var(--tw26-navy)}
.tw26 .tw26-btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;flex-shrink:0;background:var(--tw26-navy);border-radius:9px;color:#fff!important;padding:12px 17px;font-size:.88rem;font-weight:800;line-height:1.25}
.tw26 .tw26-btn:hover{background:#17466e}.tw26 .tw26-btn:focus-visible,.tw26 a:focus-visible,.tw26 button:focus-visible{outline:3px solid var(--tw26-copper);outline-offset:3px}
.tw26 .tw26-section{padding:35px 0}.tw26 .tw26-section-title{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.5rem,2.6vw,2.15rem);color:var(--tw26-navy);margin:0 0 19px;line-height:1.2}
.tw26 .tw26-muted{color:var(--tw26-slate);line-height:1.55;margin:-7px 0 19px}
.tw26 .tw26-sector{padding:18px;min-height:160px;position:relative;border-top:3px solid var(--tw26-copper)}.tw26 .tw26-sector:nth-child(2){background:#fdf9f6}
.tw26 .tw26-service-hero{padding:34px 0 24px;background:linear-gradient(116deg,#0B2A4A 0%,#183c59 100%);border-bottom:5px solid var(--tw26-copper)}
.tw26 .tw26-service-hero .tw26-eyebrow{color:#f8d0bf}.tw26 .tw26-service-hero .tw26-title{color:#fff;margin-bottom:10px}
.tw26 .tw26-service-hero .tw26-lead{color:#dce6f1;max-width:850px;margin-bottom:0}
.tw26 .tw26-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px 0}
.tw26 .tw26-timeline a{padding:12px 15px;border:1px solid var(--tw26-line);border-radius:10px;background:#fff;color:var(--tw26-navy);font-weight:800;font-size:.9rem}
.tw26 .tw26-timeline a:hover{background:var(--tw26-marfil)}
.tw26 .tw26-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 20px}
.tw26 .tw26-selector button{font:inherit;text-align:left;cursor:pointer;border:1px solid var(--tw26-line);background:#fff;color:var(--tw26-navy);font-weight:800;padding:15px;border-radius:11px;line-height:1.3}
.tw26 .tw26-selector button small{display:block;color:var(--tw26-slate);font-size:.79rem;font-weight:500;line-height:1.4;margin-top:6px}
.tw26 .tw26-selector button[aria-selected="true"]{background:var(--tw26-marfil);border-color:#c68d77;box-shadow:inset 0 3px 0 var(--tw26-copper)}
.tw26 .tw26-panel{padding:14px 0 32px}.tw26 .tw26-panel[hidden]{display:none!important}
.tw26 .tw26-panel>h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.45rem,2.5vw,2rem);color:var(--tw26-navy);line-height:1.2;margin:0 0 11px}
.tw26 .tw26-panel>p{color:var(--tw26-slate);line-height:1.5;margin:0 0 19px;max-width:820px}
.tw26 .tw26-product{min-height:173px}
.tw26 .tw26-evidence{padding:24px 0;background:#f8f9fa;border-top:1px solid var(--tw26-line);border-bottom:1px solid var(--tw26-line)}
.tw26 .tw26-evidence .tw26-grid>div{border-left:3px solid var(--tw26-copper);padding-left:16px}
.tw26 .tw26-evidence strong{color:var(--tw26-navy)}.tw26 .tw26-evidence p{color:var(--tw26-slate);font-size:.92rem;line-height:1.5;margin:8px 0 0}
.tw26 .tw26-existing{background:#fff;border-top:1px solid var(--tw26-line);padding:15px 0;color:#506177;font-size:.85rem}
.tw26-nav.nav-desktop{gap:clamp(.65rem,1.45vw,1.1rem)}.tw26-nav.nav-desktop a:not(.button){font-size:clamp(.8rem,.95vw,.91rem)}
.tw26-nav .button{background:#0B2A4A;color:#fff!important;border-radius:8px;padding:10px 13px;font-size:.84rem;white-space:nowrap}
@media(max-width:980px){.tw26 .tw26-steps,.tw26 .tw26-sectors,.tw26 .tw26-grid{gap:10px}.tw26 .tw26-step{padding:16px}.tw26 .tw26-step strong{font-size:1rem}.tw26-nav.nav-desktop{gap:.6rem}}
@media(max-width:800px){.tw26 .tw26-steps,.tw26 .tw26-sectors,.tw26 .tw26-grid{grid-template-columns:1fr}.tw26 .tw26-step{min-height:auto}.tw26 .tw26-number{margin-bottom:10px}.tw26 .tw26-timeline{grid-template-columns:1fr}.tw26 .tw26-selector{grid-template-columns:1fr}.tw26 .tw26-help{align-items:flex-start;flex-direction:column}.tw26 .tw26-quick{padding-bottom:8px}.tw26 .tw26-hero{padding-top:38px}.tw26 .tw26-service-hero{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.tw26 a.tw26-step,.tw26 a.tw26-sector,.tw26 a.tw26-product{transition:none}}
/* UX 2026 — opaque, legible mobile navigation in sticky header. */
@media (max-width: 1023px) {
  .site-header { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .site-header .mobile-menu.open { background: #fff; border-top: 1px solid #E2E8F0; padding-bottom: 1.15rem; }
  .site-header .mobile-menu a.button {
    display: block; background: #0B2A4A; color: #fff !important;
    text-align: center; border-radius: .65rem; font-weight: 800;
    letter-spacing: .035em; line-height: 1.4;
  }
  .site-header .mobile-menu a.button:hover,
  .site-header .mobile-menu a.button:focus-visible { background: #183C61; color: #fff !important; }
}
/* UX consolidado: orientación por momento, detalle accesible y recursos. */
.tw26-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px auto 20px}
.tw26-moment{background:#fff;border:1px solid var(--tw26-line);border-top:3px solid var(--tw26-copper);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:9px;scroll-margin-top:105px}
.tw26-moment strong{font-size:1rem;line-height:1.3;color:var(--tw26-navy)}
.tw26-moment p{margin:0;font-size:.88rem;line-height:1.5;color:var(--tw26-slate)}
.tw26-moment a{color:#923c27;font-size:.84rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.tw26-legacy-details{max-width:1160px;width:calc(100% - 36px);margin:24px auto 42px;border:1px solid var(--tw26-line);background:#fff;border-radius:14px;overflow:hidden}
.tw26-legacy-details>summary{cursor:pointer;list-style:none;padding:22px 24px;display:flex;flex-direction:column;gap:5px;background:var(--tw26-marfil);color:var(--tw26-navy);font-weight:800}
.tw26-legacy-details>summary::-webkit-details-marker{display:none}
.tw26-legacy-details>summary span:after{content:"  +";font-weight:800;color:var(--tw26-copper)}
.tw26-legacy-details[open]>summary span:after{content:"  −"}
.tw26-legacy-details>summary small{font-size:.83rem;color:var(--tw26-slate);font-weight:500}
.tw26-legacy-body{padding:6px 0 18px}
.tw26-legacy-body>.section{scroll-margin-top:120px}
.tw26-resource-grid{margin:20px 0 34px}
#consulta,.tw26-panel,.tw26-moment{scroll-margin-top:105px}
@media(max-width:800px){.tw26-moments{grid-template-columns:1fr}.tw26-moment{gap:7px}.tw26-legacy-details>summary{padding:18px}}