/* Hallmark, checked: 2026-10-29, genre: modern-minimal (inferred)
 * floor: polish aplicado · tokens en :root, sello, overflow, estados
 * built: the project · redesign: polish · v2.0.0 */
:root{--papel:#F8FAF9;--dt-tinte-1:rgba(15,38,46,.95);--dt-tinte-2:rgba(15,38,46,.82);--dt-tinte-3:rgba(15,38,46,.30);--dt-tinte-4:rgba(0,0,0,.35);--dt-tinte-5:rgba(255,255,255,.88);--dt-tinte-6:rgba(255,255,255,.2);--dt-tinte-7:rgba(255,255,255,.78);--dt-tinte-8:rgba(255,255,255,.7);--dt-tinte-9:rgba(15,38,46,.2);--dt-tinte-10:rgba(15,38,46,.93);--dt-tinte-11:rgba(15,38,46,.88);--dt-tinte-12:rgba(255,255,255,.86);--dt-tinte-13:rgba(255,255,255,.18);--dt-tinte-14:rgba(255,255,255,.35);--dt-tinte-15:rgba(255,255,255,.84);--dt-tinte-16:rgba(0,0,0,.32);--dt-tinte-17:rgba(15,38,46,.12);--dt-tinte-18:rgba(15,38,46,.22);--dt-tinte-19:rgba(15,38,46,.96);--dt-tinte-20:rgba(15,38,46,.86);--dt-tinte-21:rgba(15,38,46,.35);--dt-tinte-22:rgba(255,255,255,.9);--dt-tinte-23:rgba(15,38,46,.6);--dt-tinte-24:rgba(15,38,46,.9);--dt-color-1:#13252B;--dt-color-2:#1F5C6B;--dt-color-3:#174A57;--dt-color-4:#B8862B;--dt-color-5:#8A6118;--dt-color-6:#E2B661;--dt-color-7:#1A2A2F;--dt-color-8:#4E5F63;--dt-color-9:#EEF2F1;--dt-color-10:#D3DCDA;--dt-color-11:#9FB0AE;--dt-color-12:#0F262E;--dt-color-13:#FBFAF6;--dt-color-14:#F6EBD3;--dt-f-titulo-1:Bitter, Georgia, serif}/* servicios-datos-tableros, estilos propios de /servicios/datos-tableros (alcance .dm-dt-wrap). Tokens de DESIGN.md v3, sin redefinirlos globalmente. */
.dm-dt-wrap { --dt-noche: var(--dt-color-1); --dt-pet: var(--dt-color-2); --dt-pet-f: var(--dt-color-3); --dt-ocre: var(--dt-color-4); --dt-ocre-t: var(--dt-color-5); --dt-ocre-o: var(--dt-color-6);
  --dt-txt: var(--dt-color-7); --dt-mute: var(--dt-color-8); --dt-niebla: var(--dt-color-9); --dt-linea: var(--dt-color-10); --dt-linea-f: var(--dt-color-11); }
.dm-dt { position: relative; overflow-x: clip; }
.dm-dt h1, .dm-dt h2 { text-wrap: balance; }
.dm-dt p, .dm-dt li { text-wrap: pretty; }
.dm-dt .dm-head { max-width: 46rem; margin-bottom: clamp(24px, 4vw, 48px); }
.dm-dt .dm-head p { font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.55; max-width: 64ch; }
.dm-dt-sec { padding: clamp(64px, 9vw, 120px) 0; }
.dm-dt-k { display: block; font-size: .9375rem; font-weight: 600; letter-spacing: .02em; color: var(--dt-ocre-t); margin: 0 0 .5rem; }
.o_cc5 .dm-dt-k, .dm-dt-hero .dm-dt-k { color: var(--dt-ocre-o); }
.dm-dt-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; color: var(--dt-pet); text-decoration: underline; text-underline-offset: 3px; }
.o_cc5 .dm-dt-link { color: var(--papel); }
.dm-dt-link:hover, .dm-dt-link:focus-visible { text-decoration-thickness: 2px; }

