/*
Theme Name: Antroproyectando Child
Template: oceanwp
*/

body {
  font-family: 'Source Serif Pro', Georgia, serif;
  font-size: 19px;
  line-height: 1.75;
  color: #222;
}

/* Contenedor principal para entradas, páginas y home */
body.single-post #content-wrap,
body.page #content-wrap,
body.home #content-wrap {
  background-color: #ffffff;
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px 30px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

/* Ocultar barras laterales en todo */
#right-sidebar,
#left-sidebar {
  display: none !important;
}

/* Forzar que el área de contenido ocupe todo el espacio */
.content-area {
  width: 100% !important;
  float: none !important;
}

/* Títulos */
h1, h2, h3 {
  font-family: 'Source Serif Pro', Georgia, serif;
  font-weight: 600;
  color: #111;
  margin-top: 1.5em;
}

/* Imagen destacada centrada y redondeada */
.single-post .thumbnail img,
.single-post .post-thumbnail img {
  display: block;
  margin: 0 auto;
  border-radius: 8px;
  max-width: 100%;
  height: auto;
}

/* === Personalizaciones visuales Antroproyectando === */

/* === Cabecera fija === */
#site-header {
	position: fixed;
	width: 100%;
	z-index: 100;
}

/* === Fondos === */
body {
	background: linear-gradient(to bottom, #f5f5f5, #ffffff);
	background-size: cover;
}
.site-header {
	background: linear-gradient(to bottom, #e0e0e0, #ffffff);
	background-size: cover;
}

/* === Tipografías y contenido general === */
.single-post .entry-content {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.8;
	color: #333;
	text-align: justify;
}
.single-post .site-content {
	padding-top: 50px;
}
.single-post p {
	margin-bottom: 20px;
}
.single-post h1,
.single-post h2,
.single-post h3 {
	font-family: 'Merriweather', serif;
	color: #000;
	margin-bottom: 20px;
}

/* === Imagen destacada === */
.single-post .thumbnail {
	text-align: center;
	margin-bottom: 20px;
}
.single-post .thumbnail img {
	width: 550px !important;
	height: 400px !important;
	object-fit: cover;
	border-radius: 15px;
	display: inline-block;
}

/* === Estilos de bloques especiales === */

/* Ficha de lectura */
.ficha {
	background-color: #f5f5f5;
	border-left: 5px solid #607d8b;
	padding: 20px;
	margin-bottom: 20px;
	font-family: 'Lora', serif;
	font-size: 16px;
	max-width: 700px;
margin-left: auto;
margin-right: auto;

}
.ficha h3 {
	font-size: 18px;
	color: #37474f;
	margin-bottom: 10px;
}
.ficha p {
	margin: 5px 0;
}

/* Bio */
.bio {
  background-color: #fff8dc;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: 700px !important; /* mismo ancho que el texto */
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
.bio img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.bio .info h4 {
	font-size: 10px;
	margin-bottom: 5px;
	color: #004d40;
}
.bio .info p {
	font-size: 6px;
	margin: 0;
}

/* ¿Sabías qué? */
.pregunta {
	background-color: #fff8e1;
	border: 2px solid #ffb74d;
	padding: 15px;
	margin: 20px 0;
	font-family: 'Roboto', sans-serif;
	color: #e65100;
	 width: 700px !important; /* mismo ancho que el texto */
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;

}
.pregunta h4 {
	font-size: 18px;
	color: #d84315;
	margin-bottom: 10px;
}
.pregunta p {
	font-size: 14px;
	color: #5d4037;
}

/* Para saber más */
.mas {
	background-color: #eceff1;
	padding: 20px;
	border-left: 4px solid #455a64;
	margin: 30px 0;
	font-family: 'Lora', serif;
	font-size: 14px;
	color: #37474f;
 width: 700px !important; /* mismo ancho que el texto */
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;

}
.mas h4 {
	font-size: 16px;
	color: #263238;
	margin-bottom: 10px;
}
.mas ul {
	list-style-type: disc;
	margin-left: 20px;
}

/* Cita destacada */
.cita {
	font-family: 'Georgia', serif;
	font-size: 18;
	font-style: italic;
	color: #424242;
	border-left: 4px solid #26a69a;
	padding: 15px;
	margin: 20px 0;
	background-color: #fafafa;
 width: 700px !important; /* mismo ancho que el texto */
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
.cita p {
	margin: 0;
	color: #37474f;

}

/*Concepto */

.concepto {
  background-color: #e8f4fc;
  border-left: 5px solid #3498db;
  padding: 1em;
  margin: 1.5em 0;
  font-size: 1rem;
  line-height: 1.6;
  border-radius: 8px;
 width: 700px !important; /* mismo ancho que el texto */
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}


/* === Estilos especiales para categoría "migajas" === */
body.category-migajas.single-post .site-main {
	background-color: #fdfaf5;
	padding: 2rem;
	max-width: 700px;
	margin: auto;
	border-left: 5px solid #b46e50;
	border-radius: 0.5rem;
}
body.category-migajas.single-post h1.entry-title {
	font-size: 2rem;
	color: #3a2f2f;
	margin-bottom: 1rem;
	font-weight: 700;
	text-align: center;
}
body.category-migajas.single-post .entry-content {
	font-size: 1.2rem;
	color: #4b3f3f;
	line-height: 1.8;
	text-align: justify;
}
body.category-migajas.single-post .entry-meta,
body.category-migajas.single-post .post-navigation,
body.category-migajas.single-post .comments-area {
	display: none;
}

body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.7;
  color: #222;
}

h1, h2, h3, h4 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.3;
}

.microrracismo {
 background-color: #fdf4f4;
  border-left: 6px solid #8b0000;
  padding: 24px;
  margin: 32px auto;
  font-size: 14px;
  line-height: 1.8;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  color: #333333;
  max-width: 700px; /* o el valor que uses para tu contenido */
  width: 100%;
}

.microrracismo strong {
  color: #8b0000;
  font-weight: bold;
}