/*
Theme Name: MedCare Child
Template: medcare
Description: Child theme de MedCare. Borrador: listado del blog en tarjetas (foto, categoria, titulo, extracto, fecha, enlace). No activar sin aprobacion de Carlos.
Version: 0.1.0
*/

/* ===== Blog cards (draft) ===== */
.npsy-cards-wrap {
	background: #FAF6F1;
	margin-left: -15px;
	margin-right: -15px;
	padding: 40px 30px 56px;
}
.npsy-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	max-width: 1080px;
	margin: 0 auto;
}
.npsy-card {
	background: #fff;
	border: 1px solid #efe9e2;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(34,31,31,.08);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #221F1F;
	transition: box-shadow .2s ease;
}
.npsy-card:hover {
	box-shadow: 0 4px 14px rgba(34,31,31,.14);
	text-decoration: none;
	color: #221F1F;
}
.npsy-card-photo {
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #f3ede5;
}
.npsy-card-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.npsy-card-photo.npsy-contain img {
	object-fit: contain;
}
.npsy-card-body {
	padding: 20px 22px 18px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.npsy-chip {
	display: inline-block;
	align-self: flex-start;
	background: rgba(240,100,33,.12);
	color: #F06421;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 20px;
	margin-bottom: 12px;
}
.npsy-card-title {
	font-size: 19px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 10px;
	color: #221F1F;
}
.npsy-card-title a { color: inherit; text-decoration: none; }
.npsy-card-excerpt {
	font-size: 13.5px;
	line-height: 1.6;
	color: #5b5550;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 16px;
}
.npsy-card-meta {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #f0eae2;
	padding-top: 14px;
}
.npsy-card-date { font-size: 12px; color: #9a9188; }
.npsy-card-more { font-size: 13px; font-weight: 600; color: #F06421; }
.npsy-card-more .npsy-arrow { margin-left: 4px; }

/* pagination under cards */
.npsy-cards-wrap .paging-nav {
	max-width: 1080px;
	margin: 34px auto 0;
	text-align: center;
}

/* Espaciado coherente entre el hero y el listado (solo pagina del blog) */
body.blog .content { padding-top: 28px !important; }

@media (max-width: 767px) {
	/* Las redes flotantes tapan las tarjetas en movil: ocultas solo en el blog */
	body.blog #sfsi_floater { display: none !important; }
	.npsy-cards-wrap { padding: 24px 16px 40px; }
	.npsy-cards { grid-template-columns: 1fr; gap: 22px; }
	.npsy-card-title { font-size: 17px; }
}

/* v6: WordPress anade border-style:solid a elementos con border-color inline (global-styles). Los titulos de seccion del tema solo usan el color para la linea inferior, no marco. */
h1.section-heading-thin-border[style*="border-color"], h2.section-heading-thin-border[style*="border-color"], h3.section-heading-thin-border[style*="border-color"], h4.section-heading-thin-border[style*="border-color"] { border-style: none; }