/* Fichas tecnicas - formato ficha-2026.
   Extraido del post_content el 2026-09-04 para sacarlo del HTML.
   No editar a mano en los posts: esta hoja es la unica fuente. */
.ficha-2026{--bg:#f7f8fb;--surface:#ffffff;--surface-2:#f1f3f7;--border:#e5e8ef;--text:#1a1d24;--text-muted:#6b7280;--accent:#0066ff;--accent-light:#e5efff;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 12px rgba(0,0,0,.06);--radius:12px;--radius-sm:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);line-height:1.55;margin:16px 0;}.ficha-2026 *{box-sizing:border-box;}.ficha-2026 a{color:var(--accent);text-decoration:none;}.ficha-2026 a:hover{text-decoration:underline;}.ficha-2026 p{margin:0;}.ficha-2026 .ficha-hero{background:var(--surface);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);margin:24px 0;}.ficha-2026 .brand-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);padding:4px 12px;border-radius:100px;font-size:13px;font-weight:600;width:fit-content;}.ficha-2026 .ficha-hero__title{margin:0 !important;padding:0 !important;font-size:30px !important;font-weight:700 !important;letter-spacing:-.02em !important;color:var(--text) !important;background:transparent !important;border:0 !important;text-shadow:none !important;line-height:1.2 !important;display:block !important;}.ficha-2026 .hero-tags{display:flex;flex-wrap:wrap;gap:8px;}.ficha-2026 .tag{background:var(--surface-2);padding:4px 12px;border-radius:100px;font-size:12px;color:var(--text-muted);}.ficha-2026 .section-title{margin:32px 0 16px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);}.ficha-2026 .specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}.ficha-2026 .spec-card{background:var(--surface);border-radius:var(--radius-sm);padding:14px 16px;border:1px solid var(--border);}.ficha-2026 .spec-card__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}.ficha-2026 .spec-card__value{font-size:16px;font-weight:600;margin-top:2px;color:var(--text);}.ficha-2026 .specs-detail{margin:24px 0 32px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;}.ficha-2026 .specs-detail summary{cursor:pointer;padding:16px 20px;font-weight:600;background:var(--surface-2);list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--text);}.ficha-2026 .specs-detail summary::-webkit-details-marker{display:none;}.ficha-2026 .specs-detail summary::after{content:'＋';font-size:20px;color:var(--accent);}.ficha-2026 .specs-detail[open] summary::after{content:'−';}.ficha-2026 .spec-group{padding:24px 24px 20px !important;border-top:1px solid var(--border);margin:0 !important;}.ficha-2026 .spec-group h3{font-size:14px !important;margin:0 0 4px -9px !important;padding:0 !important;color:var(--text) !important;display:flex !important;align-items:center;gap:8px;background:transparent !important;font-weight:600 !important;line-height:1.3 !important;}.ficha-2026 .spec-row{display:grid;grid-template-columns:1fr auto;padding:2px 0;border-bottom:1px dashed var(--border);gap:16px;margin:0 !important;}.ficha-2026 .spec-row:last-child{border-bottom:0;}.ficha-2026 .spec-row__label{color:var(--text-muted);font-size:14px;}.ficha-2026 .spec-row__value{font-weight:500;font-size:14px;text-align:right;color:var(--text);}.ficha-2026 .analise{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 32px;border:1px solid var(--border);}.ficha-2026 .analise h2{font-size:22px;margin:28px 0 12px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .analise h2:first-child{margin-top:28px;}.ficha-2026 .analise p{margin:0 0 14px;color:#2d3138;}.ficha-2026 .analise b,.ficha-2026 .analise strong{color:var(--accent);font-weight:600;}.ficha-2026 .reviews-ml-section{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 38px 20px;border:1px solid var(--border);}.ficha-2026 .reviews-ml-section h2{margin:28px 0 6px;font-size:22px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .reviews-ml-section__sub{color:var(--text-muted);margin:0 0 20px;font-size:14px;}.ficha-2026 .review-ml{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);}.ficha-2026 .review-ml:last-child{border-bottom:0;padding-bottom:0;}.ficha-2026 .review-ml__avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;}.ficha-2026 .review-ml__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:6px;}.ficha-2026 .review-ml__name{font-weight:600;font-size:15px;color:var(--text);}.ficha-2026 .review-ml__stars{color:#f59e0b;font-size:14px;letter-spacing:1px;}.ficha-2026 .review-ml__link{font-size:12px;margin-left:auto;}.ficha-2026 .review-ml__title{font-weight:600;margin:0 0 4px;color:var(--text);}.ficha-2026 .review-ml__text{color:#2d3138;font-size:14px;line-height:1.6;margin:0 0 8px;white-space:pre-wrap;}.ficha-2026 .review-ml__date{font-size:12px;color:var(--text-muted);}.ficha-2026 .opinions-section{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 38px 20px;border:1px solid var(--border);}.ficha-2026 .opinions-section h2{margin:28px 0 6px;font-size:22px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .opinions-section__sub{color:var(--text-muted);margin:0 0 20px;font-size:14px;}.ficha-2026 .opinion-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;margin-bottom:14px;background:var(--surface-2);}.ficha-2026 .opinion-card__channel{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--accent);margin-bottom:4px;}.ficha-2026 .opinion-card__title{font-weight:600;font-size:15px;color:var(--text);margin:0 0 12px;line-height:1.4;}.ficha-2026 .opinion-card__text{color:#2d3138;font-size:14px;line-height:1.65;margin:0 0 10px;}.ficha-2026 .opinion-card__text:last-child{margin-bottom:0;}.ficha-2026 .price-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;border-top:1px solid var(--border);padding-top:16px;}.ficha-2026 .price-stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}.ficha-2026 .price-stat__value{font-size:18px;font-weight:700;margin-top:2px;}.ficha-2026 .price-stat--best .price-stat__value{color:var(--success);}.ficha-2026 .price-stat--worst .price-stat__value{color:var(--danger);}.ficha-2026 .shop-section{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 24px 20px;border:1px solid var(--border);}.ficha-2026 .shop-section h2{margin:28px 0 6px;font-size:22px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .shop-section__sub{color:var(--text-muted);margin:0 0 20px;font-size:14px;}.ficha-2026 .shop-grid{display:grid;gap:10px;}.ficha-2026 .shop-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s;background:var(--surface);}.ficha-2026 .shop-card *{line-height:1;}.ficha-2026 .shop-card br{display:none;}.ficha-2026 .shop-card:hover{border-color:var(--accent);}.ficha-2026 .shop-card--ml{background:linear-gradient(90deg,#fff8d6 0%,#ffffff 25%);border-color:#ffe066;}.ficha-2026 .shop-card__rank{background:var(--accent-light);color:var(--accent);font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}.ficha-2026 .shop-card--ml .shop-card__rank{background:#ffe066;color:#5c4400;}.ficha-2026 .shop-card__seller{display:flex;flex-direction:column;gap:2px;min-width:0;}.ficha-2026 .shop-card__name{font-weight:600;font-size:15px;color:var(--text);}.ficha-2026 .shop-card__rating{font-size:12px;color:var(--text-muted);margin-top:4px;display:block;}.ficha-2026 .shop-card__price{font-size:18px;font-weight:700;text-align:right;min-width:100px;color:var(--text);}.ficha-2026 .shop-card__cta{background:var(--accent);color:white !important;padding:10px 20px;border-radius:var(--radius-sm);text-decoration:none !important;font-weight:600;font-size:14px;white-space:nowrap;align-self:center;display:inline-flex;align-items:center;}.ficha-2026 .shop-card__cta:hover{background:#0052cc;}.ficha-2026 .shop-card--ml .shop-card__cta{background:#2968c8;}.ficha-2026 .cond-badge{display:inline-block;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;background:#dcfce7;color:var(--success);margin-left:6px;}@media (max-width:700px){.ficha-2026 .price-bar{grid-template-columns:repeat(2,1fr);}.ficha-2026 .shop-card{grid-template-columns:auto 1fr;row-gap:8px;}.ficha-2026 .shop-card__price{grid-column:2;text-align:right;}.ficha-2026 .shop-card__cta{grid-column:1 / -1;text-align:center;}}
.ficha-2026 .versions-section{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 38px 24px;border:1px solid var(--border);}.ficha-2026 .versions-section h2{margin:28px 0 6px;font-size:22px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .versions-section__sub{color:var(--text-muted);margin:0 0 16px;font-size:14px;}.ficha-2026 .versions-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}.ficha-2026 .versions-table th{background:var(--surface-2);text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text);}.ficha-2026 .versions-table td{padding:11px 16px;font-size:14px;color:var(--text);border-top:1px solid var(--border);}.ficha-2026 .ml-rating-section{margin-top:32px;background:var(--surface);border-radius:var(--radius);padding:0 38px 24px;border:1px solid var(--border);}.ficha-2026 .ml-rating-section h2{margin:28px 0 16px;font-size:22px;letter-spacing:-.02em;color:var(--text);}.ficha-2026 .ml-rating-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}.ficha-2026 .ml-rating-num{font-size:28px;font-weight:700;color:var(--text);}.ficha-2026 .ml-rating-stars{font-size:20px;color:#f59e0b;letter-spacing:4px;font-weight:600;}.ficha-2026 .ml-rating-meta{color:var(--text-muted);font-size:14px;}.ficha-2026 .ml-rating-cta{margin-left:auto;background:#2968c8;color:white !important;padding:10px 20px;border-radius:var(--radius-sm);text-decoration:none !important;font-weight:600;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;}.ficha-2026 .ml-rating-cta:hover{background:#1f4f9f;}.ficha-2026 .transcript-details{margin-top:14px;border-top:1px solid var(--border);padding-top:14px;}.ficha-2026 .transcript-details summary{cursor:pointer;font-weight:600;color:var(--accent);font-size:13px;list-style:none;user-select:none;}.ficha-2026 .transcript-details summary::-webkit-details-marker{display:none;}.ficha-2026 .transcript-details summary::after{content:' ＋';font-size:14px;}.ficha-2026 .transcript-details[open] summary::after{content:' −';}.ficha-2026 .transcript-text{margin:12px 0 0;color:var(--text);font-size:13px;line-height:1.65;white-space:pre-wrap;max-height:360px;overflow-y:auto;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius-sm);}

/* Sustituye el style="font-size:13px;color:var(--text-muted)" que el generador
   dejaba inline en las ofertas sin precio actualizado. */
.ficha-2026 .shop-card__price--sd {
	font-size: 13px;
	color: var(--text-muted);
}

/* Metadatos de la opinion del experto (visualizaciones, fecha, duracion). */
.ficha-2026 .opinion-card__text--meta {
	color: var(--text-muted);
	font-size: 13px;
}

/* ---------- foto destacada de la ficha ---------- */

/* Astra la pinta "detras" del articulo y a lo ancho: estiraba una foto de
   469x600 hasta 1440x810, recortada y borrosa. Aca vuelve a ser lo que es, la
   foto de un equipo: tamaño propio, centrada sobre un panel claro. Las reglas
   de Astra viven en su CSS dinamico, asi que se les gana con el body. */
body.bt-ficha-single .site-content .ast-single-post-featured-section {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px auto 0;
	padding: 22px;
	max-width: 100%;
	width: auto;
	background: linear-gradient(180deg, #ffffff 0%, #eef2fa 100%);
	border: 1px solid #e5e8ef;
	border-radius: 12px;
	overflow: hidden;
}

body.bt-ficha-single .site-content .ast-single-post-featured-section img {
	width: auto;
	max-width: 100%;
	height: auto;
	/* Astra le clava 16/9 y object-fit:cover, que era el recorte raro. */
	aspect-ratio: auto;
	/* Nunca mas grande que su tamaño real: agrandarla la deja borrosa. */
	max-height: 340px;
	object-fit: contain;
	border-radius: 8px;
}

/* Sin el solape de -80px, que era lo que comia la mitad de la foto. */
body.bt-ficha-single.ast-separate-container .site-content .ast-single-post-featured-section + article {
	margin-top: 20px;
	z-index: auto;
}

@media (max-width: 599px) {
	body.bt-ficha-single .site-content .ast-single-post-featured-section {
		padding: 14px;
	}

	body.bt-ficha-single .site-content .ast-single-post-featured-section img {
		max-height: 260px;
	}
}

/* ---------- cabecera de la ficha con la foto ---------- */

/* La foto del equipo entra en la cabecera (ver bt_ficha_con_foto): al lado del
   nombre y de los datos gruesos, en vez de suelta y estirada arriba de todo. */
.ficha-2026 .ficha-hero--foto {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 18px;
	/* El degrade se apaga antes de llegar a la foto: donde apoya el equipo la
	   tarjeta sigue siendo blanca pura, para que no se note el fondo de la
	   imagen. Apilado, el color entra recien abajo del todo. */
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #f7faff 80%, #eef4ff 100%);
	border: 1px solid var(--border);
	border-radius: 16px;
	box-shadow: 0 10px 26px rgba(16, 29, 66, .07);
}

.ficha-2026 .ficha-hero--foto .ficha-hero__title {
	font-size: clamp(24px, 3.2vw, 34px) !important;
}

.ficha-2026 .ficha-hero__foto {
	margin: 0;
	flex: none;
	width: 340px;
	max-width: 85%;
	/* Las fotos vienen recortadas al equipo sobre blanco: sin sombra ni esquinas
	   redondeadas, el rectangulo de la foto se funde con la tarjeta y no se ve
	   que la imagen trae su propio fondo. La sombra la ponia el tema a todas las
	   imagenes del contenido. */
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
}

.ficha-2026 .ficha-hero__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

.ficha-2026 .ficha-hero__datos {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

/* Pantalla, memoria y bateria: lo primero que se pregunta y lo unico que no
   esta en las tarjetas de abajo. */
.ficha-2026 .ficha-hero__chips {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.ficha-2026 .ficha-hero__chips li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: var(--surface);
	border: 1px solid var(--border);
	color: var(--text);
	font-size: 13px;
	font-weight: 600;
	padding: 7px 13px 7px 11px;
	border-radius: 100px;
	box-shadow: var(--shadow-sm);
}

/* Cada dato con su icono: la fila de pastillas grises no se leia de un vistazo,
   habia que leer las seis para encontrar la bateria. Los iconos van por CSS
   porque son decoracion, no texto. */
.ficha-2026 .ficha-hero__chip::before {
	content: "";
	flex: none;
	width: 15px;
	height: 15px;
	background: center / 15px 15px no-repeat;
}

.ficha-2026 .ficha-hero__chip--pantalla::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}

.ficha-2026 .ficha-hero__chip--ram::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='10' rx='2'/%3E%3Cpath d='M7 17v3M12 17v3M17 17v3'/%3E%3C/svg%3E");
}

.ficha-2026 .ficha-hero__chip--memoria::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
}

