/* tipos_contenedores.html */

.page-header h1{font-size:clamp(1.7rem,3.6vw,2.6rem)}

.tc{background:var(--bg)}
.tc-tipo{margin-bottom:1rem}
.tc-tipo+.tc-tipo{margin-top:3.5rem;padding-top:3rem;border-top:1px solid var(--line)}
.tc-tipo>h2{color:var(--brand-dark);font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:1rem}
:root[data-theme="dark"] .tc-tipo>h2{color:var(--brand-light)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tc-tipo>h2{color:var(--brand-light)}}
.tc-nota{color:var(--muted);font-size:.92rem}

/* Lista con flecha */
.tc-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.85rem}
.tc-list li{position:relative;padding-left:1.6rem;max-width:75ch}
.tc-list li::before{content:"";position:absolute;left:0;top:.35em;width:9px;height:9px;
  border-right:2px solid var(--brand-red-ink);border-bottom:2px solid var(--brand-red-ink);transform:rotate(-45deg)}

/* Cada tamaño (20', 40', ...) */
.tc-tamano{margin-top:2rem}
.tc-tamano h3{font-size:1.15rem;color:var(--ink);margin-bottom:.75rem}
.tc-codigo{font-size:.95rem;margin:.75rem 0 0}
.tc-nota{font-size:.9rem;color:var(--muted);margin-top:.75rem;max-width:80ch}

/* Tabla de dimensiones */
.tc-table{width:100%;max-width:760px;border-collapse:collapse;font-size:.92rem}
.tc-table td{text-align:left;padding:.5rem .8rem;border-bottom:1px solid var(--line)}
.tc-table td:first-child{font-weight:600;width:34%}

/* Fotos de contenedores */
.tc-image{display:block;width:420px;max-width:100%;height:auto;margin:1.5rem 0 0;border-radius:0}

@media (max-width:640px){
  .tc-table{font-size:.88rem}
  .tc-table th,.tc-table td{padding:.45rem .6rem}
}