/* ============================================================
   PÁGINAS INTERIORES: NOTAS DE RECURSOS Y PÁGINAS DE SERVICIO
   Portado de las dos maquetas aprobadas:
     recursos/quien-es-administrador-en-tu-red.html
     servicios/identidad-y-accesos.html

   Tres cosas que conviene saber antes de tocar esto:

   1. Todo va acotado bajo .tmr-interior, y además cada clase propia
      lleva el prefijo i-. Las dos cosas hacen falta: la portada usa los
      mismos nombres para otras cosas. .pasos es una lista numerada acá y
      una retícula de cuatro columnas allá; .campos es una ficha de datos
      acá y el formulario allá. Sin el prefijo gana la portada, y los
      pasos de la nota salían en cuatro columnas de 197 px.

   2. Las dos maquetas comparten casi todo y difieren en trece reglas por
      cuestión de milímetros: la de servicio se dibujó con el título algo
      más grande y más aire. La nota queda de base y esas trece van como
      excepción bajo .tmr-servicio, así ninguna pierde lo suyo.

   3. NO se portaron cabecera, pie, botones ni banda de cierre: eso ya lo
      resuelve el tema desde la portada aprobada, que es lo firmado.
   ============================================================ */

/* Las interiores leen con medida más angosta que la portada y cuerpo algo
   más grande: 1080 px de caja y 17 px de texto, contra 1200 y 16,5. Son
   textos largos, no páginas de venta. */
.tmr-interior { font-size: 17px; line-height: 1.72 }
.tmr-interior .wrap { max-width: 1080px }
.tmr-interior :is(h1, h2, h3, h4) { line-height: 1.18; letter-spacing: -.018em }
.tmr-interior .i-texto a { color: var(--azul) }

