/* SecretarioMail uses the common agent layout with a soft blue identity. */
.agent-page.agent-mail { --mail-paper: #fffdf7; --mail-blue: #e6eef6; --mail-cream: #fff5d7; --mail-butter: #fff1bc; --mail-dark: #203b4b; --agent-soft: #e6eef6; --agent-deep: #203b4b; background: var(--mail-paper); }
.agent-mail .agent-product-hero { background: var(--mail-paper); }
.agent-mail .agent-intro h1 { font-size: clamp(38px, 5.2vw, 78px); letter-spacing: -.055em; }
.agent-mail .agent-section { border-bottom-color: #c2cdd1; }
.agent-mail main > section { scroll-margin-top: 85px; }
.agent-mail #por-que, .agent-mail #respuestas, .agent-mail #datos { background: var(--mail-blue); }
.agent-mail #por-que .agent-story-quote { color: var(--mail-dark); }
.agent-mail #que-hace { background: var(--mail-cream); }
.agent-mail #que-hace .agent-detail { background: var(--mail-paper); }
.agent-mail #reglas, .agent-mail #busqueda, .agent-mail #instalacion, .agent-mail #preguntas { background: var(--mail-paper); }
.agent-mail #personalizacion { background: var(--mail-butter); }
.agent-mail #datos .agent-detail { background: #f5f8fa; }
.agent-mail .agent-detail-icon { color: #705000; }
.agent-mail #instalacion .installation-card:last-child, .agent-mail .agent-setup-prompt { background: var(--mail-blue); }
.agent-mail .brand-mark { background: var(--yellow); }
.agent-mail .brand-mark img { object-fit: cover; transform: none; }
.agent-mail .agent-spec { margin-top: 30px; }
.mail-shot { margin: 0; min-width: 0; border: 1px solid #9eacb3; background: #fffdf7; color: #171714; }
.mail-shot > a { position: relative; display: block; color: inherit; }
.mail-shot img { display: block; width: 100%; height: auto; }
.mail-shot figcaption { margin: 0; padding: 13px 16px; border-top: 1px solid #c9d3d8; font-size: 11px; line-height: 1.65; color: #54616b; background: #f1f5f8; }
.mail-enlarge { position: absolute; right: 12px; bottom: 12px; padding: 7px 10px; border: 1px solid #a0acb4; background: #fffdf7; font-size: 11px; line-height: 1.3; opacity: 0; transition: opacity .15s; }
.mail-shot a:hover .mail-enlarge, .mail-shot a:focus-visible .mail-enlarge { opacity: 1; }
.mail-reply-shot { width: min(100%, 450px); justify-self: center; }
.agent-mail .agent-split-copy p.mail-small-note { margin-top: 25px; padding-top: 18px; border-top: 1px solid #b6c8d4; font-size: 13px; line-height: 1.75; }
.agent-mail #control { --ink: #f5f8ed; --muted: #d4e1e6; padding-block: clamp(48px, 6vw, 80px); background: var(--mail-dark); color: var(--ink); border-bottom-color: var(--mail-dark); }
.agent-mail #control .section-kicker { color: #e4ecb4; }
.agent-mail #control .agent-section-heading p { color: #d4e1e6; }
.mail-access-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #8196a1; border-left: 1px solid #8196a1; }
.mail-access-grid > div { padding: 25px; border-right: 1px solid #8196a1; border-bottom: 1px solid #8196a1; }
.mail-access-grid span { display: block; margin-bottom: 24px; font-size: 12px; color: #f3d17b; }
.mail-access-grid h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
.mail-access-grid p { margin: 0; font-size: 14px; line-height: 1.8; color: #d4e1e6; }
.mail-control-note { max-width: 950px; margin: 25px 0 0; color: #d4e1e6; font-size: 13px; line-height: 1.85; }
.mail-section-title { margin: 0; font-size: clamp(2.5rem, 5vw, 4.8rem); font-weight: 700; line-height: .98; letter-spacing: -.055em; }
.agent-mail .site-footer { background: #edf2f6; }
@media (max-width: 760px) { .mail-access-grid { grid-template-columns: 1fr; } .mail-access-grid > div { padding: 22px; } .mail-access-grid span { margin-bottom: 12px; } .mail-enlarge { opacity: 1; font-size: 10px; padding: 5px 7px; } }
@media (prefers-reduced-motion: reduce) { .mail-enlarge { transition: none; } }

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

/* Preserve the small-screen setup heading without decorative overlap. */
@media (max-width: 760px) { .agent-mail .installation-section::before { display: none; } }

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