/* Trimestres shares the agent landing structure and palette with Salud. */
.agent-page.agent-quarters { --quarter-paper: #fffdf7; --quarter-sage: #e3eee6; --quarter-cream: #fff5d7; --quarter-butter: #fff1bc; --quarter-forest: #173f35; --agent-soft: #edf3e9; --agent-deep: #173f35; background: var(--quarter-paper); }
.agent-quarters .agent-product-hero { background: var(--quarter-paper); }
.agent-quarters .agent-section { border-bottom-color: #c4cec3; }
.agent-quarters #por-que, .agent-quarters #documentos, .agent-quarters #datos { background: var(--quarter-sage); }
.agent-quarters #por-que .agent-story-quote { color: var(--quarter-forest); }
.agent-quarters #que-hace { background: var(--quarter-cream); }
.agent-quarters #que-hace .agent-detail { background: var(--quarter-paper); }
.agent-quarters #facturas, .agent-quarters #desgloses, .agent-quarters #instalacion, .agent-quarters #preguntas { background: var(--quarter-paper); }
.agent-quarters #conexiones { background: var(--quarter-butter); }
.agent-quarters #datos .agent-detail { background: #f6faf4; }
.agent-quarters .agent-detail-icon { color: #705000; }
.agent-quarters #instalacion .installation-card:last-child, .agent-quarters .agent-setup-prompt { background: var(--quarter-sage); }
.agent-quarters .brand-mark { background: var(--yellow); }
.agent-quarters .brand-mark img { object-fit: cover; transform: none; }
.agent-quarters .agent-spec { margin-top: 30px; }
.trimestres-shot { --ink: #171714; --muted: #596456; margin: 0; min-width: 0; border: 1px solid #9eafa1; background: #fffdf7; color: #171714; }
.trimestres-shot > a { position: relative; display: block; color: inherit; }
.trimestres-shot img { display: block; width: 100%; height: auto; }
.trimestres-shot figcaption { margin: 0; padding: 13px 16px; border-top: 1px solid #cbd4c6; font-size: 11px; line-height: 1.65; color: #596456; background: #f4f6ed; }
.trimestres-enlarge { position: absolute; right: 12px; bottom: 12px; padding: 7px 10px; border: 1px solid #a3b09e; background: #fffdf7; font-size: 11px; line-height: 1.3; opacity: 0; transition: opacity .15s; }
.trimestres-shot a:hover .trimestres-enlarge, .trimestres-shot a:focus-visible .trimestres-enlarge { opacity: 1; }
.trimestres-invoice-shot { width: min(100%, 450px); justify-self: center; }
.agent-split-copy p.trimestres-small-note { margin-top: 25px; padding-top: 18px; border-top: 1px solid #c4cec3; font-size: 13px; line-height: 1.75; }
.agent-quarters #entrega { --ink: #f5f8ed; --muted: #d0ded4; background: var(--quarter-forest); color: var(--ink); border-bottom-color: var(--quarter-forest); }
.agent-quarters #entrega .section-kicker { color: #dcebc7; }
.agent-quarters #entrega .agent-section-heading p { color: #d0ded4; }
.trimestres-delivery-shot { max-width: 1140px; margin-inline: auto; }
.trimestres-delivery-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; padding-top: 32px; max-width: 1140px; margin-inline: auto; }
.trimestres-delivery-facts strong { font-size: 19px; letter-spacing: -.025em; }
.trimestres-delivery-facts p { margin: 10px 0 0; font-size: 14px; line-height: 1.8; color: #d0ded4; }
.trimestres-section-title { margin: 0; font-size: clamp(2.5rem, 5vw, 4.8rem); font-weight: 700; line-height: .98; letter-spacing: -.055em; }
.agent-quarters .agent-integrations { margin-top: 25px; }
.agent-quarters .agent-integration { background: var(--quarter-paper); font-size: 12px; }
.agent-quarters .site-footer { background: #f0f2e9; }
@media (max-width: 760px) { .trimestres-delivery-facts { grid-template-columns: 1fr; gap: 25px; } .trimestres-enlarge { opacity: 1; font-size: 10px; padding: 5px 7px; } }
@media (prefers-reduced-motion: reduce) { .trimestres-enlarge { transition: none; } }

/* A compact handoff after the work performed by the agent. */
.agent-quarters #entrega.trimestres-delivery-compact { padding-block: clamp(42px, 5vw, 68px); }
.trimestres-delivery-summary { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(30px, 6vw, 85px); align-items: center; }
.trimestres-delivery-summary h2 { margin: 0; font-size: clamp(30px, 3.3vw, 45px); line-height: 1.05; letter-spacing: -.045em; }
.trimestres-delivery-summary > div > p:not(.section-kicker) { margin: 0; color: #d0ded4; font-size: 16px; line-height: 1.85; }
.trimestres-delivery-note { display: block; margin-top: 15px; font-size: 12px; line-height: 1.7; color: #d0ded4; }
@media (max-width: 760px) { .trimestres-delivery-summary { grid-template-columns: 1fr; gap: 22px; } .trimestres-delivery-summary > div > p:not(.section-kicker) { font-size: 15px; } }

/* Keep the main presentation blocks comfortable on short laptop windows. */
.agent-quarters main > section { scroll-margin-top: 85px; }
@media (min-width: 1060px) and (max-height: 950px) {
  .agent-quarters .agent-product-hero { padding: 24px 0 36px; }
  .agent-quarters .agent-crumb { margin-bottom: 20px; font-size: 12px; }
  .agent-quarters .agent-showcase { gap: 42px; }
  .agent-quarters .agent-intro h1 { font-size: clamp(45px, 4.6vw, 62px); }
  .agent-quarters .agent-intro .section-kicker { font-size: 11px; }
  .agent-quarters .agent-intro .lead { margin: 16px 0 18px; font-size: 16px; line-height: 1.6; }
  .agent-quarters .agent-spec { margin-top: 20px; }
  .agent-quarters .agent-spec-title { padding: 11px 0; font-size: 14px; }
  .agent-quarters .agent-spec li { padding: 8px 0; font-size: 13px; line-height: 1.6; }
  .agent-quarters .agent-buy-row { margin-top: 22px; }
  .agent-quarters .agent-section { padding-block: 48px; }
  .agent-quarters .agent-section-heading { margin-bottom: 28px; }
  .agent-quarters .agent-section-heading h2 { font-size: clamp(36px, 3.6vw, 50px); }
  .agent-quarters .agent-section-heading p { font-size: 16px; line-height: 1.65; margin-top: 14px; }
  .agent-quarters .agent-story, .agent-quarters .agent-split { gap: 42px; }
  .agent-quarters .agent-story-quote { font-size: clamp(33px, 3.3vw, 46px); }
  .agent-quarters .agent-story-copy p { font-size: 16px; line-height: 1.7; }
  .agent-quarters .agent-split-copy h2, .agent-quarters .trimestres-section-title { font-size: clamp(34px, 3.4vw, 48px); }
  .agent-quarters .agent-split-copy p { font-size: 16px; line-height: 1.65; }
  .agent-quarters .agent-split-copy ul { margin-top: 18px; }
  .agent-quarters .agent-split-copy li { margin-block: 6px; padding-block: 8px; font-size: 14px; line-height: 1.6; }
  .agent-quarters .agent-detail { padding: 22px; }
  .agent-quarters .agent-detail-icon { margin-bottom: 20px; }
  .agent-quarters .agent-detail h3 { font-size: 19px; }
  .agent-quarters .agent-detail p { font-size: 14px; line-height: 1.65; }
  .agent-quarters .trimestres-invoice-shot { width: min(100%, 43vh); }
  .agent-quarters .agent-split-copy p.trimestres-small-note { margin-top: 17px; padding-top: 13px; font-size: 12px; }
  .agent-quarters #instalacion .installation-card { padding: 22px; }
  .agent-quarters #instalacion .installation-drawing { height: 78px; margin-bottom: 12px; }
  .agent-quarters #instalacion .installation-card h3 { font-size: 19px; }
  .agent-quarters #instalacion .installation-card p { line-height: 1.6; }
  .agent-quarters .agent-setup-choice, .agent-quarters .agent-setup-prompt { padding: 26px; }
  .agent-quarters .agent-setup-choice h3 { font-size: 24px; }
  .agent-quarters .agent-setup-prompt blockquote { font-size: 22px; margin-bottom: 16px; }
  .agent-quarters .faq summary { padding-block: 16px; font-size: 15px; }
}

.agent-quarters .agent-purchase-note { max-width:510px; margin-top:16px; font-size:13px; line-height:1.75; color:#576556; }