/* Patrón de capas dmg-capas (BIBLIOTECA_WEB.md) */
.dmg-capas { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: clamp(520px, 72svh, 760px); padding: clamp(48px, 8vw, 112px) 0; color: var(--papel); background: var(--dt-color-12); }
.dmg-capas__fondo { position: absolute; inset: -48px 0; z-index: -2; pointer-events: none;
  background: linear-gradient(90deg, var(--dt-tinte-1) 0%, var(--dt-tinte-2) 48%, var(--dt-tinte-3) 100%), var(--dmg-fondo) center/cover no-repeat;
  transform: translate3d(0, var(--dmg-py, 0px), 0); will-change: transform; }
.dmg-capas__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 64px); align-items: center; width: 100%; }
.dm-dt .dmg-capas__grid::before, .dm-dt .dmg-capas__grid::after { content: none !important; display: none !important; }
.dmg-capas__texto { position: relative; z-index: 2; max-width: 38rem; min-width: 0; }
.dmg-capas__escenario { position: relative; z-index: 1; height: clamp(360px, 54svh, 600px); min-width: 0; }
.dmg-capas__sujeto { position: absolute; right: 0; bottom: 0; height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: right bottom;
  filter: drop-shadow(0 24px 32px var(--dt-tinte-4)); animation: dmg-flota 7s ease-in-out infinite; }
/* Flotación suave de objetos junto al texto */
.dmg-flota { animation: dmg-flota 7s ease-in-out infinite; }
.dm-dt-tabla__k { display: none; }
@keyframes dmg-flota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* 1, Cabecera */
.dm-dt-hero { min-height: clamp(560px, 80svh, 800px); }
.dm-dt-hero h1 { font-size: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem); line-height: 1.08; margin: 0 0 1.25rem; color: var(--papel); }
.dm-dt-hero .lead { color: var(--dt-tinte-5); max-width: 34rem; margin-bottom: 1.75rem; }
.dm-dt-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.dm-dt-acciones .btn { min-height: 48px; display: inline-flex; align-items: center; }
.dm-dt-cred { margin: 1.75rem 0 0; padding-top: 1rem; border-top: 1px solid var(--dt-tinte-6); font-size: .9375rem; color: var(--dt-tinte-7); max-width: 34rem; }
.dm-dt-hero__escena { height: clamp(380px, 58svh, 600px); }
.dm-dt-hero__nota { position: absolute; left: 0; bottom: 0; margin: 0; font-size: .8125rem; color: var(--dt-tinte-8); }

