/* estilos/ec-imp-limpio.css (22/10/2026, k1186): LAS PAGINAS DEL MENU IMPRESION, CON UN DISENO SOBRIO. El usuario: "hay
   muchas cosas que se sabe que estan generadas con IA, me gustaria que asi no fuera ... un estilo de diseno como Tailwind".
   Va DESPUES de la hoja de cada pagina (ec-tecnicas.css, ec-impresion.css, ec-dtf-metros.css o ec-sublimacion-metros.css)
   y solo cambia el aspecto: fondo blanco, grises pizarra, un solo azul de marca, bordes finos de 1 px, sin degradados,
   sin sombras de adorno, sin saltos al pasar el raton, sin iconos de relleno en cada titulo ni etiquetas de pildora.
   Lo que hacen las paginas (precios, pasos, formularios) no cambia.
   Colores: texto #0f172a / #334155, secundario #64748b, bordes #e2e8f0, fondo suave #f8fafc, marca #005a9c (#004a80). */

/* ================================================================== las tecnicas y las tarifas (.tec26) */
.tec26{--tn:#0f172a;--tb:#005a9c;--ts:#f1f5f9;--ti:#334155;--tm:#64748b;--tl:#e2e8f0;color:#334155;font-size:16px;line-height:1.65}

/* la portada: en blanco, el titulo grande en oscuro y la foto con su borde */
.tec26 .tec-hero{background:#fff !important;color:#334155;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;box-shadow:none;padding:24px 0 40px;gap:56px}
.tec26 .tec-hero:after{display:none !important}
.contenidoprincipal .tec26 h1{color:#0f172a !important;font-size:40px !important;line-height:1.12 !important;font-weight:750 !important;letter-spacing:-.025em;margin:12px 0 16px !important}
.tec26 .tec-kicker{background:none;border:0;border-radius:0;padding:0;color:#005a9c;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.tec26 .tec-kicker svg{display:none}
.tec26 .tec-lead,.tb-page.imp26 .tec-hero .tec-lead{color:#475569 !important;font-size:18px !important;line-height:1.6 !important;max-width:640px}
.tb-page.imp26 .tec-hero p{color:#475569 !important}
.tb-page.imp26 .tec-hero .tec-sub{color:#64748b !important;font-size:15px !important}
.tb-page.imp26 .tec-hero strong{color:#0f172a !important}
.tec26 .tec-cta{gap:12px;margin:24px 0 20px}

/* los botones: uno lleno (azul) y otro con borde */
.tec26 .tec-btn{background:#005a9c;border:1px solid #005a9c;border-radius:8px;box-shadow:none;font-size:15px;font-weight:600;padding:11px 20px;transform:none !important;transition:background .15s,border-color .15s}
.tec26 .tec-btn:hover{background:#004a80;border-color:#004a80}
.contenidoprincipal .tec26 a.tec-btn{color:#fff !important}
.tec26 .tec-btn-2{background:#fff;border:1px solid #cbd5e1}
.tec26 .tec-btn-2:hover{background:#f8fafc;border-color:#94a3b8}
.contenidoprincipal .tec26 a.tec-btn-2{color:#0f172a !important}

/* lo que incluye: una lista sencilla con su marca, sin pildoras */
.tec26 .tec-chips{gap:8px 22px}
.tec26 .tec-chips li{background:none;border:0;border-radius:0;padding:0;color:#475569;font-size:14px}
.tec26 .tec-chips li:before{content:"";flex:0 0 16px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005a9c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}

/* las fotos de la portada */
.tec26 .tec-hero-img{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:none}
.tec26 .tec-hero-img.tec-hero-foto{background:none;border:0}
.tec26 .tec-hero-img.tec-hero-foto img{border-radius:12px}
.tec26 .tec-hero-ico{display:none !important}
.tec26 .tec-mosaico span{border-radius:10px;box-shadow:none}
.tec26 .tec-mosaico span:nth-child(2n){transform:none}

/* la de todas las tecnicas: los tres bloques, en blanco */
.tec26 .tec-tres a{background:#fff;border:1px solid #e2e8f0;border-radius:10px}
.contenidoprincipal .tec26 .tec-tres a{color:#0f172a !important}
.tec26 .tec-tres a:hover{background:#fff;border-color:#005a9c}
.tec26 .tec-tres svg{color:#005a9c}
.tec26 .tec-tres small{color:#64748b}

/* los titulos de seccion: sin la raya de color */
.contenidoprincipal .tec26 h2{font-size:28px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.015em;color:#0f172a !important;border:0 !important;padding:0 !important;margin:0 0 18px !important}
.contenidoprincipal .tec26 h3{font-size:17px !important;font-weight:650 !important;color:#0f172a !important}
.tec26 .tec-sec{margin:64px 0}

/* las tarjetas: sin sombra ni salto; el icono, en gris */
.tec26 .tec-card,.tec26 .tec-steps li,.tec26 .tec-box,.tec26 .tec-prod,.tec26 .tec-tc,.tec26 .tec-otra{border-radius:12px;box-shadow:none !important;transform:none !important}
.tec26 .tec-card:hover,.tec26 .tec-prod:hover,.tec26 .tec-tc:hover{border-color:#cbd5e1}
.tec26 .tec-card{padding:24px}
.tec26 .tec-ico{width:40px;height:40px;border-radius:8px;background:#f1f5f9;color:#334155;margin-bottom:14px}
.tec26 .tec-ico svg{width:22px;height:22px}
.tec26 .tec-card p,.tec26 .tec-steps p,.tec26 .tec-tc-txt p{color:#64748b;font-size:15px;line-height:1.6}
.tec26 .tec-que{background:none;border:0;border-radius:0;padding:0;gap:56px}
.tec26 .tec-que-img{border-radius:12px}
.tec26 .tec-que li:before{width:16px;height:16px;top:6px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005a9c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat}
.tec26 .tec-steps li{padding:22px 20px}
.tec26 .tec-steps li:before{content:"Paso " counter(paso);position:static;display:block;width:auto;height:auto;margin:0 0 10px;background:none;border-radius:0;box-shadow:none;color:#005a9c;font-size:13px;font-weight:700;letter-spacing:.02em}
.tec26 .tec-tag{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;padding:7px 12px}
.tec26 .tec-tag:hover{background:#fff;border-color:#005a9c}
.contenidoprincipal .tec26 a.tec-tag{color:#334155 !important}
.contenidoprincipal .tec26 a.tec-tag:hover{color:#005a9c !important}
.tec26 .tec-box-si{border-top:3px solid #16a34a}
.tec26 .tec-box-no{border-top:3px solid #d97706}
.tec26 .tec-tc-ico{display:none}
.tec26 .tec-tc-img{background:#f8fafc}
.tec26 .tec-tc-txt{padding:18px}
.tec26 .tec-tc-para{color:#64748b;font-weight:500}
.tec26 .tec-tc-mas{color:#005a9c;font-weight:600}
.tec26 .tec-prod span{font-weight:500;color:#334155}
.tec26 .tec-otra{border-radius:10px;font-weight:500}
.tec26 .tec-otra svg{color:#64748b}
.tec26 .tec-otra:hover{border-color:#005a9c}
.tec26 .tec-otra:hover svg{color:#005a9c}

/* las tablas: la cabecera clara y las cifras alineadas */
.tec26 .tec-tabla-w{border-radius:12px}
.tec26 .tec-tabla th{background:#f8fafc !important;color:#475569 !important;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e2e8f0}
.tec26 .tec-tabla td{font-variant-numeric:tabular-nums}
.tec26 .tec-tabla tr:nth-child(even) td{background:#fff}
.tec26 .tec-tabla td:first-child{color:#0f172a;font-weight:600}

/* la llamada del final: en gris muy claro con su borde (sin degradado) */
.tec26 .tec-final{background:#f8fafc !important;border:1px solid #e2e8f0;border-radius:12px;color:#334155;padding:32px}
.contenidoprincipal .tec26 .tec-final h2{color:#0f172a !important;margin:0 0 6px !important}
.tec26 .tec-final p,.tb-page.imp26 .tec-final p{color:#475569 !important}
.tb-page.imp26 .tec-final strong{color:#0f172a !important}

/* las preguntas: una lista con sus lineas, sin cajas */
.tec26 .ec-faq-q{background:none;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;margin:0}
.tec26 .tec-faq-l>.ec-faq-q:first-child,.tec26 .ec-faq>.ec-faq-q:first-of-type{border-top:1px solid #e2e8f0}
.tec26 .ec-faq-q>summary{padding:16px 40px 16px 0;color:#0f172a;font-size:16px;font-weight:600}
.tec26 .ec-faq-q>summary::after{right:4px;color:#94a3b8;font-weight:400}
.tec26 .ec-faq-a,.tb-page.imp26 .ec-faq .ec-faq-a p{color:#475569;font-size:15px !important}
.tec26 .ec-faq-a{padding:0 0 18px}
.tec26 .ec-faq-sub{font-size:15px}

/* ================================================================== las tarifas (.tb-page.imp26) */
.tb-page.imp26 p{color:#475569;font-size:16px !important;line-height:1.7 !important}
.tb-page.imp26 .imp-intro p{color:#334155}
.tb-page.imp26 .imp-fila>.imp-sec{border-radius:12px;box-shadow:none;padding:24px}
.tb-page.imp26 .imp-sec{margin:56px 0}
.tb-page.imp26 .imp-fila{margin:40px 0;gap:20px}
.contenidoprincipal .tb-page.imp26 h2.imp-tit{gap:0;font-size:26px !important;font-weight:700 !important;letter-spacing:-.015em;color:#0f172a !important;margin:0 0 16px !important}
.contenidoprincipal .tb-page.imp26 .imp-fila h2.imp-tit{font-size:19px !important;margin:0 0 10px !important}
.tb-page.imp26 .imp-ico{display:none !important}

/* las cajas de precios y recargos: su titulo, como un titulo (sin banda de color) */
.tb-page.imp26 .imp-caja,.tb-page.imp26 .tb-box-precios,.tb-page.imp26 .tb-box-recargos{border-radius:12px;box-shadow:none;margin:56px 0}
.tb-page.imp26 .imp-caja>.tb-banner,.tb-page.imp26 .tb-box-precios>.tb-banner,.tb-page.imp26 .tb-box-recargos>.tb-banner,.tb-page.imp26 .imp-caja-ambar>.tb-banner{background:#fff !important;color:#0f172a !important;border-bottom:1px solid #e2e8f0 !important;padding:20px 24px 16px !important}
.tb-page.imp26 .tb-banner span{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.01em}
.tb-page.imp26 .tb-banner svg{display:none}

/* las tablas de precios: la cabecera clara, las filas con su linea y las cifras alineadas */
.tb-page.imp26 .tb-precios{border-radius:10px;font-variant-numeric:tabular-nums}
.tb-page.imp26 .tb-precios th{background:#f8fafc !important;color:#475569 !important;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e2e8f0 !important}
.tb-page.imp26 .tb-precios thead tr+tr th{background:#fff !important;color:#334155 !important}
.tb-page.imp26 .tb-precios tbody tr:nth-child(even)>td{background:#fff}
.tb-page.imp26 .tb-precios tbody tr:hover>td{background:#f8fafc}
.tb-page.imp26 .tb-precios td:first-child{color:#0f172a;font-weight:600}
.tb-page.imp26 .tb-precios td strong{color:#0f172a}
.tb-page.imp26 .tb-note{background:#fff;border-color:#e2e8f0}
.tb-page.imp26 .tb-alert{background:#fffbeb;border-color:#fde68a;color:#92400e;font-weight:500}

/* las galerias */
.tb-page.imp26 .tb-gallery figure{border-radius:10px}
.tb-page.imp26 .tb-gallery figcaption{color:#475569}

/* ================================================================== DTF y sublimacion por metros (.dtf-wrap) */
.dtf-wrap{--tema:#005a9c;--tema-dark:#0f172a;--tema-light:#eff6fc;--tema-shadow:rgba(0,0,0,0);--tema-shadow-strong:rgba(0,0,0,0)}
/* la cabecera: el titulo en oscuro sobre blanco, sin banda */
.dtf-wrap .dtf-pedido-hero{background:#fff !important;color:#334155;border:0;border-bottom:1px solid #e2e8f0;border-radius:0;box-shadow:none;padding:12px 0 24px;margin-bottom:24px}
.dtf-wrap .dtf-pedido-hero .ico{display:none}
.dtf-wrap .dtf-pedido-hero h1{color:#0f172a !important;font-size:34px !important;font-weight:750 !important;letter-spacing:-.02em;line-height:1.15}
.dtf-wrap .dtf-pedido-hero p{color:#475569 !important;font-size:15px !important;margin-top:8px}
.dtf-wrap .dtf-pedido-hero p strong{color:#0f172a !important}
/* los avales: una linea discreta */
.dtf-wrap .dtf-trust{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 28px}
.dtf-wrap .dtf-trust-item{background:none;border:0;border-radius:0;padding:0;gap:8px}
.dtf-wrap .dtf-trust-item .ico{width:auto;height:auto;background:none;border-radius:0;color:#64748b}
.dtf-wrap .dtf-trust-item .ico svg{width:18px;height:18px}
.dtf-wrap .dtf-trust-item .txt strong{display:inline;color:#334155;font-size:14px;font-weight:600}
.dtf-wrap .dtf-trust-item .txt span{color:#64748b;font-size:14px}
.dtf-wrap .dtf-trust-item .txt span:before{content:" \00b7  "}
/* los pasos */
.dtf-wrap .dtf-stepper-h{background:none;border:0;border-radius:0;padding:0 0 8px;margin:0 0 28px}
.dtf-wrap .dtf-step-h .num{width:32px;height:32px;font-size:14px;border-width:1px;background:#fff;color:#64748b;box-shadow:none;transform:none}
.dtf-wrap .dtf-step-h .lbl{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:#64748b}
.dtf-wrap .dtf-step-h.active .num{background:#005a9c;border-color:#005a9c;color:#fff;box-shadow:none;transform:none}
.dtf-wrap .dtf-step-h.active .lbl{color:#0f172a;font-weight:600}
.dtf-wrap .dtf-step-h.done .num{background:#005a9c;border-color:#005a9c}
.dtf-wrap .dtf-step-h.done .lbl{color:#334155;font-weight:500}
.dtf-wrap .dtf-step-line{height:2px;margin-top:16px;background:#e2e8f0}
.dtf-wrap .dtf-step-line.done{background:#005a9c}
.dtf-wrap .dtf-pasohdr{background:#fff !important;color:#0f172a;border:1px solid #e2e8f0;border-radius:12px}
.dtf-wrap .dtf-pasohdr .num-circle{background:#005a9c;border:0;color:#fff}
.dtf-wrap .dtf-pasohdr .lab{color:#64748b}
.dtf-wrap .dtf-pasohdr .help{background:#f8fafc;border-color:#e2e8f0;color:#64748b}
.dtf-wrap .dtf-pasohdr .help strong{color:#0f172a}
/* los paneles y sus opciones */
.dtf-wrap .dtf-card{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:12px;box-shadow:none !important}
.dtf-wrap .dtf-panel.show .dtf-card>h2{font-size:20px !important;font-weight:700 !important;color:#0f172a !important;border-bottom:1px solid #e2e8f0 !important}
.dtf-wrap .dtf-opt{border-width:1px !important;border-radius:10px}
.dtf-wrap .dtf-opt .tit{color:#0f172a;font-weight:650 !important}
.dtf-wrap .dtf-opt:hover:not(.dis){transform:none;box-shadow:none}
.dtf-wrap .dtf-opt.sel:not(.has-img){background:#eff6fc !important;box-shadow:inset 0 0 0 1px #005a9c}
.dtf-wrap .dtf-opt.has-img .opt-img::before{display:none}
.dtf-wrap .dtf-opt.has-img .opt-img .badge{border-radius:6px;box-shadow:none;letter-spacing:.04em}
.dtf-wrap .dtf-opt.has-img:hover .opt-img img{transform:none}
.dtf-wrap .dtf-opt.has-img.sel,.dtf-wrap .dtf-opt.has-img:not(.sel):hover{transform:none}
.dtf-wrap .dtf-opt.has-img:not(.sel):hover{box-shadow:none;border-color:#cbd5e1 !important}
.dtf-wrap .dtf-opt.has-img.sel{box-shadow:0 0 0 1px #005a9c}
.dtf-wrap .dtf-opt.has-img .opt-body .tit{color:#0f172a;font-weight:650}
/* los botones */
.dtf-wrap .dtf-btn{font-weight:600 !important;transform:none}
.dtf-wrap .dtf-btn-p{background:#005a9c !important;box-shadow:none}
.dtf-wrap .dtf-btn-p:hover{background:#004a80 !important;box-shadow:none;transform:none}
.dtf-wrap .dtf-btn-g{background:#16a34a !important;box-shadow:none}
.dtf-wrap .dtf-btn-g:hover{background:#15803d !important;box-shadow:none;transform:none}
.dtf-wrap .dtf-sum-card{background:#fff !important;border:1px solid #e2e8f0 !important}
.dtf-wrap .dtf-svc-hdr{border-radius:10px}
/* la informacion de debajo */
html body .dtf-info-sep{background:none;border-top:1px solid #e2e8f0;border-radius:0;text-align:left;color:#64748b;font-size:13px;letter-spacing:.04em;padding:32px 0 0;margin:56px 0 20px}
html body .dtf-info-sep strong{color:#0f172a}
html body .dtf-info-svc{background:#fff;border:1px solid #e2e8f0;box-shadow:none}
html body .dtf-info-svc-body h2{color:#0f172a !important;font-weight:700}
html body .dtf-info-svc-body p{color:#475569;font-size:15px}
html body .dtf-info-svc-btn,html body .dtf-info-svc-btn:visited{background:#005a9c;color:#fff !important}
html body .dtf-info-svc-btn:hover{background:#004a80}
html body .dtf-info-grid{background:none;border:0;border-radius:0;padding:0}
html body .dtf-info-card{border:1px solid #e2e8f0;border-radius:12px;padding:22px}
html body .dtf-info-card .ico{width:40px;height:40px;border-radius:8px;background:#f1f5f9;color:#334155}
html body .dtf-info-card h3{color:#0f172a;font-weight:650}
html body .dtf-info-card p{color:#64748b;font-size:14px}
.dtf-wrap .dtf-postpay{background:#f8fafc;border-color:#e2e8f0;color:#334155}
.dtf-wrap .dtf-postpay>svg{stroke:#005a9c}
.dtf-wrap .dtf-postpay strong{color:#0f172a}

/* las preguntas de las paginas por metros (van con su estilo en la pagina: este, con mas prioridad) */
html body .ec-faq{max-width:960px;font-family:inherit;padding:0 20px;margin:64px auto 24px;box-sizing:border-box}
html body .tec26 .ec-faq,html body .tb-page .ec-faq{max-width:none;padding:0;margin:56px 0 24px}
html body .ec-faq h2{text-align:left;color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px}
html body .ec-faq .ec-faq-sub{text-align:left;color:#64748b;font-size:15px;margin:0 0 20px}
html body .ec-faq-q{background:none;border:0;border-bottom:1px solid #e2e8f0;border-left:0;border-radius:0;margin:0;box-shadow:none}
html body .ec-faq-q[open]{background:none;box-shadow:none}
html body .ec-faq>.ec-faq-q:first-of-type{border-top:1px solid #e2e8f0}
html body .ec-faq-q>summary{padding:16px 40px 16px 0;color:#0f172a;font-size:16px;font-weight:600}
html body .ec-faq-q>summary:hover{color:#005a9c}
html body .ec-faq-q>summary::after{right:4px;color:#94a3b8}
html body .ec-faq-a{padding:0 0 18px;color:#475569;font-size:15px;line-height:1.65}

/* (k1186c) la rejilla de tecnicas sin filas cojas: con 7 u 8, de 4 en 4 (no 5 + 2) */
@media (min-width:1100px){
  .tec26 .tec-cat:has(> .tec-tc:nth-child(7):last-child),.tec26 .tec-cat:has(> .tec-tc:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:860px){
  .contenidoprincipal .tec26 h1{font-size:30px !important}
  .contenidoprincipal .tec26 h2,.contenidoprincipal .tb-page.imp26 h2.imp-tit{font-size:23px !important}
  .tec26 .tec-hero{gap:28px;padding:12px 0 32px}
  .tec26 .tec-sec,.tb-page.imp26 .imp-sec{margin:44px 0}
  .dtf-wrap .dtf-pedido-hero h1{font-size:27px !important}
}
@media (max-width:520px){
  .contenidoprincipal .tec26 h1{font-size:27px !important}
  .tec26 .tec-final{padding:22px 18px}
  .dtf-wrap .dtf-trust{gap:8px 18px}
}