/* Reset mínimo */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
}

img {
  max-width: 100%;
  display: block;
}
/* ===== Dark mode base ===== */
html.dark body{
  background: #0f1414;
  color: #e8e8e8;
}

html.dark a{ color: #e8e8e8; }

/* Cards y contenedores típicos */
html.dark .post-card,
html.dark .cat-card,
html.dark .comment-body,
html.dark .widget{
  background: #121919;
  border-color: #243333;
}

html.dark .site-header,
html.dark .main-nav{
  background: #0f1414;
  border-color: #243333;
}

html.dark .post-card-excerpt,
html.dark .cat-excerpt,
html.dark .single-meta,
html.dark .comment-notes{
  color: #b7c0c0;
}
/* =========================
   DARK MODE – AJUSTES FINOS
   ========================= */

/* Fondo general */
html.dark body{
  background: #0f1414;
  color: #e6e6e6;
}

/* Enlaces */
html.dark a{
  color: #e6e6e6;
}
html.dark a:hover{
  color: #2ecc71;
}

/* Headers y navegación */
html.dark .site-header,
html.dark .main-nav,
html.dark header{
  background: #0b1111;
  border-color: #1e2b2b;
}

/* Cards, widgets, sidebar */
html.dark .post-card,
html.dark .video-card,
html.dark .widget,
html.dark .single-sidebar .widget,
html.dark .sidebar-box{
  background: #121919;
  border-color: #1f2f2f;
}

/* Títulos */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4{
  color: #ffffff;
}

/* Meta info (fecha, autor, etc.) */
html.dark .single-meta,
html.dark .post-card-excerpt,
html.dark .comment-notes{
  color: #b9c2c2;
}

/* =========================
   FORMULARIOS (CLAVE)
   ========================= */
html.dark input,
html.dark textarea,
html.dark select{
  background: #0f1414;
  color: #e6e6e6;
  border: 1px solid #2a3b3b;
}

html.dark input::placeholder,
html.dark textarea::placeholder{
  color: #8fa3a3;
}

/* Focus */
html.dark input:focus,
html.dark textarea:focus{
  outline: none;
  border-color: #2ecc71;
  box-shadow: 0 0 0 1px rgba(46,204,113,.3);
}

/* =========================
   BOTONES
   ========================= */
html.dark button,
html.dark .button,
html.dark input[type="submit"]{
  background: #2ecc71;
  color: #0f1414;
  border: none;
}

html.dark button:hover,
html.dark input[type="submit"]:hover{
  background: #27ae60;
}

/* =========================
   COMENTARIOS
   ========================= */
html.dark .comment-form{
  background: #121919;
}

html.dark .comment-body{
  background: #121919;
  border-color: #1f2f2f;
}

/* =========================
   FOOTER
   ========================= */
html.dark footer{
  background: #001f1f;
  color: #cfe3e3;
}

html.dark footer a{
  color: #cfe3e3;
}

html.dark footer a:hover{
  color: #2ecc71;
}