/*
Theme Name: DM IMAGE TECH
Description: Tema de dmimagetech.ai — landing propia como portada + blog DANI Insights sobre Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.1.0
Author: DM IMAGE TECH
Text Domain: dmimagetech
*/

/* ==========================================================================
   Blog DANI Insights — editorial: hero morado + cuerpo claro (#F7F2F8)
   ========================================================================== */
:root{
  --dmit-tinta:#2C0E30; --dmit-morado:#4A1650; --dmit-claro:#6C2474;
  --dmit-am:#EEC832; --dmit-blanco:#F8F4FA; --dmit-clara:#F7F2F8;
  --dmit-sans:'Montserrat',sans-serif; --dmit-serif:'Playfair Display',serif;
}

body{background:var(--dmit-clara);font-family:var(--dmit-sans)}

.dmit-eyebrow{
  font-family:var(--dmit-sans);font-size:12px !important;font-weight:700;
  letter-spacing:.38em;text-transform:uppercase;color:var(--dmit-am) !important;
}
.dmit-eyebrow::before{content:'■';font-size:9px;margin-right:10px}

/* --- hero de artículo y de índice: morado con barra amarilla, grid y marca de agua --- */
.dmit-art-hero,.dmit-blog-hero{
  position:relative;overflow:hidden;
  background-image:
    linear-gradient(rgba(248,244,250,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(248,244,250,.04) 1px,transparent 1px),
    linear-gradient(160deg,var(--dmit-tinta) 0%,var(--dmit-morado) 90%);
  background-size:84px 84px,84px 84px,auto;
  border-top:10px solid var(--dmit-am);
  padding:80px 24px 52px !important;margin:0 !important;max-width:none !important;
}
.dmit-art-hero::after,.dmit-blog-hero::after{
  content:'D®';position:absolute;right:-50px;top:-70px;font-size:330px;font-weight:800;
  line-height:1;color:rgba(248,244,250,.045);pointer-events:none;user-select:none;
}
.dmit-art-hero>*,.dmit-blog-hero>*{position:relative;z-index:1}
.dmit-hero-top{gap:18px;align-items:center}
.dmit-cat-chip a{
  font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--dmit-am) !important;text-decoration:none;
  border:1px solid rgba(238,200,50,.45);padding:6px 12px;display:inline-block;
}
.dmit-art-hero h1,.dmit-blog-hero h1{
  font-family:var(--dmit-sans);font-weight:800;line-height:1.15;letter-spacing:-.01em;
  color:var(--dmit-blanco);font-size:clamp(30px,4vw,52px);margin-top:22px;
}
.dmit-blog-hero h1{letter-spacing:.04em}
.dmit-blog-sub{color:rgba(248,244,250,.75);font-size:17px;margin-top:10px}
.dmit-bajada,.dmit-bajada p{color:rgba(248,244,250,.78) !important;font-size:18px;line-height:1.6;margin-top:16px;font-weight:500}
.dmit-bajada .wp-block-post-excerpt__more-text{display:none}
.dmit-meta{
  margin-top:34px;gap:18px;font-size:11px;
  border-top:1px solid rgba(238,200,50,.35);padding-top:16px;
  letter-spacing:.22em;text-transform:uppercase;font-weight:600;
}
.dmit-meta p,.dmit-meta time{color:rgba(248,244,250,.6);font-size:11px;margin:0;letter-spacing:.22em}

/* --- portada del artículo --- */
.dmit-art-cover{padding:0 24px;margin-top:-34px !important}
.dmit-art-cover img{box-shadow:0 24px 60px rgba(44,14,48,.25)}

/* --- cuerpo del artículo: lectura clara --- */
.dmit-art-body{padding:56px 24px 90px}
.dmit-art-body,.dmit-art-body p,.dmit-art-body li{
  font-family:var(--dmit-sans);font-size:18px;line-height:1.7;color:var(--dmit-tinta);
}
.dmit-art-body h2{
  font-family:var(--dmit-sans);font-weight:800;color:var(--dmit-tinta);
  font-size:26px;margin-top:44px;padding-top:18px;border-top:3px solid var(--dmit-am);
}
.dmit-art-body a{color:var(--dmit-claro);text-decoration-color:var(--dmit-am)}
.dmit-art-body strong{color:var(--dmit-morado)}
.dmit-art-body em{font-family:var(--dmit-serif)}
.dmit-volver{margin-top:56px !important;padding-top:22px;border-top:1px solid rgba(44,14,48,.15);font-size:14px !important}
.dmit-volver a{font-weight:700;color:var(--dmit-tinta);text-decoration:none;border-bottom:2px solid var(--dmit-am)}

/* --- índice: cards editoriales --- */
.dmit-blog-lista{padding:64px 24px 40px}
.dmit-card{
  background:#fff;border-top:3px solid var(--dmit-am);
  box-shadow:0 14px 40px rgba(44,14,48,.08);padding:0 0 22px;height:100%;
  transition:transform .18s ease;
}
.dmit-card:hover{transform:translateY(-4px)}
.dmit-card figure{margin:0 0 16px}
.dmit-cats{padding:0 22px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}
.dmit-cats a{color:var(--dmit-claro);text-decoration:none}
.dmit-card h2{font-size:19px;line-height:1.35;font-weight:700;padding:0 22px;margin:10px 0 8px}
.dmit-card h2 a{color:var(--dmit-tinta);text-decoration:none}
.dmit-card .wp-block-post-excerpt{padding:0 22px;font-size:14px;color:rgba(44,14,48,.7)}
.dmit-card .wp-block-post-excerpt__more-link{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dmit-tinta);text-decoration:none}
.dmit-card .wp-block-post-date{padding:0 22px;font-size:12px;color:rgba(44,14,48,.5)}
.dmit-blog-cta{padding:10px 24px 90px}
.dmit-blog-cta a{font-weight:700;color:var(--dmit-tinta);text-decoration:none;border-bottom:2px solid var(--dmit-am)}

/* --- header/footer del tema padre alineados a la marca --- */
.wp-site-blocks > header{background:var(--dmit-tinta)}
.wp-site-blocks > header a,.wp-site-blocks > header p{color:var(--dmit-blanco) !important}
.wp-site-blocks > footer{background:var(--dmit-tinta);color:var(--dmit-blanco)}
.wp-site-blocks > footer a,.wp-site-blocks > footer p{color:rgba(248,244,250,.75) !important}

@media (max-width:780px){
  .dmit-art-hero,.dmit-blog-hero{padding:52px 20px 42px !important}
  .dmit-art-body{padding:40px 20px 70px}
  .dmit-art-body,.dmit-art-body p,.dmit-art-body li{font-size:17px}
}
