*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f2e9;color:#14253a;font-family:Georgia,"Times New Roman",serif;line-height:1.6}.brand-banner{width:100%;background:#07192d;line-height:0;overflow:hidden}.brand-banner img{display:block;width:100%;height:auto}.nav{background:#081b30;color:#fff;padding:16px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{color:#fff;text-decoration:none;font-weight:800;letter-spacing:1px;font-size:20px}.logo span{font-size:12px;font-weight:400}.navlinks{display:flex;gap:22px}.navlinks a{color:#fff;text-decoration:none;font-size:14px}.kicker{color:#b9822f;letter-spacing:3px;font-size:12px;font-weight:800;margin:0 0 10px}.intro{text-align:center;max-width:820px;margin:auto;padding:80px 24px 60px}.intro h1,.section h2,.community h2,.reels-heading h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:0 0 15px}.intro p:not(.kicker),.reels-heading p:not(.kicker){font-size:18px;color:#536273}.btn{display:inline-block;padding:12px 21px;border-radius:999px;text-decoration:none;font-weight:800;margin-top:10px}.gold{background:#c28a35;color:#fff}.section{max-width:1120px;margin:auto;padding:55px 24px 90px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;padding:30px;border-radius:24px;border:1px solid #e7ddcd;box-shadow:0 14px 35px rgba(20,37,58,.08)}.main-card{border-color:#d2a65f}.icon{font-size:34px}.card h3{font-size:25px;margin:10px 0}.card p{color:#586676}.card a,.reel-link{color:#9b681e;font-weight:800;text-decoration:none}.reels-section{background:#0b2038;color:#fff;padding:85px 24px}.reels-heading{max-width:1120px;margin:0 auto 35px;display:flex;justify-content:space-between;align-items:end;gap:30px}.reels-heading .kicker{color:#e3b967}.reels-heading p{color:#c5d0db}.reels-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reel-card{background:#fff;color:#14253a;border-radius:22px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.22)}.featured-reel{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.32)}.reel-cover{height:300px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.reel-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(5,22,40,.2),rgba(5,22,40,.7))}.morning{background:linear-gradient(135deg,#9d6733,#e6c179 50%,#38536b)}.hope{background:linear-gradient(135deg,#07182b,#31516e 55%,#b48640)}.night{background:linear-gradient(135deg,#030c18,#172c48 55%,#81623b)}.reel-badge{position:absolute;top:16px;left:16px;z-index:2;background:rgba(255,255,255,.92);color:#14253a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.play{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#c28a35;color:#fff;font-size:24px;position:relative;z-index:2}.cover-label{position:absolute;bottom:18px;left:18px;z-index:2;font-size:13px;letter-spacing:3px;font-weight:800;color:#fff}.reel-body{padding:23px}.reel-body h3{font-size:22px;margin:0 0 7px}.reel-body p{color:#586676;margin:0 0 13px}.reels-note{max-width:1120px;margin:30px auto 0;padding:17px 20px;border:1px solid rgba(227,185,103,.45);border-radius:16px;color:#d9e1e8}.reels-note strong{color:#e3b967}.verse{background:#f6f2e9;color:#fff;padding:80px 24px}.verse-inner{max-width:1000px;margin:auto;background:#0b2038;padding:45px;border-radius:30px;display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:center}.verse-inner img{width:220px;height:220px;object-fit:cover;border-radius:50%;border:5px solid #d8a94f}.verse .kicker{color:#e3b967}.verse blockquote{font-size:clamp(28px,4vw,45px);line-height:1.15;margin:10px 0 15px}.verse strong{color:#e3b967}.community{padding:85px max(24px,calc((100vw - 1120px)/2));background:#eadcc2;display:flex;justify-content:space-between;align-items:center;gap:35px}.community>div:first-child{max-width:720px}.social-buttons{display:flex;gap:12px}.social{padding:12px 20px;border-radius:999px;background:#0b2038;color:#fff;text-decoration:none;font-weight:800}footer{background:#071728;color:#fff;padding:30px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:20px}footer span{color:#c7d0d9}@media(max-width:800px){.nav{justify-content:center}.navlinks{display:none}.cards,.reels-grid{grid-template-columns:1fr}.featured-reel{transform:none}.reels-heading{flex-direction:column;align-items:start}.reel-cover{height:340px}.verse-inner{grid-template-columns:1fr;text-align:center}.verse-inner img{margin:auto}.community{flex-direction:column;text-align:center}.social-buttons{flex-wrap:wrap;justify-content:center}footer{flex-direction:column}}
.seo-articles{margin-top:55px}
.article-content{max-width:860px}
.article-content .card{font-size:18px}
.article-content .card h2{font-size:clamp(28px,4vw,42px);line-height:1.15}
.article-content .card h3{margin-top:32px}
.article-content blockquote{font-size:24px;line-height:1.45;border-left:4px solid #c28a35;margin:28px 0;padding:10px 0 10px 22px}

.publicaciones {
  padding: 56px 8%;
  background: linear-gradient(135deg, #07192d, #0d2742);
}

.publicacion {
  max-width: 900px;
  margin: 0 auto 28px;
  padding: 36px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(212, 175, 55, 0.35);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
  color: #ffffff;
}

.publicacion .kicker {
  margin-bottom: 12px;
  color: #d4af37;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.publicacion h2 {
  margin: 0 0 18px;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.05;
  color: #ffffff;
}

.publicacion > p:not(.kicker) {
  margin-bottom: 22px;
  font-size: 1.08rem;
  line-height: 1.8;
  color: #e8edf3;
}

.publicacion blockquote {
  margin: 24px 0 12px;
  padding-left: 20px;
  border-left: 3px solid #d4af37;
  font-size: 1.18rem;
  line-height: 1.7;
  font-style: italic;
  color: #f5e7b2;
}

.publicacion strong {
  display: inline-block;
  margin-top: 8px;
  color: #d4af37;
}

@media (max-width: 700px) {
  .publicaciones {
    padding: 36px 18px;
  }

  .publicacion {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .publicacion h2 {
    font-size: 2rem;
  }
}
/* Diseño final para las publicaciones automáticas */
.publicaciones {
  width: 100%;
  padding: 60px 6%;
  background: #07192d !important;
  box-sizing: border-box;
}

.publicaciones .publicacion {
  max-width: 920px;
  margin: 0 auto;
  padding: 38px 34px;
  background: #0d2742 !important;
  color: #ffffff !important;
  border: 1px solid #d4af37;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.publicaciones .publicacion .kicker {
  color: #d4af37 !important;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin-bottom: 14px;
}

.publicaciones .publicacion h2 {
  color: #ffffff !important;
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin: 0 0 20px;
}

.publicaciones .publicacion p {
  color: #edf2f7 !important;
  font-size: 1.08rem;
  line-height: 1.8;
}

.publicaciones .publicacion blockquote {
  color: #f6e7ad !important;
  margin: 26px 0 14px;
  padding: 14px 0 14px 20px;
  border-left: 4px solid #d4af37;
  font-size: 1.2rem;
  line-height: 1.7;
  font-style: italic;
}

.publicaciones .publicacion strong {
  color: #d4af37 !important;
  font-size: 1rem;
}

@media (max-width: 700px) {
  .publicaciones {
    padding: 36px 16px;
  }

  .publicaciones .publicacion {
    padding: 26px 20px;
    border-radius: 18px;
  }
}