/*
 Theme Name: Momentodivan Child
 Template: hello-elementor
 Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* ——— Base de la entrada ——— */
body.single-post .md-wrap{
  font-family: Georgia, serif;
  background:#fdfdfd;
  color:#1a2a4f;
  padding:2em;
  max-width:800px;
  margin:auto;
  line-height:1.7;
}

/* Cabecera */
.md-header{ text-align:center; padding-bottom:1em; margin-bottom:2em; }
.md-header::after{ content:""; display:block; width:200px; height:2px; background:#9aa7c5; margin:1em auto 0; }
.md-abstract{ font-style:italic; color:#555; font-size:1.1em; margin-top:.5em; }

/* Capitular primer párrafo */
.md-content > p:first-of-type::first-letter{
  font-family:'Great Vibes', cursive;
  font-size:3.6em;
  float:left;
  line-height:0.4;        /* antes 0.9 → sube la letra aprox. medio punto */
  margin-top:-0.1em;      /* ajuste fino para subirla ligeramente más */
  padding-right:6px;
  font-weight:400;
  color:#1a2a4f;
}


/* Párrafo destacado y cita */
.highlight-paragraph{
  border-left:4px solid #9aa7c5; padding-left:1em; background:#f5f7fb;
  margin:2em auto; max-width:70%; color:#2e3e5c;
}
.blockquote-comillas{
  padding:0 1em; font-style:italic; color:#333; margin:2em auto; font-size:1.25em;
  position:relative; max-width:70%; text-align:center;
}
.blockquote-comillas:before{
  content:"“"; font-size:4em; color:#1a2a4f; position:absolute; top:-.2em; left:-.4em; line-height:1;
}
.blockquote-comillas:after{
  content:"”"; font-size:4em; color:#1a2a4f; position:absolute; bottom:-.4em; right:-.4em; line-height:1;
}

/* ——— Zona final del artículo ——— */
/* Compacta y elimina línea inferior */
.md-postfooter{
  margin-top:1.2em;
  margin-bottom:0;
  padding-top:0;
  text-align:left;
  border:0;
}


/* Accesibilidad: texto oculto */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
/* ==== Reduce el espacio entre el final del texto del post y el bloque de compartir ==== */

/* Quita el espacio entre el final del post (the_content) y "Comparte este artículo" */
.md-content{ margin-bottom:0 !important; padding-bottom:0 !important; }

/* Todo último hijo dentro del contenido sin margen ni padding inferior */
.md-content > *:last-child,
.md-content > *:last-child > *:last-child{
  margin-bottom:0 !important; padding-bottom:0 !important;
}

/* Gutenberg/Hello a veces mete padding/margen en grupos/columnas al final */
.md-content > .wp-block-group:last-child,
.md-content > .wp-block-columns:last-child,
.md-content > .wp-block-image:last-child,
.md-content > .wp-block-quote:last-child,
.md-content > .wp-block-list:last-child,
.md-content > .wp-block-paragraph:last-child,
.md-content p:last-child{
  margin-bottom:0 !important; padding-bottom:0 !important;
}

/* ==== Ajuste final de espacios entre texto, compartir, firma y footer ==== */

/* Último párrafo del contenido sin huecos grandes */
.md-content > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Espacio entre el texto y el bloque de redes */
.md-postfooter {
  margin-top: 1.5em !important;   /* separa "Comparte este artículo" del texto */
  padding-top: 0 !important;
}

/* La frase "Comparte este artículo" con algo más de aire */
.md-share {
  margin-top: 1.5em !important;   /* aumenta distancia desde el texto */
  margin-bottom: 0.8em !important;
}

/* La firma más cercana al bloque de redes */
.md-signature--leftline {
  margin-top: 0.55em !important;   /* acerca unos 3–4 pt */
  margin-bottom: 4em !important;   /* separa ligeramente del footer */
  padding-bottom: 4 !important;
}

/* ===== Compartir (limpio) ===== */
.md-share{ margin-top:1.5em !important; text-align:left; }
.md-share p{
  display:flex; align-items:center; gap:.6em;
  margin:0; color:#1a2a4f; font-weight:700; font-size:1em;
}

/* Botón circular claro */
.md-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  background:#f0f0f0; text-decoration:none;
  transition:transform .12s ease, background .12s ease;
  margin-right:8px;
}
.md-btn:hover{ transform:scale(1.12); background:#e6e6e6; }

/* Tamaño iconos (SVG inline) */
.md-btn svg{ width:22px; height:22px; display:block; }

/* Instagram necesita más presencia visual */
.md-btn[aria-label="Instagram"] svg{ width:70px; height:70px; }

/* ===== Firma ===== */
.md-signature{ text-align:left; max-width:700px; margin:0 auto; color:#1a2a4f; line-height:1.6; }
.md-signature--leftline{
  /* border-left:6px solid #1a2a4f; */ /* desactivada */
  padding-left:18px; margin-top:.8em; margin-bottom:0;
}
.md-signature-media{ display:flex; gap:20px; align-items:center; }
.md-signature-avatar{ width:100px; height:100px; border-radius:50%; object-fit:cover; flex:0 0 100px; }
.md-signature-name{ font-weight:700; font-size:1.15em; margin-bottom:4px; }
.md-signature-roles,.md-signature-tag{ color:#334; font-size:1em; margin-bottom:4px; }
.md-signature-cta a{ color:#1a2a4f; font-weight:700; text-decoration:none; }
.md-signature-cta a:hover{ text-decoration:underline; }
@media (max-width:600px){ .md-signature-avatar{ width:70px; height:70px; flex-basis:70px; } }


/* ==== Tarjeta para la firma del autor ==== */
.md-signature--leftline {
  background: #f5f7fb;          /* azul claro suave */
  border-radius: 12px;          /* esquinas redondeadas */
  padding: 18px 22px;           /* espacio interno */
  margin-top: 1em !important;
  margin-bottom: 1.2em !important;
  color: #1a2a4f;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);  /* leve relieve */
}

.md-signature-media {
  display: flex;
  gap: 20px;
  align-items: center;
}

.md-signature-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.md-signature-name {
  font-weight: 700;
  font-size: 1.15em;
  margin-bottom: 4px;
}

.md-signature-roles,
.md-signature-tag {
  color: #2e3e5c;
  font-size: 1em;
  margin-bottom: 4px;
}

.md-signature-cta a {
  color: #1a2a4f;
  font-weight: 700;
  text-decoration: none;
}

.md-signature-cta a:hover {
  text-decoration: underline;
}

@media (max-width:600px) {
  .md-signature-avatar {
    width: 70px;
    height: 70px;
  }
}
/* Botón Instagram: fondo neutro, gradiente solo dentro del icono */
.md-btn--ig{
  background:#f0f0f0 !important;   /* ← quita el gradiente del fondo */
  color:inherit;
  border:none;
}
.md-btn--ig svg{ width:34px; height:34px; display:block; }
.md-btn--ig path{ fill:url(#ig-fill) !important; }  /* asegura el gradiente en el icono */

/* ===== CITA CON COMILLAS: FIX DEFINITIVO ===== */
/* Resetea cualquier borde/fondo del tema o editor */
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas,
figure.wp-block-quote.is-style-md-comillas,
.editor-styles-wrapper .wp-block-quote.is-style-md-comillas,
.wp-block-quote.is-style-md-comillas {
  position: relative !important;
  text-align: center !important;
  max-width: 70% !important;
  margin: 2em auto !important;
  padding: 0 1em !important;
  font-style: italic !important;
  color: #333 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Resetea el blockquote interno si existe (Gutenberg/Pullquote variantes) */
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas blockquote,
figure.wp-block-quote.is-style-md-comillas blockquote {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Evita pseudoelementos heredados de otros estilos */
.is-style-md-comillas *::before,
.is-style-md-comillas *::after { content: none !important; }

/* Comillas propias (sobre el contenedor figure/wp-block-quote) */
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas::before,
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas::after,
figure.wp-block-quote.is-style-md-comillas::before,
figure.wp-block-quote.is-style-md-comillas::after,
.editor-styles-wrapper .wp-block-quote.is-style-md-comillas::before,
.editor-styles-wrapper .wp-block-quote.is-style-md-comillas::after,
.wp-block-quote.is-style-md-comillas::before,
.wp-block-quote.is-style-md-comillas::after {
  content: "\201C";
  position: absolute;
  color: #1a2a4f;
  line-height: 1;
  font-size: 4em;
  pointer-events: none;
}
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas::before,
figure.wp-block-quote.is-style-md-comillas::before,
.editor-styles-wrapper .wp-block-quote.is-style-md-comillas::before,
.wp-block-quote.is-style-md-comillas::before { top: -.2em; left: -.4em; }
.editor-styles-wrapper figure.wp-block-quote.is-style-md-comillas::after,
figure.wp-block-quote.is-style-md-comillas::after,
.editor-styles-wrapper .wp-block-quote.is-style-md-comillas::after,
.wp-block-quote.is-style-md-comillas::after { content: "\201D"; bottom: -.4em; right: -.4em; }

/* Pullquote con el mismo estilo (aplicado al blockquote interno) */
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas,
.wp-block-pullquote.is-style-md-comillas { border: 0 !important; background: none !important; }
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas blockquote,
.wp-block-pullquote.is-style-md-comillas blockquote {
  position: relative !important;
  text-align: center !important;
  max-width: 70% !important;
  margin: 2em auto !important;
  padding: 0 1em !important;
  font-style: italic !important;
  color: #333 !important;
  border: 0 !important;
  background: none !important;
}
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas blockquote::before,
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas blockquote::after,
.wp-block-pullquote.is-style-md-comillas blockquote::before,
.wp-block-pullquote.is-style-md-comillas blockquote::after {
  content: "\201C";
  position: absolute;
  color: #1a2a4f;
  line-height: 1;
  font-size: 4em;
  pointer-events: none;
}
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas blockquote::before,
.wp-block-pullquote.is-style-md-comillas blockquote::before { top: -.2em; left: -.4em; }
.editor-styles-wrapper .wp-block-pullquote.is-style-md-comillas blockquote::after,
.wp-block-pullquote.is-style-md-comillas blockquote::after { content: "\201D"; bottom: -.4em; right: -.4em; }
.wp-block-image {
  display: flex;
  justify-content: center;
}