/* 2, Tensión */
.dm-dt-tension__top { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.dm-dt-planilla { width: 100%; max-width: 300px; height: auto; justify-self: center; filter: drop-shadow(0 18px 24px var(--dt-tinte-9)); }
.dm-dt-origen { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); }
.dm-dt-origen__i { background: var(--papel); border: 1px solid var(--dt-linea); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; }
.dm-dt-origen__i img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.dm-dt-origen__c { padding: 20px 22px 24px; }
.dm-dt-origen__c h3 { font-size: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem); margin: 0 0 .5rem; }
.dm-dt-origen__c p { margin: 0; color: var(--dt-mute); }
.dm-dt-costo { margin-top: clamp(40px, 6vw, 72px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.dm-dt-costo__t { font-family:var(--dt-f-titulo-1); font-weight: 600; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.15; margin: 0 0 1rem; }
.dm-dt-costo__l { margin: 0; padding: 0; list-style: none; counter-reset: dtc; }
.dm-dt-costo__l li { position: relative; padding: 0 0 1.25rem 3rem; counter-increment: dtc; }
.dm-dt-costo__l li::before { content: counter(dtc, decimal-leading-zero); position: absolute; left: 0; top: .1rem; font-family:var(--dt-f-titulo-1); font-weight: 600; color: var(--dt-ocre-t); }
.dm-dt-costo__l h3 { font-size: 1.125rem; margin: 0 0 .25rem; }
.dm-dt-costo__l p { margin: 0; color: var(--dt-mute); }
.dm-dt-calc { background: var(--dt-niebla); border-radius: 8px; padding: clamp(20px, 3vw, 32px); border-top: 3px solid var(--dt-pet); }
.dm-dt-calc__t { font-weight: 600; font-size: 1.125rem; margin: 0 0 1rem; }
.dm-dt-calc__campo { display: block; margin-bottom: 14px; }
.dm-dt-calc__campo span { display: block; font-size: .9375rem; margin-bottom: 4px; }
.dm-dt-calc__campo input { min-height: 48px; font-size: 1.0625rem; border: 1px solid var(--dt-linea-f); border-radius: 6px; }
.dm-dt-calc__res { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 12px; }
.dm-dt-calc__res > div { background: var(--papel); border-radius: 6px; padding: 12px; min-width: 0; }
.dm-dt-calc__n { display: block; font-family:var(--dt-f-titulo-1); font-weight: 600; font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); color: var(--dt-ocre-t); font-variant-numeric: tabular-nums; line-height: 1.1; overflow-wrap: anywhere; }
.dm-dt-calc__u { display: block; font-size: .875rem; color: var(--dt-mute); }
.dm-dt-calc__nota { font-size: .875rem; color: var(--dt-mute); margin: 0; }

/* 3, Método */
.dm-dt-metodo { display: block; min-height: 0; }
.dm-dt-metodo .dmg-capas__fondo { background: linear-gradient(180deg, var(--dt-tinte-10), var(--dt-tinte-11)), var(--dmg-fondo) center/cover no-repeat; }
.dm-dt-metodo h2 { color: var(--papel); }
.dm-dt-metodo .dm-head p { color: var(--dt-tinte-12); }
.dm-dt-metodo__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.dm-dt-fases { list-style: none; margin: 0; padding: 0 0 0 2px; position: relative; --dt-avance: 0; }
.dm-dt-fases::before, .dm-dt-fases::after { content: ""; position: absolute; left: 25px; top: 8px; bottom: 8px; width: 2px; background: var(--dt-tinte-13); }
.dm-dt-fases::after { background: var(--dt-ocre-o); transform-origin: top; transform: scaleY(var(--dt-avance)); }
.dm-dt-fase { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; padding-bottom: clamp(28px, 4vw, 44px); opacity: .55; transition: opacity .5s ease; }
.dm-dt-fase.is-on { opacity: 1; }
.dm-dt-fase__n { position: relative; z-index: 1; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-family:var(--dt-f-titulo-1); font-weight: 600;
  background: var(--dt-noche); border: 2px solid var(--dt-tinte-14); color: var(--papel); transition: background .4s ease, border-color .4s ease, color .4s ease; }
.dm-dt-fase.is-on .dm-dt-fase__n { background: var(--dt-ocre); border-color: var(--dt-ocre); color: var(--dt-noche); }
.dm-dt-fase h3 { color: var(--papel); font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); margin: .6rem 0 .5rem; }
.dm-dt-fase p { color: var(--dt-tinte-15); margin: 0 0 .75rem; }
.dm-dt-fase .dm-dt-ent { font-size: .9375rem; color: var(--papel); border-left: 3px solid var(--dt-ocre-o); padding-left: 12px; margin: 0; }
.dm-dt-ficha-col { position: sticky; top: 104px; }
.dm-dt-ficha { background: var(--dt-color-13); color: var(--dt-txt); border-radius: 8px; padding: clamp(20px, 2.6vw, 30px); box-shadow: 0 24px 48px var(--dt-tinte-16); animation: dmg-flota 8s ease-in-out infinite; }
.dm-dt-ficha__t { font-family:var(--dt-f-titulo-1); font-weight: 600; font-size: 1.25rem; margin: 0 0 .25rem; color: var(--dt-txt); }
.dm-dt-ficha__s { font-size: .875rem; color: var(--dt-mute); margin: 0 0 1rem; }
.dm-dt-ficha__l { list-style: none; margin: 0; padding: 0; }
.dm-dt-ficha__l li { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 12px; padding: 10px 8px; border-top: 1px solid var(--dt-linea); border-radius: 4px; transition: background .4s ease, box-shadow .4s ease; }
.dm-dt-ficha__l b { font-weight: 600; font-size: .875rem; color: var(--dt-mute); }
.dm-dt-ficha__l span { font-size: .9375rem; }
.dm-dt-ficha[data-on="1"] .dm-dt-c1, .dm-dt-ficha[data-on="2"] .dm-dt-c2, .dm-dt-ficha[data-on="3"] .dm-dt-c3, .dm-dt-ficha[data-on="4"] .dm-dt-c4 { background: var(--dt-color-14); box-shadow: inset 3px 0 0 var(--dt-ocre); }
.dm-dt-ficha__pie { font-size: .8125rem; color: var(--dt-mute); margin: 1rem 0 0; }
.dm-dt-metodo__mas { margin: 8px 0 0; }

