/*
Theme Name:   Pásala Chamba
Theme URI:    https://pasalachamba.com
Description:  Tema de comunidad para compartir y votar convocatorias (empleos, becas, concursos, fondos, voluntariados) para Latinoamérica y su diáspora. Feed con pestañas, tarjetas y temperatura. Requiere el plugin "Pásala Chamba – Convocatorias y Temperatura". Compatible con BuddyPress, GamiPress, wpDiscuz y Forminator.
Author:       Pásala Chamba
Version:      1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  pasalachamba
*/

/* ==========================================================================
   1. Variables
   ========================================================================== */
:root {
	--pc-fondo: #f2efe8;
	--pc-superficie: #ffffff;
	--pc-superficie-2: #f8f6f1;
	--pc-tinta: #1c1a17;
	--pc-tinta-2: #57524a;
	--pc-tinta-3: #8a847a;
	--pc-borde: #e3ded3;
	--pc-marca: #0d6b52;
	--pc-marca-oscura: #08513e;
	--pc-marca-suave: #e1f1ea;

	--pc-calor: #e8590c;
	--pc-calor-2: #d9480f;
	--pc-ardiendo: #d6336c;
	--pc-frio: #1c7ed6;
	--pc-frio-suave: #e7f1fb;
	--pc-calor-suave: #fff0e6;

	--pc-alerta: #c92a2a;
	--pc-aviso: #e67700;

	--pc-radio: 14px;
	--pc-radio-chico: 8px;
	--pc-sombra: 0 1px 2px rgba(28, 26, 23, .06), 0 2px 8px rgba(28, 26, 23, .04);
	--pc-sombra-alta: 0 4px 18px rgba(28, 26, 23, .10);
	--pc-ancho: 1180px;
	--pc-fuente: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   2. Base
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--pc-fondo);
	color: var(--pc-tinta);
	font-family: var(--pc-fuente);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: var(--pc-marca); text-decoration: none; }
a:hover { color: var(--pc-marca-oscura); text-decoration: underline; }

h1, h2, h3, h4 { line-height: 1.2; margin: 0 0 .5em; letter-spacing: -.01em; }

:focus-visible { outline: 3px solid var(--pc-marca); outline-offset: 2px; border-radius: 4px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

.skip-link:focus {
	position: fixed; top: 8px; left: 8px; z-index: 1000;
	width: auto; height: auto; clip: auto;
	padding: 10px 16px; background: var(--pc-superficie); border-radius: var(--pc-radio-chico);
	box-shadow: var(--pc-sombra-alta);
}

.pc-contenedor { width: 100%; max-width: var(--pc-ancho); margin: 0 auto; padding: 0 20px; }

/* Botones */
.pc-boton {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 40px; padding: 0 16px;
	border: 1px solid transparent; border-radius: 999px;
	background: var(--pc-marca); color: #fff;
	font: inherit; font-weight: 700; font-size: 15px; line-height: 1;
	cursor: pointer; white-space: nowrap;
	transition: background .15s, transform .1s;
}
.pc-boton:hover { background: var(--pc-marca-oscura); color: #fff; text-decoration: none; }
.pc-boton:active { transform: translateY(1px); }
.pc-boton svg { width: 18px; height: 18px; }
.pc-boton--secundario { background: var(--pc-superficie); color: var(--pc-tinta); border-color: var(--pc-borde); }
.pc-boton--secundario:hover { background: var(--pc-superficie-2); color: var(--pc-tinta); }
.pc-boton--chico { min-height: 34px; padding: 0 13px; font-size: 14px; }
.pc-boton--grande { min-height: 50px; padding: 0 24px; font-size: 17px; }
.pc-boton--bloque { width: 100%; }

/* ==========================================================================
   3. Cabecera
   ========================================================================== */
.pc-cabecera {
	position: sticky; top: 0; z-index: 50;
	background: var(--pc-superficie);
	border-bottom: 1px solid var(--pc-borde);
}
.admin-bar .pc-cabecera { top: 32px; }
@media (max-width: 782px) { .admin-bar .pc-cabecera { top: 0; position: relative; } }

.pc-cabecera__fila { display: flex; align-items: center; gap: 16px; min-height: 64px; }

.pc-logo { display: flex; align-items: center; gap: 9px; color: var(--pc-tinta); font-weight: 900; font-size: 21px; letter-spacing: -.03em; flex-shrink: 0; }
.pc-logo:hover { color: var(--pc-tinta); text-decoration: none; }
.pc-logo__marca {
	display: grid; place-items: center;
	width: 34px; height: 34px; border-radius: 10px;
	background: linear-gradient(140deg, var(--pc-calor) 0%, var(--pc-ardiendo) 100%);
	color: #fff;
}
.pc-logo__marca svg { width: 20px; height: 20px; }
.pc-logo__texto b { color: var(--pc-marca); font-weight: 900; }
.pc-logo img { max-height: 40px; width: auto; }

.pc-buscador { flex: 1; max-width: 520px; position: relative; }
.pc-buscador input[type="search"] {
	width: 100%; height: 42px;
	padding: 0 16px 0 42px;
	border: 1px solid var(--pc-borde); border-radius: 999px;
	background: var(--pc-superficie-2);
	font: inherit; font-size: 15px; color: var(--pc-tinta);
}
.pc-buscador input[type="search"]:focus { outline: none; border-color: var(--pc-marca); background: var(--pc-superficie); box-shadow: 0 0 0 3px var(--pc-marca-suave); }
.pc-buscador svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--pc-tinta-3); pointer-events: none; }

