.hero--featured {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 28px;
  align-items: stretch;
  margin-bottom: 16px;
}

.hero-featured__image {
  display: block;
  border-radius: 22px;
  overflow: hidden;
  min-height: 100%;
}

.hero-featured__image img{
width:100%;
height:520px;
object-fit:cover;
display:block;
border-radius:20px;
}
}

.hero-featured__content {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: var(--shadow);
}

.hero-featured__content h1 {
  margin: 10px 0 12px;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.05;
}

.hero-featured__content h1 a {
  color: #fff;
}

.hero-featured__excerpt {
  color: var(--muted);
  font-size: 1.05rem;
}

.grid--posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

@media (max-width: 980px) {
  .hero--featured {
    grid-template-columns: 1fr;
  }

  .hero-featured__image img {
    min-height: 380px;
  }

  .grid--posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .grid--posts {
    grid-template-columns: 1fr;
  }

  .hero-featured__content {
    padding: 20px;
  }

  .hero-featured__image img {
    min-height: 280px;
  }
}/* HERO PORTADA */

.hero--home{
min-height:450px;
background-size:cover;
background-position:center;
border-radius:20px;
overflow:hidden;
margin-bottom:40px;
}

.hero-overlay{
background:linear-gradient(
rgba(0,0,0,0.6),
rgba(0,0,0,0.8)
);
min-height:450px;
display:flex;
align-items:center;
padding:40px;
}

.hero__content{
max-width:700px;
}

.hero__eyebrow{
color:#c7a76a;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
font-size:14px;
display:block;
margin-bottom:10px;
}

.hero__content h1{
font-size:48px;
margin-bottom:15px;
}

.hero__content p{
font-size:18px;
color:#ccc;
}

/* IMAGENES DE TARJETAS */

.card img{
width:100%;
height:220px;
object-fit:cover;
border-radius:12px 12px 0 0;
}

/* GRID DE ARTICULOS */

.grid--posts{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:20px;
}

/* RESPONSIVE */

@media(max-width:900px){

.grid--posts{
grid-template-columns:repeat(2,1fr);
}

.hero__content h1{
font-size:36px;
}

}

@media(max-width:600px){

.grid--posts{
grid-template-columns:1fr;
}

.hero-overlay{
padding:25px;
}

.hero__content h1{
font-size:28px;
}

}
body {
  background: #0b0b0b !important;
  color: #f5f5f5 !important;
  font-family: Arial, sans-serif !important;
}

.site-header {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.container {
  width: min(100% - 32px, 1200px);
  margin: 0 auto;
}

.logo a {
  color: #fff;
  text-decoration: none;
}

.tagline {
  color: #b9b9b9;
}

.hero--featured {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 28px;
  align-items: stretch;
  margin: 32px 0 16px;
}

.hero-featured__image {
  display: block;
  border-radius: 22px;
  overflow: hidden;
}

.hero-featured__image img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  display: block;
}

.hero-featured__content {
  background: #171717;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 28px;
}

.hero__eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  color: #c7a76a;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-featured__content h1 a {
  color: #fff;
  text-decoration: none;
}

.grid--posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.card {
  background: #171717;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  overflow: hidden;
}

.card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.card__body {
  padding: 18px;
}

.card__meta {
  color: #b9b9b9;
  font-size: .9rem;
  margin-bottom: 10px;
}

.card__title a {
  color: #c7a76a;
  text-decoration: none;
}

.section-title {
  margin: 36px 0 18px;
  color: #fff;
}

@media (max-width: 980px) {
  .hero--featured {
    grid-template-columns: 1fr;
  }

  .grid--posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .grid--posts {
    grid-template-columns: 1fr;
  }
}
/* SINGLE POSTS */

.single-layout{
  padding-top:34px;
  padding-bottom:60px;
}

.single-container{
  width:min(100% - 32px, 860px);
  margin:0 auto;
}

.single-article{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:24px;
  padding:28px;
  box-shadow:var(--shadow);
}

.single-header{
  margin-bottom:20px;
}

.single-title{
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.08;
  margin:0 0 14px;
  color:#fff;
}

.single-meta{
  color:var(--muted);
  font-size:.96rem;
  line-height:1.5;
}

.single-meta a{
  color:var(--accent);
  text-decoration:none;
}

.single-content{
  margin-top:22px;
}

.single-content p,
.single-content li{
  font-size:1.08rem;
  line-height:1.85;
  color:#e6e6e6;
}

.single-content h2,
.single-content h3,
.single-content h4{
  line-height:1.2;
  margin-top:30px;
  margin-bottom:14px;
  color:#fff;
}

.single-content img{
  width:100%;
  height:auto;
  display:block;
  border-radius:16px;
  margin:24px 0;
}

.single-content figure{
  margin:24px 0;
}

.single-content a{
  color:var(--accent);
}

/* ESPACIOS PUBLICITARIOS INVISIBLES */

.ad-box{
  min-height:120px;
  margin:30px 0;
}

/* HISTORIAS RELACIONADAS */

.related-posts{
  margin-top:34px;
}

.related-posts__title{
  margin-bottom:18px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.related-card{
  background:#111;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  transition:.3s;
}

.related-card:hover{
  transform:translateY(-4px);
}

.related-thumb img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}

.related-card__title{
  font-size:1rem;
  padding:14px 16px 18px;
  line-height:1.4;
  margin:0;
}

.related-card__title a{
  color:#e0b04b;
  text-decoration:none;
  font-weight:600;
}

.related-card__title a:hover{
  color:#ffd479;
}

/* OCULTAR IMAGEN DESTACADA */

.single-post .post-thumbnail,
.single-post .single-thumbnail,
.single-post .wp-post-image.featured-image{
  display:none !important;
}

@media (max-width:720px){

  .single-article{
    padding:18px;
    border-radius:18px;
  }

  .single-title{
    font-size:2rem;
  }

  .single-content p,
  .single-content li{
    font-size:1rem;
  }

  .related-grid{
    grid-template-columns:1fr;
  }

}
.site-footer{
margin-top:60px;
padding-top:40px;
padding-bottom:20px;
background:#101010;
border-top:1px solid rgba(255,255,255,.08);
}

.footer-wrap{
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
gap:30px;
align-items:start;
}

.footer-title{
margin:0 0 10px;
color:#fff;
font-size:1.3rem;
}

.footer-text{
margin:0;
color:#bdbdbd;
line-height:1.7;
}

.footer-links h4,
.footer-social h4{
margin:0 0 14px;
color:#fff;
font-size:1rem;
}

.footer-links ul{
list-style:none;
margin:0;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#d6d6d6;
text-decoration:none;
}

.footer-links a:hover{
color:#e0b04b;
}

.social-icons{
display:flex;
gap:14px;
margin-top:10px;
}

.social-icons a{
color:#d6d6d6;
transition:.3s;
}

.social-icons a:hover{
color:#e0b04b;
transform:scale(1.1);
}

.footer-bottom{
margin-top:28px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.08);
text-align:center;
}

.footer-bottom p{
margin:0;
color:#9f9f9f;
font-size:.95rem;
}

@media (max-width:900px){
.footer-wrap{
grid-template-columns:1fr;
}
}