/* 4, Prueba */
.dm-dt-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.dm-dt-tab { min-height: 44px; padding: 8px 18px; border: 1px solid var(--dt-linea-f); border-radius: 999px; background: var(--papel); color: var(--dt-txt); font-weight: 600; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.dm-dt-tab:hover { border-color: var(--dt-pet); }
.dm-dt-tab[aria-selected="true"] { background: var(--dt-pet); border-color: var(--dt-pet); color: var(--papel); }
.dm-dt-tab:focus-visible { outline: 3px solid var(--dt-noche); outline-offset: 2px; }
.dm-dt-panel { display: none; }
.dm-dt-panel.is-on { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr); gap: clamp(20px, 3vw, 40px); align-items: start; animation: dm-dt-entra .45s ease both; }
@keyframes dm-dt-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.dm-dt-cap { margin: 0; border: 1px solid var(--dt-linea); border-radius: 8px; overflow: hidden; background: var(--papel); box-shadow: 0 16px 40px var(--dt-tinte-17); }
.dm-dt-cap__barra { display: flex; gap: 6px; padding: 10px 12px; background: var(--dt-niebla); border-bottom: 1px solid var(--dt-linea); }
.dm-dt-cap__barra i { width: 10px; height: 10px; border-radius: 50%; background: var(--dt-linea-f); }
.dm-dt-cap img { display: block; width: 100%; height: auto; }
.dm-dt-cap__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.dm-dt-cap__hint { display: none; }
.dm-dt-panel__txt h3 { font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); margin: 0 0 .5rem; }
.dm-dt-panel__txt p { color: var(--dt-mute); }
.dm-dt-panel__txt ul { padding-left: 1.1rem; margin: 0; }
.dm-dt-panel__txt li { margin-bottom: .4rem; }
.dm-dt-demo { font-size: .875rem; color: var(--dt-mute); margin: 16px 0 0; }
.dm-dt-medio { margin-top: clamp(36px, 5vw, 56px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding: clamp(20px, 3vw, 32px); background: var(--dt-niebla); border-radius: 8px; border-left: 4px solid var(--dt-ocre); }
.dm-dt-medio p { margin: 0; font-size: 1.125rem; max-width: 40rem; }
.dm-dt-medio .btn { min-height: 48px; display: inline-flex; align-items: center; }

/* 5, Datos sucios */
.dm-dt-sucios__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .5fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.dm-dt-tabla { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 8px; border: 1px solid var(--dt-linea); background: var(--papel); }
.dm-dt-tabla table { width: 100%; border-collapse: collapse; margin: 0; }
.dm-dt-tabla caption { caption-side: top; padding: 14px 18px 0; font-size: .875rem; color: var(--dt-mute); }
.dm-dt-tabla th, .dm-dt-tabla td { padding: 14px 18px; text-align: left; vertical-align: top; border-top: 1px solid var(--dt-linea); }
.dm-dt-tabla thead th { font-size: .875rem; color: var(--dt-mute); font-weight: 600; border-top: 0; }
.dm-dt-tabla tbody th { font-weight: 600; }
.dm-dt-analista { width: 100%; max-width: 260px; height: auto; justify-self: center; filter: drop-shadow(0 18px 24px var(--dt-tinte-18)); }
.dm-dt-sucios__pie { margin: 20px 0 0; color: var(--dt-mute); max-width: 64ch; }

/* 6, Alcance */
.dm-dt-io { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 3vw, 32px); }
.dm-dt-io__c { background: var(--dt-niebla); border-radius: 8px; padding: clamp(20px, 3vw, 32px); border-top: 3px solid var(--dt-pet); }
.dm-dt-io__c h3 { font-size: 1.25rem; margin: 0 0 .75rem; }
.dm-dt-io__c ul { margin: 0; padding-left: 1.1rem; }
.dm-dt-io__c li { margin-bottom: .5rem; }
.dm-dt-opc { margin-top: clamp(28px, 4vw, 48px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 32px); }
.dm-dt-opc__c { border: 1px solid var(--dt-linea); border-radius: 8px; padding: clamp(18px, 2.6vw, 28px); }
.dm-dt-opc__c h3 { font-size: 1.125rem; margin: 0 0 .5rem; }
.dm-dt-opc__c p { margin: 0; color: var(--dt-mute); }
.dm-dt-no { border: 1px solid var(--dt-linea); border-left: 4px solid var(--dt-pet); border-radius: 8px; padding: clamp(18px, 2.6vw, 28px); background: var(--dt-niebla); }
.dm-dt-no h3 { font-size: 1.125rem; margin: 0 0 .5rem; }
.dm-dt-no p { margin: 0 0 .25rem; color: var(--dt-txt); }
.dm-dt-sis__t { font-size: 1.25rem; margin: clamp(36px, 5vw, 56px) 0 16px; }
.dm-dt-sis__l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dm-dt-sis { display: flex; flex-direction: column; gap: 6px; height: 100%; min-height: 44px; padding: 18px 20px; border: 1px solid var(--dt-linea); border-top: 3px solid var(--dt-linea); border-radius: 8px; background: var(--papel); color: var(--dt-txt); text-decoration: none; transition: transform .25s ease, border-color .25s ease; }
.dm-dt-sis:hover, .dm-dt-sis:focus-visible { transform: translateY(-4px); border-top-color: var(--dt-pet); box-shadow: 0 12px 28px var(--dt-tinte-17); color: var(--dt-txt); }
.dm-dt-sis__n { font-weight: 600; color: var(--dt-pet); }
.dm-dt-sis__p { font-size: .9375rem; color: var(--dt-mute); }

