/**
 * Exportia B2B — estilos del frontend.
 * Todos los colores y fuentes provienen de variables que el
 * Personalizador de WordPress puede sobrescribir.
 */

:root {
	--exportia-primario: #0e6e5c;
	--exportia-acento: #e8a33d;
	--exportia-texto: #1c2b26;
	--exportia-fondo: #f6f4ee;
	--exportia-fuente-titulos: 'Sora', system-ui, sans-serif;
	--exportia-fuente-texto: 'Inter', system-ui, sans-serif;

	--exportia-borde: #e3ded2;
	--exportia-suave: #ffffff;
	--exportia-radio: 14px;
	--exportia-sombra: 0 6px 24px rgba(20, 40, 30, .08);
}

.exportia,
.exportia-wrap {
	font-family: var(--exportia-fuente-texto);
	color: var(--exportia-texto);
	line-height: 1.55;
	box-sizing: border-box;
}

.exportia *,
.exportia *::before,
.exportia *::after {
	box-sizing: border-box;
}

.exportia-wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem;
}

/* ---------- Tipografía ---------- */
.exportia-h1 {
	font-family: var(--exportia-fuente-titulos);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	line-height: 1.1;
	margin: 0 0 .5rem;
}
.exportia-h2 {
	font-family: var(--exportia-fuente-titulos);
	font-size: clamp(1.35rem, 2.5vw, 1.7rem);
	margin: 0 0 1rem;
}
.exportia-h3 {
	font-family: var(--exportia-fuente-titulos);
	font-size: 1.15rem;
	margin: 0 0 .75rem;
}
.exportia-eyebrow {
	display: inline-block;
	font-size: .72rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--exportia-primario);
	font-weight: 600;
	margin-bottom: .25rem;
}
.exportia-sub { color: #5d6b63; margin: 0 0 1.5rem; }
.exportia-min { font-size: .85rem; color: #6a776f; }
.exportia-label-titulo { display:block; font-weight:600; margin:.5rem 0; }

/* ---------- Botones ---------- */
.exportia-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	padding: .7rem 1.25rem;
	border-radius: 999px;
	border: 1.5px solid transparent;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.exportia-btn:hover { transform: translateY(-1px); }
.exportia-btn--primario { background: var(--exportia-primario); color: #fff; }
.exportia-btn--primario:hover { box-shadow: 0 6px 18px rgba(14,110,92,.35); }
.exportia-btn--fantasma { background: transparent; border-color: var(--exportia-primario); color: var(--exportia-primario); }
.exportia-btn--fantasma:hover { background: rgba(14,110,92,.06); }
.exportia-btn--texto { background: transparent; color: #6a776f; padding-left:.5rem; padding-right:.5rem; }
.exportia-btn--texto:hover { color: var(--exportia-primario); }
.exportia-btn--grande { padding: .9rem 2rem; font-size: 1.05rem; }
.exportia-btn--bloque { width: 100%; }

/* ---------- Avisos ---------- */
.exportia-aviso {
	border-radius: 12px;
	padding: .9rem 1.1rem;
	margin: 0 0 1.25rem;
	font-size: .95rem;
}
.exportia-aviso ul { margin: 0; padding-left: 1.1rem; }
.exportia-aviso--ok { background: #e7f3ec; color: #1f6b4c; border: 1px solid #bfe0cd; }
.exportia-aviso--error { background: #fdeceb; color: #b3261e; border: 1px solid #f3c7c3; }

/* ---------- Formularios ---------- */
.exportia-form { display: grid; gap: 1.1rem; }
.exportia-form--ficha { max-width: 820px; }
.exportia-label { display: grid; gap: .35rem; font-weight: 600; font-size: .92rem; }
.exportia-label input,
.exportia-label textarea,
.exportia-label select,
.exportia-filtros input,
.exportia-filtros select {
	width: 100%;
	padding: .7rem .85rem;
	border: 1.5px solid var(--exportia-borde);
	border-radius: 10px;
	font: inherit;
	font-weight: 400;
	background: #fff;
	color: var(--exportia-texto);
}
.exportia-label input:focus,
.exportia-label textarea:focus,
.exportia-label select:focus {
	outline: none;
	border-color: var(--exportia-primario);
	box-shadow: 0 0 0 3px rgba(14,110,92,.15);
}
.exportia-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.exportia-fieldset {
	border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio);
	padding: 1.4rem;
	margin: 0;
	display: grid;
	gap: 1.1rem;
	background: var(--exportia-suave);
}
.exportia-fieldset legend {
	font-family: var(--exportia-fuente-titulos);
	font-size: 1.1rem;
	font-weight: 600;
	padding: 0 .5rem;
	color: var(--exportia-primario);
}
.exportia-form__footer { display: flex; justify-content: flex-end; }

/* Honeypot */
.exportia-hp { position: absolute !important; left: -9999px !important; }

/* ---------- Checks ---------- */
.exportia-checks {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: .5rem;
}
.exportia-check {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .55rem .7rem;
	border: 1.5px solid var(--exportia-borde);
	border-radius: 10px;
	font-weight: 500;
	font-size: .9rem;
	cursor: pointer;
}
.exportia-check input { accent-color: var(--exportia-primario); }
.exportia-check--inline { border: none; padding: 0; }

/* ---------- Tabs / acceso ---------- */
.exportia-auth { max-width: 560px; margin: 0 auto; }
.exportia-tabs { display: flex; gap: .5rem; margin-bottom: 1.5rem; border-bottom: 2px solid var(--exportia-borde); }
.exportia-tab {
	background: none; border: none; font: inherit; font-weight: 600;
	padding: .75rem 1rem; cursor: pointer; color: #6a776f;
	border-bottom: 3px solid transparent; margin-bottom: -2px;
}
.exportia-tab[aria-selected="true"] { color: var(--exportia-primario); border-bottom-color: var(--exportia-primario); }

.exportia-roles { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.exportia-rol-card {
	display: grid; gap: .3rem; padding: 1rem; cursor: pointer;
	border: 2px solid var(--exportia-borde); border-radius: var(--exportia-radio);
	transition: border-color .15s ease, background .15s ease;
}
.exportia-rol-card:has(input:checked) { border-color: var(--exportia-primario); background: rgba(14,110,92,.05); }
.exportia-rol-card input { accent-color: var(--exportia-primario); }
.exportia-rol-card__titulo { font-weight: 700; }
.exportia-rol-card__desc { font-size: .82rem; color: #6a776f; font-weight: 400; }
.exportia-acciones { display: flex; flex-wrap: wrap; gap: .6rem; }

/* ---------- Panel ---------- */
.exportia-panel { max-width: 900px; margin: 0 auto; }
.exportia-panel__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.exportia-panel__nav { display: flex; gap: .5rem; flex-wrap: wrap; }
.exportia-logo-actual img { border-radius: 10px; margin-top: .4rem; }

/* ---------- Productos (editor) ---------- */
.exportia-producto {
	border: 1px dashed var(--exportia-borde);
	border-radius: 12px; padding: 1rem; margin-bottom: 1rem;
	display: grid; gap: .8rem; background: #fff;
}
.exportia-producto__head { display: flex; justify-content: space-between; align-items: center; }
.exportia-fotos-actuales { display: flex; flex-wrap: wrap; gap: .5rem; }
.exportia-foto-mini { position: relative; display: inline-block; }
.exportia-foto-mini img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; }
.exportia-foto-quitar {
	position: absolute; top: -6px; right: -6px; width: 20px; height: 20px;
	background: #b3261e; color: #fff; border-radius: 50%; font-size: 14px;
	display: flex; align-items: center; justify-content: center; cursor: pointer;
}

/* ---------- Directorio: filtros ---------- */
.exportia-directorio { max-width: 1140px; margin: 0 auto; }
.exportia-filtros {
	background: var(--exportia-suave);
	border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio);
	padding: 1rem; margin-bottom: 1.5rem;
	display: grid; gap: .9rem;
}
.exportia-filtros__buscar { display: flex; gap: .6rem; }
.exportia-filtros__buscar input { flex: 1; }
.exportia-filtros__fila { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.exportia-filtros__fila select { max-width: 220px; }
.exportia-resultados-meta { color: #6a776f; margin: 0 0 1rem; }

/* ---------- Grid de tarjetas ---------- */
.exportia-grid-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25rem;
}
.exportia-card {
	background: #fff; border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio); overflow: hidden;
	display: flex; flex-direction: column; transition: box-shadow .15s ease, transform .15s ease;
}
.exportia-card:hover { box-shadow: var(--exportia-sombra); transform: translateY(-3px); }
.exportia-card__media { display: block; aspect-ratio: 16/10; background: #eee; overflow: hidden; }
.exportia-card__media img { width: 100%; height: 100%; object-fit: cover; }
.exportia-card__placeholder {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; font-size: 3rem; font-weight: 700;
	color: #fff; background: var(--exportia-primario);
	font-family: var(--exportia-fuente-titulos);
}
.exportia-card__body { padding: 1rem 1.1rem 1.25rem; display: grid; gap: .35rem; }
.exportia-card__cat { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--exportia-acento); font-weight: 700; }
.exportia-card__titulo { font-family: var(--exportia-fuente-titulos); font-size: 1.15rem; margin: 0; }
.exportia-card__titulo a { color: inherit; text-decoration: none; }
.exportia-card__titulo a:hover { color: var(--exportia-primario); }
.exportia-card__ubic, .exportia-card__cert { font-size: .85rem; color: #6a776f; margin: 0; }
.exportia-card__extracto { font-size: .9rem; color: #4a574f; margin: .2rem 0 0; }

.exportia-badge {
	display: inline-flex; align-items: center; justify-content: center;
	width: 1.25rem; height: 1.25rem; border-radius: 50%;
	background: var(--exportia-primario); color: #fff; font-size: .75rem; font-weight: 700;
}

/* ---------- Paginación ---------- */
.exportia-paginacion { display: flex; gap: .4rem; justify-content: center; margin-top: 2rem; flex-wrap: wrap; }
.exportia-paginacion .page-numbers {
	padding: .5rem .85rem; border: 1px solid var(--exportia-borde);
	border-radius: 8px; text-decoration: none; color: var(--exportia-texto);
}
.exportia-paginacion .current { background: var(--exportia-primario); color: #fff; border-color: var(--exportia-primario); }

.exportia-vacio { text-align: center; padding: 3rem 1rem; color: #6a776f; }

/* ---------- Ficha individual ---------- */
.exportia-single { max-width: 1140px; margin: 0 auto; }
.exportia-single__hero {
	display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap;
	padding: 2rem; background: var(--exportia-suave);
	border: 1px solid var(--exportia-borde); border-radius: var(--exportia-radio);
	margin-bottom: 2rem;
}
.exportia-single__logo img,
.exportia-single__logo .exportia-card__placeholder {
	width: 130px; height: 130px; object-fit: cover; border-radius: 16px;
}
.exportia-single__logo .exportia-card__placeholder { font-size: 3.5rem; }
.exportia-single__intro { flex: 1; min-width: 240px; }
.exportia-single__cats { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .5rem; }
.exportia-tag {
	font-size: .78rem; padding: .25rem .65rem; border-radius: 999px;
	background: rgba(14,110,92,.1); color: var(--exportia-primario);
	text-decoration: none; font-weight: 600;
}
.exportia-single__ubic { color: #6a776f; margin: .25rem 0 1rem; }

.exportia-single__cols { display: grid; grid-template-columns: 1fr 340px; gap: 2rem; align-items: start; }
.exportia-bloque { margin-bottom: 2rem; }
.exportia-prosa { color: #3c483f; }

.exportia-productos-grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.1rem;
}
.exportia-producto-card {
	border: 1px solid var(--exportia-borde); border-radius: 12px; overflow: hidden; background: #fff;
}
.exportia-producto-card__fotos { display: flex; overflow-x: auto; gap: 2px; }
.exportia-producto-card__fotos img { width: 100%; min-width: 100%; aspect-ratio: 4/3; object-fit: cover; scroll-snap-align: start; }
.exportia-producto-card__titulo { font-size: 1rem; margin: .75rem .9rem .25rem; }
.exportia-producto-card__desc { font-size: .85rem; color: #6a776f; margin: 0 .9rem 1rem; }

.exportia-certs { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.exportia-certs li { display: flex; align-items: center; gap: .6rem; }

.exportia-single__aside { position: sticky; top: 1.5rem; display: grid; gap: 1.25rem; }
.exportia-ficha-datos, .exportia-contacto {
	background: var(--exportia-suave); border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio); padding: 1.25rem;
}
.exportia-ficha-datos dl { display: grid; gap: .5rem; margin: 0; }
.exportia-ficha-datos dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: #6a776f; }
.exportia-ficha-datos dd { margin: 0 0 .5rem; font-weight: 600; }
.exportia-form--compacto { gap: .75rem; }

.exportia-archive-head { text-align: center; margin-bottom: 2rem; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
	.exportia-single__cols { grid-template-columns: 1fr; }
	.exportia-single__aside { position: static; }
}
@media (max-width: 640px) {
	.exportia-grid-2 { grid-template-columns: 1fr; }
	.exportia-roles { grid-template-columns: 1fr; }
	.exportia-filtros__buscar { flex-direction: column; }
	.exportia-filtros__fila select { max-width: 100%; flex: 1; }
	.exportia-single__hero { padding: 1.25rem; }
	.exportia-panel__head { flex-direction: column; align-items: flex-start; }
}

/* Accesibilidad: respeta reduce-motion */
@media (prefers-reduced-motion: reduce) {
	.exportia-btn, .exportia-card { transition: none; }
	.exportia-btn:hover, .exportia-card:hover { transform: none; }
}

/* ---------- Niveles de proveedor ---------- */
.exportia-nivel {
	display: inline-flex; align-items: center; gap: .35rem;
	font-size: .72rem; font-weight: 700; letter-spacing: .02em;
	padding: .25rem .6rem; border-radius: 999px;
	background: #eef2f0; color: #4a574f; border: 1px solid var(--exportia-borde);
}
.exportia-nivel__icono { font-size: .8rem; line-height: 1; }
.exportia-nivel--registrado { background: #eef2f0; color: #5d6b63; }
.exportia-nivel--a  { background: rgba(14,110,92,.12); color: var(--exportia-primario); border-color: rgba(14,110,92,.25); }
.exportia-nivel--aa { background: rgba(14,110,92,.9); color: #fff; border-color: transparent; }
.exportia-nivel--aaa { background: linear-gradient(135deg, var(--exportia-primario), #0a4f43); color: #fff; border-color: transparent; }
.exportia-nivel--premium { background: linear-gradient(135deg, var(--exportia-acento), #c9821f); color: #2a1c05; border-color: transparent; }
.exportia-single__nivel { margin: .25rem 0 1rem; }

/* ============================================================
   LANDING / PÁGINA DE INICIO
   ============================================================ */
.exportia-home { max-width: none; margin: 0; }
.exportia-home .exportia-seccion { max-width: 1140px; margin: 0 auto; padding: 4rem 1rem; }
.exportia-seccion--alt { max-width: none !important; background: var(--exportia-suave); border-top: 1px solid var(--exportia-borde); border-bottom: 1px solid var(--exportia-borde); }
.exportia-seccion--alt > * { max-width: 1140px; margin-left: auto; margin-right: auto; }
.exportia-seccion__head { text-align: center; max-width: 720px; margin: 0 auto 2.5rem; }
.exportia-seccion__sub { color: #5d6b63; font-size: 1.05rem; }
.exportia-seccion__cta { text-align: center; margin-top: 2.5rem; }

/* Hero */
.exportia-hero {
	background-color: #0e6e5c;
	background:
		radial-gradient( circle at 20% 20%, rgba(232,161,58,.18), transparent 45% ),
		linear-gradient( 160deg, var(--exportia-primario, #0e6e5c) 0%, #14503a 100% );
	color: #fff;
	padding: clamp(3rem, 8vw, 6rem) 1rem;
}
.exportia-hero__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.exportia-pill {
	display: inline-block; background: rgba(255,255,255,.15); color: #fff;
	border: 1px solid rgba(255,255,255,.35); padding: .35rem 1rem; border-radius: 999px;
	font-size: .82rem; font-weight: 600; letter-spacing: .03em; margin-bottom: 1.25rem;
	backdrop-filter: blur(4px);
}
.exportia-hero__titulo {
	font-family: var(--exportia-fuente-titulos);
	font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.08; margin: 0 0 1rem; color: #fff;
}
.exportia-hero__sub { font-size: clamp(1rem, 2vw, 1.2rem); color: #ffffff; margin: 0 auto 2rem; max-width: 680px; }
.exportia-hero__cta { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }
.exportia-hero__cta .exportia-btn--fantasma { border-color: rgba(255,255,255,.6); color: #fff; }
.exportia-hero__cta .exportia-btn--fantasma:hover { background: rgba(255,255,255,.12); }
.exportia-hero__bullets { list-style: none; padding: 0; margin: 2rem 0 0; display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; font-size: .92rem; }
.exportia-hero__bullets li { display: flex; align-items: center; gap: .45rem; color: rgba(255,255,255,.92); }
.exportia-check-ic { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--exportia-acento); color: #1a1a1a; font-size: .72rem; font-weight: 800; }

/* Stats */
.exportia-stats {
	max-width: 1140px; margin: -2.5rem auto 0; position: relative; z-index: 2;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
	background: var(--exportia-borde); border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio); overflow: hidden; box-shadow: var(--exportia-sombra);
}
.exportia-stat { background: #fff; padding: 1.5rem 1rem; text-align: center; }
.exportia-stat strong { display: block; font-family: var(--exportia-fuente-titulos); font-size: 1.6rem; color: var(--exportia-primario); }
.exportia-stat span { font-size: .82rem; color: #5d6b63; }

/* Features */
.exportia-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.exportia-feature { background: #fff; border: 1px solid var(--exportia-borde); border-radius: var(--exportia-radio); padding: 1.6rem 1.3rem; }
.exportia-feature__ic { font-size: 2rem; margin-bottom: .75rem; }
.exportia-feature h3 { font-family: var(--exportia-fuente-titulos); font-size: 1.1rem; margin: 0 0 .5rem; }
.exportia-feature p { font-size: .92rem; color: #5d6b63; margin: 0; }

/* Categorías grid */
.exportia-cats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.exportia-cat-card {
	display: flex; flex-direction: column; align-items: center; gap: .6rem;
	padding: 1.4rem 1rem; background: #fff; border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio); text-decoration: none; color: var(--exportia-texto);
	transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease; text-align: center;
}
.exportia-cat-card:hover { transform: translateY(-3px); border-color: var(--exportia-primario); box-shadow: var(--exportia-sombra); }
.exportia-cat-card__ic { font-size: 2rem; }
.exportia-cat-card__nombre { font-weight: 600; font-size: .92rem; }

/* Niveles */
.exportia-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; counter-reset: nivel; }
.exportia-nivel { position: relative; background: #fff; border: 1px solid var(--exportia-borde); border-top: 4px solid var(--exportia-primario); border-radius: var(--exportia-radio); padding: 1.5rem 1.3rem; }
.exportia-nivel__tag { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--exportia-acento); margin-bottom: .4rem; }
.exportia-nivel h3 { font-family: var(--exportia-fuente-titulos); margin: 0 0 .5rem; font-size: 1.15rem; }
.exportia-nivel p { font-size: .9rem; color: #5d6b63; margin: 0; }
.exportia-nota-gratis { text-align: center; margin-top: 2rem; font-weight: 600; color: var(--exportia-primario); }

/* Pasos */
.exportia-pasos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; counter-reset: paso; }
.exportia-paso { background: #fff; border: 1px solid var(--exportia-borde); border-radius: var(--exportia-radio); padding: 1.6rem 1.3rem; position: relative; }
.exportia-paso__num { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--exportia-primario); color: #fff; font-family: var(--exportia-fuente-titulos); font-size: 1.2rem; font-weight: 700; margin-bottom: .8rem; }
.exportia-paso h3 { font-family: var(--exportia-fuente-titulos); font-size: 1.05rem; margin: 0 0 .4rem; }
.exportia-paso p { font-size: .9rem; color: #5d6b63; margin: 0; }

/* FAQ */
.exportia-faq { max-width: 820px; margin: 0 auto; display: grid; gap: .75rem; }
.exportia-faq__item { background: #fff; border: 1px solid var(--exportia-borde); border-radius: 12px; overflow: hidden; }
.exportia-faq__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; background: none; border: none; font: inherit; font-weight: 600; text-align: left; cursor: pointer; color: var(--exportia-texto); }
.exportia-faq__ic { font-size: 1.4rem; color: var(--exportia-primario); transition: transform .15s ease; flex-shrink: 0; }
.exportia-faq__q[aria-expanded="true"] .exportia-faq__ic { transform: rotate(45deg); }
.exportia-faq__a { padding: 0 1.3rem 1.2rem; color: #5d6b63; }
.exportia-faq__a p { margin: 0; }

/* Botón acento */
.exportia-btn--acento { background: var(--exportia-acento); color: #1a1a1a; }
.exportia-btn--acento:hover { box-shadow: 0 6px 18px rgba(232,161,58,.45); }

/* CTA final */
.exportia-cta-final { background: linear-gradient( 160deg, #14503a, var(--exportia-primario) ); color: #fff; text-align: center; padding: clamp(3rem, 6vw, 5rem) 1rem; }
.exportia-cta-final h2 { font-family: var(--exportia-fuente-titulos); font-size: clamp(1.6rem, 3.5vw, 2.4rem); margin: 0 0 .5rem; color: #fff; }
.exportia-cta-final p { color: rgba(255,255,255,.9); margin: 0 0 1.75rem; font-size: 1.05rem; }

/* Responsive landing */
@media (max-width: 980px) {
	.exportia-features, .exportia-cats-grid, .exportia-niveles, .exportia-pasos { grid-template-columns: repeat(2, 1fr); }
	.exportia-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.exportia-features, .exportia-cats-grid, .exportia-niveles, .exportia-pasos, .exportia-stats { grid-template-columns: 1fr; }
	.exportia-stats { margin-top: 1.5rem; }
	.exportia-hero__bullets { flex-direction: column; align-items: center; gap: .6rem; }
}

/* ============================================================
   v1.2 — Mensajería, acceso COMCE/membresía, paneles
   ============================================================ */

/* Pestañas del panel */
.exportia-tabs--panel { margin: 1.5rem 0; flex-wrap: wrap; }
.exportia-tab .exportia-badge { margin-left: .4rem; }
.exportia-aviso--info { background: #eef6ff; border: 1px solid #b9d8f7; color: #1a4971; }

/* Bandeja de mensajes */
.exportia-bandeja { display: grid; gap: .9rem; }
.exportia-hilo { border: 1px solid var(--exportia-borde, #e3e6e0); border-radius: 12px; background: var(--exportia-suave, #fff); overflow: hidden; }
.exportia-hilo > summary { cursor: pointer; padding: .9rem 1.1rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; list-style: none; font-weight: 600; }
.exportia-hilo > summary::-webkit-details-marker { display: none; }
.exportia-hilo__meta { font-size: .8rem; color: #71807a; font-weight: 400; }
.exportia-hilo__mensajes { display: grid; gap: .5rem; padding: 0 1.1rem 1rem; }
.exportia-burbuja { max-width: 80%; padding: .6rem .85rem; border-radius: 12px; background: #f1f3f0; color: #1a2420; }
.exportia-burbuja p { margin: 0; }
.exportia-burbuja--mio { margin-left: auto; background: var(--exportia-primario, #0e6e5c); color: #ffffff; }
.exportia-burbuja--mio p, .exportia-burbuja--mio .exportia-burbuja__fecha { color: #ffffff; }
.exportia-burbuja__fecha { display: block; margin-top: .25rem; font-size: .72rem; opacity: .75; }
.exportia-hilo__responder { display: flex; gap: .5rem; padding: 0 1.1rem 1.1rem; }
.exportia-hilo__responder textarea { flex: 1; padding: .55rem .7rem; border: 1.5px solid var(--exportia-borde, #e3e6e0); border-radius: 10px; font: inherit; resize: vertical; }

/* Tarjeta de comprador con mensaje rápido */
.exportia-card__msg { display: grid; gap: .4rem; margin-top: .75rem; }
.exportia-card__msg textarea { width: 100%; padding: .5rem .6rem; border: 1.5px solid var(--exportia-borde, #e3e6e0); border-radius: 10px; font: inherit; resize: vertical; }

/* Bloqueo de acceso (COMCE / membresía) */
.exportia-bloqueo { text-align: center; max-width: 760px; margin: 1rem auto; padding: 2rem 1rem; }
.exportia-bloqueo__ic { font-size: 2.4rem; }
.exportia-bloqueo__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.5rem; text-align: left; }
.exportia-bloqueo__card { border: 1px solid var(--exportia-borde, #e3e6e0); border-radius: 14px; padding: 1.25rem; background: var(--exportia-suave, #fff); }
.exportia-bloqueo__card h4 { margin: 0 0 .5rem; }
.exportia-form--compacto { display: grid; gap: .5rem; }
.exportia-comce-box { background: #f7faf9; border: 1px solid var(--exportia-borde, #e3e6e0); border-radius: 12px; padding: 1rem; margin: .5rem 0 1rem; }

/* Historial de búsquedas */
.exportia-historial { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.exportia-historial li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .65rem .9rem; border: 1px solid var(--exportia-borde, #e3e6e0); border-radius: 10px; background: var(--exportia-suave, #fff); }
.exportia-historial a { text-decoration: none; font-weight: 600; }

/* Píldoras de estado (también visibles en panel) */
.exportia-pill-estado { display: inline-block; padding: .15rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 600; }
.exportia-pill-estado--aprobado { background: #e3f5ec; color: #0e6e5c; }
.exportia-pill-estado--pendiente { background: #fff3da; color: #9a6700; }
.exportia-pill-estado--rechazado { background: #fde8e8; color: #a12a2a; }

@media (max-width: 640px) {
	.exportia-bloqueo__cols { grid-template-columns: 1fr; }
	.exportia-burbuja { max-width: 92%; }
}

/* ====================================================================
   v1.3 — Acceso con imagen (split), recuperación y bloqueos (gates)
   ==================================================================== */

/* Acceso en dos columnas con panel visual de supermercado */
.exportia-auth--split {
	max-width: 940px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	background: #fff;
	border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio, 16px);
	box-shadow: var(--exportia-sombra, 0 10px 40px rgba(0,0,0,.08));
	overflow: hidden;
}
.exportia-auth__visual {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: var(--exportia-primario, #0e6e5c);
	color: #fff;
	padding: 0;
}
.exportia-super {
	width: 100%;
	height: auto;
	display: block;
}
.exportia-auth__visual-txt {
	padding: 1.4rem 1.6rem 1.8rem;
	display: flex;
	flex-direction: column;
	gap: .35rem;
}
.exportia-auth__visual-txt strong {
	font-family: var(--exportia-fuente-titulos, "Sora", sans-serif);
	font-size: 1.25rem;
	line-height: 1.2;
}
.exportia-auth__visual-txt span {
	font-size: .95rem;
	opacity: .9;
}
.exportia-auth__form {
	padding: 2rem 2rem 2.2rem;
}
.exportia-auth--split .exportia-tabs { margin-bottom: 1.25rem; }

@media (max-width: 760px) {
	.exportia-auth--split { grid-template-columns: 1fr; max-width: 480px; }
	.exportia-auth__visual { flex-direction: row; align-items: center; }
	.exportia-super { max-width: 150px; }
	.exportia-auth__visual-txt { padding: 1rem 1.2rem; }
	.exportia-auth__form { padding: 1.5rem 1.25rem 1.75rem; }
}
@media (max-width: 440px) {
	.exportia-auth__visual { flex-direction: column; }
	.exportia-super { max-width: 100%; }
}

/* Bloqueos / acceso restringido (gates) */
.exportia-gate--directorio {
	display: flex;
	justify-content: center;
	padding: 2rem 1rem;
}
.exportia-gate__card {
	max-width: 540px;
	text-align: center;
	background: #fff;
	border: 1px solid var(--exportia-borde);
	border-radius: var(--exportia-radio, 16px);
	box-shadow: var(--exportia-sombra, 0 10px 40px rgba(0,0,0,.08));
	padding: 2.5rem 2rem;
}
.exportia-gate__ic {
	font-size: 2.5rem;
	display: block;
	margin-bottom: .75rem;
}
.exportia-gate__card p { color: var(--exportia-texto, #333); margin: .5rem 0 1.5rem; }
.exportia-gate__btns {
	display: flex;
	gap: .75rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* Bloqueo de datos de contacto en la ficha */
.exportia-gate--datos {
	margin-top: 1rem;
	padding: 1rem;
	background: var(--exportia-suave, #f4f7f6);
	border: 1px dashed var(--exportia-borde);
	border-radius: var(--exportia-radio, 12px);
}
.exportia-gate--datos p { margin: 0 0 .85rem; font-size: .9rem; color: var(--exportia-texto, #333); }
.exportia-gate--datos .exportia-btn { margin-top: .4rem; }

/* ====================================================================
   v1.3.1 — Auditoría de contraste: nada oscuro sobre fondo oscuro
   ==================================================================== */

/* Respaldo de color sólido en secciones de fondo oscuro (por si las
   variables CSS no cargan y el degradado se invalida). */
.exportia-hero,
.exportia-cta-final { background-color: #0e6e5c; }

.exportia-cta-final {
	background:
		linear-gradient( 160deg, #14503a, var(--exportia-primario, #0e6e5c) );
}

/* Todo el texto dentro de bloques oscuros es claro y legible. */
.exportia-hero,
.exportia-hero h1, .exportia-hero h2, .exportia-hero p, .exportia-hero li, .exportia-hero a,
.exportia-cta-final,
.exportia-cta-final h2, .exportia-cta-final p { color: #ffffff; }

.exportia-hero__sub,
.exportia-cta-final p { color: rgba(255,255,255,.95); }

/* El panel visual de acceso (verde) siempre con texto claro. */
.exportia-auth__visual,
.exportia-auth__visual strong,
.exportia-auth__visual span { color: #ffffff; }

/* ====================================================================
   v1.3.1 — Conmutador de idioma (ES / EN / FR)
   ==================================================================== */
.exportia-idiomas {
	display: inline-flex;
	gap: .15rem;
	align-items: center;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 999px;
	padding: .15rem;
}
.exportia-idioma {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	padding: .2rem .5rem;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-decoration: none;
	color: #fff;
	border-radius: 999px;
	line-height: 1;
	transition: background .15s ease, color .15s ease;
}
.exportia-idioma:hover { background: rgba(255,255,255,.18); color: #fff; }
.exportia-idioma.is-actual { background: #fff; color: var(--exportia-primario, #0e6e5c); }

/* Posición del conmutador sobre el hero */
.exportia-hero__idiomas { display: flex; justify-content: center; margin-bottom: 1.25rem; }

/* En cabeceras claras (tema), el conmutador usa tinta de marca */
.site-header .exportia-idiomas {
	background: var(--exportia-suave, #eef3f1);
	border-color: var(--exportia-borde, #d7e0db);
}
.site-header .exportia-idioma { color: var(--exportia-primario, #0e6e5c); }
.site-header .exportia-idioma:hover { background: rgba(14,110,92,.12); }
.site-header .exportia-idioma.is-actual { background: var(--exportia-primario, #0e6e5c); color: #fff; }