/* Silo Social media · clases pd-sm- (sobre servicio.css y seo.css, que se reutilizan)
   Generadores: casos/posicionamientodigital/wp/paginas/social-media/. Solo lo que no existe en las plantillas:
   la semana de publicaciones del héroe y las tarjetas de tarifas. */

/* ---------- héroe: semana de publicaciones (variante de la ficha .pd-svc-serp) ---------- */
.pd-sm-plan .q::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='3'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat!important}
.pd-sm-plan .pos{font-weight:700!important;color:var(--pd-plum)!important}
.pd-sm-plan li .ln{font-size:14px;gap:2px!important;line-height:1.35}
.pd-sm-plan li .ln b{color:var(--pd-head);font-weight:600}
.pd-sm-plan li .ln span{color:var(--pd-ink-soft);font-size:13px}
.pd-sm-plan li .ln b,.pd-sm-plan li .ln span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-sm-plan .badge.soft{background:var(--pd-paper-2);color:var(--pd-plum)}

/* ---------- tarifas ---------- */
.pd-sm-tiers-row>.et_pb_column{display:flex;flex-direction:column}
.pd-sm-tier.et_pb_text{flex:1;padding:28px 26px;border-radius:22px;background:var(--pd-card);border:1px solid var(--pd-line);box-shadow:var(--pd-shadow);margin:0!important}
.pd-sm-tier .et_pb_text_inner{display:grid;gap:10px;align-content:start}
.pd-sm-tier h3{font:700 20px/1.25 var(--pd-body)!important;letter-spacing:-.015em;color:var(--pd-head)}
.pd-sm-tier .pd-sm-for{font-size:15px;color:var(--pd-ink-soft)}
.pd-sm-tier .pd-sm-price{font:400 48px/1 var(--pd-display);color:var(--pd-plum);letter-spacing:-.02em;white-space:nowrap;margin:6px 0 4px!important}
.pd-sm-tier .pd-sm-price small{font:500 15px/1 var(--pd-body);color:var(--pd-ink-soft);margin-left:4px;letter-spacing:0}
.pd-sm-tier ul{list-style:none!important;margin:6px 0 0!important;padding:14px 0 0!important;border-top:1px solid var(--pd-line);display:grid;gap:8px}
.pd-sm-tier li{position:relative;padding:0 0 0 26px!important;font-size:15px;line-height:1.45;color:var(--pd-ink)}
.pd-sm-tier li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23CF007F'/%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-4.9' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.pd-sm-note.et_pb_text{margin-top:28px!important;font-size:15px!important;color:var(--pd-ink-soft)!important;max-width:760px}
.pd-sm-note a{color:var(--pd-plum)!important;font-weight:600;text-underline-offset:3px}
.pd-sm-tiers-cta.et_pb_text{margin-top:18px!important}

/* ---------- razones (tarjetas sin buscador) ---------- */
.pd-sm-why .et_pb_text_inner{gap:8px!important}
.pd-svc-sec .pd-sm-why-row+.pd-sm-why-row{margin-top:24px!important}
.pd-sm-why-sec.et_pb_section{padding-bottom:0!important}

@media (min-width:981px){.pd-sm-tier .pd-sm-for{min-height:4.8em}}
@media (max-width:980px){
  .pd-svc-sec .pd-sm-tiers-row>.et_pb_column:not(:last-child){margin-bottom:16px!important}
}