html[data-template-id="digitalteam"] {
  --tf-accent: #0d9488;
  --tf-accent-deep: #0b5d58;
  --tf-mint: #dff7f2;
  --tf-display: "Segoe UI", system-ui, sans-serif;
  --tf-serif: "Segoe UI", system-ui, sans-serif;
  --tf-radius: 14px;
}
html[data-template-id="digitalteam"] .reader-frontpage { --rf-accent: #0d9488; --rf-accent-dark: #0b5d58; }
html[data-template-id="digitalteam"] .rf-lead,
html[data-template-id="digitalteam"] .rf-secondary .rf-story,
html[data-template-id="digitalteam"] .rf-latest .rf-story { border-radius: 14px; box-shadow: 0 10px 30px rgba(8, 78, 70, .07); }
html[data-template-id="digitalteam"] .rf-lead .rf-media,
html[data-template-id="digitalteam"] .rf-secondary .rf-media { border-radius: 10px; }
html[data-template-id="digitalteam"] .rf-article h1 { font-size: clamp(38px, 4.2vw, 60px); }
html[data-template-id="digitalteam"] .rf-article-hero { border-radius: 20px; box-shadow: 0 26px 55px rgba(7, 78, 70, .13); }
html[data-template-id="digitalteam"] .rf-article-hero img { aspect-ratio: 16 / 8; }
html[data-template-id="digitalteam"] .article-body { max-width: 730px; font-family: var(--tf-display); }
html[data-template-id="digitalteam"] .article-body p,
html[data-template-id="digitalteam"] .article-body li { font-family: var(--tf-display); line-height: 1.75; }
html[data-template-id="digitalteam"] .rf-article-tools { border: 0; border-radius: 10px; padding: 10px 13px; background: #edf9f6; }
/* periodicoIA · Digital: home editorial sobre la misma retícula one-page. */
body.pia-tpl-digitalteam #home { min-height: 0 !important; padding: 92px 0 42px !important; background: radial-gradient(circle at 78% 20%, #1e8d73 0, #0b4f43 42%, #062e27 100%) !important; }
body.pia-tpl-digitalteam #home .container { width: min(1180px, calc(100% - 30px)); }
body.pia-tpl-digitalteam .pia-legacy-brand strong { color: #e9fbf5 !important; }
body.pia-tpl-digitalteam .pia-legacy-brand strong span { color: #34d399 !important; }
body.pia-tpl-digitalteam .pia-legacy-brand small { color: #b9d8ce !important; }
body.pia-tpl-digitalteam .row { margin-left: 0 !important; margin-right: 0 !important; }
body.pia-tpl-digitalteam .pia-digital-lead { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); overflow: hidden; border: 1px solid rgba(209, 250, 237, .28); border-radius: 8px; background: #092f28; box-shadow: 0 24px 56px rgba(0, 18, 14, .3); text-align: left; }
body.pia-tpl-digitalteam .pia-digital-lead-media { display: block; min-height: 420px; overflow: hidden; }
body.pia-tpl-digitalteam .pia-digital-lead-media img { width: 100% !important; height: 100% !important; min-height: 420px; object-fit: cover; }
body.pia-tpl-digitalteam .pia-digital-lead-copy { display: flex; flex-direction: column; justify-content: center; padding: 34px; color: #e9fbf5; }
body.pia-tpl-digitalteam .pia-digital-lead-copy > span { color: #7ce8c4; font: 850 10px/1 "Segoe UI", sans-serif; letter-spacing: .11em; text-transform: uppercase; }
body.pia-tpl-digitalteam .pia-digital-lead h1 { margin: 13px 0 12px; font: 850 clamp(30px, 4.2vw, 56px)/.98 "Segoe UI", sans-serif; letter-spacing: -.045em; }
body.pia-tpl-digitalteam .pia-digital-lead h1 a { color: #fff !important; text-decoration: none !important; }
body.pia-tpl-digitalteam .pia-digital-lead p { max-width: 520px; color: #caece1; font-size: 14px; line-height: 1.6; }
body.pia-tpl-digitalteam .pia-digital-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 12px; }
body.pia-tpl-digitalteam .pia-digital-actions a { display: inline-block; padding: 11px 16px; border-radius: 4px; font: 800 11px/1 "Segoe UI", sans-serif; text-decoration: none !important; }
body.pia-tpl-digitalteam .pia-digital-primary { background: #34d399; color: #062e27 !important; }
body.pia-tpl-digitalteam .pia-digital-secondary { border: 1px solid #77cdb5; color: #e9fbf5 !important; }
body.pia-tpl-digitalteam #work, body.pia-tpl-digitalteam #about, body.pia-tpl-digitalteam #team, body.pia-tpl-digitalteam #portfolio, body.pia-tpl-digitalteam #pricing, body.pia-tpl-digitalteam #contact { padding: 56px 0; }
body.pia-tpl-digitalteam #work { background: #f2fbf7 !important; }
body.pia-tpl-digitalteam .pia-digital-card { margin-bottom: 26px; padding: 0 0 18px !important; overflow: hidden; border-bottom: 1px solid #cfe8dd; background: transparent !important; text-align: left; }
body.pia-tpl-digitalteam .pia-digital-card-media { display: block; height: 165px; overflow: hidden; margin-bottom: 11px; }
body.pia-tpl-digitalteam .pia-digital-card-media img { width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .3s; }
body.pia-tpl-digitalteam .pia-digital-card:hover img { transform: scale(1.035); }
body.pia-tpl-digitalteam .pia-digital-card > span { color: #0d8b69; font: 850 8px/1 "Segoe UI", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
body.pia-tpl-digitalteam .pia-digital-card h3 { margin: 7px 0 6px; font: 800 18px/1.15 "Segoe UI", sans-serif; }
body.pia-tpl-digitalteam .pia-digital-card h3 a { color: #123b32 !important; text-decoration: none !important; }
body.pia-tpl-digitalteam .pia-digital-card p { color: #5a7069; font-size: 12px !important; line-height: 1.5 !important; }
body.pia-tpl-digitalteam #about .section-title h1,
body.pia-tpl-digitalteam #team .section-title h1,
body.pia-tpl-digitalteam #portfolio .section-title h1,
body.pia-tpl-digitalteam #pricing .section-title h1,
body.pia-tpl-digitalteam #contact .section-title h1 { color: #0b4f43 !important; }
body.pia-tpl-digitalteam #about img { width: 100% !important; height: 420px !important; object-fit: cover; }
body.pia-tpl-digitalteam .team-wrapper { overflow: hidden; border: 1px solid #cfe8dd; border-radius: 6px; background: #fff; }
body.pia-tpl-digitalteam .team-wrapper img { width: 100% !important; height: 240px !important; object-fit: cover; }
body.pia-tpl-digitalteam .team-des { padding: 14px; background: #fff; }
body.pia-tpl-digitalteam #portfolio .iso-box { overflow: hidden; border-radius: 5px; }
body.pia-tpl-digitalteam #portfolio .iso-box img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.pia-tpl-digitalteam #pricing .plan { border: 1px solid #cfe8dd; background: #fff; box-shadow: 0 12px 28px rgba(7, 77, 61, .08); }
body.pia-tpl-digitalteam #pricing .plan_title h2 { color: #0b6b61 !important; }
body.pia-tpl-digitalteam #contact { background: #eaf7f1; }
body.pia-tpl-digitalteam #contact form { padding: 16px; border: 1px solid #cfe8dd; background: #fff; }

/* La portada no conserva los bloques de agencia de la demo original. */
body.pia-tpl-digitalteam #about,
body.pia-tpl-digitalteam #team,
body.pia-tpl-digitalteam #pricing,
body.pia-tpl-digitalteam #contact {
  display: none !important;
}
body.pia-tpl-digitalteam #work,
body.pia-tpl-digitalteam #portfolio {
  padding: 42px 0 !important;
}
body.pia-tpl-digitalteam #portfolio {
  background: #f7fdfa !important;
}
body.pia-tpl-digitalteam #portfolio .section-title {
  display: none !important;
}
body.pia-tpl-digitalteam #portfolio .section-title h1,
body.pia-tpl-digitalteam #portfolio .section-title strong {
  display: none !important;
}
body.pia-tpl-digitalteam #portfolio .section-title h2 {
  margin: 0 0 24px !important;
  color: #0b4f43 !important;
  font-size: 24px !important;
  letter-spacing: .08em !important;
}
body.pia-tpl-digitalteam #portfolio .iso-box {
  min-height: 220px;
  margin-bottom: 18px;
}
body.pia-tpl-digitalteam #portfolio .pia-card-overlay {
  min-height: 220px;
  padding: 18px !important;
  background: linear-gradient(180deg, rgba(5, 45, 37, .16), rgba(5, 45, 37, .92)) !important;
}
@media (max-width: 900px) {
  body.pia-tpl-digitalteam .pia-digital-lead { grid-template-columns: 1fr; }
  body.pia-tpl-digitalteam .pia-digital-lead-media, body.pia-tpl-digitalteam .pia-digital-lead-media img { min-height: 260px; height: 260px !important; }
  body.pia-tpl-digitalteam .pia-digital-lead-copy { padding: 22px; }
}
@media (max-width: 760px) {
  body.pia-tpl-digitalteam #home { padding: 76px 0 24px !important; }
  body.pia-tpl-digitalteam .pia-digital-lead h1 { font-size: 33px; }
  body.pia-tpl-digitalteam .row { margin-left: 0 !important; margin-right: 0 !important; }
}