/* ec-impresion.css (20/10/2026, k1160): las 12 paginas de tarifa del menu IMPRESION (serigrafia, DTF, bordado,
sublimacion, vinilo, plastisol, etiquetas, tampografia, DTF UV, imprenta, gran formato y banderas) con el aspecto de las
tecnicas nuevas (ec-tecnicas.css): la .tb-page de siempre es tambien .tec26 y .imp26. Portada, secciones en tarjetas,
cajas de precios, tablas, galerias y preguntas, a todo el ancho de la pagina. Las reglas llevan .tb-page.imp26 (y
!important donde estilos2026.css y pantalla-completa.css lo ponen en las .tb-page). */

/* a todo el ancho (estilos2026.css la dejaba en 900 px por debajo de 1121) */
.tb-page.imp26{max-width:none !important;margin:0 !important}

/* el texto */
.tb-page.imp26 p{font-size:15px !important;line-height:1.75 !important;color:#334155}
.tb-page.imp26 strong{color:#0f172a}
.tb-page.imp26 .tec-hero p,.tb-page.imp26 .tec-final p{color:#dbe7f5}
.tb-page.imp26 .tec-hero .tec-lead{font-size:17px !important;line-height:1.6 !important;color:#e6eef8;margin:0 0 8px}
.tb-page.imp26 .tec-hero .tec-sub{font-size:14px !important;line-height:1.6 !important;color:#cfe3f7;margin:0}
.tb-page.imp26 .tec-hero strong,.tb-page.imp26 .tec-final strong{color:#fff}
.tb-page.imp26 .tec-hero{margin:0 0 6px}

/* la entrada: los parrafos de antes de la primera seccion (a dos columnas si hay sitio) */
.tb-page.imp26 .imp-intro{margin:28px 0 0;container-type:inline-size}
.tb-page.imp26 .imp-intro p{font-size:16px !important}
@container (min-width:900px){.tb-page.imp26 .imp-intro .imp-col2{columns:2;column-gap:44px}}

/* las secciones: las de solo texto que van seguidas, en tarjetas (dos, tres o cuatro por fila, segun el ancho); las
   demas (tablas, galerias, cuadros o un texto suelto), a todo el ancho y sin recuadro. El texto, a dos columnas solo si
   es largo (imp-col2, lo decide imp_lib.py); si no, a su ancho de lectura */
.tb-page.imp26 .imp-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:28px 0}
.tb-page.imp26 .imp-sec{margin:36px 0;min-width:0;container-type:inline-size}
.tb-page.imp26 .imp-fila>.imp-sec{margin:0;background:#fff;border:1px solid var(--tl);border-radius:16px;padding:22px 24px;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.tb-page.imp26 .imp-txt:not(.imp-col2){max-width:900px}
.tb-page.imp26 .imp-fila .imp-txt{max-width:none}
.tb-page.imp26 .imp-sec::after{content:"";display:block;clear:both}
.tb-page.imp26 .imp-sec p:last-child,.tb-page.imp26 .imp-txt>:last-child{margin-bottom:0}
@container (min-width:760px){.tb-page.imp26 .imp-sec .imp-col2{columns:2;column-gap:36px}}
.tb-page.imp26 .imp-txt>ul,.tb-page.imp26 .imp-txt>ol{break-inside:avoid}
.contenidoprincipal .tb-page.imp26 h2.imp-tit{display:flex !important;align-items:center;gap:12px;font-size:20px !important;line-height:1.3 !important;color:var(--tn) !important;margin:0 0 14px !important;padding:0 !important;border:0 !important;background:none !important}
.tb-page.imp26 .imp-ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--ts);display:inline-flex;align-items:center;justify-content:center}
.tb-page.imp26 .imp-ico svg{width:24px !important;height:24px !important;fill:var(--tb) !important;opacity:1}
.tb-page.imp26 .imp-sec>h3,.tb-page.imp26 .imp-sec>.imp-txt>h3{margin:18px 0 8px !important}

/* las fotos de las secciones (etiquetas): a un lado del texto; en una tarjeta estrecha, encima */
.tb-page.imp26 .imp-sec>a.modal-img{float:left;width:36%;max-width:320px;margin:4px 24px 12px 0;border-radius:12px;overflow:hidden;border:1px solid var(--tl)}
.tb-page.imp26 .imp-sec>a.modal-img img{width:100% !important;height:auto !important;display:block}
@container (max-width:560px){.tb-page.imp26 .imp-sec>a.modal-img{float:none;width:auto;max-width:none;margin:0 0 14px}}

/* cajas de precios y recargos */
.tb-page.imp26 .imp-caja,.tb-page.imp26 .tb-box-precios,.tb-page.imp26 .tb-box-recargos{background:#fff;border:1px solid var(--tl);border-radius:16px;padding:0 24px 20px;margin:36px 0;box-shadow:0 6px 22px rgba(15,23,42,.06);overflow-x:auto}
.tb-page.imp26 .imp-sec .tb-box-precios,.tb-page.imp26 .imp-sec .tb-box-recargos{margin:0 0 14px}
.tb-page.imp26 .imp-caja>.tb-banner,.tb-page.imp26 .tb-box-precios>.tb-banner,.tb-page.imp26 .tb-box-recargos>.tb-banner{display:flex;align-items:center;gap:12px;margin:0 -24px 18px !important;padding:16px 24px !important;border-radius:0 !important;background:linear-gradient(135deg,#002147,#005a9c) !important;color:#fff !important;border:0 !important;box-shadow:none !important}
.tb-page.imp26 .imp-caja-ambar>.tb-banner,.tb-page.imp26 .tb-box-recargos>.tb-banner{background:linear-gradient(135deg,#7c2d12,#b45309) !important}
.tb-page.imp26 .tb-banner span{font-size:18px;font-weight:800;letter-spacing:.2px;color:#fff}
.tb-page.imp26 .tb-banner svg{fill:#fff !important;opacity:1;width:26px;height:26px;flex:0 0 26px}

/* tablas */
.tb-page.imp26 .imp-tabla{overflow-x:auto;margin:14px 0}
.tb-page.imp26 .tb-precios{border-collapse:separate;border-spacing:0;border:1px solid var(--tl);border-radius:12px;overflow:hidden;font-size:14px;margin:14px 0;background:#fff}
.tb-page.imp26 .imp-tabla .tb-precios{margin:0}
.tb-page.imp26 .tb-precios caption{caption-side:top;text-align:left;font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--tm);padding:0 0 10px}
.tb-page.imp26 .tb-precios th{background:var(--tn);color:#fff !important;border:0;padding:12px 14px;font-size:13px;font-weight:700}
/* la segunda fila de cabecera (banderas: el titulo de la tabla arriba y las columnas debajo), en azul claro como era */
.tb-page.imp26 .tb-precios thead tr+tr th{background:#eef5fc;color:var(--tn) !important;border-bottom:1px solid #d6e6f6}
.tb-page.imp26 .tb-precios td{border:0;border-top:1px solid #edf2f7;padding:11px 14px;color:#334155}
.tb-page.imp26 .tb-precios tbody tr:nth-child(even)>td{background:#f8fafc}
.tb-page.imp26 .tb-precios tbody tr:hover>td{background:#eef5fc}
.tb-page.imp26 .tb-precios td strong{color:var(--tn)}
.tb-page.imp26 .tb-precios tfoot td{background:#f8fafc;font-size:13px;color:var(--tm)}

/* notas y avisos */
.tb-page.imp26 .tb-note{background:#f8fafc;border:1px solid var(--tl);border-radius:10px;padding:12px 16px;margin:14px 0 0;font-size:13px !important;line-height:1.6 !important;color:var(--tm) !important;text-align:left}
.tb-page.imp26 .tb-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px 16px;margin:14px 0 0;font-size:13px;color:#9a3412;text-align:left;font-weight:600}

/* galerias */
.tb-page.imp26 .tb-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:4px 0 0}
.tb-page.imp26 .tb-gallery figure{border-radius:12px;border:1px solid var(--tl);background:#fff}
.tb-page.imp26 .tb-gallery figcaption{font-size:13px;line-height:1.4;color:var(--ti);background:#fff;padding:9px 10px;border-top:1px solid #f1f5f9}
.tb-page.imp26 .tb-gallery-label{font-size:13px !important;color:var(--tm) !important;text-align:left;margin:-4px 0 12px}

/* preguntas: dentro de la pagina (antes iban fuera, en 980 px) */
.tb-page.imp26 .ec-faq{max-width:none;padding:0;font-family:inherit}
.tb-page.imp26 .ec-faq .ec-faq-a p{font-size:14px !important;line-height:1.65 !important}

@media (max-width:860px){
  .tb-page.imp26 .imp-sec>a.modal-img{float:none;width:auto;max-width:none;margin:0 0 14px}
}
@media (max-width:600px){
  .tb-page.imp26 .imp-fila>.imp-sec{padding:18px 16px}
  .tb-page.imp26 .imp-caja,.tb-page.imp26 .tb-box-precios,.tb-page.imp26 .tb-box-recargos{padding:0 14px 16px}
  .tb-page.imp26 .imp-caja>.tb-banner,.tb-page.imp26 .tb-box-precios>.tb-banner,.tb-page.imp26 .tb-box-recargos>.tb-banner{margin:0 -14px 14px !important;padding:14px !important}
  .tb-page.imp26 .tb-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .contenidoprincipal .tb-page.imp26 h2.imp-tit{font-size:18px !important}
}