.ficha-2026 .ficha-hero__chip--bateria::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='16' height='10' rx='2'/%3E%3Cpath d='M22 11v2'/%3E%3Cpath d='M5 11v2M9 11v2M13 11v2'/%3E%3C/svg%3E");
}

.ficha-2026 .ficha-hero__chip--red::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V9M10 20V5M15 20v-8M20 20V3'/%3E%3C/svg%3E");
}

.ficha-2026 .ficha-hero__chip--chip::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='1.5'/%3E%3Cpath d='M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4'/%3E%3C/svg%3E");
}

/* Gama: al lado de la marca, con su propio color. */
.ficha-2026 .ficha-hero__pastillas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.ficha-2026 .ficha-hero__gama {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 600;
	background: var(--surface-2);
	color: var(--text-muted);
}

.ficha-2026 .ficha-hero__gama--tope-de-gama,
.ficha-2026 .ficha-hero__gama--premium {
	background: #fdf1dc;
	color: #9a6212;
}

.ficha-2026 .ficha-hero__gama--gama-media {
	background: #e6f4ec;
	color: #0f7a52;
}

@media (min-width: 720px) {
	.ficha-2026 .ficha-hero--foto {
		flex-direction: row;
		align-items: center;
		text-align: left;
		gap: 26px;
		padding: 26px 28px;
		/* En dos columnas el color entra por el lado del texto. */
		background: linear-gradient(115deg, #ffffff 0%, #ffffff 46%, #f7faff 74%, #eef4ff 100%);
	}

	.ficha-2026 .ficha-hero__foto {
		/* En la franja donde el hero recien se pone en dos columnas, 380 px de
		   foto no dejan lugar para el nombre del modelo. */
		width: 260px;
		max-width: 260px;
	}

	.ficha-2026 .ficha-hero__datos {
		align-items: flex-start;
		gap: 14px;
	}

	.ficha-2026 .ficha-hero__chips,
	.ficha-2026 .ficha-hero__pastillas {
		justify-content: flex-start;
	}
}

@media (min-width: 1000px) {
	.ficha-2026 .ficha-hero__foto {
		width: 380px;
		max-width: 380px;
	}
}

/* ---------- relacionadas al pie de la ficha ---------- */

/* Dos caminos: mas de la misma marca y otros equipos de la misma gama. */
.bt-rel {
	margin: 32px 0 8px;
}

/* El bloque va fuera de .ficha-2026, asi que no hereda su box-sizing: sin esto
   el relleno de cada columna se suma al ancho y desborda en pantallas chicas. */
.bt-rel,
.bt-rel * {
	box-sizing: border-box;
}

.bt-rel__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.bt-rel__col {
	/* Los items de rejilla no bajan de su ancho de contenido salvo que se les
	   diga: la linea de datos va sin cortes y estiraba la columna. */
	min-width: 0;
	background: var(--surface, #ffffff);
	border: 1px solid var(--border, #e5e8ef);
	border-radius: 12px;
	padding: 18px 18px 16px;
}

.bt-rel__title {
	margin: 0 0 2px !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -.01em;
	color: var(--text, #1a1d24) !important;
	background: transparent !important;
	padding: 0 !important;
}

.bt-rel__bajada {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--text-muted, #6b7280);
}

.bt-rel__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bt-rel__item + .bt-rel__item {
	border-top: 1px solid var(--border, #e5e8ef);
}

.bt-rel__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 0;
	text-decoration: none !important;
	color: inherit;
	min-width: 0;
}

.bt-rel__media {
	flex: none;
	width: 52px;
	height: 52px;
	/* Las fotos vienen recortadas al equipo sobre blanco: entra entera. */
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}

.bt-rel__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	box-shadow: none;
	border-radius: 0;
}

.bt-rel__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bt-rel__nombre {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--text, #1a1d24);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color .15s;
}

.bt-rel__link:hover .bt-rel__nombre,
.bt-rel__link:focus-visible .bt-rel__nombre {
	color: var(--accent, #0066ff);
}

.bt-rel__datos {
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--text-muted, #6b7280);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bt-rel__ver {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: var(--accent, #0066ff);
	/* Astra subraya todo enlace dentro del contenido. */
	text-decoration: none !important;
}

.bt-rel__ver:hover,
.bt-rel__ver:focus-visible {
	text-decoration: underline !important;
}

@media (min-width: 900px) {
	.bt-rel__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

/* ---------- desborde horizontal en telefonos chicos ---------- */

/* El molde del generador dejaba la ficha con scroll lateral por debajo de
   400 px: la tarjeta de tienda se estiraba por el min-width del precio y por
   el min-width:auto que traen los items de una grilla, y la tabla de
   versiones no tenia por donde achicarse. */
@media (max-width: 600px) {
	.ficha-2026 .shop-grid > * {
		min-width: 0;
	}

	.ficha-2026 .shop-card {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.ficha-2026 .shop-card__price {
		min-width: 0;
	}

	.ficha-2026 .shop-card__name {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	/* La tabla se desplaza sola en vez de empujar la pagina entera. */
	.ficha-2026 .versions-table {
		display: block;
		overflow-x: auto;
	}
}