/* Gracias (/gracias/). Prefijo pd-gra-. Vista v-gracias de la maqueta: tono tranquilo, sin banda de contacto.
   Las filas llevan su ancho como ajuste nativo de Divi; aquí la rejilla, la tipografía y las tarjetas. */

.pd-gra.et_pb_section{padding:clamp(64px,8vw,104px) 0!important}
.pd-gra .et_pb_row{padding:0!important}
.pd-gra .et_pb_module{margin-bottom:0!important}
.pd-gra .et_pb_text{color:var(--pd-ink);font-size:17px;line-height:1.6}
.pd-gra .et_pb_text h1,.pd-gra .et_pb_text h2{padding:0;margin:0;text-wrap:balance}
.pd-gra .et_pb_text p{padding:0;margin:0}
.pd-gra .pd-gra-label{font:600 13px/1.3 var(--pd-body);letter-spacing:.1em;text-transform:uppercase;color:var(--pd-plum)}

/* ---------- mensaje recibido ---------- */
.pd-gra-thanks.et_pb_section{background:linear-gradient(160deg,#FFF3F0 0%,#FBE6F1 55%,#EFE3F5 100%)!important;padding:clamp(48px,7vw,88px) 0!important}
.pd-gra .pd-gra-grid.et_pb_row{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.pd-gra .pd-gra-grid.et_pb_row::before,.pd-gra .pd-gra-grid.et_pb_row::after,
.pd-gra .pd-gra-guide.et_pb_row::before,.pd-gra .pd-gra-guide.et_pb_row::after{display:none!important}
.pd-gra .pd-gra-grid>.et_pb_column,.pd-gra .pd-gra-guide>.et_pb_column{width:auto!important;margin:0!important;min-width:0}
.pd-gra-thanks h1{font:700 clamp(34px,4.4vw,52px)/1.08 var(--pd-body)!important;letter-spacing:-.03em;color:var(--pd-head);margin-top:10px!important}
.pd-gra .pd-gra-lead{margin-top:16px!important;font-size:19px;color:var(--pd-ink-soft);max-width:32em}
.pd-gra .pd-gra-next{list-style:none!important;margin:28px 0 0!important;padding:0!important;display:grid;gap:14px;counter-reset:pdgra;line-height:1.5}
.pd-gra .pd-gra-next li{display:grid;grid-template-columns:40px 1fr;gap:4px 14px;align-items:start;padding:0}
.pd-gra .pd-gra-next li::before{counter-increment:pdgra;content:counter(pdgra);grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pd-card);border:2px solid var(--pd-magenta);font:700 16px/1 var(--pd-body);color:var(--pd-plum)}
.pd-gra .pd-gra-next b{color:var(--pd-head);font-weight:700}
.pd-gra .pd-gra-next span{color:var(--pd-ink-soft);font-size:16px}
.pd-gra .pd-gra-note{margin-top:14px!important;font-size:15px;color:var(--pd-ink-soft)}
.pd-gra .pd-gra-note a{color:var(--pd-plum);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pd-gra .pd-gra-ilus .et_pb_image_wrap{display:block;width:100%}
.pd-gra .pd-gra-ilus img{display:block;width:100%;height:auto;border-radius:28px}

/* ---------- mientras tanto ---------- */
.pd-gra-band.et_pb_section{background:var(--pd-band-svc)!important}
.pd-gra .pd-gra-sh-row{margin-bottom:44px}
.pd-gra .pd-gra-sh{max-width:640px}
.pd-gra .pd-gra-sh h2{font:700 clamp(28px,3.1vw,40px)/1.15 var(--pd-body)!important;letter-spacing:-.025em;color:var(--pd-head);margin-top:10px!important}
.pd-gra .pd-gra-guide.et_pb_row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pd-gra .pd-gra-guide .et_pb_text,.pd-gra .pd-gra-guide .et_pb_text_inner,.pd-gra .pd-gra-guide .et_pb_text p{height:100%}
.pd-gra .pd-gra-card{display:grid;gap:8px;align-content:start;height:100%;padding:22px;border-radius:20px;background:var(--pd-card);border:1px solid var(--pd-line);text-decoration:none;color:var(--pd-ink);transition:transform .2s,box-shadow .2s}
.pd-gra .pd-gra-card:hover{transform:translateY(-3px);box-shadow:var(--pd-shadow)}
.pd-gra .pd-gra-q{font-size:15px;color:var(--pd-ink-soft)}
.pd-gra .pd-gra-card b{font:700 20px/1.25 var(--pd-body);letter-spacing:-.015em;color:var(--pd-head)}
.pd-gra .pd-gra-arr{display:inline-block;color:var(--pd-plum);font-weight:700;transition:transform .18s ease}
.pd-gra .pd-gra-card:hover .pd-gra-arr,.pd-gra .pd-gra-card:focus-visible .pd-gra-arr{transform:translateX(4px)}

@media (max-width:1020px){.pd-gra .pd-gra-guide.et_pb_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.pd-gra .pd-gra-grid.et_pb_row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pd-gra .pd-gra-guide.et_pb_row{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pd-gra .pd-gra-card,.pd-gra .pd-gra-arr{transition:none}}