/*
Theme Name: Observatorio Rosalba Personalizado
Author: OpenAI
Description: Tema editorial inspirado en El Observatorio, personalizable y responsive.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: observatorio-rosalba
Tags: blog, custom-logo, custom-colors, featured-images
*/
:root{
	--primary:#0985b9;
	--secondary:#086a9f;
	--accent:#20b4d6;
	--text:#151515;
	--radius:18px;
	--container:1240px;
}

*{
	box-sizing:border-box;
}

body{
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	color:var(--text);
	line-height:1.55;
}

img{
	max-width:100%;
	height:auto;
}

a{
	color:inherit;
	text-decoration:none;
}

.container{
	width:min(var(--container),calc(100% - 40px));
	margin:auto;
}

.site-header{
	position:relative;
	z-index:20;
	background:var(--primary);
	color:#fff;
}

.topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:62px;
	gap:24px;
}

.custom-logo{
	max-height:42px;
	width:auto;
}

.site-title{
	font-weight:700;
	letter-spacing:.08em;
}

.menu-toggle{
	display:none;
	background:transparent;
	border:1px solid #fff;color:#fff;
	padding:8px 12px;

}

.main-navigation ul{
	display:flex;
	list-style:none;
	margin:0;
	padding:0;
	gap:28px;
}

.main-navigation a{
	font-size:12px;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.hero{
	min-height:420px;
	background-size:cover;
	background-position:center;
	display:grid;
	place-items:center;
	position:relative;
	color:#fff;
	text-align:center;
}

.hero:before,.about-band:before{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,104,150,.42);
}

.hero-content,.about-band .container{
	position:relative;
}

.hero h1{
	font-size:clamp(38px,6vw,72px);
	margin:0 0 8px;
}

.hero p{
	font-size:clamp(16px,2vw,23px);
	margin:0;
}

.quote-mark{
	font-size:80px;
	line-height:.5;
}

.posts-section,.content-area{
	padding:56px 0;
}

.post-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}

.post-card{border:1px solid #222;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.post-card h2{font-size:23px;line-height:1.15;margin:0 0 12px}.excerpt{font-size:14px;color:#4c4c4c}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:11px;text-transform:uppercase;color:#666}.button{display:inline-flex;border:1px solid #111;padding:8px 16px;font-weight:700}.button:hover{background:#111;color:#fff}.about-band{position:relative;background-size:cover;background-position:center;color:#fff;text-align:center;padding:90px 20px}.about-band:before{background:rgba(0,137,190,.72)}.about-band p{max-width:850px;margin:auto;font-size:clamp(25px,3vw,42px);line-height:1.35}.partners{background:var(--primary);color:#fff;text-align:center;padding:32px 0 42px}.partner-grid{display:flex;justify-content:center;align-items:center;gap:65px;flex-wrap:wrap}

.partner-grid img{
	max-height:150px;
	max-width:350px;
	object-fit:contain;
}

.site-footer{background:var(--secondary);color:#fff;border-top:1px solid #fff;padding:36px 0 44px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.social-links a{width:38px;height:38px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center}.footer-text{max-width:850px;margin:auto;font-size:12px}.entry-header{max-width:1100px;margin:0 auto 30px}.entry-title{font-size:clamp(38px,5vw,70px);line-height:1.08}.entry-meta{display:flex;gap:20px;flex-wrap:wrap;color:#666;font-size:13px}.entry-content{max-width:980px;margin:auto;font-size:19px}.entry-content h2{font-size:36px}.single-featured{width:100%;max-height:520px;object-fit:cover}.pagination,.nav-links{display:flex;gap:10px;justify-content:center;margin-top:40px}@media(max-width:900px){.menu-toggle{display:block}.main-navigation{display:none;position:absolute;left:0;right:0;top:62px;background:var(--secondary);padding:20px}.main-navigation.is-open{display:block}.main-navigation ul{flex-direction:column}.post-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{width:calc(100% - 24px)}.post-grid{grid-template-columns:1fr}.hero{min-height:320px}.entry-content{font-size:17px}}

/* Datos del autor en artículos */
.entry-author-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#666;font-size:13px}.entry-author-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:0 0 46px}.entry-author-avatar img{width:100%;height:100%;object-fit:cover}.entry-author-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap}