/* ===== Guides (single), listings (blog, category, tag, search) ===== */
.tl-arch-head, .tl-guide-head { padding: 64px 0 48px; }
.tl-arch-h, .tl-guide-h { max-width: 22ch; }
.tl-arch-head .search-form { margin: 18px 0 14px; }
.tl-arch-status { margin: 0; }
.tl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.tl-chips li { font-family: var(--font-mono); font-size: .8rem; padding: 6px 12px; border: 1px solid var(--linea-oscura); border-radius: var(--r-pill); color: rgba(255, 255, 255, .88); }
.tl-chips a { color: #fff; text-decoration: none; }
.tl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; }
.tl-post-card { display: flex; flex-direction: column; gap: 8px; }
.tl-post-card-h { font-size: 1.25rem; margin: 0; }
.tl-post-card-h a { color: var(--texto); text-decoration: none; }
.tl-post-card-h a:hover { color: var(--naranja-texto); }
.tl-post-card-ex { color: var(--texto-sec); margin: 0; }
.tl-post-card .tl-more { margin-top: auto; }
.tl-pages { margin-top: 32px; }
.tl-pages .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.tl-pages .page-numbers { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0 14px; border-radius: var(--r-pill); background: #fff; border: 1px solid var(--linea); color: var(--texto); text-decoration: none; font-weight: 600; }
.tl-pages .page-numbers.current { background: var(--marino); border-color: var(--marino); color: #fff; }

.tl-guide-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 28px; align-items: start; }
.tl-sheet { padding: 40px 44px; }
.tl-post .entry-content { max-width: 74ch; }
.tl-back { margin-top: 28px; }
.tl-guide-side { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 16px; }
.tl-toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.tl-toc li.is-h3 { padding-left: 14px; }
.tl-toc a { display: block; padding: 6px 0; font-size: .92rem; line-height: 1.4; color: var(--texto-sec); text-decoration: none; border-left: 2px solid transparent; padding-left: 10px; margin-left: -12px; }
.tl-toc a:hover, .tl-toc a.is-current { color: var(--naranja-texto); border-left-color: var(--naranja); }
.tl-guide-form-h { font-size: 1.2rem; margin: 0 0 6px; }
.tl-guide-form-wa { margin: 14px 0 0; }
.tl-guide-form-wa .tl-btn { width: 100%; }
.entry-content :is(h2, h3)[id] { scroll-margin-top: 92px; }
.tl-guide-more h2 { margin-bottom: 22px; }
.tl-cta h2 { color: #fff; max-width: 20ch; }
.tl-cta .tl-sub { font-size: 1.5rem; font-weight: 700; }
@media (max-width: 960px) {
  .tl-guide-grid { grid-template-columns: 1fr; }
  .tl-guide-side { position: static; }
  .tl-sheet { padding: 24px 18px; }
}
@media (max-width: 767px) { .tl-cta .tl-sub { font-size: 1.25rem; } }
/* Filled buttons on the orange band read marino (orange on orange had no edge). */
.tone-orange .tl-btn:not(.tl-btn-ghost) { background: var(--marino); border-color: var(--marino); }
.tone-orange .tl-btn:not(.tl-btn-ghost):hover { background: var(--marino-tinta); border-color: var(--marino-tinta); }
/* Sidebar WhatsApp button: body size, one line. */
.tl-guide-form-wa .tl-btn-ghost { font-size: 1rem; }
/* ===== Home: layout and type come from the page stylesheet (Elementor values) ===== */

/* ===== Calculadora (Cost Calculator Builder): brand look, one card, centered ===== */
#content .ccb-main-widget { max-width: 760px; margin-left: auto; margin-right: auto; }
#content .ccb-main-widget .ccb-app-container { padding: 28px; border: 1px solid var(--linea); border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(14, 38, 58, .07); }
#content .ccb-main-widget .ccb-header-title { margin: 0 0 20px; font-family: var(--font-sans); font-size: 22px; font-weight: 900; color: var(--marino); }
#content .ccb-main-widget .ccb-section { padding: 22px; border: 1px solid var(--linea); border-radius: 12px; box-shadow: none; }
#content .ccb-main-widget .ccb-section-subtotal { background: #F4F6F8; }
#content .ccb-main-widget :is(.ccb-dropdown__input, input) { min-height: 46px; border: 1px solid #D5DCE3; border-radius: 8px; background: #fff; font-size: 15px; color: var(--marino); }
#content .ccb-main-widget :is(.ccb-dropdown__input, input):focus-within { border-color: var(--marino); outline: 2px solid rgba(14, 38, 58, .12); outline-offset: 0; }
@media (max-width: 767px) {
  #content .ccb-main-widget .ccb-app-container { padding: 18px; }
  #content .ccb-main-widget .ccb-section { padding: 18px; }
}
#content .ccb-main-widget .ccb-vertical-layout { align-items: stretch; }
#content .ccb-main-widget .ccb-fields-block > .ccb-section { height: 100%; }