/* 7, Diego */
.dm-dt-diego__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: end; }
.dm-dt-diego__foto { position: relative; align-self: stretch; min-height: 360px; }
.dm-dt-diego__foto::before { content: ""; position: absolute; left: 6%; right: 6%; bottom: 0; height: 72%; background: var(--dt-pet); border-radius: 8px 8px 0 0; opacity: .14; }
.dm-dt-diego__foto img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 100%; max-height: 520px; width: auto; max-width: 100%; object-fit: contain; object-position: center bottom; }
.dm-dt-diego__txt { padding-bottom: clamp(0px, 3vw, 40px); }
.dm-dt-diego__txt h2 { margin: 0 0 1rem; }
.dm-dt-prin { list-style: none; margin: 1.25rem 0; padding: 0; display: grid; gap: 12px; }
.dm-dt-prin li { padding: 14px 16px; background: var(--papel); border-radius: 6px; border-left: 3px solid var(--dt-ocre); }
.dm-dt-prin b { display: block; font-weight: 600; }
.dm-dt-prin span { color: var(--dt-mute); font-size: .9375rem; }
.dm-dt-cred2 { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.dm-dt-cred2 li { padding: 6px 12px; border: 1px solid var(--dt-linea-f); border-radius: 999px; font-size: .875rem; }
.dm-dt-links { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 0; }

/* 8, Preguntas */
.dm-dt-faq__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 64px); align-items: start; }
.dm-dt-faq__grid > .dm-head { position: sticky; top: 104px; }
.dm-dt-faq__i { border-top: 1px solid var(--dt-linea); }
.dm-dt-faq__i:last-child { border-bottom: 1px solid var(--dt-linea); }
.dm-dt-faq__i summary { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; font-weight: 600; font-size: 1.0625rem; cursor: pointer; list-style: none; }
.dm-dt-faq__i summary::-webkit-details-marker { display: none; }
.dm-dt-faq__i summary::after { content: "+"; flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--dt-linea-f); color: var(--dt-pet); font-size: 1.25rem; transition: transform .25s ease; }
.dm-dt-faq__i[open] summary::after { transform: rotate(45deg); }
.dm-dt-faq__i p { margin: 0 0 18px; color: var(--dt-mute); max-width: 64ch; }

