.elementor-886 .elementor-element.elementor-element-67f8f821{--display:flex;}/* Start custom CSS */:root {
  --blog-text: #f5f5f5;
  --blog-muted: #b8b8b8;
  --blog-accent: #ffffff;
  --blog-border: #262629;
  --blog-link: #e5e5e5;
}

.decorapiso-blog {
  max-width: 780px;
  margin: 0 auto 4rem;
  padding: 2.4rem 1.4rem 3rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
  color: var(--blog-text);
}

.decorapiso-blog p {
  margin: 0 0 1rem;
  color: var(--blog-muted);
  font-size: 1.02rem;
}

.decorapiso-blog a {
  color: var(--blog-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.decorapiso-blog a:hover {
  color: var(--blog-accent);
}

.decorapiso-blog header {
  margin-bottom: 2.2rem;
}

.decorapiso-blog header figure {
  margin: 0 0 1.5rem;
}

.decorapiso-blog header img {
  width: 100%;
  display: block;
  border-radius: 16px;
  object-fit: cover;
}

.decorapiso-blog header figcaption {
  margin-top: 0.4rem;
  font-size: 0.88rem;
  color: var(--blog-muted);
}

.decorapiso-blog nav {
  margin: 0 0 2.4rem;
  padding: 1.2rem 1.3rem 1.1rem;
  border-radius: 14px;
  border: 1px solid var(--blog-border);
  background: radial-gradient(circle at top left, #1f1f21, #101014);
}

.decorapiso-blog nav h2 {
  margin: 0 0 0.7rem;
  font-size: 1.05rem;
  color: var(--blog-accent);
  letter-spacing: 0.02em;
}

.decorapiso-blog nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.decorapiso-blog nav li {
  font-size: 0.96rem;
  margin: 0.18rem 0;
}

.decorapiso-blog nav a {
  text-decoration: none;
  color: var(--blog-muted);
}

.decorapiso-blog nav a::before {
  content: "• ";
  color: var(--blog-link);
}

.decorapiso-blog nav a:hover {
  color: var(--blog-accent);
}

.decorapiso-blog h2 {
  font-size: 1.4rem;
  margin: 2.4rem 0 1rem;
  color: var(--blog-accent);
  font-weight: 600;
  letter-spacing: 0.02em;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--blog-border);
}

.decorapiso-blog h3 {
  font-size: 1.12rem;
  margin: 1.6rem 0 0.5rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--blog-accent);
}

.decorapiso-blog ul {
  padding-left: 1.2rem;
  margin: 0.4rem 0 1.1rem;
}

.decorapiso-blog li {
  margin-bottom: 0.3rem;
  color: var(--blog-muted);
  font-size: 1.01rem;
}

.decorapiso-blog section {
  margin-bottom: 1.8rem;
}

.decorapiso-blog section:last-of-type {
  margin-bottom: 0;
}

/* FAQ de cualquier post: vale para cualquier sección cuyo id empiece por "faq-" */
.decorapiso-blog section[id^="faq-"] details {
  border-radius: 12px;
  border: 1px solid var(--blog-border);
  padding: 0.8rem 1rem;
  margin-bottom: 0.7rem;
  background: #151518;
}

.decorapiso-blog section[id^="faq-"] summary {
  cursor: pointer;
  font-weight: 500;
  color: var(--blog-accent);
  list-style: none;
}

.decorapiso-blog section[id^="faq-"] summary::-webkit-details-marker {
  display: none;
}

.decorapiso-blog section[id^="faq-"] summary::before {
  content: "+";
  display: inline-block;
  width: 1.1rem;
  margin-right: 0.3rem;
  text-align: center;
  font-weight: 600;
}

.decorapiso-blog section[id^="faq-"] details[open] summary::before {
  content: "–";
}

.decorapiso-blog section[id^="faq-"] p {
  margin-top: 0.6rem;
  font-size: 0.96rem;
}

@media (min-width: 900px) {
  .decorapiso-blog {
    padding: 3rem 0 3.5rem;
  }
}/* End custom CSS */