/* Portada (bocono-portada-css.php). Los paneles carbón de las bandas: el enlace del contenido va en vino, que sobre
   carbón da 1,6:1; aquí el enlace escribe en crema con subrayado fino y al pasar el ratón se queda sin subrayar. */
html body #content .bnc-home-banda__panel a:not(.bnc-boton) { color: var(--ink-invert, #F2E8DA); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
html body #content .bnc-home-banda__panel a:not(.bnc-boton):hover { color: var(--ink-invert, #F2E8DA); text-decoration: none; }
html body #content .bnc-home-banda__panel a:not(.bnc-boton):focus-visible { outline: 3px solid var(--focus, #D37B2F); outline-offset: 2px; }
/* El AeroPress (Carlos, 23/9: «el cuadro negro a la izquierda, no importa que tapes a los chicos de allí, pero que se vea
   el photocall y el mueble completos»): el panel es una columna carbón pegada al borde izquierdo, de arriba abajo, y la
   foto va corrida un 7,2 % a la derecha para que el photocall con la AeroPress dibujada y el mueble queden enteros a la
   vista. La foto se pinta a lo ancho de la banda, así que correrla no la escala: solo se pierde el póster del borde
   derecho; la franja que deja a la izquierda queda debajo de la columna. En el móvil la banda se apila y no cambia. */
@media (min-width: 768px) {
	html body #content .bnc-home-aeropress { padding: 0 var(--bnc-hueco) 0 0; align-items: stretch; }
	html body #content .bnc-home-aeropress .bnc-home-banda__panel { display: flex; flex-direction: column; justify-content: center; padding: 64px 40px 56px; }
	html body #content .bnc-home-aeropress > .bnc-home-banda__foto { left: 7.2%; right: -7.2%; }
	html body #content .bnc-home-aeropress .bnc-home-banda__foto img { object-position: 50% 60%; }
}