.resource-card-live{cursor:pointer;border-color:rgba(178,138,69,.55)}
.resource-card-live:hover,.resource-card-live:focus-visible{transform:translateY(-6px);box-shadow:0 22px 48px rgba(11,23,48,.12)}
.resource-link{display:inline-flex;align-self:flex-start;text-decoration:none;color:var(--accent-dark);font-weight:900}
.guide-page{background:#f5f7fa}
.guide-progress{position:fixed;inset:0 auto auto 0;width:0;height:4px;background:var(--accent);z-index:2200}
.guide-hero{min-height:610px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(7,16,34,.94),rgba(7,16,34,.72),rgba(7,16,34,.4)),url("../images/servicio-sucesiones-1100.webp") center/cover;position:relative;overflow:hidden}
.guide-hero:after{content:"ЯR";position:absolute;right:6vw;top:5rem;color:rgba(255,255,255,.08);font:800 clamp(7rem,18vw,16rem) Georgia;letter-spacing:-.12em}
.guide-hero-inner,.guide-main{width:min(1120px,calc(100% - 36px));margin:auto}
.guide-hero-inner{padding:8rem 0 4.5rem;position:relative;z-index:1}
.guide-breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:#d5dce6;font-size:.86rem;margin-bottom:2rem}.guide-breadcrumb a{color:#f0d7a5;text-decoration:none}
.guide-number{display:inline-flex;padding:.44rem .72rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#f0d7a5;font-weight:900;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
.guide-hero h1{font:700 clamp(2.7rem,6.2vw,5.2rem)/1.02 Georgia,serif;max-width:830px;margin-bottom:1.25rem;letter-spacing:-.035em}
.guide-hero-copy{max-width:760px;color:#dce4ef;font-size:1.12rem;margin-bottom:1.7rem}.guide-meta{display:flex;gap:.65rem 1.25rem;flex-wrap:wrap;font-size:.86rem;font-weight:700}
.guide-main{margin-top:-2.3rem;position:relative;z-index:2;padding-bottom:6rem}
.guide-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px rgba(11,23,48,.1);margin-bottom:3rem}
.guide-overview a{min-height:112px;display:grid;place-items:center;align-content:center;gap:.55rem;padding:.8rem;text-align:center;text-decoration:none;color:var(--primary);font-size:.78rem;font-weight:850;border-radius:13px}
.guide-overview a:hover{background:#f7f2e8}.guide-overview svg{width:28px;height:28px;fill:none;stroke:var(--accent-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem;align-items:start}
.guide-index{position:sticky;top:100px;padding:1.25rem;background:#fff;border:1px solid var(--line);border-radius:16px}.guide-index strong{display:block;color:var(--primary);margin-bottom:.8rem}.guide-index ol{display:grid;gap:.55rem;padding-left:1.1rem;color:var(--muted);font-size:.86rem}.guide-index a{text-decoration:none}.guide-index a.active,.guide-index a:hover{color:var(--accent-dark);font-weight:800}
.guide-section{scroll-margin-top:105px;padding:2rem;margin-bottom:1.15rem;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(11,23,48,.045)}
.guide-kicker{color:var(--accent-dark);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem}
.guide-section h2{font:700 clamp(1.75rem,3.5vw,2.5rem)/1.15 Georgia,serif;color:var(--primary);margin-bottom:.9rem}.guide-section>p{color:var(--muted)}
.guide-note{padding:1rem 1.1rem;margin-top:1.2rem;border-left:4px solid var(--accent);background:#f7f2e8;border-radius:0 12px 12px 0}
.kinship-grid,.document-grid,.cost-grid{display:grid;gap:.85rem;margin-top:1.3rem}.kinship-grid{grid-template-columns:repeat(4,1fr)}.document-grid,.cost-grid{grid-template-columns:repeat(3,1fr)}
.guide-mini-card{padding:1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--light)}.guide-mini-card span{display:block;color:var(--accent-dark);font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.guide-mini-card h3{color:var(--primary);font-size:1rem;margin-bottom:.35rem}.guide-mini-card p{color:var(--muted);font-size:.88rem}
.guide-timeline{position:relative;display:grid;gap:1rem;margin-top:1.5rem}.guide-timeline:before{content:"";position:absolute;top:26px;bottom:26px;left:25px;width:2px;background:#dac69e}
.timeline-item{position:relative;display:grid;grid-template-columns:52px 1fr;gap:1rem}.timeline-number{z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:900;border:4px solid #f5efe3}.timeline-copy{padding:1.05rem 1.15rem;border:1px solid var(--line);border-radius:14px;background:var(--light)}.timeline-copy h3{color:var(--primary);margin-bottom:.25rem}.timeline-copy p{color:var(--muted);font-size:.9rem}
.guide-faq{display:grid;gap:.7rem;margin-top:1.2rem}.guide-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.guide-faq summary{padding:1rem 1.15rem;cursor:pointer;color:var(--primary);font-weight:850;list-style:none}.guide-faq summary:after{content:"+";float:right;color:var(--accent-dark);font-size:1.25rem}.guide-faq details[open] summary:after{content:"−"}.guide-faq p{padding:0 1.15rem 1rem;color:var(--muted)}
.guide-cta{padding:clamp(2rem,5vw,3.3rem);margin-top:1.3rem;border-radius:22px;color:#fff;background:linear-gradient(105deg,rgba(7,16,34,.97),rgba(11,23,48,.83)),url("../images/cta-congreso.webp") center/cover}.guide-cta h2{font:700 clamp(2rem,4vw,3.2rem) Georgia,serif;margin-bottom:.7rem}.guide-cta p{max-width:670px;color:#dce4ef}.guide-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.guide-disclaimer{margin-top:1rem;color:var(--muted);font-size:.79rem}
@media(max-width:980px){.guide-overview{grid-template-columns:repeat(3,1fr)}.guide-layout{grid-template-columns:1fr}.guide-index{position:static}.kinship-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.guide-hero{min-height:560px;background:linear-gradient(rgba(7,16,34,.86),rgba(7,16,34,.8)),url("../images/servicio-sucesiones-640.webp") center/cover}.guide-overview{grid-template-columns:repeat(2,1fr)}.guide-section{padding:1.3rem}.document-grid,.cost-grid,.kinship-grid{grid-template-columns:1fr}.guide-cta-actions{display:grid}.guide-cta-actions .btn{width:100%}}


/* SPRINT 6 — PULIDO PREMIUM */
.guide-meta {
  gap: .65rem;
}

.guide-meta-pill {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .78rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #edf2f7;
  backdrop-filter: blur(8px);
}

.guide-meta-pill > span:first-child {
  color: #e2c27e;
  font-weight: 900;
}

.guide-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity .62s ease var(--guide-delay, 0ms),
    transform .62s cubic-bezier(.2,.7,.2,1) var(--guide-delay, 0ms);
}

.guide-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.guide-mini-card,
.guide-overview a,
.timeline-copy {
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.guide-mini-card:hover {
  transform: translateY(-5px);
  border-color: rgba(178,138,69,.52);
  box-shadow: 0 16px 34px rgba(11,23,48,.1);
}

.guide-overview a:hover svg {
  transform: scale(1.08);
}

.guide-overview svg {
  transition: transform .25s ease;
}

.guide-timeline::after {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 25px;
  width: 2px;
  background: var(--accent);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform .8s ease;
}

.guide-timeline:has(.timeline-item.is-complete:last-child)::after {
  transform: scaleY(1);
}

.timeline-item.is-complete .timeline-number {
  background: var(--accent);
  color: var(--primary);
  box-shadow: 0 0 0 7px rgba(178,138,69,.14);
}

.timeline-item.is-complete .timeline-copy {
  border-color: rgba(178,138,69,.45);
  background: #fffaf1;
}

.timeline-number {
  transition:
    background .3s ease,
    color .3s ease,
    box-shadow .3s ease;
}

.guide-faq details {
  transition: border-color .25s ease, box-shadow .25s ease;
}

.guide-faq details[open] {
  border-color: rgba(178,138,69,.48);
  box-shadow: 0 12px 28px rgba(11,23,48,.08);
}

.guide-faq details p {
  animation: guideFaqReveal .28s ease both;
}

@keyframes guideFaqReveal {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.professional-tip {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 1.2rem;
  align-items: center;
  padding: 1.4rem;
  margin: 1.15rem 0;
  border: 1px solid #e6d3ad;
  border-radius: 18px;
  background:
    linear-gradient(135deg, #fffaf0, #f4ead6);
  box-shadow: 0 12px 32px rgba(11,23,48,.055);
}

.professional-tip-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--primary);
  color: var(--accent);
  font-family: Georgia, serif;
  font-weight: 900;
  font-size: 1.05rem;
}

.professional-tip p:last-child {
  color: var(--text);
  margin: 0;
}

.guide-cta-closing {
  margin-top: .8rem;
  color: #f0d7a5 !important;
  font-weight: 750;
}

.guide-back-top {
  position: fixed;
  right: 22px;
  bottom: 92px;
  z-index: 1200;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(178,138,69,.55);
  border-radius: 50%;
  background: var(--primary);
  color: var(--white);
  font-size: 1.25rem;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(7,16,34,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition:
    opacity .25s ease,
    visibility .25s ease,
    transform .25s ease,
    background .25s ease;
}

.guide-back-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.guide-back-top:hover {
  background: var(--accent-dark);
}

.wa-float {
  animation: guideWhatsAppBreath 5s ease-in-out infinite;
}

@keyframes guideWhatsAppBreath {
  0%, 82%, 100% {
    transform: scale(1);
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
  }
  88% {
    transform: scale(1.055);
    box-shadow: 0 13px 35px rgba(0,0,0,.23);
  }
  94% {
    transform: scale(1);
  }
}

@media (max-width: 700px) {
  .professional-tip {
    grid-template-columns: 1fr;
  }

  .professional-tip-icon {
    width: 54px;
    height: 54px;
  }

  .guide-back-top {
    right: 16px;
    bottom: 84px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guide-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .wa-float {
    animation: none;
  }

  .guide-faq details p {
    animation: none;
  }
}


/* IDENTIDAD VISUAL UNIFORME */
.brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
  border-radius: 10px;
  flex: 0 0 auto;
}

.professional-tip-icon {
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.professional-tip-logo {
  width: 64px;
  height: 64px;
  display: block;
  object-fit: contain;
  border-radius: 14px;
}

.footer-logo {
  width: min(100%, 390px);
  height: auto;
}

@media (max-width: 700px) {
  .brand-logo {
    width: 46px;
    height: 46px;
  }

  .professional-tip-logo {
    width: 54px;
    height: 54px;
  }
}

/* IMAGENES ESPECIFICAS POR GUIA */
.guide-sucesiones .guide-hero{
  background:
    linear-gradient(90deg,rgba(7,16,34,.94),rgba(7,16,34,.72),rgba(7,16,34,.4)),
    url("../images/servicio-sucesiones-1100.webp") center/cover;
}
.guide-contratos .guide-hero{
  background:
    linear-gradient(90deg,rgba(7,16,34,.94),rgba(7,16,34,.72),rgba(7,16,34,.4)),
    url("../images/servicio-contratos-1100.webp") center/cover;
}
.guide-sociedades .guide-hero{
  background:
    linear-gradient(90deg,rgba(7,16,34,.94),rgba(7,16,34,.72),rgba(7,16,34,.4)),
    url("../images/servicio-societario-1100.webp") center/cover;
}

@media(max-width:700px){
  .guide-sucesiones .guide-hero{
    background:
      linear-gradient(rgba(7,16,34,.86),rgba(7,16,34,.8)),
      url("../images/servicio-sucesiones-640.webp") center/cover;
  }
  .guide-contratos .guide-hero{
    background:
      linear-gradient(rgba(7,16,34,.86),rgba(7,16,34,.8)),
      url("../images/servicio-contratos-640.webp") center/cover;
  }
  .guide-sociedades .guide-hero{
    background:
      linear-gradient(rgba(7,16,34,.86),rgba(7,16,34,.8)),
      url("../images/servicio-societario-640.webp") center/cover;
  }
}