/* 9, Cierre */
.dm-dt-cierre { min-height: clamp(480px, 64svh, 640px); }
.dm-dt-cierre .dmg-capas__fondo { background: linear-gradient(90deg, var(--dt-tinte-19) 0%, var(--dt-tinte-20) 52%, var(--dt-tinte-21) 100%), var(--dmg-fondo) center/cover no-repeat; }
.dm-dt-cierre__txt { max-width: 40rem; position: relative; z-index: 2; }
.dm-dt-cierre h2 { color: var(--papel); margin: 0 0 1.25rem; }
.dm-dt-pasos { margin: 0 0 1.75rem; padding: 0; list-style: none; counter-reset: dtp; }
.dm-dt-pasos li { position: relative; padding: 0 0 .9rem 2.6rem; counter-increment: dtp; color: var(--dt-tinte-22); }
.dm-dt-pasos li::before { content: counter(dtp); position: absolute; left: 0; top: -.1rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; display: grid; place-items: center; background: var(--dt-ocre); color: var(--dt-noche); font-weight: 700; font-size: .9375rem; }
.dm-dt-quien { margin: 1.25rem 0 0; font-size: .9375rem; color: var(--dt-tinte-7); }

/* Progreso de lectura */
.dm-dt-progreso { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 1050; pointer-events: none; }
.dm-dt-progreso span { display: block; height: 100%; background: var(--dt-ocre, var(--dt-color-4)); transform-origin: left; transform: scaleX(var(--dt-leido, 0)); }