.pc-cabecera__acciones { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.pc-usuario { display: flex; align-items: center; gap: 8px; color: var(--pc-tinta); font-weight: 600; font-size: 14px; }
.pc-usuario:hover { color: var(--pc-tinta); }
.pc-usuario img { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--pc-borde); }
.pc-enlace-sutil { color: var(--pc-tinta-2); font-weight: 600; font-size: 14px; }

/* Barra de tipos (categorías) */
.pc-tipos { border-top: 1px solid var(--pc-borde); background: var(--pc-superficie); }
.pc-tipos ul {
	display: flex; gap: 6px; list-style: none; margin: 0 auto; padding-top: 9px; padding-bottom: 9px;
	overflow-x: auto; scrollbar-width: none;
}
.pc-tipos ul::-webkit-scrollbar { display: none; }
.pc-tipos a {
	display: block; padding: 6px 13px; border-radius: 999px;
	color: var(--pc-tinta-2); font-size: 14px; font-weight: 600; white-space: nowrap;
}
.pc-tipos a:hover { background: var(--pc-superficie-2); color: var(--pc-tinta); text-decoration: none; }
.pc-tipos .is-actual a { background: var(--pc-tinta); color: #fff; }

/* ==========================================================================
   4. Estructura
   ========================================================================== */
.pc-principal { padding: 22px 0 56px; }
.pc-rejilla { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; align-items: start; }
.pc-rejilla--ancha { grid-template-columns: minmax(0, 1fr); max-width: 860px; margin: 0 auto; }

.pc-encabezado-listado { margin-bottom: 14px; }
.pc-encabezado-listado h1 { font-size: 26px; margin-bottom: 4px; }
.pc-encabezado-listado p { margin: 0; color: var(--pc-tinta-2); }

/* Pestañas de orden */
.pc-pestanas {
	display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
	padding: 5px; margin-bottom: 14px;
	background: var(--pc-superficie); border: 1px solid var(--pc-borde); border-radius: 999px;
	box-shadow: var(--pc-sombra);
}
.pc-pestanas a {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 15px; border-radius: 999px;
	color: var(--pc-tinta-2); font-weight: 700; font-size: 14px;
}
.pc-pestanas a svg { width: 16px; height: 16px; }
.pc-pestanas a:hover { color: var(--pc-tinta); background: var(--pc-superficie-2); text-decoration: none; }
.pc-pestanas a[aria-current="page"] { background: var(--pc-calor-suave); color: var(--pc-calor-2); }

.pc-filtro-pais { margin-left: auto; position: relative; }
.pc-filtro-pais select {
	appearance: none; height: 36px; padding: 0 34px 0 14px;
	border: 1px solid var(--pc-borde); border-radius: 999px;
	background: var(--pc-superficie-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2357524a' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 14px;
	font: inherit; font-size: 14px; font-weight: 600; color: var(--pc-tinta);
	cursor: pointer;
}

/* ==========================================================================
   5. Tarjeta de convocatoria
   ========================================================================== */
.pc-feed { display: grid; gap: 12px; }

.pc-tarjeta {
	display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 18px;
	padding: 16px;
	background: var(--pc-superficie);
	border: 1px solid var(--pc-borde); border-radius: var(--pc-radio);
	box-shadow: var(--pc-sombra);
	transition: box-shadow .15s, border-color .15s;
}
.pc-tarjeta:hover { box-shadow: var(--pc-sombra-alta); border-color: #d6d0c3; }

.pc-tarjeta__media {
	position: relative; display: block;
	aspect-ratio: 1; border-radius: 10px; overflow: hidden;
	background: var(--pc-superficie-2);
}
.pc-tarjeta__media img { width: 100%; height: 100%; object-fit: cover; }

/* Imagen de reemplazo: iniciales de la organización con color según el tipo */
.pc-monograma {
	--tono: 160;
	display: grid; place-items: center; align-content: center; gap: 4px;
	width: 100%; height: 100%;
	background: hsl(var(--tono) 45% 92%);
	color: hsl(var(--tono) 55% 26%);
	text-align: center;
}
.pc-monograma__letras { font-size: 38px; font-weight: 900; letter-spacing: -.04em; line-height: 1; }
.pc-monograma__tipo { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; opacity: .75; }

.pc-tarjeta__cuerpo { display: flex; flex-direction: column; min-width: 0; }

.pc-tarjeta__arriba { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 9px; }
.pc-tiempo { color: var(--pc-tinta-3); font-size: 13px; }

.pc-tarjeta__titulo { font-size: 19px; font-weight: 800; margin: 0 0 7px; }
.pc-tarjeta__titulo a { color: var(--pc-tinta); }
.pc-tarjeta__titulo a:hover { color: var(--pc-marca); text-decoration: none; }

.pc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 8px; color: var(--pc-tinta-2); font-size: 14px; }
.pc-meta__item { display: inline-flex; align-items: center; gap: 5px; }
.pc-meta__item svg { width: 15px; height: 15px; color: var(--pc-tinta-3); flex-shrink: 0; }
.pc-meta__org { font-weight: 700; color: var(--pc-tinta); }

.pc-chip {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 9px; border-radius: 999px;
	background: var(--pc-superficie-2); border: 1px solid var(--pc-borde);
	color: var(--pc-tinta-2); font-size: 12px; font-weight: 700; line-height: 1.4;
}
a.pc-chip:hover { text-decoration: none; border-color: var(--pc-tinta-3); color: var(--pc-tinta); }
.pc-chip--tipo { background: var(--pc-marca-suave); border-color: transparent; color: var(--pc-marca-oscura); }
.pc-chip--diaspora { background: #f3f0ff; border-color: transparent; color: #5f3dc4; }

.pc-tarjeta__extracto {
	margin: 0 0 12px; color: var(--pc-tinta-2); font-size: 15px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.pc-tarjeta__pie { display: flex; align-items: center; gap: 14px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--pc-borde); }
.pc-autor { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--pc-tinta-2); font-size: 13px; font-weight: 600; }
.pc-autor:hover { color: var(--pc-tinta); text-decoration: none; }
.pc-autor img { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; }
.pc-autor span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pc-comentarios { display: inline-flex; align-items: center; gap: 5px; color: var(--pc-tinta-2); font-size: 13px; font-weight: 700; }
.pc-comentarios svg { width: 17px; height: 17px; }
.pc-comentarios:hover { color: var(--pc-tinta); text-decoration: none; }
.pc-tarjeta__pie .pc-boton { margin-left: auto; }

/* Fecha límite */
.pc-cierre { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: var(--pc-tinta-2); }
.pc-cierre svg { width: 15px; height: 15px; }
.pc-cierre--pronto { color: var(--pc-aviso); }
.pc-cierre--hoy { color: var(--pc-alerta); }
.pc-cierre--cerrada { color: var(--pc-tinta-3); }

/* Convocatoria vencida */
.pc-tarjeta.is-vencida { background: var(--pc-superficie-2); box-shadow: none; }
.pc-tarjeta.is-vencida .pc-tarjeta__media,
.pc-tarjeta.is-vencida .pc-tarjeta__titulo a { opacity: .55; filter: grayscale(1); }

/* ==========================================================================
   6. Temperatura
   ========================================================================== */
.pc-temp {
	--temp-color: var(--pc-tinta-2);
	position: relative;
	display: inline-flex; align-items: center;
	height: 36px; padding: 2px;
	background: var(--pc-superficie);
	border: 1.5px solid var(--pc-borde); border-radius: 999px;
}
.pc-temp__btn {
	display: grid; place-items: center;
	width: 30px; height: 30px; padding: 0;
	border: 0; border-radius: 50%;
	background: transparent; cursor: pointer;
	transition: background .15s, color .15s, transform .1s;
}
.pc-temp__btn svg { width: 17px; height: 17px; }
.pc-temp__btn--frio { color: var(--pc-frio); }
.pc-temp__btn--calor { color: var(--pc-calor); }
.pc-temp__btn--frio:hover { background: var(--pc-frio-suave); }
.pc-temp__btn--calor:hover { background: var(--pc-calor-suave); }
.pc-temp__btn:active { transform: scale(.88); }
.pc-temp__btn--frio[aria-pressed="true"] { background: var(--pc-frio); color: #fff; }
.pc-temp__btn--calor[aria-pressed="true"] { background: var(--pc-calor); color: #fff; }

.pc-temp__grados {
	min-width: 56px; padding: 0 4px;
	text-align: center; font-weight: 900; font-size: 16px; letter-spacing: -.02em;
	font-variant-numeric: tabular-nums;
	color: var(--temp-color);
}

.pc-temp--fria     { --temp-color: var(--pc-frio); border-color: #bcd8f3; }
.pc-temp--tibia    { --temp-color: var(--pc-tinta-2); }
.pc-temp--caliente { --temp-color: var(--pc-calor); border-color: #ffc9a3; }
.pc-temp--ardiendo { border-color: #f5a3bd; background: linear-gradient(90deg, #fff4ec, #fff0f5); }
.pc-temp--ardiendo .pc-temp__grados {
	background: linear-gradient(90deg, var(--pc-calor), var(--pc-ardiendo));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}

.pc-temp.is-off .pc-temp__btn { opacity: .35; cursor: not-allowed; }
.pc-temp.is-off .pc-temp__btn:hover { background: transparent; }
.pc-temp.is-cargando { opacity: .7; pointer-events: none; }
.pc-temp.is-pulso .pc-temp__grados { animation: pc-pulso .45s ease; }
@keyframes pc-pulso { 0% { transform: scale(1); } 40% { transform: scale(1.25); } 100% { transform: scale(1); } }

.pc-temp__aviso {
	position: absolute; left: 0; top: calc(100% + 6px); z-index: 5;
	padding: 6px 10px; border-radius: var(--pc-radio-chico);
	background: var(--pc-tinta); color: #fff;
	font-size: 12px; font-weight: 600; white-space: nowrap;
	box-shadow: var(--pc-sombra-alta);
}

.pc-temp--grande { height: 46px; }
.pc-temp--grande .pc-temp__btn { width: 38px; height: 38px; }
.pc-temp--grande .pc-temp__btn svg { width: 21px; height: 21px; }
.pc-temp--grande .pc-temp__grados { min-width: 74px; font-size: 21px; }

@media (prefers-reduced-motion: reduce) {
	.pc-temp.is-pulso .pc-temp__grados { animation: none; }
}

/* ==========================================================================
   7. Barra lateral
   ========================================================================== */
.pc-lateral { display: grid; gap: 16px; position: sticky; top: 130px; }
.admin-bar .pc-lateral { top: 162px; }

.pc-caja, .pc-lateral .widget {
	padding: 18px;
	background: var(--pc-superficie);
	border: 1px solid var(--pc-borde); border-radius: var(--pc-radio);
	box-shadow: var(--pc-sombra);
}
.pc-caja h2, .pc-lateral .widget-title, .pc-lateral .widget h2 {
	font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em;
	color: var(--pc-tinta-3); margin: 0 0 12px;
}
.pc-caja--publicar { background: linear-gradient(150deg, var(--pc-marca) 0%, #0a4f6b 100%); border: 0; color: #fff; }
.pc-caja--publicar h2 { color: rgba(255, 255, 255, .7); }
.pc-caja--publicar p { margin: 0 0 14px; font-size: 17px; font-weight: 700; line-height: 1.35; }
.pc-caja--publicar .pc-boton { background: #fff; color: var(--pc-marca-oscura); }
.pc-caja--publicar .pc-boton:hover { background: var(--pc-marca-suave); }

.pc-lista-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.pc-lista-mini li { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: start; }
.pc-lista-mini a { color: var(--pc-tinta); font-size: 14px; font-weight: 700; line-height: 1.35; }
.pc-lista-mini small { display: block; color: var(--pc-tinta-3); font-size: 12px; font-weight: 600; margin-top: 2px; }
.pc-mini-grados { min-width: 48px; padding: 2px 0; border-radius: 6px; text-align: center; font-size: 13px; font-weight: 900; background: var(--pc-calor-suave); color: var(--pc-calor-2); }
.pc-mini-grados--fria { background: var(--pc-frio-suave); color: var(--pc-frio); }
.pc-mini-grados--tibia { background: var(--pc-superficie-2); color: var(--pc-tinta-2); }
.pc-mini-dias { min-width: 48px; padding: 2px 0; border-radius: 6px; text-align: center; font-size: 12px; font-weight: 800; background: #fff4e6; color: var(--pc-aviso); }

.pc-lista-tipos { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }

/* ==========================================================================
   8. Ficha individual
   ========================================================================== */
.pc-ficha {
	padding: 26px;
	background: var(--pc-superficie);
	border: 1px solid var(--pc-borde); border-radius: var(--pc-radio);
	box-shadow: var(--pc-sombra);
}
.pc-ficha__cabeza { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; margin-bottom: 22px; }
.pc-ficha__cabeza .pc-tarjeta__media { aspect-ratio: 1; }
.pc-ficha__titulo { font-size: 30px; font-weight: 900; margin: 12px 0 10px; }
.pc-ficha__arriba { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.pc-datos {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1px;
	margin: 0 0 22px; padding: 0;
	background: var(--pc-borde); border: 1px solid var(--pc-borde); border-radius: var(--pc-radio-chico); overflow: hidden;
}
.pc-datos div { padding: 12px 14px; background: var(--pc-superficie-2); }
.pc-datos dt { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--pc-tinta-3); }
.pc-datos dd { margin: 2px 0 0; font-weight: 700; }

.pc-cta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 26px; }
.pc-cta__nota { color: var(--pc-tinta-3); font-size: 13px; }

.pc-aviso-cerrada {
	padding: 12px 16px; margin-bottom: 20px;
	border-radius: var(--pc-radio-chico); background: #fff5f5; color: var(--pc-alerta); font-weight: 700;
}

.pc-contenido { font-size: 17px; line-height: 1.7; }
.pc-contenido > *:first-child { margin-top: 0; }
.pc-contenido img { border-radius: var(--pc-radio-chico); }
.pc-contenido blockquote { margin: 1.4em 0; padding: 4px 18px; border-left: 4px solid var(--pc-marca); color: var(--pc-tinta-2); }

.pc-compartio {
	display: flex; align-items: center; gap: 12px;
	margin-top: 26px; padding: 14px; border-radius: var(--pc-radio-chico); background: var(--pc-superficie-2);
}
.pc-compartio img { width: 46px; height: 46px; border-radius: 50%; }
.pc-compartio p { margin: 0; font-size: 14px; color: var(--pc-tinta-2); }
.pc-compartio strong { color: var(--pc-tinta); }

.pc-volver { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 14px; color: var(--pc-tinta-2); font-weight: 700; font-size: 14px; }
.pc-volver svg { width: 16px; height: 16px; }

/* ==========================================================================
   9. Comentarios (estilo base; wpDiscuz usa el suyo)
   ========================================================================== */
.pc-comentarios-zona { margin-top: 16px; padding: 26px; background: var(--pc-superficie); border: 1px solid var(--pc-borde); border-radius: var(--pc-radio); }
.pc-comentarios-zona h2 { font-size: 20px; }
.comment-list { list-style: none; margin: 0 0 24px; padding: 0; }
.comment-list .children { list-style: none; margin: 0; padding-left: 28px; border-left: 2px solid var(--pc-borde); }
.comment-body { padding: 14px 0; border-bottom: 1px solid var(--pc-borde); }
.comment-author { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.comment-author img { border-radius: 50%; }
.comment-author .says { display: none; }
.comment-metadata { font-size: 12px; margin: 2px 0 6px 40px; }
.comment-metadata a { color: var(--pc-tinta-3); }
.comment-content { margin-left: 40px; }
.comment-content p { margin: 0 0 .6em; }
.reply { margin-left: 40px; font-size: 13px; font-weight: 700; }
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	width: 100%; padding: 10px 12px; border: 1px solid var(--pc-borde); border-radius: var(--pc-radio-chico);
	font: inherit; background: var(--pc-superficie-2);
}
.comment-form textarea:focus, .comment-form input:focus { outline: none; border-color: var(--pc-marca); background: #fff; }
.comment-form input[type="submit"] {
	min-height: 42px; padding: 0 20px; border: 0; border-radius: 999px;
	background: var(--pc-marca); color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}

/* ==========================================================================
   10. Páginas, paginación, vacíos, pie
   ========================================================================== */
.pc-pagina { padding: 30px; background: var(--pc-superficie); border: 1px solid var(--pc-borde); border-radius: var(--pc-radio); }
.pc-pagina h1 { font-size: 30px; font-weight: 900; }

.pc-paginacion { margin-top: 20px; }
.pc-paginacion .nav-links { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
.pc-paginacion .page-numbers {
	display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px;
	border-radius: 999px; background: var(--pc-superficie); border: 1px solid var(--pc-borde);
	color: var(--pc-tinta); font-weight: 700;
}
.pc-paginacion .page-numbers.current { background: var(--pc-tinta); border-color: var(--pc-tinta); color: #fff; }
.pc-paginacion a.page-numbers:hover { border-color: var(--pc-tinta-3); text-decoration: none; }

.pc-vacio { padding: 48px 24px; text-align: center; background: var(--pc-superficie); border: 1px dashed var(--pc-borde); border-radius: var(--pc-radio); }
.pc-vacio h2 { font-size: 20px; }
.pc-vacio p { color: var(--pc-tinta-2); margin: 0 0 16px; }

.pc-pie { padding: 32px 0; border-top: 1px solid var(--pc-borde); background: var(--pc-superficie); color: var(--pc-tinta-2); font-size: 14px; }
.pc-pie__fila { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; }
.pc-pie ul { display: flex; flex-wrap: wrap; gap: 18px; list-style: none; margin: 0; padding: 0; }
.pc-pie a { color: var(--pc-tinta-2); }

/* BuddyPress: integra sus páginas con el estilo de tarjetas */
#buddypress.buddypress-wrap { padding: 24px; background: var(--pc-superficie); border: 1px solid var(--pc-borde); border-radius: var(--pc-radio); }
.buddypress-wrap .bp-navs li.selected a, .buddypress-wrap .bp-navs li.current a { color: var(--pc-marca) !important; }

/* ==========================================================================
   11. Responsivo
   ========================================================================== */
@media (max-width: 980px) {
	.pc-rejilla { grid-template-columns: minmax(0, 1fr); }
	.pc-lateral { position: static; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
}

@media (max-width: 720px) {
	.pc-contenedor { padding: 0 14px; }
	.pc-cabecera__fila { flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 10px; min-height: 0; }
	.pc-buscador { order: 3; flex-basis: 100%; max-width: none; }
	.pc-boton__texto-largo { display: none; }
	.pc-usuario span { display: none; }

	.pc-tarjeta { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; padding: 13px; }
	.pc-monograma__letras { font-size: 24px; }
	.pc-monograma__tipo { display: none; }
	.pc-tarjeta__titulo { font-size: 17px; }
	.pc-tarjeta__extracto { display: none; }
	.pc-tarjeta__pie { flex-wrap: wrap; gap: 10px; }
	.pc-tarjeta__pie .pc-boton { margin-left: 0; width: 100%; }

	.pc-pestanas { border-radius: var(--pc-radio); }
	.pc-pestanas a { padding: 7px 11px; font-size: 13px; }
	.pc-filtro-pais { margin-left: 0; width: 100%; }
	.pc-filtro-pais select { width: 100%; }

	.pc-logo { font-size: 19px; }

	.pc-ficha { padding: 18px; }
	.pc-ficha__cabeza { grid-template-columns: 1fr; gap: 14px; }
	.pc-ficha__cabeza .pc-tarjeta__media { width: 96px; }
	.pc-ficha__titulo { font-size: 24px; }
}

@media (max-width: 480px) {
	.pc-boton__texto { display: none; }
	.pc-cabecera__acciones .pc-boton:first-child { width: 40px; padding: 0; }
	.pc-cabecera__acciones .pc-boton--secundario { display: none; }
}

	.pc-logo__marca { background: none; width: auto; height: auto; border-radius: 0; }
	.pc-logo__marca img { height: 40px; width: auto; }