.tmr-interior *{box-sizing:border-box}
.tmr-interior h1, .tmr-interior h2, .tmr-interior h3, .tmr-interior h4{font-family:var(--f-display);font-weight:700;margin:0;line-height:1.18;letter-spacing:-.018em;text-wrap:balance}
.tmr-interior ul, .tmr-interior ol{margin:0;padding:0;list-style:none}
.tmr-interior .i-migas{padding-block:20px 0}
.tmr-interior .i-migas ol{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--ink-soft)}
.tmr-interior .i-migas a{color:var(--ink-soft);text-decoration:none}
.tmr-interior .i-migas a:hover{color:var(--naranja)}
.tmr-interior .i-migas li+li::before{content:"›";margin-right:8px;color:var(--gris)}
.tmr-interior .i-migas [aria-current]{color:var(--ink);font-weight:600}
.tmr-interior .i-tapa{padding-block:clamp(28px,4vw,42px) clamp(28px,4vw,42px);border-bottom:1px solid var(--line)}
.tmr-interior .i-rot{display:inline-flex;align-items:center;gap:11px;font-family:var(--f-display);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--naranja)}
.tmr-interior .i-rot::before{content:"";width:24px;height:2px;background:var(--naranja)}
.tmr-interior .i-tapa h1{font-size:clamp(30px,4.8vw,47px);margin-top:18px;letter-spacing:-.032em;max-width:20ch}
.tmr-interior .i-bajada{margin-top:20px;font-size:clamp(17.5px,1.7vw,20px);color:var(--ink-soft);max-width:62ch;font-weight:500}
.tmr-interior .i-sello{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--f-mono);font-size:12.5px;color:var(--gris);letter-spacing:.03em}
.tmr-interior .i-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:clamp(28px,4.5vw,60px);align-items:start;padding-block:clamp(34px,4.6vw,52px)}
@media (max-width:900px){
.tmr-interior .i-cuerpo{grid-template-columns:1fr}
}
.tmr-interior .i-texto > * + *{margin-top:20px}
.tmr-interior .i-texto h2{font-size:clamp(23px,2.7vw,30px);margin-top:44px;letter-spacing:-.025em}
.tmr-interior .i-texto h3{font-size:19px;margin-top:30px}
.tmr-interior .i-texto p{color:var(--ink-soft)}
.tmr-interior .i-texto p strong{color:var(--ink);font-weight:600}
.tmr-interior .i-texto > p:first-of-type{font-size:18.4px}
.tmr-interior pre{background:var(--bg-alt);border:1px solid var(--line);border-radius:10px;padding:16px 18px;overflow-x:auto;font-family:var(--f-mono);font-size:13.4px;line-height:1.68;color:var(--ink);margin-top:16px}
.tmr-interior pre .i-c{color:var(--gris)}
.tmr-interior p code, .tmr-interior li code{font-family:var(--f-mono);font-size:.88em;background:color-mix(in srgb,var(--azul) 11%,transparent);color:var(--azul);padding:2px 6px;border-radius:4px;white-space:nowrap}
.tmr-interior .i-lista{display:grid;gap:12px;margin-top:18px}
.tmr-interior .i-lista li{padding-left:26px;position:relative;color:var(--ink-soft)}
.tmr-interior .i-lista li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:11px;background:var(--azul);clip-path:polygon(50% 0,100% 100%,0 100%)}
.tmr-interior .i-lista b{color:var(--ink)}
.tmr-interior .i-pasos{counter-reset:p;display:grid;gap:0;margin-top:20px;border-top:1px solid var(--line)}
.tmr-interior .i-pasos li{counter-increment:p;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-block:20px;border-bottom:1px solid var(--line)}
.tmr-interior .i-pasos li::before{content:counter(p,decimal-leading-zero);font-family:var(--f-mono);font-size:12.5px;color:var(--naranja)}
.tmr-interior .i-pasos h3{margin-top:0;font-size:18px}
.tmr-interior .i-pasos p{margin-top:8px;font-size:15.6px;color:var(--ink-soft)}
.tmr-interior .i-dato{background:var(--noche);color:var(--noche-ink);border-radius:var(--r);padding:clamp(24px,3.2vw,32px);margin-top:26px}
.tmr-interior .i-dato p{color:var(--noche-soft);font-size:16px}
.tmr-interior .i-dato p strong{color:#fff;font-weight:600}
.tmr-interior .i-dato .i-cifra{font-family:var(--f-display);font-weight:700;font-size:clamp(30px,4vw,40px);color:#fff;line-height:1;letter-spacing:-.02em}
.tmr-interior .i-dato .i-cifra i{font-style:normal;color:var(--naranja-vivo);font-size:.55em}
.tmr-interior .i-aviso{margin-top:24px;border:1px solid var(--line);border-left:3px solid var(--naranja);background:var(--bg-alt);border-radius:0 var(--r) var(--r) 0;padding:20px 22px}
.tmr-interior .i-aviso h3{margin-top:0;font-size:17px}
.tmr-interior .i-aviso p{margin-top:9px;color:var(--ink-soft);font-size:15.4px}
.tmr-interior .i-chequeo{margin-top:20px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.tmr-interior .i-chequeo li{position:relative;padding:15px 20px 15px 56px;border-bottom:1px solid var(--line);font-size:15.6px;color:var(--ink-soft)}
.tmr-interior .i-chequeo li:last-child{border-bottom:0}
.tmr-interior .i-chequeo li::before{content:"\2610";position:absolute;left:20px;top:15px;color:var(--azul);font-size:17px;line-height:1.6}
.tmr-interior .i-chequeo b{color:var(--ink)}
.tmr-interior .i-lado{position:sticky;top:96px;display:grid;gap:18px}
@media (max-width:900px){
.tmr-interior .i-lado{position:static}
}
.tmr-interior .i-caja{border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;background:var(--surface);box-shadow:var(--sombra)}
.tmr-interior .i-caja h3{font-size:11px;font-family:var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.tmr-interior .i-caja p{margin-top:10px;font-size:14.6px;color:var(--ink-soft)}
.tmr-interior .i-caja .btn{margin-top:16px;width:100%}
.tmr-interior .i-enlaces{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.tmr-interior .i-enlaces a{background:var(--surface);padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;display:block}
.tmr-interior .i-enlaces a:hover{background:var(--bg-alt);color:var(--naranja)}
.tmr-interior .i-enlaces a span{display:block;font-weight:500;font-size:13.4px;color:var(--ink-soft);margin-top:3px}
.tmr-interior .i-ficha{background:var(--bg-alt);border-top:1px solid var(--line);padding-block:clamp(28px,4vw,44px)}
.tmr-interior .i-ficha h2{font-size:20px}
.tmr-interior .i-ficha > .wrap > p{margin-top:10px;color:var(--ink-soft);font-size:15px;max-width:70ch}
.tmr-interior .i-campos{margin-top:20px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.tmr-interior .i-campo{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14.4px}
.tmr-interior .i-campo:last-child{border-bottom:0}
@media (max-width:620px){
.tmr-interior .i-campo{grid-template-columns:1fr;gap:4px}
}
.tmr-interior .i-campo dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding-top:3px}
.tmr-interior .i-campo dd{margin:0;color:var(--ink)}
.tmr-interior .i-campo code{font-family:var(--f-mono);font-size:13px;color:var(--azul);background:color-mix(in srgb,var(--azul) 10%,transparent);padding:2px 6px;border-radius:4px}
.tmr-interior footer.pie{background:var(--noche-2);color:var(--noche-ink);padding-block:34px 24px}
@media print{
.tmr-interior *{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none!important;transition:none!important}
.tmr-interior .saltar, .tmr-interior .menu-btn, .tmr-interior .menu-movil, .tmr-interior #lienzo, .tmr-interior .rearmar{display:none!important}
.tmr-interior .i-lado{position:static!important}
.tmr-interior summary::after{content:""!important}
.tmr-interior details p{padding-bottom:14px}
.tmr-interior section, .tmr-interior article, .tmr-interior details, .tmr-interior .i-num, .tmr-interior .i-esc, .tmr-interior .i-marca, .tmr-interior .i-modo, .tmr-interior .i-serv, .tmr-interior .i-persona, .tmr-interior .i-etapa, .tmr-interior .i-valor, .tmr-interior .i-gr, .tmr-interior .i-franja-serv, .tmr-interior .i-prueba, .tmr-interior .i-dato, .tmr-interior .i-entregables, .tmr-interior .i-chequeo, .tmr-interior .i-campos, .tmr-interior .i-caja, .tmr-interior .i-aviso, .tmr-interior .i-fuera{break-inside:avoid}
.tmr-interior h1, .tmr-interior h2, .tmr-interior h3{break-after:avoid;break-inside:avoid}
.tmr-interior .i-cuerpo{display:block}
.tmr-interior .i-lado{margin-top:26px}
}


/* ---------- sólo en las páginas de servicio ---------- */
.tmr-interior .i-promesa{margin-top:22px;font-size:clamp(17.5px,1.7vw,20.5px);color:var(--ink-soft);max-width:62ch;font-weight:500}
.tmr-interior .i-tapa-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.tmr-interior .i-texto h2:first-child{margin-top:0}
.tmr-interior .i-fuera{margin-top:22px;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:var(--bg-alt)}
.tmr-interior .i-fuera h3{font-size:16px}
.tmr-interior .i-fuera ul{margin-top:10px;display:grid;gap:7px}
.tmr-interior .i-fuera li{font-size:15px;color:var(--ink-soft);padding-left:20px;position:relative}
.tmr-interior .i-fuera li::before{content:"—";position:absolute;left:0;color:var(--gris)}
.tmr-interior .i-etapas{margin-top:22px;border-top:1px solid var(--line)}
.tmr-interior .i-etapa{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding-block:20px;border-bottom:1px solid var(--line)}
.tmr-interior .i-etapa .i-n{font-family:var(--f-mono);font-size:13px;color:var(--naranja);font-weight:500}
.tmr-interior .i-etapa h3{font-size:18.5px}
.tmr-interior .i-etapa p{margin-top:7px;font-size:15.4px;color:var(--ink-soft)}
.tmr-interior .i-entregables{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:20px}
@media (max-width:620px){
.tmr-interior .i-entregables{grid-template-columns:1fr}
}
.tmr-interior .i-entregables div{background:var(--surface);padding:18px 20px}
.tmr-interior .i-entregables b{display:block;font-family:var(--f-display);font-size:16px}
.tmr-interior .i-entregables span{display:block;margin-top:5px;font-size:14.2px;color:var(--ink-soft)}
.tmr-interior .i-prueba{background:var(--noche);color:var(--noche-ink);border-radius:var(--r);padding:clamp(26px,3.4vw,36px);margin-top:22px}
.tmr-interior .i-prueba h3{color:#fff;font-size:20px}
.tmr-interior .i-prueba p{margin-top:12px;color:var(--noche-soft);font-size:15.6px}
.tmr-interior .i-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--noche-line);border:1px solid var(--noche-line);border-radius:10px;overflow:hidden;margin-top:22px}
@media (max-width:620px){
.tmr-interior .i-cifras{grid-template-columns:1fr}
}
.tmr-interior .i-cifras div{background:#0A2839;padding:18px 18px}
.tmr-interior .i-cifras b{display:block;font-family:var(--f-display);font-size:26px;color:#fff;line-height:1.1;font-variant-numeric:tabular-nums}
.tmr-interior .i-cifras b i{font-style:normal;color:var(--naranja-vivo);font-size:.6em}
.tmr-interior .i-cifras span{display:block;margin-top:6px;font-size:13.2px;color:var(--noche-soft)}
.tmr-interior details{border-bottom:1px solid var(--line)}
.tmr-interior summary{cursor:pointer;list-style:none;padding-block:18px;font-family:var(--f-display);font-weight:700;font-size:17.5px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.tmr-interior summary::-webkit-details-marker{display:none}
.tmr-interior summary::after{content:"+";font-family:var(--f-mono);color:var(--naranja);font-size:19px}
.tmr-interior details[open] summary::after{content:"–"}
.tmr-interior details p{padding-bottom:20px;color:var(--ink-soft);font-size:15.6px;max-width:70ch}


/* ---------- los milímetros propios de la página de servicio ---------- */
.tmr-interior.tmr-servicio { font-size: 16.8px; line-height: 1.7 }
.tmr-interior.tmr-servicio :is(h1,h2,h3,h4) { line-height: 1.16 }
.tmr-interior.tmr-servicio h1, .tmr-interior.tmr-servicio h2, .tmr-interior.tmr-servicio h3, .tmr-interior.tmr-servicio h4{font-family:var(--f-display);font-weight:700;margin:0;line-height:1.16;letter-spacing:-.018em;text-wrap:balance}
.tmr-interior.tmr-servicio .i-tapa{padding-block:clamp(30px,4vw,46px) clamp(34px,5vw,54px);border-bottom:1px solid var(--line)}
.tmr-interior.tmr-servicio .i-tapa h1{font-size:clamp(31px,5vw,50px);margin-top:18px;letter-spacing:-.032em;max-width:20ch}
.tmr-interior.tmr-servicio .i-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:clamp(28px,4.5vw,64px);align-items:start;padding-block:clamp(36px,5vw,56px)}
.tmr-interior.tmr-servicio .i-texto h2{font-size:clamp(24px,2.9vw,32px);margin-top:46px;letter-spacing:-.025em}
.tmr-interior.tmr-servicio .i-lista{display:grid;gap:11px;margin-top:18px}
.tmr-interior.tmr-servicio .i-enlaces a{background:var(--surface);padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;display:block;transition:background .2s}
.tmr-interior.tmr-servicio .i-ficha{background:var(--bg-alt);border-top:1px solid var(--line);padding-block:clamp(30px,4vw,46px)}
@media print{
.tmr-interior.tmr-servicio .i-lado{margin-top:26px}
}


/* ---------- el listado de Recursos ----------
   Las tarjetas reutilizan .serv de la portada aprobada; acá va sólo lo
   que hace falta para que funcionen dentro de la consulta de WordPress,
   que mete su propio <ul>/<li> entre la retícula y la tarjeta. */
.tmr-interior .wp-block-post-template { margin: 0; padding: 0; list-style: none }
.tmr-interior .wp-block-post { display: flex }
.tmr-interior .wp-block-post > .serv { width: 100%; height: 100% }
.tmr-interior .wp-block-post > .serv > * + * { margin-top: 12px }
.tmr-interior .wp-block-post .i-sello { margin-top: auto; padding-top: 14px }
.tmr-interior .wp-block-query-pagination { font-size: 15px; font-weight: 600 }
.tmr-interior .wp-block-query-pagination a { color: var(--ink-soft); text-decoration: none }
.tmr-interior .wp-block-query-pagination a:hover { color: var(--naranja) }