/* Tableta */
@media (max-width: 991.98px) {
  .dm-dt-origen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dm-dt-origen__i:last-child { grid-column: span 2; flex-direction: row; }
  .dm-dt-origen__i:last-child img { width: 45%; aspect-ratio: auto; }
  .dm-dt-sis__l { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dm-dt-opc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dm-dt-opc .dm-dt-no { grid-column: span 2; }
  .dm-dt-faq__grid > .dm-head { position: static; }
  .dm-dt-panel.is-on { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-metodo__grid { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-ficha-col { position: relative; top: 0; order: -1; max-width: 560px; }
  .dm-dt-costo { grid-template-columns: minmax(0, 1fr); }
}
/* Móvil 360–767 px */
@media (max-width: 767.98px) {
  .dmg-capas { min-height: 0; align-items: stretch; }
  .dmg-capas__fondo { inset: 0; transform: none; background: linear-gradient(180deg, var(--dt-tinte-10) 0%, var(--dt-tinte-20) 62%, var(--dt-tinte-23) 100%), var(--dmg-fondo) center/cover no-repeat; }
  .dmg-capas__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .dmg-capas__escenario { height: clamp(200px, 58vw, 260px); }
  .dmg-capas__sujeto { left: 0; right: 0; margin-inline: auto; object-position: center bottom; }
  .dm-dt-hero { min-height: 0; }
  .dm-dt-hero h1 { font-size: clamp(2rem, 1.5rem + 3vw, 2.5rem); }
  .dm-dt-hero__escena { height: 240px; }
  .dm-dt-hero__nota { position: static; text-align: center; }
  .dm-dt-acciones { flex-direction: column; align-items: stretch; }
  .dm-dt-acciones .btn { justify-content: center; width: 100%; }
  .dm-dt-acciones .dm-dt-link { justify-content: center; }
  .dm-dt-tension__top { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-planilla { max-width: 180px; }
  .dm-dt-origen { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-origen__i:last-child { grid-column: auto; flex-direction: column; }
  .dm-dt-origen__i img, .dm-dt-origen__i:last-child img { width: 100%; aspect-ratio: 21 / 9; }
  .dm-dt-origen__c { padding: 16px 18px 20px; }
  .dm-dt-cap__scroll img { width: 720px; max-width: none; }
  .dm-dt-cap__scroll img.d-md-none { width: 100%; max-width: 100%; }
  .dm-dt-cap__hint { display: block; font-size: .8125rem; color: var(--dt-mute); margin: 8px 0 0; }
  .dm-dt-cierre .dmg-capas__fondo { background: linear-gradient(180deg, var(--dt-tinte-1), var(--dt-tinte-24)), var(--dmg-fondo) 70% center/cover no-repeat; }
  .dm-dt-opc .dm-dt-no { grid-column: auto; }
  .dm-dt-calc__res { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-calc__res > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .dm-dt-fases::before, .dm-dt-fases::after { left: 19px; }
  .dm-dt-fase { grid-template-columns: 40px minmax(0, 1fr); gap: 14px; }
  .dm-dt-fase__n { width: 40px; height: 40px; font-size: .9375rem; }
  .dm-dt-fase h3 { margin-top: .35rem; }
  .dm-dt-ficha { animation: none; }
  .dm-dt-ficha__l li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .dm-dt-tabs { flex-direction: column; }
  .dm-dt-tab { width: 100%; text-align: left; border-radius: 8px; }
  .dm-dt-medio { flex-direction: column; align-items: stretch; }
  .dm-dt-medio .btn { justify-content: center; }
  .dm-dt-sucios__grid { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-analista { max-width: 170px; order: -1; }
  .dm-dt-tabla table, .dm-dt-tabla thead, .dm-dt-tabla tbody, .dm-dt-tabla tr, .dm-dt-tabla th, .dm-dt-tabla td { display: block; }
  .dm-dt-tabla caption { display: block; width: 100%; padding: 14px 16px 4px; }
  .dm-dt-tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .dm-dt-tabla tr { border-top: 1px solid var(--dt-linea); padding: 12px 16px; }
  .dm-dt-tabla th, .dm-dt-tabla td { border: 0; padding: 4px 0; }
  .dm-dt-tabla__k { display: block; font-size: .8125rem; font-weight: 600; color: var(--dt-mute); }
  .dm-dt-io, .dm-dt-opc { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-sis__l { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-diego__grid { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-diego__foto { min-height: 300px; max-width: 320px; margin: 0 auto; width: 100%; }
  .dm-dt-faq__grid { grid-template-columns: minmax(0, 1fr); }
  .dm-dt-cierre { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .dmg-capas__sujeto, .dm-dt-ficha, .dmg-flota { animation: none; }
  .dmg-capas__fondo { transform: none !important; }
  .dm-dt-fase { opacity: 1; transition: none; }
  .dm-dt-fases::after { transform: scaleY(1); }
  .dm-dt-panel.is-on { animation: none; }
  .dm-dt-sis, .dm-dt-faq__i summary::after { transition: none; }
}
/* En el editor todo queda visible y quieto */
body.editor_enable .dm-dt-fase { opacity: 1; }
body.editor_enable .dm-dt-panel { display: grid; }
body.editor_enable .dmg-capas__sujeto, body.editor_enable .dm-dt-ficha { animation: none; }
html,body{overflow-x:clip}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--dm-petroleo);outline-offset:3px;transition:none}.btn:active{transform:translateY(1px)}button:disabled,input:disabled,.btn.disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}h1,h2{text-wrap:balance}.o_cc4 a:focus-visible,.o_cc4 button:focus-visible,.o_cc4 input:focus-visible,.o_cc4 [tabindex]:focus-visible,.o_cc5 a:focus-visible,.o_cc5 button:focus-visible,.o_cc5 input:focus-visible,.o_cc5 [tabindex]:focus-visible{outline-color:var(--dm-ocre-oscuro)}