/* Precios de posicionamiento web SEO (/seo/posicionamiento-web-seo-precios/). Prefijo pd-pre-.
   Copiado de la vista v-precios de la maqueta. Las filas llevan su ancho como ajuste nativo de Divi;
   aquí solo va la rejilla, la tipografía y las tarjetas. */

/* ---------- base de la página: quitar los márgenes por defecto de Divi ---------- */
.pd-pre.et_pb_section{padding:clamp(64px,8vw,104px) 0!important}
.pd-pre .et_pb_row{padding:0!important}
.pd-pre .et_pb_module{margin-bottom:0!important}
.pd-pre .et_pb_text{color:var(--pd-ink);font-size:17px;line-height:1.6}
.pd-pre .et_pb_text h1,.pd-pre .et_pb_text h2,.pd-pre .et_pb_text h3{padding:0;margin:0;line-height:1.15;text-wrap:balance}
.pd-pre .et_pb_text p{padding:0;margin:0}
.pd-pre .et_pb_text a{color:inherit}
.pd-pre .pd-pre-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pd-pre .pd-pre-label{font:600 13px/1.3 var(--pd-body);letter-spacing:.1em;text-transform:uppercase;color:var(--pd-plum)}
.pd-pre .pd-pre-tlink{color:var(--pd-plum)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pd-pre .pd-pre-arr{display:inline-block;transition:transform .18s ease}
.pd-pre a:hover .pd-pre-arr,.pd-pre a:focus-visible .pd-pre-arr{transform:translateX(4px)}
#planes{scroll-margin-top:90px}

/* filas con rejilla: las columnas de Divi pasan a ser celdas */
.pd-pre .pd-pre-grid.et_pb_row{display:grid!important;gap:clamp(32px,5vw,64px);align-items:center}
.pd-pre .pd-pre-grid.et_pb_row::before,.pd-pre .pd-pre-grid.et_pb_row::after{display:none!important}
.pd-pre .pd-pre-grid>.et_pb_column{width:auto!important;margin:0!important;min-width:0}

/* encabezado de sección */
.pd-pre .pd-pre-sh-row{margin-bottom:44px}
.pd-pre .pd-pre-sh{max-width:640px}
.pd-pre .pd-pre-sh h2,.pd-pre .pd-pre-split h2{font:700 clamp(28px,3.1vw,40px)/1.15 var(--pd-body);letter-spacing:-.025em;color:var(--pd-head);margin-top:10px}
.pd-pre .pd-pre-sh h2+p{margin-top:14px;color:var(--pd-ink-soft)}

/* ---------- héroe ---------- */
.pd-pre-hero.et_pb_section{background:var(--pd-band-svc)!important;padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px)!important;overflow:hidden}
.pd-pre .pd-pre-crumbs{font-size:14px;color:var(--pd-ink-soft);margin-bottom:22px}
.pd-pre .pd-pre-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pd-pre .pd-pre-crumbs li{padding:0}
.pd-pre .pd-pre-crumbs li+li::before{content:"›";margin-inline-end:6px;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-crumbs a{text-decoration:none;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-crumbs a:hover{color:var(--pd-ink)}
.pd-pre .pd-pre-crumbs b{font-weight:500;color:var(--pd-ink)}
.pd-pre .pd-pre-hero-row.et_pb_row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.pd-pre .pd-pre-hero-txt.et_pb_column{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 22px}
.pd-pre .pd-pre-hero-txt>*{margin:0!important}
.pd-pre .pd-pre-hero-txt>.pd-pre-copy{flex:0 0 100%;margin-bottom:16px!important}
.pd-pre .pd-pre-copy h1.pd-pre-label{font-size:15px;line-height:1.3;letter-spacing:.1em;color:var(--pd-plum)}
.pd-pre .pd-pre-big{margin-top:18px!important;font:400 clamp(42px,5.6vw,76px)/1 var(--pd-display);letter-spacing:-.01em;color:var(--pd-head)}
.pd-pre .pd-pre-big em{font-style:normal;color:var(--pd-magenta);position:relative;white-space:nowrap}
.pd-pre .pd-pre-big em::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.07em;border-radius:99px;background:var(--pd-magenta);transform-origin:left;animation:pd-pre-trazo .5s .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes pd-pre-trazo{from{transform:scaleX(0)}to{transform:none}}
.pd-pre .pd-pre-lead{margin-top:22px!important;max-width:30em;font-size:19px;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-checks{list-style:none!important;margin:26px 0 0!important;padding:0!important;display:grid;gap:10px;line-height:1.6}
.pd-pre .pd-pre-checks li{display:flex;gap:10px;align-items:baseline;padding:0}
.pd-pre .pd-pre-checks li::before{content:"✓";color:var(--pd-magenta);font-weight:700}
.pd-pre .pd-pre-ilus .et_pb_image_wrap{display:block;width:100%}
.pd-pre .pd-pre-ilus img{display:block;width:100%;height:auto;border-radius:28px}

/* ---------- planes ---------- */
.pd-pre .pd-pre-plans.et_pb_row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.pd-pre .pd-pre-plan.et_pb_column{display:flex!important;flex-direction:column;gap:16px;padding:24px!important;border-radius:26px;background:var(--pd-card);border:1px solid var(--pd-line)}
.pd-pre .pd-pre-plan.pd-pre-feat{background:linear-gradient(180deg,#FCE8F3 0%,var(--pd-card) 45%);border:2px solid var(--pd-magenta);transform:translateY(-12px);box-shadow:0 30px 60px -34px rgba(207,0,127,.45)}
.pd-pre .pd-pre-plan .pd-pre-kicker{font:600 12px/1 var(--pd-body);letter-spacing:.08em;text-transform:uppercase;color:var(--pd-magenta-text);margin-bottom:16px}
.pd-pre .pd-pre-plan h3{font:700 24px/1.25 var(--pd-body);letter-spacing:-.015em;color:var(--pd-head)}
.pd-pre .pd-pre-plan .pd-pre-for{margin-top:4px;font-size:15px;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-plan .pd-pre-price{margin-top:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.pd-pre .pd-pre-price small{font-size:13px;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-price b{font:700 32px/1 var(--pd-body);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--pd-ink);white-space:nowrap}
.pd-pre .pd-pre-plan .pd-pre-annual{margin-top:8px;font-size:14px;color:var(--pd-ink-soft)}
.pd-pre .pd-pre-plan ul{margin:16px 0 0!important;padding:0 0 0 18px!important;display:grid;gap:8px;font-size:15px;line-height:1.5;color:var(--pd-ink-soft);list-style:disc!important}
.pd-pre .pd-pre-plan li{padding:0}
.pd-pre .pd-pre-plan li::marker{color:var(--pd-magenta)}
.pd-pre .pd-pre-plan>.et_pb_button_module_wrapper{margin-top:auto!important}
.pd-pre .pd-pre-plan .et_pb_button{display:flex!important;justify-content:center;width:100%}
body #page-container .pd-btn.pd-pre-btn-line.et_pb_button,body .pd-btn.pd-pre-btn-line.et_pb_button{background:transparent!important;color:var(--pd-ink)!important;border:1.5px solid var(--pd-line)!important;box-shadow:none}
body #page-container .pd-btn.pd-pre-btn-line.et_pb_button:hover,body .pd-btn.pd-pre-btn-line.et_pb_button:hover{border-color:var(--pd-plum)!important}
.pd-pre .pd-pre-foot-row{margin-top:26px}
.pd-pre .pd-pre-foot{font-size:15px;color:var(--pd-ink-soft);text-align:center}

/* tabla: con su propio scroll horizontal en móvil */
.pd-pre .pd-pre-tbl-row{margin-top:48px}
.pd-pre .pd-pre-tbl{position:relative;overflow-x:auto;max-width:100%;border-radius:20px;border:1px solid var(--pd-line);background:var(--pd-card)}
.pd-pre .pd-pre-tbl table{width:100%;min-width:620px;border-collapse:collapse;border:0;margin:0;font-size:15px;line-height:1.5}
.pd-pre .pd-pre-tbl th,.pd-pre .pd-pre-tbl td{padding:14px 18px;text-align:left;border:0;border-bottom:1px solid var(--pd-line);color:var(--pd-ink)}
.pd-pre .pd-pre-tbl thead th{font-weight:600;background:var(--pd-paper-2)}
.pd-pre .pd-pre-tbl tbody th{font-weight:500}
.pd-pre .pd-pre-tbl td,.pd-pre .pd-pre-tbl th:not(:first-child){text-align:center;width:17%}
.pd-pre .pd-pre-tbl td:nth-child(2),.pd-pre .pd-pre-tbl th:nth-child(2){background:color-mix(in srgb,var(--pd-magenta) 6%,transparent)}
.pd-pre .pd-pre-tbl tr:last-child td,.pd-pre .pd-pre-tbl tr:last-child th{border-bottom:0}
.pd-pre .pd-pre-tbl .y{color:var(--pd-magenta-text);font-weight:700}
.pd-pre .pd-pre-tbl .n{color:var(--pd-ink-soft)}

/* ---------- qué incluye tu presupuesto ---------- */
.pd-pre .pd-pre-inc3.et_pb_row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pd-pre .pd-pre-card.et_pb_column{padding:26px!important;border-radius:22px;background:var(--pd-card);border:1px solid var(--pd-line)}
.pd-pre .pd-pre-card h3{font:700 20px/1.25 var(--pd-body);color:var(--pd-head);margin-bottom:12px}
.pd-pre .pd-pre-card ul{margin:0!important;padding:0 0 0 18px!important;display:grid;gap:8px;color:var(--pd-ink-soft);font-size:15px;line-height:1.5;list-style:disc!important}
.pd-pre .pd-pre-card li{padding:0}
.pd-pre .pd-pre-card li::marker{color:var(--pd-magenta)}

/* ---------- por qué cambia el precio ---------- */
.pd-pre-band.et_pb_section{background:var(--pd-band-svc)!important}
.pd-pre .pd-pre-split.et_pb_row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pd-pre .pd-pre-factors{list-style:none!important;margin:26px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;line-height:1.6}
.pd-pre .pd-pre-factors li{padding:0 0 0 18px;border-left:3px solid var(--pd-magenta)}
.pd-pre .pd-pre-factors b{display:block;font-weight:600;margin-bottom:4px;color:var(--pd-ink)}
.pd-pre .pd-pre-factors span{font-size:15px;color:var(--pd-ink-soft)}

/* ---------- preguntas: el acordeón de Divi con aspecto de tarjetas ---------- */
.pd-pre .pd-pre-faq-row.et_pb_row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.pd-pre .pd-pre-faq-side{position:sticky!important;top:110px}
.pd-pre .pd-pre-faq .et_pb_toggle{border:1px solid var(--pd-line)!important;border-radius:18px;background:var(--pd-card)!important;padding:0!important;margin:0 0 12px!important;overflow:hidden}
.pd-pre .pd-pre-faq .et_pb_toggle:last-child{margin-bottom:0!important}
.pd-pre .pd-pre-faq .et_pb_toggle_title{font:600 17px/1.4 var(--pd-body)!important;color:var(--pd-ink)!important;padding:18px 56px 18px 22px!important;margin:0!important;cursor:pointer;position:relative}
.pd-pre .pd-pre-faq .et_pb_toggle_title::before{display:none!important}
.pd-pre .pd-pre-faq .et_pb_toggle_title::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--pd-body);color:var(--pd-plum)}
.pd-pre .pd-pre-faq .et_pb_toggle_open .et_pb_toggle_title::after{content:"\2212"}
.pd-pre .pd-pre-faq .et_pb_toggle_content{padding:0 22px 20px!important;color:var(--pd-ink-soft);font-size:17px;line-height:1.6}
.pd-pre .pd-pre-faq .et_pb_toggle_content p{padding:0;margin:0}

/* ---------- tableta y móvil ---------- */
@media (max-width:1020px){
  .pd-pre .pd-pre-plans.et_pb_row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-pre .pd-pre-plan.pd-pre-feat{transform:none}
  .pd-pre .pd-pre-inc3.et_pb_row{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .pd-pre .pd-pre-hero-row.et_pb_row,.pd-pre .pd-pre-split.et_pb_row,.pd-pre .pd-pre-faq-row.et_pb_row{grid-template-columns:minmax(0,1fr)}
  .pd-pre .pd-pre-faq-side{position:static!important}
}
@media (max-width:560px){
  .pd-pre .pd-pre-plans.et_pb_row,.pd-pre .pd-pre-factors{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .pd-pre .pd-pre-big em::after{animation:none}
  .pd-pre .pd-pre-arr{transition:none}
}